@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-weight: normal; 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; }

.txt_l { text-align: left; }

.txt_r { text-align: right; }

.bold { font-weight: bold; }

.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 screen and (min-width: 48em), print { .img_l { float: left; margin: 0 2.0rem 2.0rem 0; }
  .img_r { float: right; margin: 0 0 2.0rem 2.0rem; }
  .tate { max-width: 25% !important; } }
.sp_n { display: none; }

@media screen and (min-width: 48em), print { .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; }

.mb20 { margin-bottom: 2,0rem; }

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

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

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

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

@media screen and (min-width: 48em), print { .mt40 { margin-top: 8.0rem; }
  .mt30 { margin-top: 6.0rem; }
  .mt20 { margin-top: 4.0rem; }
  .mt10 { margin-top: 2.0rem; }
  .main > section ~ section, .flex2 > section ~ section { margin-top: 8.0rem; }
  .main > section section ~ section, .flex2 > section section ~ section { margin-top: 6.0rem; }
  .main > section > section section ~ section, .flex2 > section > section section ~ section { margin-top: 4.0rem; }
  .main > section > section > section section ~ section, .flex2 > section > section > section section ~ section { margin-top: 2.0rem; } }
.time_wrap { background-color: rgba(255, 255, 255, 0.3); border-radius: 1.0rem; padding-bottom: .5rem; }

