@charset "UTF-8";
a[href=""] { pointer-events: none; }

/* ----------------------------------------------------------------------------------
リセット　_reset.scss
---------------------------------------------------------------------------------- */
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *::before, *::after { -webkit-box-sizing: inherit; 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 { max-width: 100%; height: auto; vertical-align: bottom; }

/* ----------------------------------------------------------------------------------
モジュール　_module.scss
---------------------------------------------------------------------------------- */
/* clearfix -------------------------------------- */
.cf::before, .cf::after { content: ''; display: block; }

.cf::after { clear: both; }

/* float -------------------------------------- */
.fl_l { float: left; }

.fl_r { float: right; }

/* txt -------------------------------------- */
.txt_c { text-align: center; }

.txt_l { text-align: left; }

.txt_r { text-align: right; }

.bold { font-weight: bold; }

.blue { color: #1634c5; }

.frame_01 { background: #f3fbee; padding: 1rem; }
@media screen and (min-width: 48em), print { .frame_01 { padding: 3rem 2rem; } }

/* img -------------------------------------- */
.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; }

@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; } }
/* PC・SP　表示・非表示 -------------------------------------- */
.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; }

.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 !important; }
  .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; } }
/* タイムテーブル -------------------------------------- */
.tbl_time { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 1.4rem; table-layout: fixed; }
.tbl_time tr th { font-weight: normal; }
.tbl_time tr th[scope="col"] { padding: .4rem .1rem; background: #8bc33c; font-size: 1.2rem; color: #fff; font-weight: normal; }
.tbl_time tr th[scope="col"]:first-child { width: 35%; }
.tbl_time tr th.time { color: #414141; background: #c5ef89; border-bottom: 1px solid #8ac43c; }
.tbl_time tr td { text-align: center; padding: .6rem .4rem; background: #c5ef89; border-bottom: 1px solid #8ac43c; line-height: 1.0; color: #414141; }

@media screen and (min-width: 48em), print { .tbl_time { font-size: 1.6rem; }
  .tbl_time tr th[scope="col"] { padding: .6rem 0; font-size: 1.6rem; }
  .tbl_time tr th[scope="col"]:first-child { width: 29%; }
  .tbl_time tr td { padding: 1.2rem 0; font-size: 2.4rem; } }
/* グーグルマップ -------------------------------------- */
.gmap { width: 100%; }
.gmap iframe { width: 100%; height: 100%; border: none; }

/* タイトル回り -------------------------------------- */
.tit_01 { background: url("../img/index_info_bg.gif") center; font-size: 2.2rem; text-align: center; padding: 3.0rem 0; margin: 0 0 3.0rem; color: #649323; }

.tit_02 { color: #e0f7bf; font-size: 3rem; margin: 0 0 1.0rem; padding: 1.0rem 2.0rem; line-height: 1.2; text-align: left; font-family: "dosis"; }
.tit_02 span { display: block; color: #694934; font-size: 1.4rem; }

body:not(.index) .tit_02 { color: #94c74c; font-size: 2.4rem; background: #f3ffe1; margin: 0 0 1.0rem; padding: .6rem .8rem; border-radius: 10px; }

.tit_03 { color: #6a4833; font-size: 2.2rem; background: #fffcf7; margin: 0 0 1.0rem; padding: .6rem .8rem; border-top: 2px solid #f8f1e4; border-bottom: 2px solid #f8f1e4; }

.tit_04 { color: #94c74c; font-size: 1.8rem; line-height: 1.2; margin: 0 0 1.0rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.tit_04::before { content: ""; background: url("../img/index_info_tit.svg") no-repeat center/52%, #94c74c; display: inline-block; padding: .2rem; min-width: 2rem; height: 2rem; border-radius: 50%; margin-right: .4rem; }

.tit_05 { color: #94c74c; font-size: 1.8rem; line-height: 1.2; margin: 0 0 1.0rem; font-weight: bold; }

@media screen and (min-width: 48em), print { .tit_01 { background: url("../img/index_info_bg.gif") center; font-size: 4.2rem; padding: 8.9rem 4.0rem; margin: 0 0 3.0rem; }
  .tit_02 { font-size: 7rem; margin: 0 0 2.0rem; padding: 1rem 0; }
  .tit_02 span { font-size: 1.6rem; }
  body:not(.index) .tit_02 { font-size: 3.2rem; margin: 0 0 2.0rem; padding: .6rem 2rem; }
  .tit_03 { font-size: 2.6rem; margin: 0 0 2.0rem; padding: .2rem 2rem; }
  .tit_04 { font-size: 2.4rem; margin: 0 0 2.0rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .tit_04::before { content: ""; background: url("../img/index_info_tit.svg") no-repeat center/52%, #94c74c; display: inline-block; width: 3rem; height: 3rem; margin-right: 1rem; }
  .tit_05 { font-size: 2.4rem; margin: 0 0 1.0rem; } }
/* リスト回り -------------------------------------- */
.lst_ul01 li { text-indent: -2.0rem; padding-left: 2.2rem; padding-bottom: 1.0rem; line-height: 1.4; }
.lst_ul01 li::before { content: '●'; margin-right: .4rem; color: #8ac33c; }
.lst_ul01 li.none::before { content: none; }

.lst_ol01 { margin: 1.0rem 0 1.0rem 2.6rem; }
@media screen and (min-width: 48em), print { .lst_ol01 { margin: 1.0rem 0 1.0rem 3.0rem; } }
.lst_ol01 li { line-height: 1.4; counter-increment: number 1; text-indent: -1.0rem; padding: 0 0 1.0rem 0; }
.lst_ol01 li::before { display: inline-block; content: counter(number) "."; margin-right: .8rem; font-family: 'Lato', sans-serif; color: clr_blue; font-weight: bold; }

.lst_dl01 dt { float: left; width: 25%; font-weight: bold; clear: left; color: #8ac33c; }
.lst_dl01 dd { margin: 0 0 1.0rem; padding-left: 7.0rem; }

@media screen and (min-width: 48em), print { .lst_dl01 dt { width: 10%; }
  .lst_dl01 dd { padding-left: 11rem; } }
/* フレックス回り -------------------------------------- */
.flex3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex3 > li { width: 46%; }

@media screen and (min-width: 48em), print { .flex2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .flex2 > section, .flex2 > li { width: 48%; margin: 0 !important; }
  .flex3 li { width: 31%; } }
/* ボタンリンク -------------------------------------- */
.btn { background: #94c74c; border: 2px solid #72a717; color: #fff; text-align: center; padding: 1rem; display: inline-block; text-decoration: none !important; }

/* テーブル -------------------------------------- */
.tbl_01 { table-layout: fixed; border-collapse: collapse; border-collapse: 0; width: 100%; caption-side: bottom; }
.tbl_01 caption { margin: 0; font-size: 80%; text-align: right; }
.tbl_01 tr th { width: 30%; border: 1px solid #eeeeee; color: #fff; background: #9be43c; padding: .6rem; }
@media screen and (min-width: 48em), print { .tbl_01 tr th { padding: 1rem .6rem; } }
.tbl_01 tr td { border: 1px solid #eeeeee; padding: .6rem; }
@media screen and (min-width: 48em), print { .tbl_01 tr td { padding: 1rem 1.2rem; } }
.tbl_01 tr td.tit { background: #dcfed2; }

/* フローチャート -------------------------------------- */
.flow_01 { margin: 1.0rem 0 1.0rem; }
@media screen and (min-width: 48em), print { .flow_01 { margin: 1.0rem 0 1.0rem; } }
.flow_01 dt { line-height: 1.4; padding: .8rem; background: #94c74c; }
.flow_01 dt span { font-weight: bold; margin-right: 1em; }
.flow_01 dd { position: relative; margin: 1rem 0 6rem; }
@media screen and (min-width: 48em), print { .flow_01 dd { margin: 1rem 0 7rem; } }
.flow_01 dd:last-child { margin: 1rem 0 0; }
.flow_01 dd:not(:last-child)::after { display: block; width: 0; height: 0; content: ""; position: absolute; bottom: -5.0rem; left: 0; right: 0; border-top: 2.0rem solid #b6cab4; border-right: 3.0rem solid transparent; border-bottom: 1.0rem solid transparent; border-left: 3.0rem solid transparent; margin: auto; }

/* ----------------------------------------------------------------------------------
共通　_common.scss
---------------------------------------------------------------------------------- */
@font-face { font-family: 'noto'; src: url("../css/font/NotoSansJP-Regular.otf"); }
@font-face { font-family: 'dosis'; src: url("../css/font/Dosis-Regular.ttf"); }
html { font-size: calc( 100vw / 32 ); font-family: "noto","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif; }

body { background: #fff; color: #414141; padding: 6rem 0 0; }

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

.wrap { padding: 0 1rem 0; }

.main { font-size: 1.4rem; line-height: 1.6; padding: 0 0 0; }
.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 { padding: 0; } }
@media screen and (min-width: 48em) and (min-width: 1120px), print and (min-width: 1120px), print { body { min-width: 1160px; } }
@media screen and (min-width: 48em), print { body > .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 10rem auto 0; }
  a { -webkit-transition: .2s; transition: .2s; }
  a:hover { opacity: .8; }
  .wrap { width: 1100px; margin: 0 auto; }
  .main { font-size: 1.6rem; padding: 0 0 0; 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 > div { margin: 1.0rem; }
.header > div .logo { height: 5.0rem; }
.header > div .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; margin: 0 auto; }
.header > div .headR { text-align: center; }
.header > div .headR .head_access { display: inline-block; margin: 1.4rem auto 1.2rem; padding: .3rem .6rem; border-radius: 7px; color: #fff; font-size: 1.4rem; background: #94c74c; }
.header > div .headR .tel { display: inline-block; font-size: 1.8rem; font-weight: bold; }
.header > div .headR .tel a { display: inline-block; }
.header > div .headR .tel::before { content: "tel."; display: inline-block; margin-right: .4rem; font-size: 80%; font-weight: normal; }
.header > div .headR .head_address { margin-top: .6rem; font-size: 1.2rem; }
.header > div .rsv { margin: 1.2rem auto 0; padding: .6rem 1rem; width: 80%; display: block; background: #94c74c; color: #fff; font-size: 2rem; text-align: center; }
.header > div .rsv::before { content: "\e812"; font-family: "fontello"; display: inline-block; margin-right: .8rem; color: #4b700b; font-size: 3rem; }

@media screen and (min-width: 48em) and (max-width: 1700px), print { .header { margin: 0; }
  .header > div { height: 12.2rem; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .header > div .logo { width: calc(7rem + ((1vw - 0.48rem) * 22.2222)); min-height: 0vw; margin: 2rem auto 2rem .2rem; margin-right: calc(0.6rem + ((1vw - 0.48rem) * 3.3333)); }
  .header > div .logo a { width: 100%; }
  .header > div .headR { text-align: left; width: calc(7.4rem + ((1vw - 0.48rem) * 43.0556)); min-height: 0vw; margin: 2rem auto 2rem 0; } }
@media screen and (min-width: 48em) and (max-width: 1700px) and (min-width: 1120px), print and (min-width: 1120px), print { .header > div .headR { width: 35rem; } }
@media screen and (min-width: 48em) and (max-width: 1700px), print { .header > div .headR .head_access { margin: 0; font-size: calc(0.4rem + ((1vw - 0.48rem) * 0.8333)); min-height: 0vw; } }
@media screen and (min-width: 48em) and (max-width: 1700px) and (min-width: 1120px), print and (min-width: 1120px), print { .header > div .headR .head_access { font-size: 1rem; } }
@media screen and (min-width: 48em) and (max-width: 1700px), print { .header > div .headR .tel { width: auto; display: block; background: none; color: #414141; font-size: calc(.8rem + ((1vw - 0.48rem) * 1.1111)); min-height: 0vw; font-weight: bold; line-height: 1.6; margin: 0; padding: 0; background: url(../img/tel_black.svg) no-repeat left center; background-size: auto 70%; }
  .header > div .headR .head_address { margin: 0; font-size: calc(0.6rem + ((1vw - 0.48rem) * 0.8333)); min-height: 0vw; }
  .header > div .rsv { margin: 0; height: 100%; width: calc(2rem + ((1vw - 0.48rem) * 15.2778)); padding: .6rem .2rem; font-size: calc(1.25rem + ((1vw - 7.68px) * 1.3889)); min-height: 0vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .header > div .rsv::before { display: block; font-size: calc(2.4rem + ((1vw - 0.48rem) * 1.3889)); min-height: 0vw; margin-bottom: .3rem; margin-right: 0; } }
@media (min-width: 1700px), print { .header { margin: 0; }
  .header > div { height: 12.2rem; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .header > div .logo { width: 36rem; height: 8.0rem; margin: 2rem 3rem 2rem 5rem; }
  .header > div .logo a { width: 100%; }
  .header > div .headR { text-align: left; min-width: 22%; margin: 2rem auto 2rem 0; }
  .header > div .headR .head_access { margin: 0; font-size: 1.4rem; }
  .header > div .headR .tel { width: auto; display: block; background: none; color: #414141; font-size: 2.6rem; font-weight: bold; line-height: 1.6; margin: 0; padding: 0; }
  .header > div .headR .head_address { margin: 0; font-size: 1.4rem; }
  .header > div .rsv { margin: 0; height: 100%; width: 20rem; font-size: 2.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .header > div .rsv::before { display: block; font-size: 4rem; margin-bottom: .3rem; margin-right: 0; }
  .header > div .rsv .sp_n { display: none; } }
/* 固定ヘッダーMENU（SPのみ） */
.toplink { position: fixed; width: 100%; padding: 0; top: 0; left: 0; right: 0; z-index: 998; font-size: 1.8rem; overflow: hidden; }
.toplink div { width: 25%; float: left; }
.toplink div a { display: block; width: 100%; text-align: center; text-decoration: none; color: #fff; padding: 1rem 0; }
.toplink div a span { display: block; padding: .5rem 0 0; font-size: 72%; }
.toplink div.btn_reserve { background: #1e90ff; }
.toplink div.btn_tel { background: #f4b183; }
.toplink div.btn_time-map { background: #9dd07b; }
.toplink div.btn_menu { background: #ffd966; }

@media (min-width: 768px) { .toplink { display: none !important; } }
/* SP ドロップダウンメニュー（Slick Nav） */
.slicknav_menu { position: fixed; top: 0; right: 0; font-size: 4.4rem; display: inline-block; background: none; padding: 0; z-index: 999; }
.slicknav_menu .slicknav_btn { width: 25vw; color: #fff; font-size: 1.8rem; background: #ffd966; text-shadow: none; border-radius: 0; text-align: center; line-height: 1.0; margin: 0; padding: 1.2rem 0; }
.slicknav_menu .slicknav_btn.slicknav_collapsed::before { display: block; font-weight: 900; font-family: "Font Awesome 5 Free"; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; content: "\f0c9"; }
.slicknav_menu .slicknav_btn.slicknav_collapsed::after { display: block; content: 'MENU'; padding: 0.6rem 0 0; font-size: 72%; }
.slicknav_menu .slicknav_btn.slicknav_open::before { display: block; font-weight: 900; font-family: "Font Awesome 5 Free"; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; content: "\f00d"; }
.slicknav_menu .slicknav_btn.slicknav_open::after { display: block; content: 'CLOSE'; padding: 0.6rem 0 0; font-size: 72%; }
.slicknav_menu .slicknav_nav { width: 100vw; height: 90%; height: calc(100vh - 6rem); background: #f2ffe1; padding: 1.6rem; position: absolute; top: 6.0rem; right: 0; margin: auto; overflow-y: auto; }
.slicknav_menu .slicknav_nav .gnav { margin: 0; }
.slicknav_menu .slicknav_nav .gnav li { border-bottom: 1px solid #94c74c; }
.slicknav_menu .slicknav_nav .gnav li a { display: block; color: #4b700b; padding: 1.0rem 0; font-size: 1.6rem; position: relative; }
.slicknav_menu .slicknav_nav .gnav li a:not(.sub)::after { position: absolute; right: 1.0rem; font-family: 'fontello'; content: '\e805'; font-size: 2.0rem; }
.slicknav_menu .slicknav_nav .gnav li a span { display: none; }
.slicknav_menu .slicknav_nav .gnav li a .sub::after { position: absolute; right: 1.0rem; font-family: 'fontello'; content: '\e800'; font-size: 2.0rem; }
.slicknav_menu .slicknav_nav .gnav li a:hover { 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 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; }
.slicknav_menu .slicknav_nav .gnav li .subnav li { width: 49%; margin-bottom: .2rem; text-align: center; padding: .2rem .5rem; background: rgba(75, 112, 11, 0.6); }
.slicknav_menu .slicknav_nav .gnav li .subnav li a { color: #fff; padding: .1rem; display: block; }
.slicknav_menu .slicknav_nav .gnav li .subnav li a::after { content: 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 screen and (min-width: 48em) and (max-width: 1700px), print { .slicknav_menu { display: none; }
  #nav { display: block; width: calc(35rem + ((1vw - 0.48rem) * 72.2222)); min-height: 0vw; }
  #nav .gnav { width: auto; margin: 2rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  #nav .gnav li { width: auto; margin-right: calc(0.2rem + ((1vw - 0.48rem) * 2.2222)); }
  #nav .gnav li.treatment { position: relative; }
  #nav .gnav li.treatment > a { position: relative; }
  #nav .gnav li.treatment > a::after { content: "\e800"; font-family: "fontello"; display: block; position: absolute; left: 0; right: 0; margin: auto; bottom: -32px; font-size: 2.6rem; color: #94c74c; }
  #nav .gnav li a { display: block; text-align: center; font-size: 1.8rem; } }
@media screen and (min-width: 48em) and (max-width: 1700px) and (min-width: 768px) and (max-width: 1700px) { #nav .gnav li a { font-size: 1.2vw; } }
@media screen and (min-width: 48em) and (max-width: 1700px), print { #nav .gnav li a span { margin-top: .2rem; font-size: .8rem; display: block; color: #94c74c; }
  #nav .gnav li .subnav { width: 22rem; display: none; position: absolute; top: 7.5rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 5; color: red; }
  #nav .gnav li .subnav li { width: 100%; margin-bottom: .1rem; border-top: 1px solid clr_brw; }
  #nav .gnav li .subnav li:hover { background: rgba(0, 0, 255, 0.5); }
  #nav .gnav li .subnav li a { display: block; width: 100%; padding: 1rem .2rem; background: white; text-align: center; font-size: 1.6rem; color: #414141; }
  #nav .gnav li .subnav li a:hover { color: #000; }
  #nav .gnav li .subnav li:first-child { margin: 1rem 0 .1rem; }
  /* Gナビ　ハイライト */ }
@media (min-width: 1700px), print { .slicknav_menu { display: none; }
  #nav { display: block; width: 87rem; }
  #nav .gnav { width: auto; margin: 2rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  #nav .gnav li { width: auto; margin-right: 3%; }
  #nav .gnav li.treatment { position: relative; }
  #nav .gnav li.treatment > a { position: relative; }
  #nav .gnav li.treatment > a::after { content: "\e800"; font-family: "fontello"; display: block; position: absolute; left: 0; right: 0; margin: auto; bottom: -32px; font-size: 2.6rem; color: #94c74c; }
  #nav .gnav li a { display: block; text-align: center; font-size: 1.8rem; } }
@media screen and (min-width: 1700px) and (min-width: 768px) and (max-width: 1700px) { #nav .gnav li a { font-size: 1.2vw; } }
@media (min-width: 1700px), print { #nav .gnav li a span { margin-top: .2rem; font-size: 1.2rem; display: block; color: #94c74c; }
  #nav .gnav li .subnav { width: 22rem; display: none; position: absolute; top: 7.5rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 5; color: red; }
  #nav .gnav li .subnav li { width: 100%; margin-bottom: .1rem; border-top: 1px solid clr_brw; }
  #nav .gnav li .subnav li:hover { background: rgba(0, 0, 255, 0.5); }
  #nav .gnav li .subnav li a { display: block; width: 100%; padding: 1rem .2rem; background: white; text-align: center; font-size: 1.6rem; color: #414141; }
  #nav .gnav li .subnav li a:hover { color: #000; }
  #nav .gnav li .subnav li:first-child { margin: 1rem 0 0; }
  /* Gナビ　ハイライト */ }
/* クリニック概要 -------------------------------------- */
.overview { padding: 2.0rem 1.0rem 4.0rem; font-size: 1.4rem; line-height: 1.6; background: #f3fbee; }
.overview > .wrap .overviewL .clinic_name { text-align: center; margin: 0 0 2.0rem; padding: 1rem; background: #fff; border: 2px solid #c4ee88; border-radius: 7px; }
.overview > .wrap .overviewL .clinic_name img { max-width: 80%; height: auto; margin-bottom: 1.2rem; }
.overview > .wrap .overviewL .clinic_name .tel { color: #414141; font-weight: bold; font-size: 110%; }
.overview > .wrap .overviewL .clinic_name .tel::before { content: ".tel"; margin-right: .4rem; font-size: 80%; }
.overview > .wrap .overviewL .tbl_gaiyo { width: 100%; border-collapse: separate; border-top: 2px solid clr_brown; }
.overview > .wrap .overviewL .tbl_gaiyo th { width: 27%; font-size: 110%; text-align: left; margin-right: .1rem; padding: .4rem .4rem .1rem; font-weight: normal; color: #619a17; border-bottom: 2px dotted #b5d491; }
.overview > .wrap .overviewL .tbl_gaiyo td { padding: .4rem .4rem .1rem; border-bottom: 2px dotted #b5d491; }
.overview > .wrap .overviewL .tbl_time { margin: 1.6rem 0; }
.overview > .wrap .overviewR { margin: 2.0rem 0 0; }
.overview > .wrap .overviewR .gmap { text-align: right; }
.overview > .wrap .overviewR .gmap iframe { height: 30.0rem; }

@media screen and (min-width: 48em), print { .overview { margin: 0 0 0; padding: 10.0rem 0; font-size: 1.8rem; }
  .overview > .wrap { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .overview > .wrap .overviewL { width: 45%; padding: 0 0; }
  .overview > .wrap .overviewL .clinic_name { margin: 0 0 2.0rem; padding: 1.8rem 0; border: 5px solid #c4ee88; }
  .overview > .wrap .overviewL .clinic_name li { font-size: 1.4rem; }
  .overview > .wrap .overviewL .clinic_name li img { margin-bottom: .2rem; }
  .overview > .wrap .overviewL .clinic_name li .tel { font-size: 2.6rem; line-height: 1.2; }
  .overview > .wrap .overviewL .tbl_gaiyo th { width: 21%; font-size: 1.6rem; padding: .4rem 0; border-bottom: 4px dotted #b5d491; }
  .overview > .wrap .overviewL .tbl_gaiyo td { font-size: 1.6rem; border-bottom: 4px dotted #b5d491; }
  .overview > .wrap .overviewL .tbl_time { margin: 1.6rem 0 0; }
  .overview > .wrap .overviewR { width: 50%; margin: 0; padding: 0 0; }
  .overview > .wrap .overviewR .gmap { height: 100%; }
  .overview > .wrap .overviewR .gmap iframe { height: 100%; } }
/* フッター -------------------------------------- */
#pageup { display: none; position: fixed; bottom: 1.0rem; right: 1.0rem; z-index: 1; cursor: pointer; }
#pageup a { display: block; width: 5.0rem; height: 5.0rem; font-size: 1.6rem; text-align: center; padding: .4rem; background: #e5bc53; border-radius: 50%; }
#pageup a::before { text-align: center; font-size: 3.6rem; font-family: 'fontello'; content: '\e812'; color: #fff; }
#pageup a span { display: none; }

@media screen and (min-width: 48em), print { #pageup a { width: 6.4rem; height: 6.4rem; }
  #pageup a::before { font-size: 5.0rem; } }
.tel_up { width: 5rem; height: 5rem; background: #fff; visibility: hidden; position: fixed; bottom: 0; right: 0; z-index: 11; font-size: 1.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.tel_up .tel { display: block; text-align: center; width: 62%; font-size: 1.8rem; font-weight: bold; line-height: 1.0; }
.tel_up .tel::before { content: "tel."; display: inline-block; margin-right: .4rem; font-size: 80%; font-weight: normal; }
.tel_up .rsv { background: #94c74c; color: #fff; height: 6rem; width: 7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.tel_up .rsv::before { content: "\e812"; font-family: "fontello"; font-size: 2rem; display: block; margin-bottom: .2rem; color: #4b700b; }
.tel_up .pageup { cursor: pointer; }
.tel_up .pageup a { display: block; width: 5rem; height: 5rem; font-size: 1.6rem; text-align: center; padding: 0 .4rem; line-height: 1.0; background: #acde67; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.tel_up .pageup a::before { text-align: center; font-size: 3.4rem; font-family: 'fontello'; content: '\e801'; color: #fff; }
.tel_up .pageup a span { display: none; }

@media screen and (min-width: 48em), print { .tel_up { display: block; width: 8.0rem; bottom: 4.0rem; right: 2.0rem; left: auto; cursor: pointer; background: none; padding: 0; }
  .tel_up .tel { display: none; }
  .tel_up .rsv { display: none; }
  .tel_up .pageup a { width: 6.4rem; height: 6.4rem; border: 3px solid clr_blue; border-radius: 50%; }
  .tel_up .pageup a::before { font-size: 5.0rem; } }
.footer { text-align: center; padding: 2rem 0 7.6rem; }
.footer .copy { display: block; background: #fff; color: #414141; padding: .6rem 1.0rem; font-size: 1.2rem; }
.footer .footer_link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.footer .footer_link li { width: 48%; min-height: 5rem; padding: .6rem .8rem; margin-bottom: .8rem; border: 1px solid #222222; }
.footer .footer_link li a { position: relative; display: block; width: 100%; height: 100%; }
.footer .footer_link li a img { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.footer .footer_link li:not(:last-child)::after { content: none; }
.footer ul:not(.footer_link) { display: none; }

@media screen and (min-width: 48em), print { .footer { padding: 5rem 0 4rem; margin: 0 auto; width: 1040px; }
  .footer .copy { margin-top: 2.2rem; }
  .footer .footer_link { margin: 0 auto 2.4rem; padding: 0 2rem; }
  .footer .footer_link li { width: 15.5%; }
  .footer ul:not(.footer_link) { display: block; text-align: center; margin: 0 auto 1.0rem; }
  .footer ul:not(.footer_link) li { display: inline-block; font-size: 1.4rem; }
  .footer ul:not(.footer_link) li:not(:last-child)::after { content: '|'; margin: 0 .6rem; }
  .footer ul:not(.footer_link) li a { opacity: 1.0; }
  .footer ul:not(.footer_link) li a span { display: none; }
  .footer ul:not(.footer_link) li a:hover { text-decoration: underline; }
  .footer ul:not(.footer_link) li.treatment { display: none; } }
/* ----------------------------------------------------------------------------------
トップ　_top.scss
---------------------------------------------------------------------------------- */
/* キービジュアル -------------------------------------- */
#keyvsl { margin: 1.0em 0em 11em; max-width: 100%; height: 15em; background: url(../img/index_keyvsl01.jpg) no-repeat center center/200%; position: relative; }
#keyvsl ul.open { width: 100%; position: absolute; bottom: -3.6rem; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#keyvsl ul.open li { width: 100%; padding: .6rem 0; color: #fff; }
#keyvsl ul.open li.green { background: #94c74c; font-size: 1.8rem; font-weight: bold; line-height: 1.4; display: inline-block; text-align: center; padding: .4rem 0; }
#keyvsl ul.open li.green > span { display: inline-block; margin-right: .4rem; }
#keyvsl ul.open li.green > span > span { font-size: 2.2rem; display: inline-block; margin: 0 .2rem 0 .8rem; }
#keyvsl ul.open li.orange { background: #dab565; font-size: 1.8rem; font-weight: bold; text-align: center; line-height: 1.4; }
#keyvsl ul.open li.orange > span > span { font-size: 2.2rem; display: inline; }
#keyvsl ul.bn { width: 96%; position: absolute; bottom: -11.1em; left: 2%; }
#keyvsl ul.bn li { width: 100%; margin-bottom: 10px; color: #fff; }

@media screen and (min-width: 48em), print { #keyvsl { margin: 0 auto 0; padding: 8rem 0; background: url(../img/index_keyvsl01.jpg) no-repeat center center/cover; color: #fff; height: 60rem; }
  #keyvsl ul.open { width: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 75%; left: 80%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
  #keyvsl ul.open li { height: 26rem; width: 26rem; margin: 0 1.2rem; border-radius: 50%; }
  #keyvsl ul.open li.green { font-size: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; line-height: 1.2; display: block; padding: 3rem 0 0; }
  #keyvsl ul.open li.green > span { font-size: 2.6rem; display: block; }
  #keyvsl ul.open li.green > span > span { font-size: 6rem; display: inline; }
  #keyvsl ul.open li.orange { font-size: 4rem; line-height: 1.2; }
  #keyvsl ul.open li.orange > span { font-size: 2.6rem; }
  #keyvsl ul.open li.orange > span > span { font-size: 6rem; }
  #keyvsl ul.bn { width: 30%; bottom: 85px; left: 65%; }
  #keyvsl ul.bn li { height: auto; width: 100%; margin: 0 0 .5rem; text-align: right; } }
/* お知らせ -------------------------------------- */
.info { padding: 4.0rem 0 4rem; background: url("../img/index_info_bg.gif") center; }
.info .tit_02 { background: url("../img/index_info_tit.svg") no-repeat center left 1rem/contain; margin-bottom: 2rem; }
.info dl { background: #edffd5; margin: 0; line-height: 1.4; border-radius: 7px; padding: 1.4rem; height: 20.0rem; overflow-y: auto; }
.info dl dt { margin-bottom: .4rem; color: #629917; font-size: 110%; }
.info dl dd { margin: 0 0 1.0rem; padding-bottom: 1.4rem; }

@media screen and (min-width: 48em), print { .info { margin: 0 auto 0; padding: 10rem 0 6rem; }
  .info .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .info .wrap .tit_02 { background: url("../img/index_info_tit.svg") no-repeat center left/contain; height: 20rem; width: 16rem; padding-left: 5rem; }
  .info .wrap dl { padding: 3rem; width: 82rem; height: 100%; } }
/* -----------------------------------------------------------
　患者様の満⾜度調査を実施しております
----------------------------------------------------------- */
.investigation { background: #fbf7ee; padding: 20px 0; }
.investigation .wrap { width: 96%; margin-left: 2%; margin-right: 2%; padding: 15px; background-color: #fff; border: 3px solid #ACDE67; }
.investigation .wrap h2.tit_02 { margin-top: 0px; }
.investigation .wrap a.jidv { width: 100%; height: 33vh; background-image: url(../img/jidv_banner_sp.jpg); background-repeat: no-repeat; background-size: contain; display: block; text-indent: -9999px; }

@media screen and (min-width: 48em), print { .investigation { padding: 5rem 0 5rem; }
  .investigation .wrap { padding: 30px; }
  .investigation .wrap a.jidv { width: 1000px; margin-left: auto; margin-right: auto; height: 160px; background-image: url(../img/jidv_banner_pc.jpg); background-repeat: no-repeat; background-size: contain; display: block; text-indent: -9999px; } }
/* コンセプト -------------------------------------- */
.concept { background: linear-gradient(140deg, #f2ffe1, #f2ffe1 4rem, #fff 4rem, #fff); padding: 2rem 0 2rem; }
.concept .img { position: relative; z-index: 2; }
.concept .img img { width: 60%; display: block; margin: 0 auto; }
.concept .img::before { content: ""; background: url("../img/index_concept_02.svg") no-repeat center/100%; width: 10rem; height: 10rem; position: absolute; z-index: -1; bottom: -10%; left: 72%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); display: block; }

@media screen and (min-width: 48em), print { .concept { background: linear-gradient(125deg, #f2ffe1, #f2ffe1 17rem, #fff 17rem, #fff); padding: 10rem 0 10rem; }
  .concept .tit_02 { float: left; }
  .concept .img { float: right; }
  .concept .img img { width: 100%; }
  .concept .img::before { width: 60%; height: 60%; left: 80%; }
  .concept div:not(.img) { float: left; width: 55%; font-size: 1.6rem; } }
/* その他 -------------------------------------- */
.other { background: linear-gradient(140deg, #f2ffe1, #f2ffe1 4rem, #fff 4rem, #fff); padding: 2rem 0 2rem; }
.other .img { position: relative; z-index: 2; }
.other .img img { width: 60%; display: block; margin: 0 auto; }
.other .img::before { content: ""; background: url("../img/index_concept_02.svg") no-repeat center/100%; width: 10rem; height: 10rem; position: absolute; z-index: -1; bottom: -10%; left: 72%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); display: block; }
.other h3.top { color: #6a4833; font-size: 1.8rem; text-align: center; font-weight: normal; margin: 2rem auto 1rem auto; }

@media screen and (min-width: 48em), print { .other { background: linear-gradient(125deg, #f2ffe1, #f2ffe1 17rem, #fff 17rem, #fff); padding: 10rem 0 10rem; }
  .other .tit_02 { float: left; }
  .other div:not(.img) { float: left; width: 100%; font-size: 1.6rem; margin-bottom: 6rem; }
  .other h3.top { font-size: 3.6rem; text-align: center; font-weight: normal; margin: 4rem auto 1rem auto; } }
/* 診療内容 -------------------------------------- */
.tre { background: #fbf7ee; padding: 2rem 0 2rem; }
.tre .tit_02 { color: #f3e8d4; }
.tre ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.tre ul li { width: 48%; text-align: center; margin-top: 2rem; }
.tre ul li a { text-decoration: none !important; text-align: center; display: block; }
.tre ul li a::before { content: ""; width: 70%; height: 3rem; margin: 0 auto .4rem; display: block; }
.tre ul li a.ippan::before { background: url("../img/index_tre_ippan.svg") no-repeat center top/contain; }
.tre ul li a.mushiba::before { background: url("../img/index_tre_mushiba.svg") no-repeat center top/contain; }
.tre ul li a.shishu::before { background: url("../img/index_tre_shishu.svg") no-repeat center top/contain; }
.tre ul li a.shouni::before { background: url("../img/index_tre_shouni.svg") no-repeat center top/contain; }
.tre ul li a.yobou::before { background: url("../img/index_tre_yobou.svg") no-repeat center top/contain; }
.tre ul li a.shinbi::before { height: 2rem; background: url("../img/index_tre_shinbi.svg") no-repeat center top/contain; }
.tre ul li a.white::before { background: url("../img/index_tre_white.svg") no-repeat center top/contain; }
.tre ul li a.kyosei::before { height: 1.6rem; background: url("../img/index_tre_kyosei.svg") no-repeat center top/contain; }
.tre ul li a.mouthpiece::before { background: url("../img/index_tre_mouthpiece.svg") no-repeat center top/contain; }
.tre ul li a.kouku::before { background: url("../img/index_tre_kouku.svg") no-repeat center top/contain; }
.tre ul li a.implant::before { background: url("../img/index_tre_implant.svg") no-repeat center top/contain; }
.tre ul li a.ireba::before { background: url("../img/index_tre_ireba.svg") no-repeat center top/contain; }
.tre ul li a.houmon::before { background: url("../img/index_tre_houmon.svg") no-repeat center top/contain; }
.tre ul li a span { position: relative; }
.tre ul li a span::before { content: ""; background: #9e8c80; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; }
.tre ul li a span::after { content: ">"; margin-left: .4rem; color: #ca9f8e; position: absolute; right: -18px; top: 0; }

@media screen and (min-width: 48em), print { .tre { padding: 8rem 0 5rem; }
  .tre .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .tre .wrap ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .tre .wrap ul li { width: 25%; margin-bottom: 5rem; }
  .tre .wrap ul li a { font-size: 1.8rem; position: relative; }
  .tre .wrap ul li a::before { height: 6rem; margin: 0 auto 1rem; }
  .tre .wrap ul li a.shinbi::before { height: 3rem; }
  .tre .wrap ul li a.kyosei::before { height: 3rem; }
  .tre .wrap ul li a.ireba::before { height: 5rem; }
  .tre .wrap ul li a span::before { bottom: -4px; } }
/* バナー -------------------------------------- */
.bnr { background: #fbf7ee; padding: 2rem 1rem; }
@media screen and (min-width: 48em), print { .bnr { padding: 1rem 1rem 6rem; } }

/* 特長 -------------------------------------- */
.feature { padding: 2rem 0 2rem; }
.feature ul li { width: 90%; height: 27rem; margin: 0 auto 2rem; background: green; border-radius: 50%; padding: 1rem 2rem 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.feature ul li div { background: #fff; border-radius: 50%; height: 19rem; width: 84%; }
.feature ul li div figure { position: relative; width: 100%; height: 100%; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.feature ul li div figure img { position: absolute; top: 25%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.feature ul li div figure figcaption { width: 100%; font-size: 1.8rem; font-weight: bold; text-align: center; position: absolute; top: 70%; left: 0%; right: 0%; margin: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.feature ul li.no1 { background: url("../img/index_feature_01bg.gif") 6px, #c4ef89; color: #94c74c; }
.feature ul li.no2 { background: url("../img/index_feature_02bg.gif") 6px, #cceff7; color: #68c8dc; }
.feature ul li.no3 { background: url("../img/index_feature_03bg.gif") 6px, #ffeaed; color: #dc6876; }
.feature ul li.no4 { background: url("../img/index_feature_04bg.gif") 6px, #ffe0bf; color: #f5a54f; }
.feature ul li.no5 { background: url("../img/index_feature_05bg.gif") 6px, #f7e5ff; color: #d568dc; }
.feature ul li.no6 { background: url("../img/index_feature_06bg.gif") 6px, #fbffd6; color: #f2bc54; }
.feature ul li.no7 { background: url("../img/index_feature_07bg.gif") 6px, #f6f7ff; color: #808adf; }
.feature ul li.no8 { background: url("../img/index_feature_08bg.gif") 6px, #e5ffe8; color: #5acbaa; }
.feature ul li.no9 { background: url("../img/index_feature_09bg.gif") 6px, #ffebf9; color: #ef96d4; }

@media screen and (min-width: 48em), print { .feature { padding: 8rem 0 5rem; background: url("../img/index_feature_bg01.jpg") no-repeat top left/contain, url("../img/index_feature_bg02.jpg") no-repeat top right/contain; }
  .feature ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .feature ul li { width: 27%; height: 29rem; margin: 0 0 3rem; }
  .feature ul li div { height: 22rem; width: 87%; }
  .feature ul li div figure figcaption { top: 73%; } }
/* カレンダー -------------------------------------- */
.cal .box_white { padding: 1.0rem; }
.cal .box_white .status { display: -webkit-box; display: -ms-flexbox; display: flex; }
.cal .box_white .status li { display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: 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-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-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%; } }
/* ----------------------------------------------------------------------------------
下層　_lower.scss
---------------------------------------------------------------------------------- */
@media screen and (min-width: 48em), print { body:not(.index) > .wrap { margin: 0 auto 0; } }
body:not(.index) .main { margin: 0 1.0rem 6rem; }
@media screen and (min-width: 48em), print { body:not(.index) .main { margin: 10rem 0 10rem; font-size: 1.8rem; } }

@media screen and (min-width: 48em), print { .cf .img_l, .cf .img_r { max-width: 40%; height: auto; } }
/* ドクター紹介 */
@media screen and (min-width: 48em), print { .doctor .flex2 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .doctor .flex2 > div { width: 64%; }
  .doctor .flex2 > img { width: 25%; height: 37rem; margin: 0 0 3rem 3rem; } }
.doctor .cf .img_l { margin-bottom: 2rem; }
@media screen and (min-width: 48em), print { .doctor .cf .img_l { max-width: 25%; margin: 0 6rem 3rem 7.5rem; } }

/* クリニック紹介 */
#clinicslide { margin-bottom: 8.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-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .device li { width: 48%; }
  .device li img { margin: 0 auto 1.0rem; max-width: 100%; } }
/* ご来院の方へ */
.visit .lst_ul01 + p { margin-top: 0; }
.visit .flow dd { margin: 0 0 6.0rem; position: relative; }
@media screen and (min-width: 48em), print { .visit .flow dd { margin: 0 0 10.0rem; } }
.visit .flow dd:not(:last-child)::after { display: block; width: 0; height: 0; content: ""; position: absolute; bottom: -5.0rem; left: 0; right: 0; border-top: 2.0rem solid #ccc; border-right: 3.0rem solid transparent; border-bottom: 1.0rem solid transparent; border-left: 3.0rem solid transparent; margin: auto; }

/* 診療時間・アクセス */
.access .gmap { height: 30.0rem; margin: 2.0rem 0; }

@media screen and (min-width: 48em), print { .access .tbl_time { font-size: 1.8rem; }
  .access .tbl_time tr th[scope="col"] { padding: .6rem 0; font-size: 2rem; }
  .access .tbl_time tr th[scope="col"]:first-child { width: 29%; }
  .access .tbl_time tr th.time { font-size: 2.4rem; }
  .access .tbl_time tr td { padding: 1.2rem 0; font-size: 2.4rem; }
  .access .gmap { height: 50.0rem; } }
/*歯周病治療*/
@media screen and (min-width: 48em), print { .tooth_decay .img_r { max-width: 40%; } }

/*歯周病治療*/
.periodontal .tbl_01 tr th { font-size: 80%; }
.periodontal .tbl_01 tr th:first-child { width: 20%; }
@media screen and (min-width: 48em), print { .periodontal .tbl_01 tr th:first-child { width: 10%; } }
.periodontal .tbl_01 tr td { padding: .8rem 1rem; }
.periodontal .tbl_01 tr td:first-child { text-align: center; }
.periodontal .tbl_01 tr td.gray_01 { background: #eeeeee; }
.periodontal .tbl_01 tr td.gray_02 { background: #dedede; }
.periodontal .tbl_01 tr td.gray_03 { background: #bfbfbf; }
.periodontal .tbl_01 tr td.gray_04 { background: #a2a2a2; }

/*審美*/
@media screen and (min-width: 48em), print { .aesthetic .img_r { max-width: 40%; } }

/*ホワイトニング*/
@media screen and (min-width: 48em), print { .whitening .img_r { max-width: 40%; } }
.whitening .youtube_clip { text-align: center; margin: 3rem auto 3rem; }
@media screen and (min-width: 48em), print { .whitening .youtube_clip { margin: 6rem auto 3rem; } }
.whitening .youtube_clip .js-modal-video { display: inline-block; }
@media screen and (min-width: 48em), print { .whitening .tbl_01 tr th { width: 40%; } }
.whitening .tbl_01 tr td { text-align: right; }
.whitening .tit_05 + P { margin-top: 0; }

/*インプラント*/
.implant .tbl_01 tr th { width: 50%; }
.implant .tbl_01.pri tr th { width: 100%; }
.implant .tbl_01.pri tr td { text-align: right; }
.implant .tbl_01.pri tr td:first-child { text-align: center; }

/*料金表*/
.price .tbl_01 tr th { width: 40%; }
.price .tbl_01 tr td { text-align: center; }
.price .tbl_01 tr td:last-child { text-align: right; }

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