@charset "UTF-8";
/* ----------------------------------------------------------------------------------
リセット　_reset.scss
---------------------------------------------------------------------------------- */
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 { max-width: 100%; height: auto; vertical-align: bottom; }

/* ----------------------------------------------------------------------------------
モジュール　_module.scss
---------------------------------------------------------------------------------- */
/* フォント -------------------------------------- */
@font-face { font-family: 'quicksand_l'; src: url("fontello/font/Quicksand-Light.ttf"); }
@font-face { font-family: 'quicksand_m'; src: url("fontello/font/Quicksand-Medium.ttf"); }
.tel { font-family: "quicksand_m","游ゴシック体", YuGothic; }

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

.green { color: #4A7220; }

.frame_01 { color: #358d39; border: 1px solid #358d39; border-radius: 5px; padding: 1rem; background: #ebfbe9; }
@media screen and (min-width: 48em), print { .frame_01 { padding: 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; }
  .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; background: #fff; border-radius: 7px 7px 0 0 / 7px 7px 0 0; overflow: hidden; table-layout: auto; }
.tbl_time caption { font-size: 85%; caption-side: bottom; text-align: left; margin-top: .4rem; }
.tbl_time tr th { font-weight: normal; }
.tbl_time tr th[scope="col"] { padding: .4rem 0; background: #9be43c; font-size: 1.2rem; color: #fff; font-weight: normal; }
.tbl_time tr th[scope="col"]:first-child { width: 35%; border-right: 1px solid #ddd; }
.tbl_time tr th[scope="col"]:last-child { border-right: 1px solid #ddd; }
.tbl_time tr th.time { background: #fff; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
.tbl_time tr th.time.naishi { background: #dcfed2; }
.tbl_time tr th.time.naishi + td { background: #dcfed2; }
.tbl_time tr th.time.naishi + td ~ td { background: #dcfed2; }
.tbl_time tr th.time .small { font-size: 80%; color: inherit; }
.tbl_time tr td { text-align: center; padding: .6rem .4rem; background: #fff; border-bottom: 1px solid #ddd; line-height: 1.0; }
.tbl_time tr td:last-child { border-right: 1px solid #ddd; }
.tbl_time tr:last-child th { border-radius: 0 0 0 7px / 0 0 0 7px; }
.tbl_time tr:last-child td:last-child { border-radius: 0 0 7px 0 / 0 0 7px 0; }
.tbl_time span { color: #358d39; }

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

/* タイトル回り -------------------------------------- */
.tit_01 { font-size: 2.2rem; padding: 3.0rem 1.0rem; margin: 0; text-align: center; color: #fff; font-weight: bold; text-shadow: #358d39 1px 1px 10px, #358d39 -1px 1px 10px,#358d39 1px -1px 10px, #358d39 -1px -1px 10px; }

.tit_02 { color: #333333; font-size: 2.0rem; text-align: center; margin: 0 0 2.4rem; line-height: 1.2; position: relative; }
.tit_02 span { font-size: 1.2rem; color: #358d39; position: absolute; bottom: -1.2rem; left: 0; right: 0; margin: auto; }
.tit_02::before { content: ""; display: inline-block; background: url("../img/tit_02_parts01.png") no-repeat center/contain; width: 2rem; height: 2rem; margin-right: .8rem; }
.tit_02::after { content: ""; display: inline-block; background: url("../img/tit_02_parts02.png") no-repeat center/contain; width: 2rem; height: 2rem; margin-left: .8rem; }

body:not(.index) .tit_02 { color: #333333; font-size: 2.0rem; text-align: center; margin: 0 auto 2.4rem; line-height: 1.2; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
body:not(.index) .tit_02::before { content: ""; display: inline-block; background: url("../img/tit_02_parts01.png") no-repeat center/contain; min-width: 2rem; height: 2rem; margin-right: .8rem; }
body:not(.index) .tit_02::after { content: ""; display: inline-block; background: url("../img/tit_02_parts02.png") no-repeat center/contain; min-width: 2rem; height: 2rem; margin-left: .8rem; }

.tit_03 { color: #358d39; background: #ebfbe9; font-size: 1.8rem; line-height: 1.2; padding: .8rem 1rem; margin: 0 0 1.0rem; border-top: 1px solid #358d39; border-bottom: 1px solid #358d39; }

.tit_04 { color: #358d39; font-size: 1.8rem; line-height: 1.2; margin: 0 0 1.0rem; padding-bottom: .6rem; border-bottom: 1px dotted #358d39; }

@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.9rem 4.0rem; margin: 0 0 3.0rem; }
  .tit_02 { font-size: 3.4rem; margin: 0 0 3.4rem; }
  .tit_02 span { font-size: 1.6rem; bottom: -1.8rem; }
  .tit_02::before { width: 5rem; height: 4.4rem; margin-right: 1.6rem; vertical-align: bottom; }
  .tit_02::after { width: 5rem; height: 4.4rem; margin-left: 1.6rem; vertical-align: bottom; }
  body:not(.index) .tit_02 { font-size: 3.4rem; line-height: 1.2; margin: 0 0 3.4rem; }
  body:not(.index) .tit_02::before { width: 5rem; height: 4.4rem; margin-right: 2rem; }
  body:not(.index) .tit_02::after { width: 5rem; height: 4.4rem; margin-left: 2rem; }
  .tit_03 { font-size: 2.4rem; margin: 0 0 2.0rem; }
  .tit_04 { font-size: 2.4rem; margin: 0 0 2.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: #9be43c; }
.lst_ul01 li.none::before { content: none; }
@media screen and (min-width: 48em), print { .lst_ul01.flex { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .lst_ul01.flex li { width: 49%; } }

.lst_ul02 li { padding-bottom: 1.0rem; line-height: 1.4; display: inline; }
.lst_ul02 li ~ li { margin-left: 1.2rem; }
.lst_ul02 li::before { content: '●'; margin-right: .4rem; color: #9be43c; }

.lst_ul03 li { padding-bottom: 1.0rem; line-height: 1.4; }
.lst_ul03 li::before { content: '・'; margin-right: .4rem; color: #212121; }

.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: 36%; font-weight: bold; clear: left; }
.lst_dl01 dd { margin: 0 0 1.0rem; padding-left: 10.0rem; }

@media screen and (min-width: 48em), print { .lst_dl01 dt { width: 15%; padding-left: 5.0rem; } }
.lst_dl02 dt { display: block; font-weight: bold; color: #6d6d6d; font-size: 110%; margin-bottom: .2rem; }
.lst_dl02 dd { margin: 0 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 li { width: 31%; } }
/* ボタンリンク -------------------------------------- */
.btn { width: 80%; margin: 0 auto; background: #9be43c; color: #fff; text-align: center; padding: 1rem; display: block; text-decoration: none !important; border-radius: 7px; }
@media screen and (min-width: 48em), print { .btn { width: auto; min-width: 15rem; } }
@media screen and (min-width: 48em), print { .btn { margin: 0 0 0 auto; } }
@media screen and (min-width: 48em), print { .btn { display: inline-block; } }
.btn::after { content: "\e83e"; font-family: "fontello"; display: inline-block; margin-left: 1rem; }

/* テーブル -------------------------------------- */
.tbl_01 { table-layout: fixed; border-collapse: collapse; border-collapse: 0; width: 100%; }
.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; }
.tbl_01 tr td.tit { background: #dcfed2; }

/* フローチャート -------------------------------------- */
.flow_02 { margin: 1.0rem 0 1.0rem; }
@media screen and (min-width: 48em), print { .flow_02 { margin: 1.0rem 0 1.0rem; } }
.flow_02 dt { line-height: 1.4; font-size: 110%; background: #dcfed2; padding: .8rem; }
.flow_02 dd { position: relative; margin: 1rem 0 6rem; }
@media screen and (min-width: 48em), print { .flow_02 dd { margin: 1rem 0 7rem; } }
.flow_02 dd:last-child { margin: 1rem 0 0; }
.flow_02 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
---------------------------------------------------------------------------------- */
html { font-size: calc( 100vw / 32 ); font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }

body { background: #fff; color: #212121; }

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 { min-width: 1200px; }
  body > .wrap { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; margin: 10rem auto 0; }
  a { transition: .2s; }
  a:hover { opacity: .8; }
  .wrap { width: 1180px; margin: 0 auto; }
  .main { font-size: 1.8rem; 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 .kv, .header .kv_low { background: url("../img/index_keyvsl01.jpg") no-repeat top center/cover; }
.header .kv .wrap, .header .kv_low .wrap { margin: 0 0 20rem; padding: 1rem; position: relative; }
.header .kv .wrap > div:not(.oshirase), .header .kv_low .wrap > div:not(.oshirase) { background: rgba(255, 255, 255, 0.9); border-radius: 7px; }
.header .kv .wrap > div:not(.oshirase) .logo, .header .kv_low .wrap > div:not(.oshirase) .logo { height: 6.5rem; padding: .8rem .4rem; }
.header .kv .wrap > div:not(.oshirase) .logo a, .header .kv_low .wrap > div:not(.oshirase) .logo a { display: block; width: 100%; height: 100%; background: url(../img/logo.svg) no-repeat left center/contain; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.header .kv .wrap > div:not(.oshirase) .headR, .header .kv_low .wrap > div:not(.oshirase) .headR { margin-top: 1.6rem; }
.header .kv .wrap > div:not(.oshirase) .headR > div, .header .kv_low .wrap > div:not(.oshirase) .headR > div { padding-bottom: 1rem; }
.header .kv .wrap > div:not(.oshirase) .headR > div .address, .header .kv_low .wrap > div:not(.oshirase) .headR > div .address { margin-top: .8rem; padding-right: .6rem; font-size: 1.4rem; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; }
.header .kv .wrap > div:not(.oshirase) .headR > div .address::before, .header .kv_low .wrap > div:not(.oshirase) .headR > div .address::before { color: #358d39; content: "\e83f"; font-family: "fontello"; font-size: 1.8rem; border: 1px solid #358d39; border-radius: 50%; padding: .4rem .6rem; margin: 0 .8rem; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.header .kv .wrap > div:not(.oshirase) .headR > div .access, .header .kv_low .wrap > div:not(.oshirase) .headR > div .access { margin-top: .8rem; padding-right: .6rem; font-size: 1.4rem; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; }
.header .kv .wrap > div:not(.oshirase) .headR > div .access::before, .header .kv_low .wrap > div:not(.oshirase) .headR > div .access::before { color: #358d39; content: "\e840"; font-family: "fontello"; font-size: 1.8rem; border: 1px solid #358d39; border-radius: 50%; padding: .4rem .6rem; margin: 0 .8rem; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.header .kv .wrap > div:not(.oshirase) .headR > div .access .header_n, .header .kv_low .wrap > div:not(.oshirase) .headR > div .access .header_n { display: none; }
.header .kv .wrap > div:not(.oshirase) .headR > div > div:not(.address):not(.access), .header .kv_low .wrap > div:not(.oshirase) .headR > div > div:not(.address):not(.access) { text-align: center; margin-bottom: 1.2rem; }
.header .kv .wrap > div:not(.oshirase) .headR > div > div:not(.address):not(.access) .tel, .header .kv_low .wrap > div:not(.oshirase) .headR > div > div:not(.address):not(.access) .tel { display: inline-block; font-size: 1.8rem; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
.header .kv .wrap > div:not(.oshirase) .headR > div > div:not(.address):not(.access) .tel::before, .header .kv_low .wrap > div:not(.oshirase) .headR > div > div:not(.address):not(.access) .tel::before { content: "\e842"; font-family: "fontello"; color: #358d39; font-size: 1.8rem; margin: .8rem .8rem 0; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.header .kv .wrap > div:not(.oshirase) .headR > div > div:not(.address):not(.access) .tel a, .header .kv_low .wrap > div:not(.oshirase) .headR > div > div:not(.address):not(.access) .tel a { display: inline-block; color: #358d39; margin-top: .8rem; padding-right: .6rem; }
.header .kv .wrap > div:not(.oshirase) .headR > div .rsv, .header .kv_low .wrap > div:not(.oshirase) .headR > div .rsv { display: block; text-align: center; background: #9be43c; color: #fff; font-size: 1.8rem; width: 80%; margin: .8rem auto; padding: .8rem; }
.header .kv .wrap > div:not(.oshirase) .headR > div .rsv::after, .header .kv_low .wrap > div:not(.oshirase) .headR > div .rsv::after { content: "\e83e"; font-family: "fontello"; display: inline-block; margin-left: .6rem; }
.header .kv .wrap .time_tbl, .header .kv_low .wrap .time_tbl { padding: .8rem; position: absolute; left: 0; right: 0; margin: auto; bottom: -20rem; }

@media screen and (min-width: 48em), print { .header .kv, .header .kv_low { background: url("../img/index_keyvsl01.jpg") no-repeat top center/auto auto; height: 68rem; }
  .header .kv .wrap, .header .kv_low .wrap { margin: 0 auto; padding: 2rem 0; height: 100%; position: relative; }
  .header .kv .wrap > div:not(.oshirase), .header .kv_low .wrap > div:not(.oshirase) { padding: 1rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .header .kv .wrap > div:not(.oshirase) .logo, .header .kv_low .wrap > div:not(.oshirase) .logo { width: 48%; height: 12rem; }
  .header .kv .wrap > div:not(.oshirase) .headR, .header .kv_low .wrap > div:not(.oshirase) .headR { margin: 0; width: 47%; }
  .header .kv .wrap > div:not(.oshirase) .headR > div, .header .kv_low .wrap > div:not(.oshirase) .headR > div { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0; }
  .header .kv .wrap > div:not(.oshirase) .headR > div .address, .header .kv_low .wrap > div:not(.oshirase) .headR > div .address { width: 50%; margin: 0 1rem 0 0; }
  .header .kv .wrap > div:not(.oshirase) .headR > div .address::before, .header .kv_low .wrap > div:not(.oshirase) .headR > div .address::before { min-width: 4.5rem; height: 4.5rem; margin: 0 1rem 0 0; padding: .6rem .8rem; font-size: 2.4rem; border: 2px solid #358d39; }
  .header .kv .wrap > div:not(.oshirase) .headR > div .access, .header .kv_low .wrap > div:not(.oshirase) .headR > div .access { width: 46%; margin: 0; }
  .header .kv .wrap > div:not(.oshirase) .headR > div .access::before, .header .kv_low .wrap > div:not(.oshirase) .headR > div .access::before { width: 4.5rem; height: 4.5rem; margin: 0 1rem 0 0; padding: .6rem .8rem; font-size: 2.4rem; border: 2px solid #358d39; }
  .header .kv .wrap > div:not(.oshirase) .headR > div .access .header_n, .header .kv_low .wrap > div:not(.oshirase) .headR > div .access .header_n { display: block; text-indent: -1em; }
  .header .kv .wrap > div:not(.oshirase) .headR > div > div:not(.address):not(.access), .header .kv_low .wrap > div:not(.oshirase) .headR > div > div:not(.address):not(.access) { width: 53%; margin: 1rem 1rem 0 0; }
  .header .kv .wrap > div:not(.oshirase) .headR > div > div:not(.address):not(.access) .tel, .header .kv_low .wrap > div:not(.oshirase) .headR > div > div:not(.address):not(.access) .tel { width: 100%; color: #358d39; font-size: 3.4rem; margin-right: 1.2rem; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; }
  .header .kv .wrap > div:not(.oshirase) .headR > div > div:not(.address):not(.access) .tel::before, .header .kv_low .wrap > div:not(.oshirase) .headR > div > div:not(.address):not(.access) .tel::before { content: "\e842"; font-family: "fontello"; font-size: 2.6rem; margin: 0 .8rem; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
  .header .kv .wrap > div:not(.oshirase) .headR > div .rsv, .header .kv_low .wrap > div:not(.oshirase) .headR > div .rsv { width: auto; display: inline; margin: 1rem 0 0; padding: .8rem 3.4rem; letter-spacing: .2rem; font-size: 2rem; border-radius: 5px; }
  .header .kv .wrap .time_tbl, .header .kv_low .wrap .time_tbl { display: none !important; } }
/* ヘッダー 下層-------------------------------------- */
@media screen and (min-width: 48em), print { body:not(.index) .header .kv { height: 37rem; } }
/* SP ドロップダウンメニュー（Slick Nav） -------------------------------------- */
.slicknav_menu { position: absolute; top: 1.0rem; right: 0; font-size: 4.4rem; display: inline-block; background: none; padding: 0; z-index: 10; }
.slicknav_menu .slicknav_btn { width: 5.0rem; height: 5.0rem; color: #9be43c; background: #358d39; 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: '\f008'; font-size: 3rem; padding-top: 1rem; line-height: .8; }
.slicknav_menu .slicknav_btn.slicknav_collapsed::after { display: block; content: 'MENU'; margin-top: .2rem; font-size: 1.0rem; }
.slicknav_menu .slicknav_btn.slicknav_open::before { display: block; font-family: 'fontello'; content: '\e802'; font-size: 3rem; padding-top: 1rem; line-height: .8; }
.slicknav_menu .slicknav_btn.slicknav_open::after { display: block; content: 'CLOSE'; margin-top: .2rem; font-size: 1.0rem; }
.slicknav_menu .slicknav_nav { width: 100vw; background: #f0fbe1; padding: 1.6rem; position: absolute; top: 6.0rem; right: 0; margin: auto; }
.slicknav_menu .slicknav_nav .gnav { border-top: 1px solid clr_brw; margin: 0; }
.slicknav_menu .slicknav_nav .gnav li { border-bottom: 1px solid #358d39; }
.slicknav_menu .slicknav_nav .gnav li a { display: block; color: #000; padding: 1.0rem 0; font-size: 1.6rem; position: relative; }
.slicknav_menu .slicknav_nav .gnav li a span:not(.point) { display: none; }
.slicknav_menu .slicknav_nav .gnav li a:not(.sub)::after { position: absolute; right: 1.0rem; font-family: 'fontello'; content: '\f006'; font-size: 2.0rem; color: #358d39; }
.slicknav_menu .slicknav_nav .gnav li a .sub::after { position: absolute; right: 1.0rem; font-family: 'fontello'; content: '\f004'; font-size: 2.0rem; color: #358d39; }
.slicknav_menu .slicknav_nav .gnav li a:hover { color: #000; 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: '\f005'; color: #358d39; }
.slicknav_menu .slicknav_nav .gnav li.treatment .subnav { margin: 0; }
.slicknav_menu .slicknav_nav .gnav li.treatment .subnav li { background: #358d39; }
.slicknav_menu .slicknav_nav .gnav li.treatment .subnav li a { color: #fff; padding-left: .2rem; }
.slicknav_menu .slicknav_nav .gnav li.treatment .subnav li a::after { color: #fff; }
.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; width: 100%; border-bottom: 1px solid #dddddd; }
  #nav .gnav { width: 1180px; margin: auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
  #nav .gnav li { width: calc(100%/5); }
  #nav .gnav li a { display: block; text-align: center; font-size: 1.8rem; padding: 2rem 0; line-height: 1.6; letter-spacing: .1rem; position: relative; }
  #nav .gnav li a::after { content: ""; background: #ddd; width: 1px; height: 4rem; display: inline-block; position: absolute; top: 50%; right: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
  #nav .gnav li a span:not(.point) { display: block; color: #9ac732; font-size: 1.4rem; }
  #nav .gnav li:first-child a::before { content: ""; background: #ddd; width: 1px; height: 4rem; display: inline-block; position: absolute; top: 50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
  #nav .gnav li .subnav { width: 20rem; padding: 0; display: none; position: absolute; z-index: 10; color: #fff; }
  #nav .gnav li .subnav li { width: 100%; border-top: 1px dashed #e2efe3; }
  #nav .gnav li .subnav li:hover { background: rgba(73, 152, 76, 0.3); }
  #nav .gnav li .subnav li a { display: block; width: 100%; background: rgba(73, 152, 76, 0.9); padding: 1.6rem 0; text-align: center; color: clr_navy; }
  #nav .gnav li .subnav li a::after { content: none; }
  #nav .gnav li .subnav li a::before { content: none; }
  #nav .gnav li .subnav li a:hover { color: #fff; }
  #nav .gnav li .subnav li:first-child { border-top: none; margin-top: .4rem; }
  #nav .gnav li .sub .point::after { content: "\f004"; font-family: "fontello"; display: inline-block; font-size: 65%; margin-left: .6rem; }
  /* Gナビ　ハイライト */
  .index #nav .home, .doctor #nav .doctor, .clinic #nav .clinic, .visit #nav .visit, .access #nav .access { pointer-events: none; border-bottom: .3rem solid #9be43c; } }
/* サイドバー -------------------------------------- */
.sidebar { display: none; }

@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 a::after { font-family: 'fontello'; content: '\e807'; position: absolute; right: .6rem; color: #d8c8bd; }
  .sidebar .subnav li a:hover { background: #ffedcd; color: #ec7218; }
  .sidebar .subnav li a:hover::after { color: #ec7218; }
  .sidebar .subnav li:not(:last-child) { border-bottom: 1px solid #dedede; } }
/* クリニック概要 -------------------------------------- */
.overview { padding: 2.0rem 1.0rem 4.0rem; font-size: 1.4rem; line-height: 1.6; background: #ebfbe9; }
.overview .clinic_name { text-align: center; margin: 0 0 2.0rem; }
.overview .clinic_name img { max-width: 80%; height: auto; }
.overview > .wrap { padding: 0; }
.overview > .wrap .overviewL .tbl_gaiyo { width: 100%; background: #fff; border-collapse: separate; border-spacing: 1rem; border-radius: 7px; border-top: 2px solid clr_brown; }
.overview > .wrap .overviewL .tbl_gaiyo th { width: 27%; text-align: center; padding: .4rem; font-weight: normal; color: #fff; background: #358d39; border-radius: 7px; border-bottom: 2px solid clr_brown; }
.overview > .wrap .overviewL .tbl_gaiyo td { padding: .4rem; border-bottom: 2px solid clr_brown; }
.overview > .wrap .overviewL .tbl_gaiyo td span { color: #4663b6; font-weight: bold; }
.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 { border: 1px solid #cccccc; border-radius: 7px; height: 30.0rem; }

@media screen and (min-width: 48em), print { .overview { margin: 0 0 0; padding: 4.0rem 0; font-size: 1.8rem; }
  .overview .clinic_name { margin: 0 0 6.0rem; }
  .overview .clinic_name img { width: 64rem; }
  .overview > .wrap { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
  .overview > .wrap .overviewL, .overview > .wrap .overviewR { width: 48%; }
  .overview > .wrap .overviewL { padding: 0 0; }
  .overview > .wrap .overviewL .tbl_gaiyo { padding: 2rem; margin-bottom: 4.5rem; font-size: 1.6rem; }
  .overview > .wrap .overviewL .tbl_gaiyo th { padding: 1.0rem 0; width: 20%; }
  .overview > .wrap .overviewL .tbl_gaiyo td .tel { font-size: 160%; }
  .overview > .wrap .overviewR { 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: 100%; visibility: hidden; position: fixed; bottom: 6px; 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 { display: block; text-align: center; width: 54%; margin-left: 1rem; padding: .6rem 0; font-size: 1.8rem; background: #bcef7a; border-radius: 7px; line-height: 1.0; color: #358d39; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.tel_up .tel::before { content: "\e842"; font-family: "fontello"; font-size: 1.4rem; margin: 0 .4rem; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.tel_up .rsv { background: #bcef7a; color: #358d39; padding: .6rem .4rem; border-radius: 7px; }
.tel_up .pageup { cursor: pointer; }
.tel_up .pageup a { display: block; margin: 0 .4rem .6rem 0; text-align: center; line-height: .6; background: #fff; border-radius: 50%; }
.tel_up .pageup a::before { text-align: center; font-size: 5rem; font-family: 'fontello'; content: '\e843'; color: #bcef7a; border-radius: 50%; }
.tel_up .pageup a span { display: none; }

@media screen and (min-width: 48em), print { .tel_up { display: block; width: 8.0rem; bottom: 8.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 { padding: 0; border-radius: 50%; background: none; position: relative; }
  .tel_up .pageup a::before { font-size: 7.0rem; padding: 0; color: #9be43c; background: #fff; border-radius: 50%; border: none; position: absolute; top: 50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } }
.footer { text-align: center; padding: 0 0 4.6rem; background: #9be43c; }
.footer .copy { display: block; background: #9be43c; color: #fff; padding: .6rem 1.0rem; font-size: 1.2rem; }
.footer ul { display: none; }

@media screen and (min-width: 48em), print { .footer { padding: 3.4rem 0 0; background: #fff; }
  .footer ul { display: block; text-align: center; margin: 1.0rem auto 1.0rem; }
  .footer ul li { display: inline-block; font-size: 1.6rem; }
  .footer ul li:not(:last-child)::after { content: '|'; margin: 0 1.6rem; }
  .footer ul li a { opacity: 1.0; }
  .footer ul li a span { display: none; }
  .footer ul li a:hover { text-decoration: underline; }
  .footer ul li.treatment { display: none; }
  .footer .copy { margin-top: 3.4rem; padding: 1.2rem 0; font-size: 1.6rem; } }
/* ----------------------------------------------------------------------------------
トップ　_top.scss
---------------------------------------------------------------------------------- */
/* お知らせ -------------------------------------- */
.info { padding: 2.0rem 0 3rem; }
.info section dl { margin: 0; line-height: 1.4; padding: 0 .6rem 0 0; height: 35.0rem; overflow-y: auto; }
.info section dl dt { margin-bottom: .4rem; font-weight: bold; color: #358d39; font-size: 110%; }
.info section dl dd { margin: 0 0 1.0rem; padding-bottom: 1.0rem; border-bottom: 1px dashed #dddddd; }
.info section ~ section { margin-top: 3rem; }

@media screen and (min-width: 48em), print { .info { margin: 0 auto 3.0rem; padding: 6rem 0 0; }
  .info .wrap dl { padding: 1.4rem; max-height: 50.0rem; }
  .info .wrap dl dt { font-size: 2rem; }
  .info .wrap dl dd { font-size: 1.8rem; letter-spacing: .1rem; } }
/* 事前WEB問診 -------------------------------------- */
.bnr_monshin { margin: 0 1rem 4rem; }
.bnr_monshin a { display: block; padding: .4rem 0 .6rem; text-align: center; color: #fff; text-decoration: none !important; background: #358d39; }
.bnr_monshin a p { margin: 0; }
.bnr_monshin a p.tit { font-weight: bold; font-size: 2.2rem; vertical-align: middle; }
.bnr_monshin a p.tit span { font-weight: normal; font-size: 1.6rem; display: inline-block; margin: 0 0 0 .4rem; padding: 0 .2rem; border: 2px solid #fff; }
.bnr_monshin a p.btn { width: auto; font-weight: bold; display: inline-block !important; padding: .2rem 1rem; margin: .4rem auto 0; background: #ffb709; border-radius: 25px; }
.bnr_monshin a p.btn::after { font-weight: normal; }

@media screen and (min-width: 48em), print { .bnr_monshin { width: 1180px; margin: 0 auto 6rem; }
  .bnr_monshin a { width: 60%; margin: 0 auto; padding: 2rem 0 2.4rem; }
  .bnr_monshin a p { font-size: 1.8rem; font-weight: bold; }
  .bnr_monshin a p.tit { font-size: 5.5rem; display: flex !important; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
  .bnr_monshin a p.tit span { font-size: 2.2rem; margin: 0 0 0 1rem; padding: .4rem .6rem; border: 3px solid #fff; }
  .bnr_monshin a p.btn { font-size: 2.4rem; padding: .4rem 2rem; margin: 1.4rem auto 0; } }
/* バナー -------------------------------------- */
.bnr_ubie #ubie-banner .wrapper { width: 100%; height: auto; }

/* 診療内容 -------------------------------------- */
.tre { background: #ebfbe9; padding: 4rem 0 2rem; }
.tre ul { margin-top: 6rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.tre ul li { width: 44%; background: #fff; height: 12rem; margin-bottom: 2rem; border-radius: 50%; position: relative; }
.tre ul li:hover { background: #358d39; }
.tre ul li:hover a { color: #fff; }
.tre ul li:hover a::before { color: #fff; }
.tre ul li a { height: 100%; color: #358d39; padding-bottom: 1.2rem; text-decoration: none !important; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-end; align-items: flex-end; }
.tre ul li a::before { content: "\e82d"; font-family: "fontello"; display: block; color: #358d39; font-size: 6rem; position: absolute; top: 42%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.tre ul li a.naika::before { content: "\e82d"; }
.tre ul li a.shoukaki::before { content: "\e833"; }
.tre ul li a.icamera::before { content: "\e83d"; }
.tre ul li a.daicho::before { content: "\e83c"; }
.tre ul li a.suizou::before { content: "\e839"; }
.tre ul li a.pirori::before { content: "\e837"; }
.tre ul li a.polyp::before { content: "\e83b"; }
.tre ul li a.seikatsu::before { content: "\e82c"; }
.tre ul li a.kenkou::before { content: "\e82f"; }
.tre ul li a.yobou::before { content: "\e831"; }

@media screen and (min-width: 48em), print { .tre { padding: 5rem 0 4.5rem; }
  .tre ul { -webkit-justify-content: space-between; justify-content: space-between; }
  .tre ul li { width: 17%; height: 19.7rem; margin-bottom: 3rem; }
  .tre ul li a { font-size: 2rem; font-weight: bold; padding-bottom: 3rem; }
  .tre ul li a::before { font-size: 9rem; font-weight: normal; }
  .tre ul li a.naika::before { font-size: 7.2rem; }
  .tre ul li a.polyp::before { font-size: 10rem; }
  .tre ul li a.seikatsu::before { font-size: 7rem; }
  .tre ul li a.kenkou::before { font-size: 7rem; }
  .tre ul li a.yobou::before { font-size: 7rem; } }
/* 当院について -------------------------------------- */
.about { background: #fff; padding: 2rem 0 2rem; }
.about ul { margin-top: 6rem; }
.about ul li { margin: 2rem auto 0; text-align: center; position: relative; }
.about ul li .number { font-family: "quicksand_l","游ゴシック体", YuGothic; width: 7rem; height: 6.5rem; font-size: 4rem; border: 1px solid #358d39; border-radius: 50%; color: #358d39; letter-spacing: .3rem; margin: 0; position: absolute; top: -10%; left: 4%; z-index: 1; display: flex !important; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.about ul li img { border-radius: 10px; }
.about ul li div { width: 90%; margin: 0 0 0 auto; padding: 1rem 1.6rem; position: relative; right: 0; bottom: 35px; border-radius: 10px 0 0 0 / 10px 0 0 0; background: #fff; }
.about ul li div p { display: inline-block; text-align: left; margin: 0; }
.about ul li div p.tit { text-align: left; font-size: 120%; color: #358d39; margin: 0 0 .8rem; }

@media screen and (min-width: 48em), print { .about { padding: 6rem 0 2rem; }
  .about .tit_02 + p { margin-top: 6rem; text-align: center; font-size: 1.8rem; letter-spacing: .2rem; }
  .about ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 8rem; }
  .about ul li { width: 48%; margin: 0 0 1rem; }
  .about ul li .number { width: 8rem; height: 7.5rem; top: -40px; transform: none; -webkit-transform: none; -ms-transform: none; font-size: 4.2rem; border: 2px solid #358d39; }
  .about ul li div { width: 90%; min-height: 15rem; font-size: 1.8rem; padding: 1rem 2.2rem; }
  .about ul li div p.tit { margin: 0 0 1.8rem; font-size: 2.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%; } }
/* ----------------------------------------------------------------------------------
下層　_lower.scss
---------------------------------------------------------------------------------- */
body:not(.index) .header .kv_low { background: url("../img/keyv_low.jpg") no-repeat top center/cover; }
@media screen and (min-width: 48em), print { body:not(.index) .header .kv_low { background: url("../img/keyv_low.jpg") no-repeat top center/2000px; height: 37rem; } }
body:not(.index) .header .kv_low .wrap { margin: 0 auto 0; }
body:not(.index) .main { margin: 3rem 1.0rem 6rem; }
@media screen and (min-width: 48em), print { body:not(.index) .main { margin: 3rem 1.0rem 10rem; } }

@media screen and (min-width: 48em), print { .cf .img_l, .cf .img_r { max-width: 40%; height: auto; } }
/* ドクター紹介 */
/* クリニック紹介 */
#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; }
.device li p { margin-top: 0.2rem; }

@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 dd { margin: 0 0 6.0rem; position: relative; }
@media screen and (min-width: 48em), print { .flow dd { margin: 0 0 10.0rem; } }
.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 .header_n { display: none; }
.access div.flex { margin-top: 2rem; }
.access div.flex .gmap { height: 30.0rem; margin: 2.0rem 0; }

@media screen and (min-width: 48em), print { .access div.flex { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
  .access div.flex img { width: 49%; }
  .access div.flex .gmap { width: 49%; height: 45rem; margin: 0; }
  .access .tbl_01 tr td.flex { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .access .tbl_01 tr td.flex div { width: 56%; margin-top: 2rem; }
  .access .tbl_01 tr td.flex img { max-width: 40%; width: 40%; } }
/* 胃カメラ */
.flow_02 span { font-size: 110%; font-weight: bold; margin-right: .4rem; }

/* 生活習慣病 */
.lifestyle .lst_ul01 li .lst_ul03 { margin-top: .8rem; }
@media screen and (min-width: 48em), print { .lifestyle .lst_ul01 li .lst_ul03 { margin-top: 1.2rem; } }
.lifestyle .lst_ul01 li .lst_ul03 li { text-indent: -2rem; padding-left: 0; }