.tbl_time { width: 100%; border-collapse: separate; border-spacing: 0; margin: 2rem auto 0; }
.tbl_time caption { font-size: 85%; caption-side: bottom; text-align: left; margin-top: 2rem; padding: 0 1rem; }
.tbl_time caption span { color: #7FAED2; }
.tbl_time tr:first-of-type { background: #7FAED2; margin-bottom: 1.2rem; }
.tbl_time tr th { font-weight: normal; }
.tbl_time tr th[scope="col"] { padding: .4rem 0; font-size: 85%; color: #fff; }
.tbl_time tr th[scope="col"]:first-child { width: 20%; }
.tbl_time tr th:first-of-type { border-radius: 1.0rem 0 0 0; }
.tbl_time tr th:last-of-type { border-radius: 0 1.0rem 0 0; }
.tbl_time tr td { text-align: center; padding: .6rem .4rem; line-height: 1.0; color: #7FAED2; }
.tbl_time tr td, .tbl_time tr th { padding: 1rem 0 0; }

@media screen and (min-width: 48em), print { .time_wrap { background-color: unset; border-radius: 0; padding-bottom: 0; }
  .tbl_time { width: 55.9rem; table-layout: fixed; font-size: 1.6rem; margin: 4.8rem auto 0; }
  .tbl_time caption { padding: 0; }
  .tbl_time tr th[scope="col"] { padding: .6rem 0; }
  .tbl_time tr th[scope="col"]:first-child { width: 20%; }
  .tbl_time tr th[scope="col"]:last-child { width: 15%; }
  .tbl_time tr th:first-of-type { border-radius: 2.0rem 0 0 2.0rem; }
  .tbl_time tr th:last-of-type { border-radius: 0 2.0rem 2.0rem 0; }
  .tbl_time tr td { padding: 1.0rem 0; }
  .tbl_time tr td, .tbl_time tr th { padding: 2rem 0 0; } }
.gmap_wrap .gmap { width: 100%; height: 20.0rem; }
.gmap_wrap .gmap iframe { width: 100%; height: 100%; border: none; }

@media screen and (min-width: 48em), print { .gmap_wrap .gmap { height: 50.0rem; } }
.tit_01 { background: url(../img/tit_01.jpg) no-repeat right top/auto 100%; font-size: 2.2rem; padding: 3.0rem 1.0rem; margin: 0 0 3.0rem; }

.tit_02 { color: #4AADDA; font-size: 2.5rem; margin: 0 0 2.0rem; padding: 1.0rem 2.0rem; line-height: 1.2; text-align: center; }
.tit_02:after { content: ""; display: block; color: #CCCCCC; font-size: 1.2rem; text-align: center; width: 8.0rem; border-bottom: 2px solid #E6C073; padding: 0 0 .5rem; margin: .5rem auto 0; }

.tit_03 { color: #513401; font-size: 1.8rem; line-height: 1.2; margin: 0 0 2.0rem; }

.tit_04 { color: #513401; font-size: 1.6rem; line-height: 1.2; margin: 0 0 2.0rem; }

@media screen and (min-width: 48em), print { .tit_01 { background: url(../img/tit_01.jpg) no-repeat right top/auto 100%; font-size: 3.2rem; padding: 8.0rem 4.0rem; margin: 0 0 3.0rem; }
  .tit_02 { font-size: 3.0rem; margin: 0 0 3.0rem; }
  .tit_03 { font-size: 2.4rem; margin: 0 0 3.0rem; }
  .tit_04 { font-size: 2.2rem; margin: 0 0 3.0rem; } }
.lst_ul01 li { padding: 0 0 1.0rem 1.4em; line-height: 1.4; position: relative; }
.lst_ul01 li::before { content: '●'; margin-right: .4rem; color: #6c5363; position: absolute; left: 0; }
.lst_ul01.kome li::before { content: '※'; color: #333333; }

.lst_ol01 { counter-reset: number 0; margin: 1.0rem 0 1.0rem 2.6rem; }
.lst_ol01 li { line-height: 1.4; counter-increment: number 1; padding: 0 0 1.0rem 2.8rem; position: relative; }
.lst_ol01 li::before { display: inline-block; content: counter(number,decimal-leading-zero) "."; position: absolute; left: 0; }

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

@media screen and (min-width: 48em), print { .lst_ol01 { margin: 1.0rem 0 1.0rem 3.0rem; }
  .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%; }

@media screen and (min-width: 48em), print { .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; }
  .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_ { padding: 1.0rem; }
@media screen and (min-width: 48em), print { .box_ { padding: 2.0rem; } }

.btn_detail { display: inline-block; margin-top: 1.0rem; padding: .4rem 2.0rem; border-radius: .5rem; background: #fff; border: 3px double #5dbc56; color: #5dbc56; text-decoration: none !important; }
.btn_detail::after { font-family: 'fontello'; content: '\e813'; margin-left: .6rem; }
@media screen and (min-width: 48em), print { .btn_detail:hover { background: #5dbc56; color: #fff; border: 3px double #fff; } }

html { font-size: calc(100vw / 32); font-family: "Yu Gothic medium", "游ゴシック Medium","Hiragino Kaku Gothic ProN", "Hiragino Sans",  Meiryo, sans-serif; }

body { background: #fff; color: #333333; word-wrap: break-word; }
body::after { visibility: hidden; width: 100%; height: 100%; content: ''; background: rgba(51, 51, 51, 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: 1.4rem; line-height: 1.6; }
.main a:not([href*="tel"]) { text-decoration: underline; }
.main a[class*="btn_"] { text-decoration: none; }

@media screen and (min-width: 48em), print { html { font-size: 62.5%; }
  body { min-width: calc(1200px + 40px); }
  body::after { display: none; }
  a, button { transition: .2s; }
  a:hover, button:hover { opacity: .8; }
  .wrap { width: 1200px; margin: auto; }
  .main { font-size: 1.6rem; order: 1; width: 100%; } }
@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 .wrap { margin: 1.0rem; }
.header .wrap .logo { height: 5.0rem; }
.header .wrap .logo a { display: block; width: 80%; height: 100%; background: url(../img/logo.svg) no-repeat left center/contain; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.header .wrap .headR .headR_l { text-align: left; margin: 1rem auto; }
.header .wrap .headR .add { font-size: 1.3rem; }
.header .wrap .headR .tel { display: inline-block; font-size: 2.8rem; margin-top: .5rem; }
.header .wrap .headR .tel a { display: inline-block; }
.header .wrap .headR .tel_txt { display: inline-block; color: #4AADDA; font-size: 1.9rem; }
.header .wrap .headR .headR_r { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }
.header .wrap .headR .headR_r .web { font-size: 1.5rem; color: #fff; text-align: center; background-color: #E6C073; width: 100%; position: relative; }
.header .wrap .headR .headR_r .web a { display: block; width: 100%; padding: 1rem 0; }
.header .wrap .headR .headR_r .web span { display: inline-block; }
.header .wrap .headR .headR_r .web span:after { content: ""; display: inline-block; font-family: 'fontello'; content: '\e802'; font-size: 1.3rem; margin-left: .5rem; }
.header .wrap .headR .headR_r .acc { background-color: #4AADDA; color: #fff; font-size: 1.3rem; text-align: center; padding: 1.2rem; line-height: 1.5; width: 100%; }
.header .wrap .headR .headR_r .acc .fsz_s { font-size: 1.0rem; }
.header .wrap .headR .headR_r .acc .fsz_m { font-size: 1.5rem; }
.header .wrap .headR .headR_r .acc .num { font-size: 2.8rem; margin: 0 .3rem; line-height: 1; }

@media screen and (min-width: 48em), print { .header .wrap { margin: 0 auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
  .header .wrap .logo { height: 5.0rem; width: 30%; }
  .header .wrap .headR { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: flex-end; align-items: flex-end; width: 70%; }
  .header .wrap .headR .headR_l { text-align: right; width: 70%; }
  .header .wrap .headR .add { font-size: 1.6rem; }
  .header .wrap .headR .tel { display: inline-block; font-size: 3.6rem; margin-top: .5rem; }
  .header .wrap .headR .tel_txt { display: inline-block; font-size: 1.9rem; }
  .header .wrap .headR .headR_r { width: 30%; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-end; justify-content: flex-end; }
  .header .wrap .headR .headR_r .web { font-size: 2.0rem; color: #fff; text-align: center; background-color: #E6C073; border-radius: 50%; width: 8.2rem; height: 8.2rem; position: relative; margin: 0 1.4rem 1rem; }
  .header .wrap .headR .headR_r .web span { position: absolute; display: inline-block; left: 0; top: 55%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8.0rem; text-align: center; }
  .header .wrap .headR .headR_r .web span:after { content: ""; display: block; font-family: 'fontello'; content: '\e802'; font-size: 1.3rem; }
  .header .wrap .headR .headR_r .acc { background-color: #4AADDA; color: #fff; font-size: 1.5rem; text-align: center; padding: 1.2rem; line-height: 1.5; width: auto; }
  .header .wrap .headR .headR_r .acc .fsz_s { font-size: 1.2rem; }
  .header .wrap .headR .headR_r .acc .fsz_m { font-size: 1.9rem; }
  .header .wrap .headR .headR_r .acc .num { font-size: 2.6rem; margin: 0 .3rem; line-height: 1; } }
.slicknav_menu { position: absolute; top: 1.0rem; right: 0; font-size: 4.4rem; display: inline-block; background: none; padding: 0; z-index: 100; }
.slicknav_menu .slicknav_btn { width: 5.0rem; height: 5.0rem; color: #fff; background: #3A77A5; text-shadow: none; border-radius: 0; text-align: center; line-height: 1.0; margin: 0 1.0rem; padding: 0; }
.slicknav_menu .slicknav_btn.slicknav_collapsed::before { display: block; font-family: 'fontello'; content: '\e802'; line-height: 1.7; font-size: 2rem; }
.slicknav_menu .slicknav_btn.slicknav_collapsed::after { display: block; content: 'MENU'; font-size: 1.0rem; }
.slicknav_menu .slicknav_btn.slicknav_open::before { display: block; font-family: 'fontello'; content: '\e803'; line-height: 2; font-size: 1.6rem; }
.slicknav_menu .slicknav_btn.slicknav_open::after { display: block; content: 'CLOSE'; font-size: 1.0rem; }
.slicknav_menu .slicknav_nav { width: 94vw; max-height: 75vh; overflow-y: auto; background: #fff; padding: 1.6rem; position: absolute; top: 6.0rem; right: 1.0rem; margin: auto; }
.slicknav_menu .slicknav_nav a { color: inherit; }
.slicknav_menu .slicknav_nav .gnav { margin: 0; }
.slicknav_menu .slicknav_nav .gnav li:not(:last-child) { border-bottom: 1px solid #E6C073; }
.slicknav_menu .slicknav_nav .gnav li a { display: block; color: #1E85B4 !important; padding: 1.0rem 0; font-size: 1.6rem; 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 { color: #1E85B4; position: absolute; right: 1.0rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-family: 'fontello'; content: '\e802'; font-size: 2.0rem; }
.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: '\e801'; }
.slicknav_menu .slicknav_nav .gnav li .subnav { background-color: #E5F7FF; margin: 0; }
.slicknav_menu .slicknav_nav .gnav li .subnav li { border-bottom: 1px dashed #1E85B4; box-sizing: border-box; }
.slicknav_menu .slicknav_nav .gnav li .subnav li:last-child { border-bottom: 1px dashed #1E85B4; }
.slicknav_menu .slicknav_nav .gnav li .subnav li a { padding: 1.0rem; color: #333333; }
.slicknav_menu .slicknav_nav .gnav li .subnav li a:hover { color: #333333 !important; background: none; }
.slicknav_menu .slicknav_nav .gnav li .subnav li a:before { font-family: 'fontello'; content: '\e804'; color: #1E85B4; font-size: 1rem; vertical-align: middle; margin-right: .5rem; }
.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 screen and (min-width: 48em), print { .slicknav_menu { display: none; }
  #nav { display: block; margin: 1.5rem auto; }
  #nav .gnav { width: 1200px; margin: auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; color: #4AADDA; font-weight: 500; }
  #nav .gnav li { width: 100%; position: relative; border-right: 1px dashed #E6C073; }
  #nav .gnav li:first-child { border-left: 1px dashed #E6C073; }
  #nav .gnav li a { display: block; text-align: center; font-size: 1.6rem; }
  #nav .gnav li a:after { content: ''; display: block; color: #CCCCCC; font-size: 1.2rem; margin-top: .5rem; }
  #nav .gnav li a.sub { position: relative; }
  #nav .gnav li a.sub::after { content: '▼'; display: inline-block; color: #4AADDA; font-size: 60%; }
  #nav .gnav li a.sub.close::after { content: '▲'; display: inline-block; }
  #nav .gnav li a.sub::before { content: 'Treatment'; display: block; color: #cccccc; font-size: 1.2rem; position: absolute; bottom: -1.7rem; right: 0; left: 0; margin: 0 auto; }
  #nav .gnav li .home:after { content: 'Home'; }
  #nav .gnav li .doctor:after { content: 'Doctor'; }
  #nav .gnav li .clinic:after { content: 'Clinic'; }
  #nav .gnav li .visitor:after { content: 'Visitor'; }
  #nav .gnav li .follow-up:after { content: 'Follow-up'; }
  #nav .gnav li .online:after { content: 'Online'; }
  #nav .gnav li .access:after { content: 'Access'; }
  #nav .gnav li .subnav { width: 27.7rem; visibility: hidden; position: absolute; z-index: 10; background-color: #E5F7FF; }
  #nav .gnav li .subnav li { width: 100%; border-right: none; }
  #nav .gnav li .subnav li a { display: block; width: 100%; padding: 1.0rem 1.0rem .5rem; text-align: left; font-size: 1.6rem; color: #3A77A5; }
  #nav .gnav li .subnav li a:hover { background: #1E85B4; color: #fff; }
  #nav .gnav li .subnav li a:hover:before { color: #fff; }
  #nav .gnav li .subnav li a:before { font-family: 'fontello'; content: '\e800'; color: #1E85B4; margin-right: 0.3em; font-size: 2rem; vertical-align: middle; transition: .2s; } }
.sidebar .tit { background: #6b4f3c; color: #f1ffdb; font-size: 2.4rem; text-align: center; padding: 1.8rem; border-radius: .8rem; }
.sidebar .subnav { margin: 0; padding: 1.0rem 0; }
.sidebar .subnav li a { display: block; padding: 1.2rem .6rem; color: #48341d; position: relative; font-size: 1.8rem; }
.sidebar .subnav li:not(:last-child) { border-bottom: 1px solid #dedede; }

@media screen and (min-width: 48em), print { .sidebar { display: block; }
  .sidebar .tit { background: #6b4f3c; color: #f1ffdb; font-size: 2.4rem; text-align: center; padding: 1.8rem; border-radius: .8rem; }
  .sidebar .subnav { margin: 0; padding: 1.0rem 0; }
  .sidebar .subnav li a { display: block; padding: 1.2rem .6rem; color: #48341d; position: relative; font-size: 1.8rem; }
  .sidebar .subnav li:not(:last-child) { border-bottom: 1px solid #dedede; } }
.overview { font-size: 1.4rem; line-height: 1.6; width: 100%; background-image: url("../img/index_overview_bg.jpg"); background-size: cover; background-position: left top; background-repeat: no-repeat; }
.overview .clinic_name { text-align: center; margin: 0 0 2.0rem; }
.overview .clinic_name img { max-width: 80%; height: auto; }
.overview > .wrap { width: 95%; margin: 0 auto; padding: 4rem 0; }
.overview > .wrap .gaiyo { width: 100%; margin: 0; }
.overview > .wrap .gaiyo dt { width: 100%; padding: .4rem; color: #4AADDA; }
.overview > .wrap .gaiyo dt:before { font-family: 'fontello'; content: '\e804'; display: inline-block; text-align: center; font-size: 1.6rem; color: #4AADDA; }
.overview > .wrap .gaiyo dd { width: 100%; padding: .4rem; margin: 0; }

@media screen and (min-width: 48em), print { .overview { font-size: 1.6rem; height: auto; }
  .overview .clinic_name { margin: 0 0 6.0rem; }
  .overview .clinic_name img { max-width: 35.0rem; }
  .overview > .wrap { width: 1200px; padding: 5.6rem 0 7.0rem; margin-left: auto; }
  .overview > .wrap .gaiyo { width: 100%; margin: 0; font-size: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .overview > .wrap .gaiyo dt { width: 15%; padding: 1.0rem 0; }
  .overview > .wrap .gaiyo dd { width: 82%; padding: 1.0rem 0; }
  .overview > .wrap .overviewL, .overview > .wrap .overviewR { width: 54%; }
  .overview > .wrap .overviewR { margin-left: auto; } }
#pageup { display: none; }

@media screen and (min-width: 48em), print { #pageup { position: fixed; bottom: 1.0rem; right: 1.0rem; z-index: 1; }
  #pageup a { display: block; width: 5.0rem; height: 5.0rem; font-size: 1.6rem; text-align: center; padding: .4rem; background: #1E85B4; border-radius: 50%; }
  #pageup a::before { text-align: center; font-size: 2.8rem; font-family: 'fontello'; content: '\e803'; color: #fff; line-height: 3.8rem; }
  #pageup a span { display: none; } }
.tel_up { width: 100%; background: #4AADDA; visibility: hidden; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1; font-size: 1.4rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
.tel_up .tel { text-align: center; font-size: 1.5rem; margin: 0 auto; }
.tel_up .tel a { color: #fff; }
.tel_up .tel a:before { font-family: 'fontello'; content: '\e805'; display: inline-block; vertical-align: text-bottom; font-size: 1.5rem; color: #fff; margin-right: .8rem; }
.tel_up .pageup { cursor: pointer; background: #fff; width: 20%; }
.tel_up .pageup a { display: block; font-size: 1.6rem; text-align: center; padding: 1.0rem; text-decoration: none !important; }
.tel_up .pageup a::before { font-family: 'fontello'; content: '\e803'; color: #3A77A5; vertical-align: middle; font-size: 2rem; }
.tel_up .pageup a span { display: none; }

.tel_up_tw { width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
.tel_up_tw .tel { width: 60%; }
.tel_up_tw .web { width: 40%; height: 4.3rem; line-height: 4.3rem; color: #fff; text-align: center; background-color: #E6C073; padding-left: .5rem; }
.tel_up_tw .web:after { content: ""; display: inline-block; font-family: 'fontello'; content: '\e802'; font-size: 1.3rem; margin-left: .5rem; }

@media screen and (min-width: 48em), print { .tel_up { display: block; width: 5.0rem; bottom: 4.0rem; right: 2.0rem; left: auto; background: none; padding: 0; }
  .tel_up .tel { display: none; }
  .tel_up .pageup { display: none; }
  .tel_up .pageup a { width: 100%; height: 5.0rem; font-size: 5.0rem; border-radius: 50%; }
  .tel_up_tw .web { display: none; } }
.footer { text-align: center; background-color: #7FAED2; color: #fff; padding: 0 0 1.5rem; }
.footer .copy { display: block; background: #3A77A5; color: #fff; padding: .6rem 1.0rem 3rem; font-size: 1.2rem; }
.footer .copy a { color: inherit; }
.footer ul { display: none; }
.footer .gnav { margin: 0 auto 2.0rem; }
.footer .subnav { width: 90.0rem; margin: 0 auto; }
.footer .subnav li { margin-bottom: 1rem; white-space: nowrap; }
.footer .sub_nav_br { display: none; }

@media screen and (min-width: 48em), print { .footer { padding: 2.0rem 0 0; }
  .footer .copy { margin: 2.0rem 0 0; padding: .6rem 1.0rem .6rem; }
  .footer ul { display: block; text-align: center; margin: 1.0rem auto 2.0rem; }
  .footer ul li { display: inline-block; font-size: 1.4rem; }
  .footer ul li:after { content: '|'; margin: 0 1.5rem; }
  .footer ul li:first-child:before { content: '|'; margin: 0 1.5rem; }
  .footer ul li a { opacity: 1.0; }
  .footer ul li a span { display: none; }
  .footer ul li a:hover { text-decoration: underline !important; }
  .footer ul li.treatment { display: none; }
  .footer ul.subnav li:nth-child(8)::before { content: '|'; margin: 0 1.5rem; } }
.kv_wrap { width: 100%; height: 18.0rem; background: url(../img/index_KV-back.jpg) repeat-x top center/cover; margin: 0 auto; padding: 1.6rem 0 2.5rem; position: relative; overflow: hidden; }

#keyvsl { width: 95%; height: 13.0rem; margin: 1.0rem auto 0; z-index: 2; position: relative; background-position: center; background-size: contain; background-repeat: no-repeat; border-radius: 1.0rem !important; }
#keyvsl:before { content: ''; display: inline-block; width: 10.9rem; height: 13.0rem; background-image: url("../img/index_KV_l01.svg"); background-size: contain; background-repeat: no-repeat; position: absolute; left: -1.5rem; bottom: -7rem; }
#keyvsl:after { content: ''; display: inline-block; width: 10.9rem; height: 13.0rem; background-image: url("../img/index_KV_r01.svg"); background-size: contain; background-repeat: no-repeat; position: absolute; right: -2rem; bottom: -7rem; }
#keyvsl .catch { width: 10.3rem; height: 10.2rem; background: url(../img/index_catch_bg.svg) repeat-x top center/cover; position: absolute; top: 1.0rem; left: 2.0rem; color: #0182B2; }
#keyvsl .catch p { width: 100%; font-size: 1.3rem; text-align: center; margin: 0; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
#keyvsl .catch .catch_sm { font-size: 1.0rem; }
#keyvsl .catch .catch_year { font-size: 1.3rem; }
#keyvsl .catch .catch_emp { font-size: 1.6rem; font-weight: bold; }

@media screen and (min-width: 48em), print { .kv_wrap { width: 100%; height: auto; background: url(../img/index_KV-back.jpg) repeat-x top center/cover; margin: 0 auto; padding: 1.6rem 0; position: relative; }
  .kv_wrap:before { content: ''; display: inline-block; width: 34.9rem; height: 36.6rem; background-image: url("../img/index_KV_l02.svg"); background-size: contain; position: absolute; left: 1rem; bottom: 0; }
  .kv_wrap:after { content: ''; display: inline-block; width: 43.0rem; height: 43.2rem; background-image: url("../img/index_KV_r02.svg"); background-size: contain; position: absolute; right: -13rem; bottom: 0; }
  #keyvsl { width: 1200px; height: 51.8rem; margin: 1.0rem auto 0; z-index: 2; border-radius: 1.0rem; position: relative; background-position: left center; background-size: cover; }
  #keyvsl:before { content: ''; display: inline-block; width: 30.9rem; height: 23.0rem; background-image: url("../img/index_KV_l01.svg"); background-size: contain; position: absolute; left: -1.5rem; bottom: -1rem; }
  #keyvsl:after { content: ''; display: inline-block; width: 30.9rem; height: 23.0rem; background-image: url("../img/index_KV_r01.svg"); background-size: contain; position: absolute; right: -1.5rem; bottom: -1rem; }
  #keyvsl .catch { width: 20.7rem; height: 20.5rem; top: 3.0rem; left: 4.0rem; }
  #keyvsl .catch p { width: 100%; font-size: 2.0rem; text-align: center; margin: 0; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
  #keyvsl .catch .catch_sm { font-size: 1.6rem; }
  #keyvsl .catch .catch_year { font-size: 2.5rem; }
  #keyvsl .catch .catch_emp { font-size: 2.8rem; font-weight: bold; } }
.info { width: 100%; background: #ccc; background-image: url("../img/index_info_wave.svg"), url("../img/index_bg_info.png"); background-size: 100% , 30.0rem 30.0rem; background-repeat: repeat-x,repeat; background-position: left top , left top; padding: 5.0rem 0; padding: 4rem 0; }
.info .wrap { width: 95%; margin: 0 auto; border-radius: 1.0rem; background: #fff; }
.info .wrap dl { padding: 1.0rem; margin: 0; line-height: 1.4; }
.info .wrap dl dt { margin: 0 0 .6rem; color: #4AADDA; cursor: pointer; font-size: 1.6rem; display: -webkit-flex; display: flex; }
.info .wrap dl dt:nth-of-type(-n+2):before { font-family: 'fontello'; content: '\e802'; margin-right: .6rem; display: inline-block; }
.info .wrap dl dt:nth-of-type(-n+2).close::before { content: '\e801'; }
.info .wrap dl dt::before { font-family: 'fontello'; content: '\e801'; margin-right: .6rem; }
.info .wrap dl dt.close::before { content: '\e802'; }
.info .wrap dl dt:not(:first-of-type) { margin: 1.6rem 0 .6rem; padding: 1.6rem 0 0; border-top: 1px dashed #C3C3C3; }
.info .wrap dl dd { margin: 0 0 1.6rem 1.5rem; word-wrap: break-word; }
.info .wrap dl dd:nth-of-type(n + 3) { display: none; }

.info_tit_wrap { width: 100%; height: 8.0rem; margin: 0 auto; order: 1; background-color: #ccc; border-radius: 1.0rem 1.0rem 0 0; background: url(../img/index_bg_infotitle.png) repeat top center/cover; background-size: 30.0rem 30.0rem; position: relative; }
.info_tit_wrap .tit_02 { width: 100%; text-align: center; margin: 0 auto; padding: 0; font-size: 1.8rem; color: #fff; position: absolute; top: 59%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.info_tit_wrap .tit_02:after { content: "Information"; display: block; color: #fff; font-size: 1.0rem; text-align: center; margin-top: .5rem; border: none; }
.info_tit_wrap .info_tit_bg { width: 100%; height: 100%; background-image: url(../img/info_owl_BottomLeft.svg), url(../img/info_owl_TopRight.svg); background-size: 5.75rem 4.8rem ,6.3rem 3.0rem; background-position: bottom left , top right; background-repeat: no-repeat , no-repeat; }

@media screen and (min-width: 48em), print { .info { margin: 3.0rem auto 0; padding: 8.0rem 0; height: auto; }
  .info .wrap { width: 1200px; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; padding: 2.3rem 2.0rem; }
  .info .wrap dl { flex: 1; order: 2; padding: 2.0rem 4.0rem; }
  .info .wrap dl dt { margin: 0 0 1.0rem; font-size: 1.8rem; }
  .info .wrap dl dt::before { margin-right: 1.0rem; }
  .info .wrap dl dt:not(:first-of-type) { padding: 1.6rem 0 0; }
  .info_tit_wrap { width: 23rem; height: 34.5rem; order: 1; background-color: #ccc; border-radius: 1.0rem; background-size: 30.0rem 30.0rem; margin-right: 3.2rem; }
  .info_tit_wrap .tit_02 { top: 50%; }
  .info_tit_wrap .info_tit_bg { background-size: 11.5rem 9.6rem ,12.6rem 6.1rem !important; } }
.greeting { width: 100%; height: auto; background-image: url(../img/index_greeting_bg.jpg); background-size: cover; background-position: top left; background-repeat: no-repeat; padding: 4.0rem 0; }
.greeting .tit_02:after { content: "Greeting"; }
.greeting .wrap { width: 95%; margin: 0 auto; background-color: rgba(255, 255, 255, 0.8); border-radius: 1.0rem; padding: 2.0rem 2.0rem 3rem; }

@media screen and (min-width: 48em), print { .greeting { height: 80.0rem; padding: 8.0rem 0 8.7rem; }
  .greeting .wrap { width: 95.8rem; padding: 4.0rem 4.0rem 5.3rem; }
  .greeting p { text-align: left; line-height: 2; }
  .greeting p span { display: block; font-size: 2.0rem; }
  .greeting .dr_name { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; }
  .greeting .dr_name p { font-size: 2.0rem; line-height: 1.3; }
  .greeting .dr_name .director { display: inline-block; font-size: 1.6rem; text-align: left; } }
.guide { width: 100%; height: auto; background-image: url(../img/index_guide_bg.png); background-size: 40.0rem 39.2rem; background-position: top left; background-repeat: repeat; padding: 4rem 0; margin-bottom: 2rem; }
.guide .tit_02 { padding: 0; margin: 0 auto 3.0rem; }
.guide .tit_02:after { content: "Treatment"; }
.guide .sidebar .tit { display: none; }
.guide .sidebar .subnav { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; padding: 0 .5rem; }
.guide .sidebar .subnav li { width: 50%; border: none; margin: 0; padding: 0; }
.guide .sidebar .subnav li:nth-child(odd) a:before { background-color: #7FAED2; }
.guide .sidebar .subnav li:nth-child(even) a:before { background-color: #B1D0EB; }
.guide .sidebar .subnav li a { font-size: 1.3rem; color: #4AADDA; text-decoration: none; text-align: center; display: block; width: 100%; }
.guide .sidebar .subnav li a:before { content: ""; display: block; margin: 0 auto .5rem; width: 10.0rem; height: 10.0rem; border-radius: 50%; background-repeat: no-repeat; background-position: center center; }
.guide .sidebar .subnav li a span { display: block; }
.guide .sidebar .subnav li .depression:before { background-image: url("../img/index_nav_depression.svg"); background-size: 5.1rem 6.7rem; }
.guide .sidebar .subnav li .sd:before { background-image: url("../img/index_nav_sd.svg"); background-size: 5.3rem 7.9rem; }
.guide .sidebar .subnav li .bipolar:before { background-image: url("../img/index_nav_bipolar.svg"); background-size: 7.2rem 7.8rem; }
.guide .sidebar .subnav li .schizophrenia:before { background-image: url("../img/index_nav_schizophrenia.svg"); background-size: 6.6rem 6.2rem; }
.guide .sidebar .subnav li .anxiety:before { background-image: url("../img/index_nav_anxiety.svg"); background-size: 7.8rem 7.9rem; }
.guide .sidebar .subnav li .ocd:before { background-image: url("../img/index_nav_ocd.svg"); background-size: 6.2rem 5.5rem; }
.guide .sidebar .subnav li .insomnia:before { background-image: url("../img/index_nav_insomnia.svg"); background-size: 7.2rem 7.6rem; }
.guide .sidebar .subnav li .developmental:before { background-image: url("../img/index_nav_developmental.svg"); background-size: 5.9rem 7.1rem; }
.guide .sidebar .subnav li .womens:before { background-image: url("../img/index_nav_womens.svg"); background-size: 6.8rem 7.2rem; }
.guide .sidebar .subnav li .dementia:before { background-image: url("../img/index_nav_dementia.svg"); background-size: 6.5rem 8.3rem; }
.guide .sidebar .subnav li .ctb:before { background-image: url("../img/index_nav_ctb.svg"); background-size: 6.8rem 8.1rem; }

@media screen and (min-width: 48em), print { .guide { height: 80.0rem; padding: 6.5rem 0 0; margin-bottom: 7.0rem; }
  .guide .tit_02 { padding: 0; margin: 0 auto 6.0rem; }
  .guide .tit_02:after { content: "Treatment"; }
  .guide .sidebar .tit { display: none; }
  .guide .sidebar .subnav { -webkit-justify-content: center; justify-content: center; }
  .guide .sidebar .subnav li { width: auto; padding: 2rem 1.5rem 3rem; }
  .guide .sidebar .subnav li a { font-size: 1.8rem; padding: 0; }
  .guide .sidebar .subnav li a:before { width: 15.0rem; height: 15.0rem; }
  .guide .sidebar .subnav li .depression:before { background-size: 5.1rem 6.7rem; }
  .guide .sidebar .subnav li .sd:before { background-size: 5.3rem 7.9rem; }
  .guide .sidebar .subnav li .bipolar:before { background-size: 7.2rem 7.8rem; }
  .guide .sidebar .subnav li .schizophrenia:before { background-size: 6.6rem 6.2rem; }
  .guide .sidebar .subnav li .anxiety:before { background-size: 7.8rem 7.9rem; }
  .guide .sidebar .subnav li .ocd:before { background-size: 6.2rem 5.5rem; }
  .guide .sidebar .subnav li .insomnia:before { background-size: 7.2rem 7.6rem; }
  .guide .sidebar .subnav li .developmental:before { background-size: 5.9rem 7.1rem; }
  .guide .sidebar .subnav li .womens:before { background-size: 6.8rem 7.2rem; }
  .guide .sidebar .subnav li .dementia:before { background-size: 6.5rem 8.3rem; }
  .guide .sidebar .subnav li .ctb:before { background-size: 6.8rem 8.1rem; } }
.feature { width: 100%; }
.feature h2:after { content: "Treatment"; }
.feature h3 { text-align: center; font-weight: 700; color: #E6C073; }
.feature .feature_bg { width: 100%; background-size: cover; background-position: left top; background-repeat: no-repeat; padding: 4rem 0; }
.feature .feature01 { background-image: url(../img/index_features01.jpg); }
.feature .feature02 { background-image: url(../img/index_features02.jpg); }
.feature .feature03 { background-image: url(../img/index_features03.jpg); }
.feature .feature04 { background-image: url(../img/index_features04.jpg); background-position: left top; }
.feature .feature_box { width: 95%; margin: 0 auto; background-color: #fff; border-radius: 1.0rem; padding: 2.3rem 1.5rem; }
.feature .feature_box .num { width: 21.4rem; display: block; font-family: 'Averia Serif Libre', cursive , sans-serif; line-height: 1; text-align: center; font-size: 2.1rem; color: #D2D2D2; border-bottom: 1px solid #E6C073; margin: 0 auto 2.5rem; }
.feature .feature_box .num span { font-size: 5.4rem; }

@media screen and (min-width: 48em), print { .feature { width: 100%; }
  .feature .feature_bg { width: 100%; padding: 10.5rem 0; }
  .feature .feature_bg:nth-of-type(even) .feature_box { margin-left: auto; }
  .feature .feature04 { background-position: 0 -7rem; }
  .feature .feature_box { width: 60.0rem; margin: 0; padding: 2.3rem 3.3rem; }
  .feature .feature_box .num { width: 21.4rem; font-size: 2.1rem; margin: 0 auto 2.5rem; }
  .feature .feature_box .num span { font-size: 5.4rem; } }
.cal .box_white { padding: 1.0rem; }
.cal .box_white .status { display: -webkit-flex; display: flex; }
.cal .box_white .status li { display: inline-block; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.cal .box_white .status li::before { display: inline-block; content: '■'; font-size: 120%; }
.cal .box_white .status li:not(:last-child) { margin-right: 1.0rem; }
.cal .box_white .status li.open::before { color: #3c9; }
.cal .box_white .status li.am::before { color: #75b65d; }
.cal .box_white .status li.kyushin::before { color: #bbb; }

@media screen and (min-width: 48em), print { .cal .box_white { padding: 2.0rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .cal .box_white .caledit { width: 48%; font-size: 1.8rem; padding: 0 0 2.0rem; }
  .cal .box_white .caledit .week th { padding: 1.6rem 0 .6rem; }
  .cal .box_white .status { width: 100%; } }
body:not(.index) .main { width: 95%; margin: 2.0rem auto 0; }
body:not(.index) .main a { display: inline-block; text-decoration: underline; color: #4AADDA; transition: .2s; }
body:not(.index) .main a:hover { color: #E6C073; }
body:not(.index) .dot_list { margin: 2.0rem 0; }
body:not(.index) .dot_list li { position: relative; padding-left: 1.5rem; margin: 0 0 1.0rem; }
body:not(.index) .dot_list li:before { content: ""; position: absolute; top: .5em; left: 0; width: .8rem; height: .8rem; background-color: #1C77D1; border-radius: 50%; }
body:not(.index) .box_bl { width: 100%; }
body:not(.index) .box_bl .read { text-align: center; }
body:not(.index) .box_bl .bl_back { background-color: #E5F7FF; border-radius: 1.0rem; padding: 1.5rem 1.5rem 2.0rem; }
body:not(.index) .box_or { width: 100%; }
body:not(.index) .box_or .read { text-align: center; }
body:not(.index) .box_or .or_back { background-color: #FEF7EB; border-radius: 1.0rem; padding: 1.5rem 1.5rem 2.0rem; }
body:not(.index) table { width: 100%; table-layout: auto; border-top: 1px solid #CCCCCC; border-collapse: collapse; margin: 1rem 0; }
body:not(.index) table th, body:not(.index) table td { border-bottom: 1px solid #CCCCCC; }
body:not(.index) table th { background-color: #E5F7FF; color: #4AADDA; font-weight: normal; padding: 1.0rem; }
body:not(.index) table td { padding: 1.0rem 0 1.0rem 2.0rem; }
body:not(.index) .low { margin: 3rem 0; }
body:not(.index) .low th, body:not(.index) .low td { display: block; }
body:not(.index) .low th { text-align: left; }
body:not(.index) .low td { padding: 1.5rem 1.5rem 2.0rem; }
body:not(.index) .tit_01 { width: 100%; font-size: 2.4rem; color: #3A77A5; text-align: center; background: url(../img/index_KV-back.jpg) no-repeat left top/cover #fff; padding: 6rem 1.0rem; }
body:not(.index) .tit_02 { font-size: 2.0rem; color: #4AADDA; text-align: center; margin-bottom: 2.0rem; }
body:not(.index) .tit_03 { font-size: 1.8rem; color: #fff; text-align: left; padding: 1.0rem; background: url(../img/info_owl_TopRight.svg) no-repeat right bottom 1rem/12.6rem auto #7FAED2; }
body:not(.index) .tit_04 { font-size: 1.6rem; color: #7FAED2; text-align: left; padding: 1.3rem 0 .8rem 3.5rem; background: url("../img/h4.svg") no-repeat left bottom 0.5rem/3rem auto #fff; border-bottom: 1px solid #1C77D1; }
body:not(.index) .tit_05 { font-size: 1.4rem; color: #E6C073; border-bottom: 1px dashed #E6C073; padding: 0 1.5rem .5rem; }
body:not(.index) .footer { margin-top: 5.0rem; }
@media screen and (min-width: 48em), print { body:not(.index) .main { width: 100%; margin: 6.5rem 0 0; }
  body:not(.index) .low td { padding: 1.5rem 1.5rem 3.0rem; }
  body:not(.index) .tit_01 { font-size: 3.6rem; padding: 8.0rem 4.0rem; }
  body:not(.index) .tit_02 { font-size: 3.0rem; color: #4AADDA; text-align: center; margin-bottom: 5.0rem; }
  body:not(.index) .tit_03 { font-size: 2.4rem; }
  body:not(.index) .tit_04 { font-size: 2.2rem; padding-left: 5.5rem; background-size: 5.0rem auto; padding: 1.3rem 0 1.0rem 6rem; }
  body:not(.index) .tit_05 { font-size: 2.0rem; padding: 0 1.5rem .5rem; }
  body:not(.index) .lower_2col .intro_l { width: 35%; }
  body:not(.index) .lower_2col .intro_l img { border-radius: 1.0rem; }
  body:not(.index) .lower_2col .intro_r { width: 60%; }
  body:not(.index) .lower_2col .intro_r p { margin: 0 0 1.8rem; }
  body:not(.index) .box_bl { width: 48%; padding: 2.0rem 2.0rem 3.0rem; }
  body:not(.index) .box_or { width: 48%; padding: 2.0rem 2.0rem 3.0rem; }
  body:not(.index) .cf .img_l, body:not(.index) .cf .img_r { max-width: 40%; height: auto; }
  body:not(.index) .footer { margin-top: 10.0rem; } }

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

.sp-layer.sp-black.sp-padding { text-align: center; font-size: 2.4rem; }

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

.device li { margin: 0 0 2.0rem; text-align: center; }
.device li img { display: block; margin: 0 auto .6rem; max-width: 80%; height: auto; }

@media screen and (min-width: 48em), print { .device { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .device li { width: 48%; }
  .device li img { margin: 0 auto 1.0rem; max-width: 100%; } }
.flow .tbl_time { border-top: none; }
.flow .tbl_time tr { border-bottom: 1px solid #4AADDA; }
.flow .tbl_time tr th { border: none; color: #4AADDA; border-radius: unset; }
.flow .tbl_time tr td { border-bottom: 1px solid #4AADDA; }
.flow .gmap { height: auto; }
.flow .gmap iframe { width: 100%; height: auto; border: none; }

.content_img { text-align: center; margin: 0 auto 2rem; }
.content_img img { max-width: 80%; margin: 0 auto; border-radius: 1.0rem; }

@media screen and (min-width: 48em), print { .flow .gmap iframe { height: 50.0rem; }
  .content_img img { max-width: 50%; } }
.flow_arrow { width: 3.0rem; margin: 0 auto; }
.flow_arrow:after { font-family: 'fontello'; content: '\e802'; display: block; font-size: 5.0rem; color: #4AADDA; margin-right: .5rem; }

.access .main .gmap { height: 30.0rem; margin: 2.0rem 0; }
@media screen and (min-width: 48em), print { .access .main .tbl_time { font-size: 2.0rem; }
  .access .main .gmap { height: 50.0rem; } }

/*追加*/
.yoyaku { width: 98%; margin: 1rem auto 2rem auto; text-align: center; }

@media screen and (min-width: 48em), print { .yoyaku { margin: 2rem auto 2rem auto; text-align: center; } }