@charset "UTF-8";
@font-face { font-family: 'fontello'; src: url("fontello/font/fontello.eot?1569462"); src: url("fontello/font/fontello.eot?1569462#iefix") format("embedded-opentype"), url("fontello/font/fontello.woff2?1569462") format("woff2"), url("fontello/font/fontello.woff?1569462") format("woff"), url("fontello/font/fontello.ttf?1569462") format("truetype"), url("fontello/font/fontello.svg?1569462#fontello") format("svg"); font-weight: normal; font-style: normal; }
.demo-icon { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; /* font-size: 120%; */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

/* ----------------------------------------------------------------------------------
共通部分　_base.scss
---------------------------------------------------------------------------------- */
/*文字PC*/
/*基本フォント*/
/*基本文字色*/
/*基本背景色PC*/
/*電話番号*/
/*リンク色*/
/*ポイントカラーメイン*/
/*ポイントカラーサブ*/
/*赤*/
/*紫*/
/*青*/
/* ----------------------------------------------------------------------------------
モジュール　_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 !important; }

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

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

.bold { font-weight: bold !important; }

.underline { background: linear-gradient(transparent 70%, #ffedc2 70%); }

.font_s { font-size: smaller !important; }

.font_l { font-size: larger !important; }

.fc_red { color: #C5515D; }

/* 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; }
  #lower main .inner img.img_r, #lower main .inner img.img_l { width: 30rem; } }
/* PC・SP　表示・非表示 -------------------------------------- */
.sp_n, .sp_n_i { display: none !important; }

@media screen and (min-width: 48em), print { .sp_n { display: block !important; }
  .sp_n_i { display: inline !important; }
  .pc_n { display: none !important; } }
/* マージン -------------------------------------- */
.mb_00 { margin-bottom: 0 !important; }

.mb_05 { margin-bottom: 0.5rem !important; }

.mb_10 { margin-bottom: 1rem !important; }

.mb_15 { margin-bottom: 1.5rem !important; }

.mb_20 { margin-bottom: 2rem !important; }

.mb_25 { margin-bottom: 2.5rem !important; }

.mb_30 { margin-bottom: 3rem !important; }

.mb_35 { margin-bottom: 3.5rem !important; }

.mb_40 { margin-bottom: 4rem !important; }

.mb_45 { margin-bottom: 4.5rem !important; }

.mb_50 { margin-bottom: 5rem !important; }

/* flex box */
.flex_LRTB, .flex_RLTB { flex-direction: column; -webkit-flex-direction: column; }

@media screen and (min-width: 48em), print { /* PCで左→右に配置／SPで上→下に配置 */
  .flex_LRTB { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; }
  .flex_LRTB.half { justify-content: space-between; flex-wrap: wrap; }
  .flex_LRTB.half > * { width: 48%; margin-bottom: 0; }
  .flex_LRTB.half > figure.w30 { width: 30% !important; margin-right: 2%; }
  .flex_LRTB.half > figure + ul { width: 68% !important; }
  .flex_LRTB.center { justify-content: center; }
  /* PCで右→左に配置／SPで上→下に配置 */
  .flex_RLTB { display: flex; display: -webkit-flex; flex-direction: row-reverse; -webkit-flex-direction: row-reverse; }
  .flex_RLTB.half { justify-content: space-between; flex-wrap: wrap; }
  .flex_RLTB.half > * { width: 48%; margin-bottom: 0; }
  .flex_RLTB.half > figure.w30 { width: 30% !important; margin-right: 2%; }
  .flex_RLTB.half > figure + ul { width: 68% !important; } }
.-transform { transform: rotate(90deg); }

.active .-transform { transform: rotate(-90deg); }

.bg_yellow { background-color: #fcf4dd; padding: 2rem; border-radius: 1rem; }

.radius20 { border-radius: 20px; }

.border { border: 2px solid #D9C076; }

/* ----------------------------------------------------------------------------------
リストなど　_basic.scss
---------------------------------------------------------------------------------- */
/* -----------------------------------------------------------
　リスト
----------------------------------------------------------- */
/*　なし -------------------------------------- */
ul { list-style-type: none; margin: 0 0 10px; padding: 0; }
ul li { margin: 0 0 10px; padding: 0; }

/* シンプル -------------------------------------- */
ul.list_sim { margin: 0 0 10px 20px; }
ul.list_sim > li { margin: 0 0 8px 0; padding: 0; text-indent: -0.5em; }
ul.list_sim > li::before { position: relative; top: -0.1em; left: -0.5em; display: inline-block; width: 0.5em; height: 0.5em; content: ''; border-radius: 100%; background: #ff8686; }

/* ● -------------------------------------- */
ul.list_maru { padding: 0; margin: 0 0 10px 1em; }
ul.list_maru li { list-style-type: none; margin: 0 0 2px 0; }
ul.list_maru li::before { display: inline-block; content: '●'; margin-left: -0.7em; margin-right: 0.1em; color: #ff8686; }

/*　● インライン -------------------------------------- */
ul.list_maru.list_in li { display: inline-block; margin: 0 40px 8px 0; }

/* ※ -------------------------------------- */
ul.list_kome { padding: 0; }
ul.list_kome li { text-indent: -1em; padding-left: 1em; margin-bottom: 2px; }
ul.list_kome li::before { content: '※'; width: 1em; color: #f0013c; font-family: sans-serif; }

/* link -------------------------------------- */
ul.list_lnk { padding: 0; }
ul.list_lnk li { text-indent: -1em; padding-left: 1em; margin-bottom: 0.8rem; }
ul.list_lnk li::before { font-family: "Font Awesome 5 Free"; content: "\f105"; padding-right: 0.5rem; font-weight: bold; }

/* ページ内リンク -------------------------------------- */
ul.list_pl li { text-indent: -1em; padding-left: 1em; margin-bottom: 8px; }
ul.list_pl li a { color: #434343; }
ul.list_pl a::before { font-family: "Font Awesome 5 Free"; content: "\f107"; padding-right: 5px; font-weight: bold; color: #ff8686; }

@media screen and (min-width: 48em), print { ul.list_pl { display: flex; flex-wrap: wrap; justify-content: space-between; }
  ul.list_pl li { width: 33%; }
  ul.list_pl li a { background: rgba(253, 210, 210, 0.2); display: block; border: #f49d9d solid 2px; border-radius: 5px; padding: 7px 0 7px 25px; }
  ul.list_pl::after { content: ""; display: block; width: 33%; } }
/* 数値 -------------------------------------- */
ol.list_num { box-sizing: border-box; width: 100%; }
ol.list_num li { list-style-type: decimal; margin: 0 0 10px 25px; box-sizing: border-box; }

/* 流れ図 -------------------------------------- */
ol.list_flow { list-style: none; padding: 0; margin: 0; }
ol.list_flow li { border: 5px solid #f49d9d; border-radius: 10px; margin-bottom: 35px; padding: 10px; position: relative; }
ol.list_flow li p.ttl { font-weight: bold; font-size: 20px; margin-bottom: 0; }
ol.list_flow li p.ttl::first-letter { /*1文字めを大きく*/ font-family: Monotype Corsiva,garamond,times; font-size: 35px; font-style: italic; letter-spacing: 0.15em; color: #f49d9d; }
ol.list_flow li > *:last-child { margin-bottom: 0; }
ol.list_flow li::after { bottom: -32px; color: #f49d9d; content: "▼"; font-size: 24px !important; left: 48%; position: absolute; }
ol.list_flow li:last-child::after { /*最後の▼を外す*/ content: ""; }

/* -----------------------------------------------------------
　定義リスト
----------------------------------------------------------- */
/* 経歴 -------------------------------------- */
.dl_career dd { margin: 0 0 0 5px; }

@media screen and (min-width: 48em), print { .dl_career dt { width: 7em; float: left; font-weight: normal; }
  .dl_career dd { margin-left: 8em; } }
/* dtに二重線 -------------------------------------- */
.dl_def { margin: 2rem auto; }
.dl_def > dt { font-weight: bold; border-bottom: double 3px #874d35; margin-bottom: 0.7rem; }
.dl_def > dd { margin-bottom: 1.5rem; }
.dl_def > dd ul.list_maru li::before { color: #f5b3dc; }

/* テーブルもどき -------------------------------------- */
.dl_tbl { border: #874d35 solid 1px; margin-bottom: 0.5rem; }
.dl_tbl dt { font-weight: bold; background: #874d35; padding: 0.5rem; color: #fff; }
.dl_tbl dd { padding: 1rem; margin: 0; }
.dl_tbl dd *:last-child { margin-bottom: 0; }

/* box -------------------------------------- */
.box1, .box2 { padding: 1rem !important; margin-bottom: 20px; border: #874d35 0.2rem solid; border-radius: 0.5rem; }
.box1 > ul.list_maru, .box2 > ul.list_maru { margin: 1rem 3rem; }
.box1 > p, .box2 > p { margin: 0 2rem 1rem; }
.box1 > dt, .box2 > dt { border-bottom: #874d35 dotted 2px; margin-bottom: 15px; padding-bottom: 5px; font-weight: bold; }
.box1 > dd, .box2 > dd { margin: 10px; }
.box1 > dd dt, .box2 > dd dt { color: #874d35; font-weight: bold; }
.box1 > *:last-child, .box2 > *:last-child { margin-bottom: 0; }

.box2 { border-color: #fdd2d2; }
.box2 dt { border-bottom: #fdd2d2 dotted 2px; }
.box2 ul.list_maru > li::before { color: #f49d9d; }

@media screen and (min-width: 48em), print { .box1 > dt, .box2 > dt { font-size: 18px; }
  .box1 > dd dt, .box2 > dd dt { font-size: 17px; } }
/* テキストカラー -------------------------------------- */
.fc_rd { color: #C5515D; }

.fc_gr { color: #f5b3dc; }

.fc_or { color: #f49d9d; }

/* リンク -------------------------------------- */
a { text-decoration: none; }

main p a { border-bottom: 1px solid #434343; color: #434343; }

a.btn { background: #874d35; border-radius: 5px; color: #fff; padding: 1rem 3rem; border-radius: 2rem; text-align: center; margin: 5px auto; width: auto; display: inline-block; position: relative; border: none; }

/* 画像  -------------------------------------- */
figure { margin: 0; }

#lower figure { margin-bottom: 10px; }

img { max-width: 100%; width: auto; }

/* ----------------------------------------------------------------------------------
共通部分　_base.scss
---------------------------------------------------------------------------------- */
* { box-sizing: border-box; }

html { font-size: 62.5%; /* ベースを10pxに */ width: 100%; }

body { font-family: YakuHanJPs, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #434343; font-size: 1.6rem; background-color: #fffef3; line-height: 1; }

@media screen and (min-width: 48em), print { body { min-width: 1080px; font-size: 1.8rem; } }
/* 全体の横幅設定  -------------------------------------- */
.wrap { width: 100%; margin: 0 auto; }

main { line-height: 1.4; }

.inner { padding: 0 2%; }

main > .inner { margin: 0 15px 30px; line-height: 1.6; }

section { margin-bottom: 45px; }

main .wrap > section { margin: 0 auto 55px; padding: 0; }

main .wrap > section section { margin: 50px 0 45px; padding: 0; }

main .wrap > section section section { margin: 45px 0 5px; padding: 0; }

@media screen and (min-width: 48em), print { .wrap { width: 100%; max-width: 1080px; }
  main > section section { margin: 80px 0 40px; padding: 0; }
  main > section section section { margin: 60px 0 40px; }
  main > section section section section { margin: 50px 0 40px; }
  main > section section section section { margin: 40px 0; }
  .inner { padding: 1rem; } }
/* slicknav  -------------------------------------- */
.slicknav_menu { position: absolute; top: 1.0rem; right: 0; font-size: 2.5rem; display: inline-block; background: none; padding: 0; z-index: 10; }

.slicknav_menu .slicknav_btn { width: 4.5rem; height: 4.5rem; color: #fff; background: #874d35; text-shadow: none; border-radius: 0; text-align: center; line-height: 1.0; margin: 0 0.5rem; padding: 0; }

.slicknav_menu .slicknav_btn.slicknav_collapsed::before { display: block; font-family: 'fontello'; content: '\e802'; line-height: 1.2; }

.slicknav_menu .slicknav_btn.slicknav_collapsed::after { display: block; content: 'MENU'; font-size: 1.0rem; }

.slicknav_menu .slicknav_btn.slicknav_open::before { display: block; font-family: 'fontello'; content: '\e803'; line-height: 1.2; }

.slicknav_menu .slicknav_btn.slicknav_open::after { display: block; content: 'CLOSE'; font-size: 1.0rem; }

.slicknav_menu .slicknav_nav { width: 100vw; background: #874d35; padding: 2.0rem 1.0rem; position: absolute; top: 5.6rem; right: 0; margin: auto; }

.slicknav_menu .slicknav_nav .gnav { margin: 0; }

.slicknav_menu .slicknav_nav .gnav li { border-top: 2px dotted #fff; margin: 0; }

.slicknav_menu .slicknav_nav .gnav li a { font-size: 1.6rem; position: relative; display: block; }

.slicknav_menu .slicknav_nav .gnav li a::after { right: 1.0rem; }

.slicknav_menu .slicknav_nav .gnav li a:hover { color: inherit; background: none; }

.slicknav_menu .slicknav_nav .box_white .subnav { margin: 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.slicknav_menu .slicknav_nav .box_white .subnav li { width: 49%; font-size: 1.4rem; }

.slicknav_menu .slicknav_nav .box_white .subnav li a { padding: 0 0 1.0rem 1.8rem; }

.slicknav_menu .slicknav_nav .box_white .bnr { margin: 0; }

.slicknav_menu .slicknav_nav .box_white .bnr li { margin: 1.0rem 0; }

.slicknav_menu .slicknav_nav .box_white .bnr li a { padding: 1.0rem; }

.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; } }
.slicknav_menu .slicknav_icon, .slicknav_menu .slicknav_icon-bar, .slicknav_menu .slicknav_arrow, .slicknav_menu .slicknav_row:after { display: none !important; }

.slicknav_nav .gnav > li:last-child { border-bottom: 2px dotted #fff; }

.slicknav_nav .gnav li { position: relative; }

.slicknav_nav .gnav li.slicknav_collapsed::after { content: '▼'; margin-left: .6rem; font-size: 80%; position: absolute; right: 1.0rem; top: 0.5rem; display: inline-block; }

.slicknav_menu .slicknav_nav .gnav li.slicknav_open::after { content: '▲'; margin-left: .6rem; font-size: 80%; position: absolute; right: 1.0rem; top: 0.5rem; display: inline-block; }

.slicknav_menu span { display: none; }

/* header  -------------------------------------- */
header .flex { display: flex; align-items: center; justify-content: space-between; }
header .wrap { margin: 1rem auto 0 3%; width: 90%; }
header .logo { margin-bottom: 1rem; max-width: 30rem; width: calc(100% - 9rem); }
header .headR { line-height: 1.4; display: none; }
header .headR span { color: #874d35; font-weight: bold; }
header .headR p:first-child { margin-bottom: 0.5rem; }
header .fb { color: #1877f2; font-size: 3rem; margin-bottom: 1rem; height: 3rem; padding-right: 3.5rem; }

#lower header { background: url("../img/bg_curve_b.png") no-repeat bottom center; padding-bottom: 3rem; background-size: contain; }
#lower header h1 { background: url("../img/h1.jpg") no-repeat top center; background-size: auto 80%; margin: 0; padding: 4.0rem 0 6rem; text-align: center; color: #9e7800; font-size: 2.2rem; width: 100%; font-family: "Kosugi Maru", sans-serif; font-weight: normal; }
#lower main { background: url("../img/bg_curve_w.png") no-repeat bottom center, #fcf4dd; padding: 0 1rem 3rem; background-size: contain; }
#lower main .wrap { padding: 3rem 1rem; border-radius: 1rem; }

@media screen and (min-width: 48em), print { #lower header { padding-bottom: 10rem; }
  header { padding: 0; width: 100%; margin: 0; }
  header .wrap { margin: 0 auto; padding: 0 0 2.8rem; width: 100%; }
  header .wrap .flex { display: flex; justify-content: space-between; align-items: center; margin: 0 auto; padding-top: 2.8rem; }
  header .wrap .logo { margin-right: 2.5rem; max-width: none; width: auto; }
  header .wrap ul { font-size: 1.8rem; margin: 0; }
  header .wrap ul li { display: flex; align-items: center; }
  header .wrap ul li:last-child { margin: 0; }
  header .wrap ul .tel { font-size: 2.4rem; font-weight: bold; }
  header .wrap ul .tel::before { font-family: 'fontello'; content: '\e801'; color: #874d35; font-weight: normal; font-size: 2.2rem; padding-right: 0.7rem; }
  header .wrap ul .parking { color: #874d35; font-family: "Kosugi Maru", sans-serif; font-size: 2.0rem; }
  header .wrap ul .parking::before { font-family: 'fontello'; content: '\e811'; color: #874d35; font-size: 2.2rem; padding-right: 0.7rem; }
  header .wrap ul .address::before { font-family: 'fontello'; content: '\e804'; color: #874d35; font-size: 2.2rem; padding-right: 0.7rem; }
  header .headR { padding-left: 0; display: block; width: 17.5rem; margin: 0 0 0 1.5rem; line-height: 1; }
  header .headR p:first-child a { display: flex; align-items: center; justify-content: center; background: #874d35; border: 0.3rem solid #b98873; color: #fff; height: 5.9rem; border-radius: 1.2rem; font-size: 2rem; font-weight: bold; }
  header .headR p:last-child a { height: 3.8rem; background: #fff; border: 0.3rem solid #72aaf2; color: #1877f2; border-radius: 1.2rem; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; }
  header .headR p:last-child a::before { font-family: 'fontello'; content: '\e812'; font-size: 2.4rem; padding-right: 0.7rem; padding-top: 0.1rem; }
  #nav { display: block; text-align: center; background-color: rgba(255, 254, 243, 0.7); position: relative; padding: 0.7rem 0; }
  #nav ul.gnav { display: flex; margin: 0 auto; justify-content: space-between; font-size: 1.6rem; font-weight: bold; width: 1080px; line-height: 1; }
  #nav ul.gnav > li { margin-bottom: 0; min-width: 14rem; }
  #nav ul.gnav > li > a { padding: 0.5rem 0; color: #555; width: 100%; position: relative; display: flex; align-items: center; }
  #nav ul.gnav > li > a::before { font-family: 'fontello'; content: '\e808'; color: #fff; background: #874d35; display: inline-block; height: 3.6rem; width: 3.6rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 0.5rem; }
  #nav ul.gnav > li:first-child { display: none; }
  #nav ul.gnav > li:last-child { min-width: inherit; }
  #nav ul.gnav > li:nth-child(2) > a::before { content: '\e806'; }
  #nav ul.gnav > li:nth-child(4) a::before { content: '\e807'; }
  #nav ul.gnav > li:nth-child(5) a::before { content: '\e813'; }
  #nav ul.gnav > li:nth-child(6) a::before { content: '\e814'; }
  #nav ul.gnav > li:nth-child(7) a::before { content: '\e809'; }
  #nav ul.gnav > li:nth-child(8) a::before { content: '\e80a'; }
  #nav ul.gnav li.evacuation-site { display: none; }
  #nav ul.gnav li.treatment { position: relative; }
  #nav ul.gnav ul.sub { position: absolute; display: none; background: #874d35; z-index: 100; width: 15em; left: -0.5em; }
  #nav ul.gnav ul.sub li { border-bottom: 1px solid #fff; margin: 0; }
  #nav ul.gnav ul.sub li a { display: block; padding: 1.5rem; color: #fff; text-align: left; }
  #nav ul.gnav ul.sub span { display: none; }
  #lower header { background-size: auto; }
  #lower header h1 { width: auto; height: 29.6rem; margin: -5.9rem 0 6.0rem; font-size: 3.2rem; display: flex; justify-content: center; align-items: center; background-size: auto; border-radius: 0; padding: 0 0 6rem; } }
/* main  -------------------------------------- */
main { display: block; padding-top: 10rem; }
main > .wrap > section { background: #fffef3; border-radius: 1rem; border: 0.1rem dashed #b47d66; padding: 1rem; box-shadow: 0 0 0 0.5rem #fffef3; }
main h3 { padding: 0.5rem 1rem; margin: 0 0 1.5rem; background: #f7edd1; background-size: 5rem auto; font-size: 1.8rem; font-family: "Kosugi Maru", sans-serif; border-radius: 1rem; font-weight: normal; }
main h3::before { content: '●'; padding: 0 0.8rem 0 0; color: #d7c078; }
main h4 { padding: 0.5rem 0.5rem; margin: 0 0 1.5rem; font-size: 1.8rem; font-family: "Kosugi Maru", sans-serif; font-weight: normal; border-bottom: #d7c078 0.2rem solid; display: flex; align-items: center; }
main h4::before { content: '・'; padding: 0 0.8rem 0 0; color: #d7c078; }
main h5 { border-bottom: #b5b5b5 solid 0.2rem; margin: 0 0 1.0rem; font-size: 1.6rem; padding: 0.5rem; font-family: "Kosugi Maru", sans-serif; font-weight: normal; }
main h5.big { margin-top: 2rem; color: #C5515D; text-align: center; border-bottom: initial; }
@media screen and (min-width: 48em), print { main h5.big { font-size: 2.6rem !important; } }
main p { margin: 0 0 1.5rem; line-height: 1.6; text-align: justify; }
main li, main dl { line-height: 1.6; }

#lower h2, #greeting h2 { background: #874d35; border-radius: 4rem; text-align: center; color: #fff; position: relative; margin: -3rem 1rem 2rem; font-size: 2.0rem; display: flex; align-items: center; justify-content: center; font-family: "Kosugi Maru", sans-serif; font-weight: normal; padding: 1rem; }
#lower h2 > span, #greeting h2 > span { padding: 0 0.5rem; }

#greeting h2 span span { padding: 0 0.5rem; color: #c49d8d; display: block; font-size: 1rem; }

#lower h2::before, #greeting h2::before { font-family: 'fontello'; content: '\e80c'; padding: 0; font-weight: normal; margin-top: -0.5rem; color: #9c6b57; }

#lower h2::after, #greeting h2::after { font-family: 'fontello'; content: '\e80d'; padding: 0; font-weight: normal; margin-top: -0.5rem; color: #9c6b57; }

@media screen and (min-width: 48em), print { main { margin: 0; background: url("../img/bg_main.png") center top, url("../img/bg_curve_w.png") no-repeat bottom center, #fcf4dd; }
  #lower main { margin-top: -1.3rem; padding-top: 4.5rem; background-size: auto; background: url("../img/bg_curve_w.png") no-repeat bottom center, url("../img/bg_main.png") top 15rem center, #fcf4dd; }
  #lower main > .wrap { padding: 5rem 1.5rem; margin-bottom: 9rem; }
  #lower main > .wrap > section { box-shadow: 0 0 0 1.5rem #fffef3; }
  #lower main > .wrap > section.first { margin-top: -23rem; }
  #lower h3 { font-size: 2.4rem; padding: 1rem 1.5rem; margin-bottom: 2.5rem; }
  #lower h3::before { padding-right: 1rem; }
  #lower h4 { font-size: 2.2rem; background-position: left 1.5rem center; background-size: auto; min-height: 3rem; padding: 0.7rem 1.5rem 0.7rem 0; margin-bottom: 2.5rem; }
  #lower h4::before { padding-right: 1rem; }
  #lower h5 { font-size: 2.0rem; margin-bottom: 2.0rem; }
  #lower main .tbl_time caption br.sp_n { display: none !important; }
  #lower h2, #greeting h2 { background-size: 2.6rem auto; font-size: 3.0rem; margin-bottom: 2rem; }
  #lower h2::before, #greeting h2::before { display: inline-block; padding-right: 1.2rem; font-size: 5rem; }
  #lower h2::after, #greeting h2::after { display: inline-block; font-size: 5rem; height: auto; padding-left: 1.2rem; } }
/* ページ下部 医院概要  -------------------------------------- */
#overview { padding: 2rem 1.5rem 0rem; }
#overview figure { margin: 0 2rem 2rem; text-align: center; display: flex; justify-content: center; }
#overview .overviewR { text-align: center; margin: 2rem 0; }

dl.dl_overview dt { margin-bottom: 0.5rem; }
dl.dl_overview dt p { background: #874d35; color: #fff; padding: 0.5rem; text-align: center; border-radius: 0.2rem; }
dl.dl_overview dd { margin-bottom: 1.0rem; line-height: 1.6; }
dl.dl_overview dd span { color: #874d35; font-weight: bold; }

.gmap { width: 100%; }
.gmap iframe { width: 100%; height: 20rem; margin-bottom: 1rem; border: 0.1rem solid #D9C076; border-radius: 1rem; }
.gmap a { background: #f49d9d; padding: 1rem 3rem; border-radius: 2rem; display: inline-block; color: #fff; margin-bottom: 2rem; border: none; }
.gmap a::after { display: inline-block; font-family: 'fontello'; content: '\e80e'; padding: 0 0 0 0.5rem; }

/* ページトップ -------------------------------------- */
#pageup { width: 5rem; height: 5rem; font-size: 1.5rem; position: fixed; bottom: 5rem; right: 1rem; display: none; background: #fe0000; border-radius: 50%; border: 0.1rem solid #fff; text-align: center; }
#pageup a { color: #fff; }
#pageup a i:nth-child(2) { font-size: 2.5rem; }

@media screen and (min-width: 48em), print { #pageup { width: 8.2rem; height: 8.2rem; bottom: 5rem; font-size: 3rem; }
  #pageup a i:nth-child(2) { font-size: 4rem; } }
footer { display: none; }

address { padding: 0.7rem 0 4.5rem; font-style: normal; background: #874d35; text-align: center; }
address a { color: #fff; }

.sp_bottom { position: fixed; bottom: 0; display: flex; justify-content: space-between; background: #fff; color: #fff; width: 100%; margin: 0; }
.sp_bottom li { width: calc( 50% - 0.5px); margin: 0; background: #f49d9d; }
.sp_bottom a { display: block; padding: 1rem; color: #fff; text-align: center; }

@media screen and (min-width: 48em), print { #overview { padding: 0; background: #fffef3; border-bottom: 0.1rem dashed #874d35; }
  #overview figure { text-align: center; margin: 3rem 0 5rem; padding-bottom: 4rem; background: url("../img/bg_tree3.png") bottom 4rem center no-repeat, url("../img/line_wave.png") bottom center no-repeat; }
  #overview .wrap { display: flex; justify-content: space-between; }
  #overview .overviewL { width: 50rem; }
  #overview .overviewR { width: 53rem; margin: 0 0 5rem; }
  #overview .gmap { width: 1080px; margin: 0 auto 5rem; }
  #overview .gmap iframe { height: 46.3rem; margin-bottom: 1.5rem; }
  #overview .gmap a { margin-top: 2.5rem; }
  .dl_overview { display: flex; flex-wrap: wrap; margin: 0 0 15px; font-size: 1.8rem; }
  .dl_overview dt { width: 12.5rem; margin-bottom: 2.5rem; }
  .dl_overview dt p { background: #874d35; padding: 0.7rem; margin-right: 1rem; text-align: center; color: #fff; font-size: 1.6rem; }
  .dl_overview dt.evacuation-site p { background-color: #C50A0A; }
  .dl_overview dt p::before { display: none; }
  .dl_overview dd { width: 35rem; padding-top: 0.5rem; }
  .dl_overview.block dt { width: 15%; }
  .dl_overview.block dd { width: 85%; }
  address { padding: 2rem; font-size: 1.6rem; }
  footer { display: block; padding: 6rem 0 1rem; border-top: 1.5rem solid #fffef3; background: #874d35; }
  footer ul { display: flex; flex-wrap: wrap; justify-content: center; }
  footer ul li { border-left: 1px solid #fff; line-height: 1; padding: 0 1.5rem; }
  footer ul li a { color: #fff; }
  footer ul li a span { display: none; }
  footer ul li.treatment { display: none; }
  footer ul li:first-child { border-left: none; }
  .sp_bottom { display: none; } }
/* 診療時間表 -------------------------------------- */
.tbl_time { border-collapse: collapse; width: 100%; text-align: center; font-size: 1.2rem; }
.tbl_time caption { caption-side: bottom; text-align: left; padding-top: 0.4rem; line-height: 1.6; }
.tbl_time thead { background: #874d35; color: #fff; }
.tbl_time thead td { border-left: #fff 0.1rem solid; width: 2.2em; }
.tbl_time thead th, .tbl_time thead td { padding: 5px 0; }
.tbl_time thead td:last-child { border-right: #874d35 0.1rem solid; }
.tbl_time tbody tr { border-bottom: #874d35 0.1rem solid; }
.tbl_time tbody td:last-child { border-right: #874d35 0.1rem solid; }
.tbl_time tbody th, .tbl_time tbody td { padding: 10px 0; vertical-align: middle; border-left: #874d35 0.1rem solid; font-weight: normal; }
.tbl_time tbody td { font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
.tbl_time tbody th span { display: none; }
.tbl_time .maru { color: #d7c078; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
.tbl_time .sankaku { color: #E46E6D; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
.tbl_time .shikaku { color: #9A705A; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }

@media screen and (min-width: 48em), print { .tbl_time { width: 100%; line-height: 1.1; }
  .tbl_time caption { padding: 10px 0; font-size: 1.6rem; }
  .tbl_time caption span { display: inline-block; }
  .tbl_time thead { font-size: 1.6rem; }
  .tbl_time thead th, .tbl_time thead td { padding: 1rem 0; font-weight: normal; }
  .tbl_time thead td { width: 4.5rem; }
  .tbl_time tbody th { padding: 1rem 1rem; font-weight: normal; font-size: 1.6rem; white-space: nowrap; }
  .tbl_time tbody th:first-child { width: 8.5rem; }
  .tbl_time tbody td { padding: 1rem 0; font-size: 1.4rem; } }
a { color: #1a0dab; }

a:hover { opacity: 0.7; }

.tel { font-family: "Mandali", sans-serif; }
.tel a { color: #434343; }

@media screen and (min-width: 48em), print { .tel { font-size: 1.8rem; } }
/* TopPage  -------------------------------------- */
#TopPage #kv { height: 20rem; background-position: center center; background-size: cover; position: relative; margin-bottom: 2rem; background-image: url("../img/kv_01.jpg"); }
#TopPage .kv_txt { width: 40vw; max-width: 17rem; position: absolute; bottom: -1rem; right: 4rem; display: flex; align-items: baseline; }
#TopPage .kv_catch { width: 11rem; }
#TopPage .kv_parking { position: absolute; width: 7rem; bottom: -1rem; left: 9.5rem; }
#TopPage .kv_bottom { text-align: center; font-family: "Kosugi Maru", sans-serif; background: url(../img/bg_curve_b.png) no-repeat bottom center; padding-bottom: 3rem; background-size: contain; margin: 0; }
#TopPage .kv_bottom .open { color: #e56e6e; font-size: 2rem; }
#TopPage .kv_bottom .open span { font-size: 1.6rem; }
#TopPage .kv_bottom .nairan { color: #874d35; }
#TopPage main { margin: 0; background: url(../img/bg_curve_w.png) no-repeat bottom center, #fcf4dd; padding: 3rem 1rem; background-size: contain; }
#TopPage #news { margin-bottom: 8rem; }
#TopPage #news h2 { color: #f49d9d; font-size: 2rem; display: flex; align-items: center; justify-content: center; position: relative; z-index: 5; font-weight: normal; font-family: "Kosugi Maru", sans-serif; }
#TopPage #news h2 span { color: #b09f47; font-size: 1.4rem; padding-left: 1rem; padding-top: 0.5rem; display: none; }
#TopPage #news h2::before { font-family: 'fontello'; content: '\e80b'; color: #fdd2d2; background: #f49d9d; height: 3.6rem; width: 3.6rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 0.5rem; font-weight: normal; }
#TopPage #news .wrap > div { margin: 0rem 1.5rem 1rem; padding: 1rem; background: url("../img/bg_tree2.png") right 5rem bottom no-repeat #fffef3; border-radius: 1rem; border: 0.1rem dashed #b47d66; box-shadow: 0 0 0 0.5rem #fffef3; }
#TopPage #news dl { overflow: auto; max-height: 27rem; }
#TopPage #news dl dt { color: #e56e6e; font-weight: bold; margin-bottom: 0.5rem; font-size: 1.8rem; }
#TopPage #news dl dd { margin-bottom: 2.5rem; }
#TopPage #news dl dd a::before { font-family: 'fontello'; content: '\f101'; }
#TopPage .temporary { margin-bottom: 4rem !important; }
#TopPage .temporary dl { max-height: 14rem !important; }
#TopPage #greeting .wrap > div { margin: -3rem 1rem 1rem; padding: 5rem 1rem 5rem; background: url("../img/line_scene.png") no-repeat center bottom 1.5rem #fffef3; background-size: 90%; border-radius: 1rem; }
#TopPage #greeting h2 { max-width: 25rem; margin: 0 auto; }
#TopPage #greeting h2 span > span { font-size: 1.8rem; }

@media screen and (min-width: 48em), print { #TopPage { /* .kv_bottom { padding: 3rem 0 30rem; display: flex; justify-content: center; align-items: baseline; margin:0 auto; background-size: auto;  .open { font-size:3.8rem;  span { font-size:3rem; }   } .nairan { font-size:3rem; padding:0 0 0 2rem; }   }*/ }
  #TopPage header nav { display: none; }
  #TopPage #kv { margin-bottom: 5rem; max-height: none; height: 66.1rem; }
  #TopPage #kv .kv_wrap { width: 1080px; margin: 0 auto 30rem; height: 100%; position: relative; }
  #TopPage #kv .kv_txt { width: 42rem; max-width: none; bottom: 7rem; right: -1rem; }
  #TopPage #kv .kv_txt .kv_catch { width: 38rem; }
  #TopPage #kv .kv_txt .kv_parking { width: 16rem; bottom: -5rem; left: 27rem; }
  #TopPage main { background: url("../img/bg_curve_w.png") no-repeat bottom center, url("../img/bg_main.png") top 15rem center, #fcf4dd; }
  #TopPage #news { margin-bottom: 12rem; }
  #TopPage #news h2 { width: 100%; padding: 0 6rem; background: url("../img/bg_tree1.png") bottom 3rem right 10rem no-repeat; justify-content: flex-start; font-size: 3.2rem; }
  #TopPage #news h2 span { font-size: 1.8rem; display: inline-block; }
  #TopPage #news h2::before { width: 11rem; height: 11rem; font-size: 7rem; margin-right: 2rem; }
  #TopPage #news .wrap > div { margin-top: -2.5rem; padding: 5rem 3rem 5rem 6rem; box-shadow: 0 0 0 1rem #fffef3; border-radius: 2rem; }
  #TopPage #news dl { margin-top: -2rem; padding-right: 2rem; }
  #TopPage #news dl dt { font-size: 2rem; }
  #TopPage #greeting { margin-bottom: 15rem; }
  #TopPage #greeting h2 { width: 44.3rem; max-width: none; border-radius: 5rem; }
  #TopPage #greeting .wrap > div { margin-top: -4rem; border-radius: 2rem; padding: 6.5rem 6.5rem 13rem; background-position: center bottom 5rem; background-size: auto; }
  #TopPage #greeting .wrap > div div:first-child { margin-bottom: 4rem; } }
/* lower  -------------------------------------- */
a.btn_reserve, a.btn_inquiry { display: inline-block; line-height: 1; background: #874d35; padding: 1rem; color: #fff; border-radius: 3rem; font-family: "Kosugi Maru", sans-serif; width: 20rem; }

a.btn_reserve::before, a.btn_inquiry::before { font-family: 'fontello'; content: '\e800'; padding: 0 0.7rem 0 0; }

a.btn_inquiry::before { content: '\e810'; }

.tbl_vaccine { margin: 0 auto 2rem; caption-side: bottom; }
.tbl_vaccine caption { padding: 0.5rem; }
.tbl_vaccine td, .tbl_vaccine th { padding: 0.5rem; vertical-align: middle; border: 0.1rem solid #874d35; }
.tbl_vaccine thead { background: #874d35; color: #fff; }
.tbl_vaccine tbody tr td:last-child { text-align: right; }

#access .tbl_time tbody th span { display: inline; }

@media screen and (min-width: 48em), print { a.btn_reserve, a.btn_inquiry { padding: 1.5rem; width: 30rem; font-size: 2rem; }
  .tbl_vaccine td, .tbl_vaccine th { padding: 1rem 2rem; }
  main#access .dl_overview { width: 68rem; margin: 0 auto 2rem; }
  main#access .dl_overview dd { width: 55rem; }
  main#access .gmap iframe { width: 100%; height: 50rem; } }
.gmap02 { width: 100%; margin: 0 auto; }
.gmap02 iframe { width: 100%; height: 20rem; border: 0.1rem solid #D9C076; border-radius: 1rem; }

@media screen and (min-width: 48em), print { .gmap02 iframe { width: 100%; height: 50rem; } }

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