@charset "UTF-8";
html { box-sizing: border-box; }

*, *::before, *::after { box-sizing: inherit; }

ol, ul { margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: inherit; }

img, iframe { max-width: 100%; height: auto; vertical-align: bottom; }

.cf::before, .cf::after { content: ''; display: block; }

.cf::after { clear: both; }

.fl_l { float: left; }

.fl_r { float: right; }

.txt_c { text-align: center !important; }

.txt_l { text-align: left !important; }

.txt_r { text-align: right !important; }

.bold { font-weight: bold; }

.txt_navy { color: #013454; }

.txt_blue { color: #0084e6 !important; }

.img_c { display: block; max-width: 100%; height: auto; margin: 1.0rem auto; }

.img_l, .img_r { display: block; max-width: 80%; height: auto; margin: 1.0rem auto; }

.tate { max-width: 60%; }

@media all and (min-width: 64.063em) { .img_l { float: left; margin: 0 4.0rem 4.0rem 0; }
  .img_r { float: right; margin: 0 0 4.0rem 4.0rem; }
  .tate { max-width: 25% !important; } }
.sp_n { display: none; }

@media all and (min-width: 64.063em) { .sp_n { display: block; }
  .pc_n { display: none; } }
.mt40 { margin-top: 4.0rem; }

.mt30 { margin-top: 3.0rem; }

.mt20 { margin-top: 2.0rem; }

.mt10 { margin-top: 1.0rem; }

.mb30 { margin-bottom: 3rem; }

.wrap > section ~ section, .flex2 > section ~ section { margin-top: 4.0rem; }

.wrap > section section ~ section, .flex2 > section section ~ section { margin-top: 3.0rem; }

.wrap > section > section section ~ section, .flex2 > section > section section ~ section { margin-top: 2.0rem; }

.wrap > section > section > section section ~ section, .flex2 > section > section > section section ~ section { margin-top: 2.0rem; }

@media all and (min-width: 64.063em) { .mt40 { margin-top: 6.0rem; }
  .mt30 { margin-top: 6.0rem; }
  .mt20 { margin-top: 4.0rem; }
  .mt10 { margin-top: 2.0rem; }
  .wrap > section ~ section, .flex2 > section ~ section { margin-top: 6.0rem; }
  .wrap > section section ~ section, .flex2 > section section ~ section { margin-top: 6.0rem; }
  .wrap > section > section section ~ section, .flex2 > section > section section ~ section { margin-top: 4.0rem; }
  .wrap > section > section > section section ~ section, .flex2 > section > section > section section ~ section { margin-top: 2.0rem; } }
.scroll { overflow: auto; }

.scroll::-webkit-scrollbar { height: 6px; /*tableにスクロールバー追加*/ }

.scroll::-webkit-scrollbar-track { background: #F1F1F1; }

.scroll::-webkit-scrollbar-thumb { background: #BCBCBC; }

@media all and (min-width: 64.063em) { .scroll { overflow: none; } }
.tbl_time { width: 100%; border-collapse: collapse; font-size: 13.5pt; }
.tbl_time caption { font-size: 90%; caption-side: bottom; text-align: left; margin-top: .4rem; color: #333; }
.tbl_time tr th { font-weight: normal; border: 1px solid #ccc; }
.tbl_time tr th[scope="col"] { padding: .4rem 0; background: #9e8174; font-size: 90%; color: #fff; }
.tbl_time tr th[scope="col"]:first-child { width: 35%; }
.tbl_time tr th.time { border-bottom: 1px solid #b5b5b5; color: #333; }
.tbl_time tr td { text-align: center; padding: .6rem .4rem; border: 1px solid #ccc; color: #9e8174; font-size: 80%; border-bottom: 1px solid #b5b5b5; line-height: 1.0; }

@media all and (min-width: 64.063em) { .tbl_time { table-layout: fixed; font-size: 13.5pt; }
  .tbl_time caption { font-size: 85%; }
  .tbl_time tr th[scope="col"] { padding: .6rem 0; }
  .tbl_time tr th[scope="col"]:first-child { width: 30%; }
  .tbl_time tr td { padding: 2.0rem 0; } }
.gmap { width: 100%; height: 30.0rem; }
.gmap iframe { width: 100%; height: 100%; border: none; }
@media all and (min-width: 64.063em) { .gmap { height: 51rem; } }

.tit_01 { font-size: 18pt; color: #695547; text-align: center; font-weight: bold; padding: 2.0rem 1.0rem 3rem; }
.tit_01.pb_min { padding-bottom: 0; }

.tit_02 { color: #9e8174; font-weight: bold; font-size: 17pt; margin: 0 0 2.0rem; padding: 0 0 .8rem; border-bottom: 1px solid #707070; line-height: 1.2; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.tit_02::before { display: block; content: ''; width: .4rem; background: #B1A8A3; -webkit-flex: 0 0 0.3rem; flex: 0 0 0.3rem; margin: 0 .8rem 0 0; }
.tit_02 .tit_link { margin-top: 0.2rem; margin-left: 1.2rem; display: block; width: 100%; font-size: 85%; text-decoration: none !important; color: #2e2926 !important; }
.tit_02 .tit_link::after { font-family: "fontello"; content: "\e803"; margin-left: 0.6rem; }

.tit_03 { color: #2e2926; background: #F3EEEA; font-size: 16pt; font-weight: bold; padding: .4rem 1.0rem; line-height: 1.2; margin: 0 0 2.0rem; }
.tit_03 .tit_link { margin-top: 0.2rem; display: block; font-size: 85%; text-decoration: none !important; color: #9e8174 !important; }
.tit_03 .tit_link::after { font-family: "fontello"; content: "\e803"; margin-left: 0.6rem; }

.tit_04 { font-size: 15pt; line-height: 1.2; margin: 0 0 2.0rem; }
.tit_04::after { content: ""; display: block; width: 1.4em; height: .3rem; background: #B1A8A3; margin: .8rem 0 0; }

.tit_05 { font-size: 14pt; font-weight: bold; margin: 0 0 1.0rem; }

@media all and (min-width: 48em), print { .tit_01 { font-size: 18pt; padding: 3.0rem 2.0rem 5.0rem; }
  .tit_02 { font-size: 17pt; }
  .tit_03 { font-size: 16pt; }
  .tit_04 { font-size: 15pt; }
  .tit_05 { font-size: 14pt; } }
@media all and (min-width: 64.063em) { .tit_01 { font-size: 18pt; letter-spacing: .4rem; padding: 6.0rem 4.0rem 10.0rem; }
  .tit_01.pb_min { padding-bottom: 1.0rem; }
  .tit_02 { font-size: 17pt; margin: 0 0 3.0rem; }
  .tit_02::before { margin: 0 1.4rem 0 0; }
  .tit_02 .tit_wrap { display: inline-block; margin-right: 0.5em; }
  .tit_02 .tit_link { width: auto; margin-top: 0.1em; margin-left: 0; display: inline-block; }
  .tit_03 { font-size: 16pt; padding: 1.0rem 1.6rem; margin: 0 0 3.0rem; }
  .tit_03 .tit_wrap { display: inline-block; margin-right: 0.5em; }
  .tit_03 .tit_link { margin-top: 0; display: inline-block; }
  .tit_04 { font-size: 15pt; margin: 0 0 3.0rem; }
  .tit_05 { font-size: 14pt; margin: 0 0 1.4rem; } }
.lst_ul01 > li { padding: 0 0 1.0rem 1.4em; line-height: 1.4; position: relative; }
.lst_ul01 > li:last-child { padding: 0 0 0 1.4em; }
.lst_ul01 > li::before { content: '■'; color: #013454; font-size: .6em; position: absolute; left: 0; top: .45em; }
.lst_ul01 > li .lst_ul01 { margin-top: 0.5em; }
.lst_ul01 > li .lst_ul01 > li::before { color: #B1A8A3; }
.lst_ul01.kome > li::before { content: '※'; color: #333; font-size: 1.0em; top: 0; }
.lst_ul01.arrow > li::before { font-family: 'fontello'; content: '\e803'; color: #9e8174; font-size: .7em; }

.lst_ol01 { counter-reset: number 0; margin: 1.0rem 0; }
.lst_ol01 > li { line-height: 1.4; counter-increment: number 1; padding: 0 0 1.0rem 2.4em; position: relative; }
.lst_ol01 > li:last-child { padding: 0 0 0 2.4em; }
.lst_ol01 > li::before { display: inline-block; width: 1.4em; height: 1.4em; content: counter(number); background: #9e8174; color: #fff; font-family: 'Roboto', sans-serif; text-align: center; position: absolute; left: 0; }

.lst_dl01 dt { font-weight: bold; }
.lst_dl01 dd { margin: 0 0 1.0rem; }

@media all and (min-width: 64.063em) { .lst_ol01 li { padding: 0 0 1.0rem 3.6rem; }
  .lst_ol01 li:last-child { padding: 0 0 0 3.6rem; }
  .lst_dl01 { width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .lst_dl01 dt { width: 20%; }
  .lst_dl01 dd { width: 80%; padding: 0 1.0rem; } }
.flex3 { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.flex3 > li { width: 46%; }

.box_flex .img_flex { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.box_flex .img_flex li { width: 48%; }
.box_flex .photo { width: 90%; margin: auto; }
.box_flex .box_sec { margin: 3.0rem 0 0; }

@media all and (min-width: 64.063em) { .flex2 { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .flex2 > section, .flex2 > li { width: 48%; margin: 0 !important; }
  .flex2 > .w_half { width: 48%; }
  .flex3 { -webkit-justify-content: flex-start; justify-content: flex-start; }
  .flex3 > li { width: 32%; }
  .flex3 > li:not(:nth-child(3n)) { margin: 0 2.0rem 0 0; }
  .box_flex { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
  .box_flex .txt { width: 55%; }
  .box_flex .img_flex { width: 40%; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; justify-content: flex-start; }
  .box_flex .img_flex li { width: 100%; margin: 0 0 3.0rem; }
  .box_flex .box_sec { width: 60%; margin: 0; } }
.tel:not(.firstvisit) { color: #695547; font-family: 'Roboto', sans-serif; -webkit-display: inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; }
.tel:not(.firstvisit)::before { font-family: 'fontello'; content: '\e8ff'; font-size: 80%; margin: 0 .2rem 0 0; }
.tel:not(.firstvisit) a { color: #695547 !important; }

.box_blue { background: #edf8ff; padding: 1.0rem; }
@media all and (min-width: 64.063em) { .box_blue { padding: 2.0rem; } }

.box_blown { background: #F3EEEA; padding: 1.0rem; }
@media all and (min-width: 64.063em) { .box_blown { padding: 2.0rem; } }

.box_org { background: #ffe4b6; padding: 1.0rem; }
@media all and (min-width: 64.063em) { .box_org { padding: 2.0rem; } }

.btn_detail { display: inline-block; margin-top: 1.0rem; padding: .4rem 2.0rem; background: #9e8174; text-align: center; border: 1px solid #9e8174; color: #fff !important; text-decoration: none !important; }
.btn_detail::after { font-family: 'fontello'; content: '\e803'; margin-left: .6rem; }
.btn_detail.firstflow::after { content: '\e80a'; }
.btn_detail.firstflow.close::after { content: '\e80b'; }
@media all and (min-width: 64.063em) { .btn_detail { padding: 1.0rem 4.0rem; }
  .btn_detail:hover { background: #fff; color: #9e8174 !important; opacity: 1.0; } }

.tab_box input[type="radio"] { visibility: hidden; }
.tab_box .tab_btn { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.tab_box .tab_btn label { width: 50%; display: inline-block; text-align: center; font-weight: bold; color: #013454; padding: 0 0 .4rem; cursor: pointer; border-bottom: 2px solid #ddd; margin: 0 0 2.0rem; }
.tab_box .tab_area .tab_panel { display: none; }
.tab_box #tab_left:checked ~ .tab_btn .tit_left { border-bottom: 2px solid #013454; }
.tab_box #tab_left:checked ~ .tab_area #panel1 { display: block; }
.tab_box #tab_right:checked ~ .tab_btn .tit_right { border-bottom: 2px solid #013454; }
.tab_box #tab_right:checked ~ .tab_area #panel2 { display: block; }

@media all and (min-width: 64.063em) { .tab_box .tab_btn { max-width: 1200px; margin: 0 auto 2.0rem; }
  .tab_box .tab_btn label { margin: 0 0 6.0rem; font-size: 2.4rem; padding: 2.0rem; border-bottom: 4px solid #ddd; }
  .tab_box .tab_btn label:hover { opacity: 1.0; border-bottom: 4px solid #013454; }
  .tab_box #tab_left:checked ~ .tab_btn .tit_left { border-bottom: 4px solid #013454; }
  .tab_box #tab_right:checked ~ .tab_btn .tit_right { border-bottom: 4px solid #013454; } }
.underline { background: linear-gradient(transparent 50%, #ff0 0%); }

.dl dd { margin-left: 0; }
.dl dd:not(:last-child) { padding-bottom: .5em; }

/*初診予約バナー*/
     /* a.firstbnr { padding: 0 2rem; border: 2px solid #0084e6; color: #0084e6; text-decoration: none!important; font-size: 2rem; display: flex; justify-content: center; align-items: center; text-align: center; margin: 5rem auto 0!important;   height: 80px; width:100%;  margin:  auto; @include pc { width: 400px;  } &::before { font-size: 3rem; content: ''; font-family: 'fontello'; content: '\e75f'; margin-right: 1rem;
 } }*/
html { font-size: calc(100vw / 32); font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic medium", "游ゴシック Medium", Meiryo, sans-serif; }

body { background: #fff; color: #333; }
body::after { visibility: hidden; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; z-index: 2; opacity: 0; -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; }
body.noscr { height: 100%; overflow: hidden; }
body.noscr::after { visibility: visible; opacity: 1; }

a { color: inherit; text-decoration: none; }

.main { font-size: 3.6vw; line-height: 1.6; }
.main a:not([href*="tel"]) { text-decoration: underline; }
.main a[class*="btn_"] { text-decoration: none; }

@media all and (min-width: 48em), print { html { font-size: 62.5%; }
  .main { font-size: 13.5pt; } }
@media all and (min-width: 64.063em) { body::after { display: none; }
  .main { font-size: 12.5pt; }
  .wrap { max-width: 1200px; margin: auto; }
  a, button { transition: .2s; }
  a:hover, button:hover { opacity: .8; } }
a.noline { color: #333 !important; text-decoration: none !important; }

@font-face { font-family: 'fontello'; src: url("fontello/font/fontello.eot"); src: url("fontello/font/fontello.eot#iefix") format("embedded-opentype"), url("fontello/font/fontello.woff2") format("woff2"), url("fontello/font/fontello.woff") format("woff"), url("fontello/font/fontello.ttf") format("truetype"), url("fontello/font/fontello.svg#fontello") format("svg"); }
/*.header_fix{ position: sticky; top:0; z-index: 51;    
}*/
.header { /*padding: 2.4vw;*/ background: #fff; margin-bottom: 60px; -webkit-align-items: center; align-items: center; -webkit-box-shadow: 0 0.2rem 0.4rem rgba(204, 204, 204, 0.3); box-shadow: 0 0.2rem 0.4rem rgba(204, 204, 204, 0.3); position: relative; z-index: 5; }
.header .logo { padding: 2.4vw 2.4vw 0; width: 100%; height: 4.4rem; margin: 0 1.0rem 0 0; }
.header .logo a { display: block; width: 100%; height: 100%; background: url(../img/logo_sp.png) no-repeat center center/contain; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.header .headR .tel_area { text-align: center; }
.header .headR .tel_area li.yoyaku { font-size: 2.0vw; color: #695547; border: 1px solid #695547; padding: .5rem; margin: 0 0 .2rem; width: 8rem; }
.header .headR .tel_area li.yoyaku span { display: none; }
.header .headR .tel_area li .tel { font-size: 4.2vw; }
.header .headR .sp_area { width: 100%; background: #f7fafd; display: flex; justify-content: flex-start; margin-right: 20%; }
.header .headR .sp_area li { width: 20%; }
.header .lnav { position: absolute; display: flex; align-items: center; width: 100%; height: 60px; background: #f7fafd; }
.header .lnav.fixed { position: fixed; top: 0; width: 100%; z-index: 1000; }
.header .lnav > li { flex: 1; }
.header .lnav > li:not(:last-child) { border-right: 1px solid #d9d9df; }
.header .lnav > li > a, .header .lnav > li button { display: block; width: 100%; height: 5.0rem; padding: 1.0rem 0.8rem 0.5rem; font-size: 1.2rem; white-space: nowrap; text-align: center; color: inherit; background: transparent; border: 0; color: #013454; }
.header .lnav > li > a::before, .header .lnav > li button::before { display: block; margin-bottom: 0.5rem; font-family: 'fontello'; font-size: 1.5rem; color: #6495d4; }
.header .lnav > li > a.home::before, .header .lnav > li button.home::before { transform: scale(0.9); content: '\e802'; }
.header .lnav > li > a.call::before, .header .lnav > li button.call::before { content: '\e801'; }
.header .lnav > li > a.rsv::before, .header .lnav > li button.rsv::before { content: '\e8f0'; }
.header .lnav > li > a.access::before, .header .lnav > li button.access::before { transform: scale(1.1); content: '\e868'; }

@media all and (min-width: 48em), print { .header { height: auto; margin-bottom: 0; -webkit-justify-content: space-between; justify-content: space-between; }
  .header .logo { max-width: 100%; height: 6.0rem; padding: 2.0vw 2.0vw 1vw; }
  .header .logo a { display: block; width: 100%; height: 100%; background: url(../img/logo_sp.png) no-repeat center center/contain; text-indent: 100%; white-space: nowrap; overflow: hidden; }
  .header .headR { margin: 0 12vw 0 0; }
  .header .headR .tel_area { text-align: center; }
  .header .headR .tel_area li.yoyaku { font-size: 2.0vw; border: 1px solid #695547; padding: .2rem; margin: 0 0 .2rem; width: 10rem; }
  .header .headR .tel_area li.yoyaku span { display: none; }
  .header .headR .tel_area li .tel { font-size: 3.2vw; } }
@media all and (min-width: 64.063em) { .header { height: auto; margin-bottom: 0; padding: 1.0rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
  .header .logo { width: 35.0rem; height: 7.0rem; padding: 0; }
  .header .logo a { background: url(../img/logo.png) no-repeat left center/contain; }
  .header .headR { -webkit-flex: 1; flex: 1; max-width: auto; margin: 0; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; -webkit-flex: 1; flex: 1; }
  .header .headR .tel_area { max-width: 25.0rem; margin: 0 0 0 1.0rem; }
  .header .headR .tel_area li.yoyaku { line-height: 1.4; font-size: 1.9rem; margin: 0 0 .4rem; width: auto; padding: .2rem; }
  .header .headR .tel_area li.yoyaku span { display: block; font-size: 50%; }
  .header .headR .tel_area li .tel { font-size: 2.0rem; -webkit-justify-content: center; justify-content: center; }
  .header .lnav { display: none; } }
.slicknav_menu { /*position: absolute; top: 5.4rem; right: 0rem;*/ position: relative; font-size: 6.0vw; display: inline-block; background: none; padding: 0; z-index: 100; }
.slicknav_menu .slicknav_btn { /* width: 12.0vw; height:12.0vw;*/ color: #013454; background: none; text-shadow: none; border-radius: 0; text-align: center; line-height: 1.0; margin: 0.8rem 1rem 0; padding: 0; }
.slicknav_menu .slicknav_btn.slicknav_collapsed::before { display: block; font-family: 'fontello'; content: '\f0c9'; line-height: .8; color: #6495d4; margin: 0 auto .8rem; }
.slicknav_menu .slicknav_btn.slicknav_collapsed::after { display: block; content: 'MENU'; font-size: 1.2rem; }
.slicknav_menu .slicknav_btn.slicknav_open::before { display: block; font-family: 'fontello'; content: '\e807'; color: #6495d4; line-height: .8; margin: 0 0 .8rem; }
.slicknav_menu .slicknav_btn.slicknav_open::after { display: block; content: 'CLOSE'; font-size: 1.2rem; }
.slicknav_menu .slicknav_nav { width: 90vw; max-height: 75vh; overflow-y: auto; background: #fff; padding: 4.0vw; border-top: 1px solid #013454; position: absolute; top: 6rem; right: 0; margin: auto; }
.slicknav_menu .slicknav_nav a { color: inherit; }
.slicknav_menu .slicknav_nav .gnav { margin: 0; }
.slicknav_menu .slicknav_nav .gnav li a { display: block; color: #013454 !important; padding: 3.0vw 0; font-size: 4.6vw; font-weight: bold; margin: 0; position: relative; }
.slicknav_menu .slicknav_nav .gnav li a.sub { background: none; border: none; }
.slicknav_menu .slicknav_nav .gnav li a.sub::after { position: absolute; right: 1.0rem; font-family: 'fontello'; content: '\e805'; }
.slicknav_menu .slicknav_nav .gnav li a:hover { color: inherit; background: none; }
.slicknav_menu .slicknav_nav .gnav li.slicknav_parent a.slicknav_item { padding: 0; }
.slicknav_menu .slicknav_nav .gnav li.slicknav_parent ul li:last-child { border: none; }
.slicknav_menu .slicknav_nav .gnav li.slicknav_open > a.slicknav_item .sub::after { font-family: 'fontello'; content: '\e800'; }
.slicknav_menu .slicknav_nav .gnav li .subnav { margin: 0; }
.slicknav_menu .slicknav_nav .gnav li .subnav .midashi { display: none; }
.slicknav_menu .slicknav_nav .gnav li .subnav li.tit { font-weight: bold; font-size: 1.6rem; width: 100%; border-bottom: 3px solid #156082; color: #013454; }
.slicknav_menu .slicknav_nav .gnav li .subnav li.tit::before { display: none; }
.slicknav_menu .slicknav_nav .gnav li .subnav li a { padding: 1.0rem; font-weight: normal; font-size: 1.4rem; }
.slicknav_menu .slicknav_nav .gnav li .subnav li a::before { font-family: 'fontello'; content: '\e8fc'; margin: 0 1.0rem 0 0; }
.slicknav_menu .slicknav_nav .gnav li .subnav li a:hover { color: #013454 !important; background: none; }
.slicknav_menu .slicknav_icon, .slicknav_menu .slicknav_icon-bar, .slicknav_menu .slicknav_arrow, .slicknav_menu .slicknav_row:after { display: none !important; }

#nav { display: none; }

@media all and (min-width: 48em), print { .slicknav_menu { font-size: 1.2rem; }
  .slicknav_menu .slicknav_btn { margin: 1.5rem 0 0 6rem; }
  .slicknav_menu .slicknav_btn.slicknav_collapsed::before { margin: 0 0 1.6vw; }
  .slicknav_menu .slicknav_btn.slicknav_collapsed::after { font-size: 1.2rem; }
  .slicknav_menu .slicknav_btn.slicknav_open::before { margin: 0 0 1.6vw; }
  .slicknav_menu .slicknav_btn.slicknav_open::after { font-size: 1.8vw; }
  .slicknav_menu .slicknav_nav { max-height: 85vh; top: 8.0vw; }
  .slicknav_menu .slicknav_nav .gnav li a { padding: 1.0vw 0; font-size: 2.6vw; }
  .slicknav_menu .slicknav_nav .gnav li .subnav li a { font-size: 2.4vw; } }
@media all and (min-width: 64.063em) { .slicknav_menu { display: none; }
  #nav { display: block; color: #695547; }
  #nav .gnav { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; }
  #nav .gnav li a { display: block; padding: .4vw; text-align: center; font-size: 1.8rem; padding: 1.0rem; border-bottom: 1px solid transparent; }
  #nav .gnav li a:hover { border-bottom: 1px solid #695547; opacity: 1.0; }
  #nav .gnav li a.sub::after { content: '▼'; font-size: 60%; margin: 0 0 0 .6rem; }
  #nav .gnav li a.sub.close::after { content: '▲'; }
  #nav .gnav li .subnav { width: 100%; background: #fff; padding: 2.0rem; visibility: hidden; margin: auto; position: absolute; top: 9.0rem; left: 0; right: 0; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
  #nav .gnav li .subnav .midashi { font-weight: bold; font-size: 2.4rem; margin: auto; width: 40%; text-align: right; padding-right: 6rem; }
  #nav .gnav li .subnav .midashi::before { display: none; }
  #nav .gnav li .subnav .subnav02 { width: 60%; display: flex; justify-content: flex-start; flex-wrap: wrap; }
  #nav .gnav li .subnav li { width: 33%; }
  #nav .gnav li .subnav li::before { font-family: 'fontello'; content: '\e8fc'; margin: 0 .6rem 0 0; }
  #nav .gnav li .subnav li a { display: inline-block; padding: .6rem 0; }
  #nav .gnav li .subnav li.tit { font-weight: bold; font-size: 2rem; padding-bottom: 5px; margin-bottom: 10px; width: 100%; border-bottom: 3px solid #156082; }
  #nav .gnav li .subnav li.tit::before { display: none; }
  #nav .gnav li .subnav li.col1 { width: 100%; }
  #nav .gnav li .subnav li.col1::before { font-family: 'fontello'; content: '\e8fc'; margin: 0 .6rem 0 0; } }
.footer { background: #9e8174; }
.footer .copy { width: 100%; display: block; color: #fff; text-align: center; padding: 1.8vw 2.6vw; font-size: 2.6vw; }
.footer .copy a { color: inherit; }

@media all and (min-width: 48em), print { .footer { margin-bottom: 0; }
  .footer .copy { padding: 1.0vw 2.6vw; font-size: 1.8vw; } }
@media all and (min-width: 64.063em) { .footer { margin-bottom: 0rem; }
  .footer .copy { max-width: 180.0rem; margin: auto; padding: 1.0rem; font-size: 1.4rem; text-align: center; } }
:target::before { content: ''; display: block; height: 80px; margin-top: -80px; }

@media all and (min-width: 64.063em) { :target::before { display: none; } }
body.index .main { margin: 0; /*height: calc( 100vh - 5.0rem);
@include flex;
@include SetPrefix(justify-content, space-between);
@include SetPrefix(flex-direction, column); // 縦並び*/ }
body.index .main .tit_01 { padding-top: 0rem; }

@media all and (min-width: 48em), print { body.index { /*overflow: hidden;*/ } }
@keyframes slideIn { 0% { opacity: 0; transform: translate(-100px); }
  100% { opacity: 1; transform: translate(0); } }
@keyframes bg_up { 0% { background-position: center top; }
  100% { background-position: center bottom; } }
.keyvsl { width: 100%; /*height: 100vh;*/ height: 20rem; overflow: hidden; position: relative; }
.keyvsl .catch { color: #fff; font-size: 4.4vw; letter-spacing: .4rem; line-height: 1.4; font-family: 'Sawarabi Mincho', serif; margin: 1vh .8em 0; text-shadow: #4e3b2f 1px 1px 6px, #4e3b2f -1px 1px 6px, #4e3b2f 1px -1px 6px, #4e3b2f -1px -1px 6px, #4e3b2f 2px 2px 6px, #4e3b2f -2px 2px 6px, #4e3b2f 2px -2px 6px, #4e3b2f -2px -2px 6px; }
.keyvsl .catch .line { opacity: 0; display: block; }
.keyvsl .catch .letter { opacity: 0; display: inline-block; }
.keyvsl .catch.is-visible .line { opacity: 1.0; }
.keyvsl .catch.is-visible .letter { animation: slideIn 1s cubic-bezier(0, 1.2, 0.13, 1.5) forwards; }
.keyvsl #kv_switch { width: 100%; height: 100vh; overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; }
.keyvsl #kv_switch > div { width: 100%; height: 20rem; /*overflow: hidden;*/ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; animation: bg_up 17s linear; }
.keyvsl #kv_switch > div.kv01 { background: url("../img/index_keyvsl01.jpg") no-repeat center bottom/cover; }
.keyvsl #kv_switch > div.kv02 { background: url("../img/index_keyvsl02.jpg") no-repeat center bottom/cover; }
.keyvsl #kv_switch > div.kv03 { background: url("../img/index_keyvsl03.jpg") no-repeat center bottom/cover; }
.keyvsl #kv_switch > div.kv04 { background: url("../img/index_keyvsl04.jpg") no-repeat center bottom/cover; }

@media all and (min-width: 48em), print { .keyvsl { width: 100%; height: 40rem; overflow: hidden; position: relative; }
  .keyvsl .catch { font-size: 4.0vw; margin: 5.5vh .8rem 0; text-shadow: #635046 1px 1px 10px, #635046 -1px 1px 10px, #635046 1px -1px 10px, #635046 -1px -1px 10px; }
  .keyvsl #kv_switch { height: 40rem; }
  .keyvsl #kv_switch > div { height: 40rem; } }
@media all and (min-width: 64.063em) { @keyframes bg_up { 0% { background-position: center top -10.0rem; }
    100% { background-position: center bottom; } }
  .keyvsl { height: 600px; }
  .keyvsl .catch { display: block; width: 1200px; max-width: 100%; padding: 0 1rem; font-size: 4.0rem; margin: 5.0vh auto 0; }
  .keyvsl #kv_switch { height: 60rem; }
  .keyvsl #kv_switch > div { height: 100%; animation: bg_up 17s linear; }
  .keyvsl #kv_switch > div.kv01 { background: url("../img/index_keyvsl01.jpg") no-repeat center bottom/cover; }
  .keyvsl #kv_switch > div.kv02 { background: url("../img/index_keyvsl02.jpg") no-repeat center bottom/cover; }
  .keyvsl #kv_switch > div.kv03 { background: url("../img/index_keyvsl03.jpg") no-repeat center bottom/cover; }
  .keyvsl #kv_switch > div.kv04 { background: url("../img/index_keyvsl04.jpg") no-repeat center bottom/cover; } }
#first { margin: 2rem 1rem; }
#first ul { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; gap: .1rem;     /*li.first_02 { height: 80px;

 a { padding: 0 2rem; border: 2px solid #0084e6; color: #0084e6; text-decoration: none; font-size: 2rem; display: flex; justify-content: center; align-items: center; text-align: center; height: 100%;


 &::before { font-size: 3rem; content: ''; font-family: 'fontello'; content: '\e75f'; margin-right: 1rem;
 } } }*/ }
#first ul li { flex: 1; }
#first ul li a { border: 1px solid #013454; padding: 1rem; width: 100%; display: inline-block; text-decoration: none; text-align: center; color: #013454; font-weight: bold; }
#first ul li a::before { font-family: "fontello"; margin: 0 0 .5rem; padding-right: 0; font-size: 2.2rem; font-weight: normal; vertical-align: middle; line-height: 1; display: block; }
#first ul li a.first::before { content: "\e8A2"; }
#first ul li a.first_rsv::before { content: "\e75f"; }
#first ul li a.faq::before { content: "\e8f1"; }
#first .tbl_time { margin-top: 1.5rem; }
@media all and (min-width: 48em), print { #first { margin: 4rem 0 0; }
  #first ul { gap: 2rem;       /*li.first_02 { height: 125px;

 a { &::before { font-size: 4rem;
 } } }*/ }
  #first ul li a { font-size: 2rem; }
  #first ul li a::before { font-size: 5.2rem; } }
@media all and (min-width: 64.063em) { #first { margin: 4rem 0 0; }
  #first ul { flex-wrap: nowrap; width: 1185px; margin: 0; }
  #first ul li a:hover { background: #013454; color: #fff; }
  #first ul li a:hover::before { color: #fff; }
  #first .tbl_time { display: none !important; } }

#overview { margin: 2rem 1rem; }
#overview .wrap > section > section { margin-top: 2rem; }
#overview dl { font-size: 1.2rem; }
@media all and (min-width: 64.063em) { #overview { margin: 4rem 0; }
  #overview .wrap > section > section { margin-top: 4rem; }
  #overview dl { font-size: 1.6rem; } }

#pickup { margin: 3rem 1rem 0; }
#pickup ul.nav_tit { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; border-bottom: 1px solid #9e8174; }
#pickup ul.nav_tit li { width: 33%; }
#pickup ul.nav_tit li a:hover, #pickup ul.nav_tit li a.active { background: #9e8174; color: #FFF; }
#pickup ul.nav_tit li a { width: 100%; display: inline-block; font-size: 1.2rem; padding: 1rem .5rem 0; vertical-align: middle; background: #FFF; text-align: center; border: 1px solid #9e8174; border-bottom: none; color: #9e8174; text-decoration: none !important; position: relative; }
#pickup ul.nav_tit li a::before { font-family: 'fontello'; margin-left: 0; padding-right: 0; font-size: 1.4rem; vertical-align: middle; line-height: 1; content: attr(data-icon); display: block; }
#pickup ul.nav_tit li a.about::after { display: block; font-size: 1.4rem; padding: 0; margin: 0; font-family: 'fontello'; content: '\e805'; line-height: 1; }
#pickup ul.nav_tit li a.about::before { content: '\f0f8'; }
#pickup ul.nav_tit li a.treatment::after { display: block; font-size: 1.4rem; padding: 0; margin: 0; font-family: 'fontello'; content: '\e805'; line-height: 1; }
#pickup ul.nav_tit li a.treatment::before { content: '\E893'; }
#pickup ul.nav_tit li a.firstvisit::before { content: '\E8A2'; }
#pickup ul.nav_tit li a.access { padding-bottom: 1.4rem; }
#pickup ul.nav_tit li a.access::before { content: '\E871'; }
#pickup .pickup_nav { width: 100%; background: #fff; padding: 1.0rem; margin: auto; border: 1px solid #9e8174; border-top: none; }
#pickup .pickup_nav ul { width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#pickup .pickup_nav ul li { width: 50%; list-style: none; }
#pickup .pickup_nav ul li::before { font-family: 'fontello'; content: '\e8fc'; margin: 0 .6rem 0 0; color: #333; }
#pickup .pickup_nav ul li.tit { font-weight: bold; font-size: 1.6rem; width: 100%; border-bottom: 3px solid #9e8174; color: #695547; }
#pickup .pickup_nav ul li.tit::before { display: none; }
#pickup .pickup_nav ul li a { color: #333; display: inline-block; padding: .6rem 0; text-decoration: none; }
#pickup .tbl_time { display: none; }

@media all and (min-width: 64.063em) { #pickup { margin-top: 4.5rem 0 0; }
  #pickup ul.nav_tit { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; }
  #pickup ul.nav_tit li { width: 30%; }
  #pickup ul.nav_tit li a:hover, #pickup ul.nav_tit li a.active { background: #9e8174; color: #FFF; }
  #pickup ul.nav_tit li a { width: 100%; display: inline-block; font-size: 1.6rem; padding: 1.5rem .5rem 2rem; vertical-align: middle; background: #FFF; text-align: center; border: 1px solid #9e8174; border-bottom: none; color: #9e8174; text-decoration: none !important; position: relative; }
  #pickup ul.nav_tit li a::before { display: inline-block; font-family: 'fontello'; margin-left: .6rem; padding-right: 2rem; font-size: 2rem; vertical-align: middle; line-height: 1; content: attr(data-icon); }
  #pickup ul.nav_tit li a.about::after { position: absolute; bottom: -.5rem; font-size: 2rem; right: 45%; content: ''; font-family: 'fontello'; content: '\e805'; padding: 1rem 0; }
  #pickup ul.nav_tit li a.about::before { content: '\f0f8'; }
  #pickup ul.nav_tit li a.treatment::after { position: absolute; bottom: -.5rem; font-size: 2rem; right: 45%; content: ''; font-family: 'fontello'; content: '\e805'; padding: 1rem 0; }
  #pickup ul.nav_tit li a.treatment::before { content: '\E893'; }
  #pickup ul.nav_tit li a.firstvisit::before { content: '\E8A2'; }
  #pickup ul.nav_tit li a.access { padding-top: 2rem; }
  #pickup ul.nav_tit li a.access::before { content: '\E871'; padding-bottom: .7rem; }
  #pickup .pickup_nav { width: 100%; background: #fff; padding: 1rem 2rem; margin: auto; }
  #pickup .pickup_nav ul { width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #pickup .pickup_nav ul li { list-style: none; }
  #pickup .pickup_nav ul li.tit { font-weight: bold; font-size: 2.4rem; width: 100%; border-bottom: 3px solid #9e8174; }
  #pickup .pickup_nav ul li.tit::before { display: none; }
  #pickup .pickup_nav ul li::before { font-family: 'fontello'; content: '\e8fc'; margin: 0 .6rem 0 0; color: #333; }
  #pickup .pickup_nav ul li a { display: inline-block; padding: .6rem 0; text-decoration: none; }
  #pickup .tbl_time { margin: 2rem 0; display: table; } }
.main #trouble { width: 100%; background: #F3EEEA; padding: 3rem 1rem; }
.main #trouble h2 { padding-bottom: 1.5rem; }
.main #trouble ul.lst_trouble { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; width: 100%; }
.main #trouble ul.lst_trouble li { width: 48%; text-align: center; }
.main #trouble ul.lst_trouble li a { width: 100%; display: flex; justify-content: center; align-items: center; height: 5rem; border: 1px solid; border-radius: 3px; background: #fff; text-decoration: none; font-size: 1rem; letter-spacing: 1px; padding: .5rem 4rem .5rem 0; position: relative; }
.main #trouble ul.lst_trouble li a::after { display: block; content: ""; position: absolute; right: 0; aspect-ratio: 4 / 5; height: 100%; width: auto; border-radius: 0 2px 2px 0; }
.main #trouble ul.lst_trouble li a.diabetes { border-color: #013454; color: #013454; }
.main #trouble ul.lst_trouble li a.diabetes::after { background: url(../img/diabetes_01.jpg) no-repeat left center/cover; }
.main #trouble ul.lst_trouble li a.insulin { border-color: #013454; color: #013454; }
.main #trouble ul.lst_trouble li a.insulin::after { background: url(../img/insulin_01.jpg) no-repeat center center/cover; }
.main #trouble ul.lst_trouble li a.type1-diabetes { border-color: #013454; color: #013454; }
.main #trouble ul.lst_trouble li a.type1-diabetes::after { background: url(../img/type1-diabetes_01.jpg) no-repeat right center/cover; }
.main #trouble ul.lst_trouble li a.type1-diabetes_pediatric { border-color: #013454; color: #013454; }
.main #trouble ul.lst_trouble li a.type1-diabetes_pediatric::after { background: url(../img/type1-diabetes_pediatric_01.jpg) no-repeat center center/cover; }
.main #trouble ul.lst_trouble li a.diabetes_review { border-color: #013454; color: #013454; }
.main #trouble ul.lst_trouble li a.diabetes_review::after { background: url(../img/diabetes_review_01.jpg) no-repeat center center/cover; }
.main #trouble ul.lst_trouble li a.treatment_resumption_project { border-color: #013454; color: #013454; }
.main #trouble ul.lst_trouble li a.treatment_resumption_project::after { background: url(../img/diabetes_01.jpg) no-repeat left center/cover; }
.main #trouble ul.lst_trouble li a.lifestyle { border-color: #9033B0; color: #9033B0; }
.main #trouble ul.lst_trouble li a.lifestyle::after { background: url(../img/diabetes_01.jpg) no-repeat left center/cover; }
.main #trouble ul.lst_trouble li a.thyroid_gland { border-color: #9033B0; color: #9033B0; }
.main #trouble ul.lst_trouble li a.thyroid_gland::after { background: url(../img/thyroid_gland_02.jpg) no-repeat right center/cover; }
.main #trouble ul.lst_trouble li a.cgm { border-color: #013454; color: #013454; }
.main #trouble ul.lst_trouble li a.cgm::after { background: url(../img/cgm_01.jpg) no-repeat right center/cover; }
.main #trouble ul.lst_trouble li a.fever { border-color: #F39D10; color: #F39D10; }
.main #trouble ul.lst_trouble li a.fever::after { background: url(../img/fever_01.jpg) no-repeat center center/cover; }
.main #trouble ul.lst_trouble li:last-child, .main #trouble ul.lst_trouble li:nth-last-child(2) { margin-bottom: 0; }
@media all and (min-width: 64.063em) { .main #trouble { width: 100%; padding: 4.5rem 0; }
  .main #trouble h2 { padding-bottom: 4rem; }
  .main #trouble ul.lst_trouble { display: flex; justify-content: space-between; gap: 0; flex-wrap: wrap; width: 100%; margin: 0 auto; }
  .main #trouble ul.lst_trouble li { width: 32%; text-align: center; margin-bottom: 2rem; }
  .main #trouble ul.lst_trouble li a { font-size: 2.2rem; padding: 2.2rem 13rem 2.2rem 0; border: 2px solid #000; border-radius: 6px; height: 10rem; }
  .main #trouble ul.lst_trouble li a::after { display: block; content: ""; position: absolute; right: 0; aspect-ratio: 4 / 3; height: 100%; width: auto; border-radius: 0 4px 4px 0; } }

.main #features { width: 100%; padding: 3rem 1rem; margin-bottom: 3rem; }
.main #features h2 { padding-bottom: 1.5rem; }
.main #features h3 { margin: 0; }
.main #features .box_flex .txt section { margin-bottom: 2rem; }
.main #features .box_flex .img_flex { gap: .5rem; }
@media all and (min-width: 64.063em) { .main #features { padding: 5rem 1rem; }
  .main #features h2 { padding-bottom: 4rem; }
  .main #features .box_flex .txt { width: calc(76% - 5rem); }
  .main #features .box_flex .txt section { margin-bottom: 4rem; }
  .main #features .box_flex .img_flex { width: 24%; } }

.main #greeting { width: 100%; padding: 3rem 1rem; margin-bottom: 3rem; }
.main #greeting h2 { padding-bottom: 1.5rem; }
.main #greeting .box_flex .photo { width: 60%; }
@media all and (min-width: 64.063em) { .main #greeting { padding: 5rem 1rem; margin-bottom: 4.5rem; }
  .main #greeting h2 { padding-bottom: 4rem; }
  .main #greeting .box_flex .txt { width: calc(70% - 5rem); }
  .main #greeting .box_flex .txt .name { font-size: 120%; }
  .main #greeting .box_flex .photo { width: 30%; } }

.main #info { margin: 3rem 1rem; }
.main #info h2 { padding-bottom: 1.5rem; }
.main #info li { font-size: 1.2rem; line-height: 1.4; }
.main #info li a { display: block; height: 5.0rem; padding: 1.0rem; color: #695547; text-decoration: none; border-bottom: 1px solid #333; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.main #info li a span.date { display: block; margin: 0 1.0rem 0 0; width: 3.6rem; text-align: center; }
.main #info li a span.date .year { display: block; font-size: 70%; border-bottom: 1px solid #333; padding: 0 0 .2rem; margin: 0 0 .2rem; }
.main #info li .tit { -webkit-flex: 1; flex: 1; height: 100%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; overflow: hidden; }

@media all and (min-width: 48em), print { .main #info { margin: 4.5rem 1rem; padding-bottom: 3rem; }
  .main #info li { font-size: 1.4rem; }
  .main #info li a { height: 7.0rem; }
  .main #info li a span.date { width: 7.0rem; } }
@media all and (min-width: 64.063em) { .main #info { margin: 4.5rem auto; }
  .main #info ul { margin-bottom: 2rem; }
  .main #info ul li { font-size: 1.6rem; }
  .main #info ul li a { width: 95%; height: 8.0rem; padding: 0 3.0rem; }
  .main #info ul li a span.date { width: 6.0rem; }
  .main #info ul li a:hover { background: #e4f3fc; color: #0071b8; border-radius: .6rem; } }
/*body.index { .footer { background: none; position: absolute; left: 0; right: 0; bottom: 0; }
}*/
body:not(.index) { /*@include flex;
@include SetPrefix(flex-direction, column); // 縦並び
min-height: 100vh;*/ }
body:not(.index) .main { /*@include SetPrefix(flex, 1);*/ margin: 0 1.0rem 4.0rem; }
body:not(.index) .main a { color: #0084e6; }
@media all and (min-width: 48em), print { body:not(.index) .main { margin: 0 0 8.0rem; }
  body:not(.index) .main > .wrap { width: 85%; margin: auto; } }
@media all and (min-width: 64.063em) { body:not(.index) .main { margin: 0 0 12.0rem; }
  body:not(.index) .main > .wrap { width: 95%; }
  body:not(.index) .cf .img_l, body:not(.index) .cf .img_r { max-width: 40%; height: auto; } }

@media all and (min-width: 64.063em) { .lead_txt { text-align: center; } }
.box_flex .photo { width: 100%; }
.box_flex .photo p { margin: 0; background: rgba(51, 51, 51, 0.7); padding: 1.0rem; color: #fff; }

@media all and (min-width: 64.063em) { .box_flex .txt { width: 50%; }
  .box_flex .photo { width: 50%; margin: 0 0 0 4.0rem; }
  .box_flex .photo p { margin: -7.0rem 0 0; position: relative; z-index: 1; } }
.qa dt { margin: 0 0 1.0rem; font-size: 120%; }
.qa dd { margin: 0 0 2.0rem; }

@media all and (min-width: 48em), print { .qa dt { margin: 0 0 1.6rem; }
  .qa dd { margin: 0 0 3.0rem; } }
.box_blue.lst_ol01 li { margin: 0 0 1.0rem; }

.agree { display: block; margin: 0 0 3.0rem; }
.agree + .btn_detail { padding: 1.0rem 10.0rem; }
.agree + .btn_detail.gray { background: #ddd; color: #999 !important; border: 1px solid #999; pointer-events: none; }

#flow { display: none; }
#flow .flow { font-size: 120%; }
#flow .flow > dt { padding: 1.0rem; text-align: center; }
#flow .flow > dt.tit_first { background: #ffd1e5; }
#flow .flow > dt.tit { background: #d9f1ff; }
#flow .flow > dt.tit_last { background: #013454; color: #fff; }
#flow .flow > dd { background: #fafafa; padding: 1.0rem; margin: 0 0 1.6rem; }
#flow .flow > dd .kome { border-top: 1px dotted #aaa; padding: 1.0rem 0 0; }
#flow .flow > dd.arrow { margin: 0 0 9.0rem; position: relative; }
#flow .flow > dd.arrow::after { content: ''; display: block; width: 2.0rem; height: 7.0rem; background: url("../img/icon_arow.svg") no-repeat center top/contain; margin: auto; position: absolute; top: 7.6rem; left: 0; right: 0; }
#flow .flow .detail { margin: 0; }
#flow .flow .detail:not(:last-of-type) { margin: 0 0 0.5em; }
#flow .flow .detail dd { margin: 0; }
#flow .flow .detail dd small { display: inline-block; }

@media all and (min-width: 48em), print { #flow .flow > dd.arrow { margin: 0 0 12.0rem; }
  #flow .flow .detail { display: flex; flex-wrap: wrap; }
  #flow .flow .detail dt { width: 5em; } }
@media all and (min-width: 64.063em) { .box_blue.lst_ol01 li { margin: 0 0 2.0rem; }
  .agree { display: block; margin: 0 0 3.0rem; }
  .agree + .btn_detail { padding: 2.0rem 23.0rem; cursor: pointer; }
  #flow .flow { font-size: 120%; }
  #flow .flow > dt { padding: 1.6rem; }
  #flow .flow > dd { padding: 3.0rem; margin: 0 0 5.0rem; }
  #flow .flow > dd > div { display: table; margin: auto; }
  #flow .flow > dd .kome { display: table; padding: 3.0rem 0 0; margin: 3.0rem auto 0; }
  #flow .flow > dd.arrow { margin: 0 0 17.0rem; }
  #flow .flow > dd.arrow::after { width: 3.2rem; height: 11.6rem; top: 12.0rem; } }
.relation { border: 1px solid #9e8174; margin: 4.0rem 0 0; }
.relation .tit { display: inline-block; background: #9e8174; color: #fff; font-size: 110%; padding: .6rem 2.0rem; }
.relation .lst_ul01.arrow { margin: 2.0rem; }
.relation .lst_ul01.arrow > li a { text-decoration: none; color: #9e8174; }

@media all and (min-width: 64.063em) { .relation { display: table; min-width: 40%; margin: 8.0rem auto 0; }
  .relation .lst_ul01.arrow > li a:hover { text-decoration: underline; opacity: 1.0; } }
.relation_wrap { border: 1px solid #9e8174; margin: 4.0rem 0 0; padding: 2rem; text-align: center; }
.relation_wrap .tit { color: #9e8174; font-size: 15pt; font-weight: bold; margin-bottom: 1rem; }
.relation_wrap ul { display: flex; justify-content: center; flex-wrap: wrap; }
.relation_wrap ul li { margin: 0 1rem; }

@media all and (min-width: 64.063em) { .relation_wrap { margin: 8.0rem auto 0; padding: 2.5rem 2rem; } }
.accordion dt { color: #013454; background: #fafafa; font-size: 110%; padding: .4rem 2.4rem .4rem 1.0rem; margin: 0 0 1.0rem; cursor: pointer; position: relative; }
.accordion dt::after { font-family: 'fontello'; content: '\e80a'; position: absolute; right: 1.0rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.accordion dt.close::after { content: '\e80b'; }
.accordion dd { display: none; padding: 1.0rem; margin: 0 0 2.0rem; }

@media all and (min-width: 64.063em) { .accordion dt { padding: 1.0rem 3.2rem 1.0rem 1.6rem; margin: 0 0 1.6rem; transition: .2s; }
  .accordion dt::after { right: 1.6rem; }
  .accordion dt:hover { background: #013454; color: #fff; }
  .accordion dd { padding: 1.6rem; margin: 0 0 3.0rem; } }
.device { display: flex; justify-content: space-between; flex-wrap: wrap; }
.device li { width: 48%; margin: 0 0 2.0rem; text-align: center; }
.device li img { display: block; margin: 0 auto .6rem; max-width: 80%; }

@media all and (min-width: 64.063em) { .device { width: 60%; margin: auto; }
  .device li { width: 40%; }
  .device li img { margin: 0 auto 1.0rem; max-width: 100%; } }
.tbl_kensa { width: 100%; border-collapse: collapse; border-top: 1px solid #ccc; }
.tbl_kensa th { display: block; text-align: left; background: #d9f1ff; font-weight: normal; padding: .4rem 1.0rem; }
.tbl_kensa td { display: block; background: #fafafa; padding: 1.0rem 1.0rem 2.0rem; border-bottom: 1px solid #ccc; }

@media all and (min-width: 64.063em) { .tbl_kensa th { width: 35%; display: table-cell; padding: 2.0rem; border-bottom: 1px solid #ccc; }
  .tbl_kensa td { display: table-cell; padding: 2.0rem; } }
.anc > li { margin: 0 0 1.6rem; }
.anc > li .btn_detail { display: block; margin: 0 0 .6rem; }
.anc > li .btn_detail:after { content: '\e805'; }

@media all and (min-width: 64.063em) { .anc { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .anc > li { width: 32%; }
  .anc > li .btn_detail { padding: 1.0rem 2.0rem; margin: 0 0 1.6rem; } }
.lst_smbg { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.lst_smbg li { width: 48%; }

.lst_fgm li { text-align: center; }

@media all and (min-width: 48em), print { .lst_smbg li { width: 23%; } }
@media all and (min-width: 64.063em) { .lst_smbg li img { max-width: 85%; }
  .flex_fgm { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
  .flex_fgm .lst_fgm { width: 35%; margin: 0 4.0rem 0 0; }
  .flex_fgm .txt_c { width: 27%; }
  .flex_fgm .txt_c .tate { max-width: 100% !important; } }
.flex_cgm1 { text-align: center; display: flex; flex-direction: column; }
.flex_cgm1 dl, .flex_cgm1 dt, .flex_cgm1 dd { margin: 0; padding: 0; }
.flex_cgm1 dl:first-of-type::after { display: block; font-family: 'fontello'; font-size: 3em; content: '\e805'; color: #0084e6; }
.flex_cgm1 dl dt { margin-top: -1em; }
.flex_cgm1 dl dd { padding-left: 4vw; }
@media all and (min-width: 64.063em) { .flex_cgm1 { flex-direction: row; justify-content: center; }
  .flex_cgm1 dl:first-of-type { position: relative; padding-right: 25px; }
  .flex_cgm1 dl:first-of-type::after { position: absolute; top: 40px; right: 0; font-size: 4em; content: '\e803'; }
  .flex_cgm1 dl dd { padding-left: 20px; } }

.tbl_cgm { width: 100%; border-collapse: collapse; border-top: 1px solid #ccc; }
.tbl_cgm th, .tbl_cgm td { border-bottom: 1px solid #ccc; text-align: center; line-height: 1.4; padding: 0.8rem; }
.tbl_cgm thead tr th { background: #9e8174; color: #fff; }
.tbl_cgm tbody tr th { background: #F3EEEA; }
@media all and (min-width: 64.063em) { .tbl_cgm th, .tbl_cgm td { padding: 2.0rem; } }

.doctor .main .box_flex .photo { width: 70%; }
.doctor .main .box_flex .txt .name { font-size: 120%; text-align: right; }
@media all and (min-width: 48em), print { .doctor .main .box_flex .photo { width: 40%; margin: auto; } }
@media all and (min-width: 64.063em) { .doctor .main .box_flex .photo { width: 35%; margin: 0; } }

#clinicslide img, #clinicslide p { display: none; }

.sp-layer.sp-black.sp-padding { font-size: 13pt; }

.sp-selected-thumbnail { border: 4px solid #013454; }

.chart_detail { text-align: center; margin: 2.0rem 0; }
.chart_detail li { display: inline-block; margin: 0 0.5em; }
.chart_detail li:before { display: inline-block; content: ''; width: 0.8em; height: 0.8em; background: #fff; margin-right: 0.3em; }
.chart_detail li.chart1::before { background: #3dbb95; }
.chart_detail li.chart2::before { background: #42a3bf; }
.chart_detail li.chart3::before { background: #4964bc; }
.chart_detail li.chart4::before { background: #644ec0; }
.chart_detail li.chart5::before { background: #933db9; }
.chart_detail li.chart6::before { background: #d64096; }
.chart_detail li.chart7::before { background: #adadad; }

.access .main .gmap { margin: 2.0rem 0 3.0rem; }
@media all and (min-width: 64.063em) { .access .main .photo { margin: 0; }
  .access .main .gmap { height: 40.0rem; margin: 2.0rem 0 0; } }

.infolst .news_title { margin: 0 0 1.0rem; }
.infolst .news_title .date { display: block; }
.infolst .news_body { margin: 0 0 2.0rem; word-wrap: break-word; }

@media all and (min-width: 64.063em) { .infolst .news_title { margin: 0 0 1.6rem; display: -webkit-flex; display: flex; }
  .infolst .news_title .date { margin: 0 1.0em 0 0; }
  .infolst .news_body { margin: 0 0 3.0rem; } }
.box_flex_magazine { width: 100%; }
.box_flex_magazine dl { width: 100%; text-align: center; margin: 0 0 2.0rem; box-sizing: border-box; }
.box_flex_magazine dl dt { margin: 1rem 0 0; }
.box_flex_magazine dl dd { margin: 0; }
.box_flex_magazine dl dd img { max-width: 100%; height: auto; border: 1px solid #ddd; box-sizing: border-box; }

@media all and (min-width: 64.063em) { .box_flex_magazine { display: flex; flex-wrap: wrap; justify-content: flex-start; }
  .box_flex_magazine dl { width: 33.333333333%; margin: 0 0 4.0rem; padding: 0 2rem; } }
.magazine_tit { color: #013454; font-weight: bold; }

/*# sourceMappingURL=style.css.map */