@charset "UTF-8";
@font-face { font-family: 'fontello'; src: url("fontello/font/fontello.eot?27693034"); src: url("fontello/font/fontello.eot?27693034#iefix") format("embedded-opentype"), url("fontello/font/fontello.woff2?27693034") format("woff2"), url("fontello/font/fontello.woff?27693034") format("woff"), url("fontello/font/fontello.ttf?27693034") format("truetype"), url("fontello/font/fontello.svg?27693034#fontello") format("svg"); font-weight: normal; font-style: normal; }
/* ----------------------------------------------------------------------------------
共通部分　_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; }

.fl_c { display: block; width: auto; margin: 0 auto; }

@media screen and (min-width: 48em), print { .fl_c { width: 65%; } }
/* 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%, yellow 70%); }

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

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

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

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

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

/* シンプル -------------------------------------- */
ul.list_sim { margin: 0 0 1rem 2.5rem; }
ul.list_sim > li { margin: 0 0 0.8rem 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: #3da7e8; }

/* ● -------------------------------------- */
ul.list_maru { padding: 0; margin: 0 0 1rem 1.1em; }
ul.list_maru li { list-style-type: none; margin: 0 0 0.8rem 0; }
ul.list_maru li::before { display: inline-block; content: '●'; margin-left: -1.1em; margin-right: 0.1em; color: #3da7e8; }

/*　● インライン -------------------------------------- */
ul.list_maru.list_in li { display: inline-block; margin: 0 3rem 0.8rem 0; }

/* ※ -------------------------------------- */
ul.list_kome { padding: 0; }
ul.list_kome li { text-indent: -1em; padding-left: 1em; margin-bottom: 0.8rem; }
ul.list_kome li::before { content: '※'; width: 1em; color: #f0013c; }

/* 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: 0.8rem; }
ul.list_pl li a { color: #595959; }
ul.list_pl a::before { font-family: "Font Awesome 5 Free"; content: "\f107"; padding-right: 0.5rem; font-weight: bold; color: #e87731; }

@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(61, 167, 232, 0.2); display: block; border: #e87731 solid 0.2rem; border-radius: 0.5rem; padding: 0.7rem 0 0.7rem 2.5rem; }
  ul.list_pl::after { content: ""; display: block; width: 33%; } }
/* lightbox -------------------------------------- */
ul.list_lb { padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
ul.list_lb li { width: 33%; text-align: center; color: #e87731; font-size: 1.2rem; line-height: 1.3; }

ul.list_lb::after { content: ""; display: block; width: 33%; }

@media screen and (min-width: 48em), print { ul.list_lb li { font-size: 1.6rem; } }
/* 数値 -------------------------------------- */
ol.list_num { box-sizing: border-box; width: 100%; }
ol.list_num li { list-style-type: decimal; margin: 0 0 1rem 2.5rem; box-sizing: border-box; width: 90%; }

/* 流れ図 -------------------------------------- */
ol.list_flow { list-style: none; padding: 0; margin: 0; }
ol.list_flow li { border: 0.5rem solid #e87731; border-radius: 1rem; margin-bottom: 3.5rem; padding: 1rem 1.5rem; position: relative; }
ol.list_flow li p.ttl { font-weight: bold; font-size: 2rem; margin-bottom: 0; color: #e87731; }
ol.list_flow li::after { bottom: -3.2rem; color: #e87731; content: "▼"; font-size: 2.4rem !important; left: 48%; position: absolute; }
ol.list_flow li:last-child::after { /*最後の▼を外す*/ content: ""; }

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

@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 0.3rem #3da7e8; margin-bottom: 0.7rem; }
.dl_def > dd { margin-bottom: 1.5rem; }
.dl_def > dd ul.list_maru li::before { color: #3da7e8; }

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

/* box -------------------------------------- */
.box1, .box2 { padding: 2rem !important; margin-bottom: 2rem; border: #3da7e8 solid 0.2rem; }
.box1 > dt, .box2 > dt { border-bottom: #3da7e8 dotted 0.2rem; margin-bottom: 1.5rem; padding-bottom: 0.5rem; font-weight: bold; }
.box1 > dd, .box2 > dd { margin: 1rem; }
.box1 > dd ul.list_maru, .box2 > dd ul.list_maru { margin-bottom: 0; }
.box1 > dd ul.list_maru li::before, .box2 > dd ul.list_maru li::before { color: #3da7e8; }
.box1 > dd dt, .box2 > dd dt { color: #3da7e8; font-weight: bold; }
.box1 > *:last-child, .box2 > *:last-child { margin-bottom: 0; }

.box2 { border: #fad964 solid 0.2rem; }
.box2 dt { border-bottom: #fad964 dotted 0.2rem; }
.box2 dd ul.list_maru > li::before { color: #fad964; }

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

.fc_gr { color: #1d52c0; }

.fc_or { color: #e87731; }

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

main p a { border-bottom: 0.1rem solid #1a0dab; color: #1a0dab; }

a.btn1 { background: #e87731; border-radius: 0.5rem; color: #fff; border-radius: 1rem; padding: 0.7rem 5rem; text-align: center; margin: 0.5rem auto; width: auto; display: inline-block; position: relative; border: none; border: 0.4rem solid #f6ad7f; }

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

#lower figure { margin-bottom: 1rem; }

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

/* 診療時間表 -------------------------------------- */
.dl_time { margin-bottom: 5rem; }
.dl_time dt { font-size: 2.2rem; color: #1d52c0; font-weight: normal !important; }
.dl_time dd { margin: 0 !important; padding-left: 0 !important; }

.tbl_time { border-collapse: collapse; width: 100%; text-align: center; font-size: 1.4rem; margin-bottom: 2rem; }
.tbl_time caption { caption-side: bottom; text-align: left; padding-top: 0.4rem; }
.tbl_time thead tr { background: #1d52c0; color: #fff; }
.tbl_time thead th, .tbl_time thead td { padding: 0.5rem; }
.tbl_time tbody tr { border-bottom: #7a6a55 0.2rem solid; font-size: 1.4rem; background: #fff; }
.tbl_time tbody th, .tbl_time tbody td { padding: 1rem 0.5rem; vertical-align: middle; }

@media screen and (min-width: 48em), print { .tbl_time { width: 100%; }
  .tbl_time caption { padding: 1rem; font-size: 1.8rem; }
  .tbl_time caption span { display: inline-block; }
  .tbl_time thead th { padding: 1rem; font-size: 2.2rem; }
  .tbl_time thead td { padding: 1rem; font-size: 2.2rem; }
  .tbl_time tbody th { padding: 1rem; font-size: 2.2rem; }
  .tbl_time tbody td { padding: 1rem; font-size: 1.8rem; }
  .tbl_time tbody .str span { font-size: 1.4rem; } }
/* 料金表 -------------------------------------- */
.tbl_price { border-collapse: collapse; width: 100%; text-align: center; font-size: 1.4rem; margin-bottom: 2rem; }
.tbl_price caption { caption-side: bottom; text-align: left; padding-top: 0.4rem; }
.tbl_price thead tr { text-align: center; border: #7a6a55 0.2rem solid; }
.tbl_price tbody tr { border: #7a6a55 0.2rem solid; font-size: 1.4rem; background: #fff; }
.tbl_price tbody th, .tbl_price tbody td { width: 50%; border: #7a6a55 0.2rem solid; padding: 1rem 0.5rem; text-align: center; vertical-align: middle; }

@media screen and (min-width: 48em), print { .tbl_price { width: 60%; margin: 0 auto 1rem; }
  .tbl_price caption { padding: 1rem; font-size: 1.8rem; }
  .tbl_price caption span { display: inline-block; }
  .tbl_price thead th, .tbl_price thead td { padding: 1rem; font-size: 1.8rem; }
  .tbl_price tbody th { padding: 1rem; font-size: 1.8rem; }
  .tbl_price tbody td { padding: 1rem; font-size: 1.8rem; }
  .tbl_price tbody .str span { font-size: 1.4rem; } }
/* ページトップ SP下部固定contact -------------------------------------- */
#pageup { display: none; position: fixed; bottom: 4.0rem; right: 1.0rem; z-index: 1; cursor: pointer; }
#pageup a { display: block; width: 4.0rem; height: 4.0rem; text-align: center; background: #fad964; border-radius: 50%; }
#pageup a span { display: none; }
#pageup a::before { text-align: center; font-size: 2.4rem; font-family: 'fontello'; content: '\e800'; color: #fff; }

#sticky-contact { position: fixed; bottom: 0; display: flex; background: #fff; width: 100%; margin: 0; padding: 2px 1px; justify-content: space-around; align-items: stretch; }
#sticky-contact li { margin-bottom: 0; text-align: center; background: #3da7e8; display: flex; align-items: center; justify-content: center; width: 38%; }
#sticky-contact li a { color: #fff; display: block; padding: 0.5rem 1rem; }
#sticky-contact .tel { background: #fad964; width: 60%; }
#sticky-contact .tel a { color: #e87731; }
#sticky-contact .tel a ruby { display: inline-table; }
#sticky-contact .tel a ruby rt { display: table-header-group; margin-top: -0.8em; display: block; text-align: center; }
#sticky-contact .tel a::before { font-family: 'fontello'; content: "\e801"; padding-right: 3px; font-weight: bold; color: #e87731; }

@media screen and (min-width: 48em), print { #pageup { bottom: 3.0rem; }
  #pageup a { width: 6.0rem; height: 6.0rem; }
  #pageup a::before { text-align: center; font-size: 3.4rem; }
  #sticky-contact { display: none; }
  a[href^="tel:"] { pointer-events: none !important; } }
/* ----------------------------------------------------------------------------------
共通部分　_base.scss
---------------------------------------------------------------------------------- */
* { box-sizing: border-box; }

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

body { font-family: YakuHanJPs_Narrow, "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #595959; font-size: 1.6rem; background-color: #ffffff; letter-spacing: 0.05em; }

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

.inner { padding: 0; }

main > .inner { margin: 0 1.5rem 3rem; }

section { margin-bottom: 4rem; }

main .wrap > section { margin: 0 2rem 4rem; padding: 0; }

main .wrap > section section { margin: 2rem 0 4rem; padding: 0; }

main .wrap > section section section { margin: 3rem 0 4rem; padding: 0; }

@media screen and (min-width: 48em), print { .wrap { max-width: 1110px; }
  main .wrap > section section { margin: 7rem 0 4rem; padding: 0; }
  main .wrap > section section section { margin: 6rem 0 4rem; }
  main .wrap > section section section section { margin: 5rem 0 4rem; }
  main .wrap > section section section section { margin: 4rem 0; }
  .inner { padding: 0; } }
/* 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: #e87731; 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:'\e805';line-height:.8} */
.slicknav_menu .slicknav_btn.slicknav_collapsed::after { display: block; content: 'MENU'; font-size: 1.0rem; }

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

.slicknav_menu .slicknav_nav { width: 100vw; background: #e87731; 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 { border-bottom: 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_btn.slicknav_collapsed::before { display: block; font-family: "Font Awesome 5 Free"; content: '\f0c9'; line-height: 1.2; font-weight: bold; }

.slicknav_menu .slicknav_btn.slicknav_open::before { display: block; font-family: "Font Awesome 5 Free"; content: '\f00d'; line-height: 1.2; font-weight: bold; }

.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 { 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; }

/* header  -------------------------------------- */
header .wrap { max-width: 38rem; }
header .logo { margin: 0 1rem 1rem; width: calc(100% - 7rem); text-align: center; background: #1d52c0; border-radius: 0 0 1rem 1rem; border: 0.2rem solid #fff; border-top: none; padding: 1rem 2rem; box-shadow: 2px 2px 4px 0px #ccc; }
header ul { display: none; }

#lower header h1 { background: url("../img/h1.jpg") no-repeat center center; background-size: 100% auto; margin: 0 0 1.0rem; padding: 3rem; font-size: 2rem; text-shadow: #fff 1px 1px 1rem, #fff -1px 1px 1rem, #fff 1px -1px 1rem, #fff -1px -1px 1rem; }

@media screen and (min-width: 48em), print { header { padding: 0; width: 100%; margin: 0; }
  header .wrap { display: flex; justify-content: space-between; align-items: flex-start; max-width: 1110px; margin: 0 auto 2.5rem; }
  header .wrap .logo { width: 50rem; height: 23rem; display: flex; justify-content: center; align-items: center; border-width: 0.4rem; border-radius: 0 0 2rem 2rem; }
  header .wrap .logo img { width: 42.9rem; height: 17.5rem; }
  header ul { display: block; margin: 2rem 0 0.8rem; line-height: 1; }
  header ul li { margin: 0; }
  header ul .tel { font-size: 3rem; }
  header ul .tel ruby { display: inline-table; }
  header ul .tel ruby rt { display: table-header-group; margin-top: -0.2em; display: block; text-align: center; }
  header ul .tel::before { font-family: 'fontello'; content: "\e801"; padding-right: 3px; font-weight: bold; }
  header ul .btn { font-size: 2.8rem; color: #fff; padding: 0.8rem 2.5rem; display: flex; justify-content: center; align-items: center; background: #e87731; line-height: 1; margin-bottom: 1rem; }
  header ul .btn::before { content: url("../img/reserve_ico.png"); padding-right: 1rem; }
  #lower header { background: url("../img/h1.jpg") no-repeat center center; background-size: cover; height: 48rem; }
  #lower header .wrap { margin-bottom: 14rem; }
  #lower header h1 { background: none; width: 1110px; margin: 0 auto; font-size: 3.8rem; padding: 0 0 8rem; }
  nav { display: block; background: #1d52c0; border-bottom: 0.5rem solid #e87731; margin-bottom: 10rem; }
  nav ul.gnav { display: flex; width: 1110px; margin: 0 auto; justify-content: space-between; font-size: 1.8rem; font-weight: bold; }
  nav ul.gnav > li { width: 16.666%; text-align: center; margin: 0; position: relative; }
  nav ul.gnav > li::before { content: ''; position: absolute; top: 2.5rem; left: 0; display: inline-block; width: 0.1rem; height: 4rem; background-color: #fff; }
  nav ul.gnav > li:last-child::after { content: ''; position: absolute; top: 2.5rem; right: 0; display: inline-block; width: 0.1rem; height: 4rem; background-color: #fff; }
  nav ul.gnav a { padding: 3rem 0; display: block; color: #fff; position: relative; width: 100%; }
  nav ul.gnav a:hover { opacity: 1; }
  nav ul.gnav a:hover::after { content: ''; position: absolute; bottom: 0; left: 0; display: inline-block; width: 100%; height: 0.5rem; background-color: #e87731; }
  nav ul.gnav ul.sub { position: absolute; display: none; background: rgba(29, 82, 192, 0.9); padding: 1rem 0 0; z-index: 100; width: 100%; }
  nav ul.gnav ul.sub li { margin: 0; }
  nav ul.gnav ul.sub li a { padding: 1rem; font-size: 1.6rem; } }
/* main  -------------------------------------- */
main { font-size: 100%; margin: 0 0 3rem; }
main h2 { text-align: center; font-size: 2.0rem; }
main h2 span { position: relative; display: inline-block; padding: 0 3rem; margin: 0 auto 2rem; }
main h2 span::after, main h2 span::before { content: ''; position: absolute; top: 40%; display: inline-block; width: 2.5rem; height: 0.4rem; background: url("../img/line.png") center center no-repeat; background-size: cover; }
main h2 span:before { left: 0; }
main h2 span:after { right: 0; }
main h3 { position: relative; border-bottom: #3da7e8 3px solid; color: #1d52c0; padding: 0.5rem 0; margin: 0 0 1.0rem; }
main h3::after { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 0; border-bottom: 3px solid #1d52c0; }
main h4 { color: #e87731; border-bottom: #e87731 2px solid; margin: 0 0 1.0rem; }
main h5 { color: #1d52c0; margin: 0 0 1.0rem; border-bottom: #1d52c0 2px dotted; }
main p { margin: 0 0 1rem; line-height: 1.6; text-align: justify; }
main li, main dl { line-height: 1.6; }

@media screen and (min-width: 48em), print { main { margin-bottom: 15rem; }
  main h1 { background: url("../img/h1.png") repeat-x center center; background-size: auto; margin: 0 0 6.0rem; padding: 6.0rem 0 0; min-height: 24rem; font-size: 3.6rem; }
  main h2 { background-size: 6rem auto; font-size: 3.4rem; padding-top: 5.0rem; margin: 0 auto 6rem; width: 75rem; }
  main h2 span::after, main h2 span::before { width: 16rem; height: 0.7rem; }
  main h2 span:before { left: -16rem; }
  main h2 span:after { right: -16rem; }
  main h3 { font-size: 3.2rem; padding: 0.4rem 0; margin-bottom: 2.5rem; }
  main h4 { font-size: 3.0rem; background-size: auto; min-height: 3rem; padding: 0.5rem 0 0; margin-bottom: 2.5rem; }
  main h5 { font-size: 2.8rem; margin-bottom: 2.5rem; } }
/* ページ下部 医院概要  -------------------------------------- */
#overview { background: #F5F5F5; padding: 3rem 1rem; }
#overview > figure { margin: 1rem auto 3rem; max-width: 25rem; text-align: center; background: #1d52c0; border-radius: 1rem; border: 0.3rem solid #fff; padding: 1rem 2rem; box-shadow: 2px 2px 4px 0px #ccc; }
#overview ul { border-top: 2px solid #9a9a9a; }
#overview ul li { margin: 1rem 0; border-bottom: 2px solid #9a9a9a; }
#overview dl dt { color: #1d52c0; font-size: 2.2rem; }
#overview dl dt p::before { content: '◆'; color: #e87731; display: inline-block; padding-right: 0.3rem; }
#overview dl dd { padding-left: 2.0rem; margin-bottom: 1.0rem; }
#overview dl .tel { font-size: 2rem; }
#overview dl .tel ruby { display: inline-table; }
#overview dl .tel ruby rt { display: table-header-group; margin-top: -0.2em; display: block; text-align: center; }
#overview .overviewR { text-align: center; margin-bottom: 2rem; }

.gmap { width: 100%; height: 20rem; }
.gmap iframe { width: 100%; height: 20rem; }

footer { display: none; }

address { padding: 0.5rem 0.5rem 5.5rem; font-style: normal; background: #1d52c0; color: #fff; text-align: center; font-size: 1.3rem; }
address a { color: #fff; }

@media screen and (min-width: 48em), print { #overview { padding: 10rem 0 0; }
  #overview figure { text-align: center; margin: 0 auto 7rem; width: 1110px; max-width: none; }
  #overview figure a { display: block; padding: 1rem; }
  #overview figure img { width: 25.7rem; }
  #overview .wrap .overviewL { width: 57rem; }
  #overview .wrap .overviewL ul { width: 54rem; }
  #overview .wrap .overviewL dl { display: flex; flex-wrap: wrap; align-items: center; margin: 2.5rem 0; font-size: 1.8rem; }
  #overview .wrap .overviewL dl dt { width: 11rem; font-size: 2.2rem; line-height: 1; margin: 0; font-weight: normal; }
  #overview .wrap .overviewL dl dd { width: 43rem; padding-top: 0.5rem; margin: 0; }
  #overview .wrap .overviewL dl .tel { font-size: 3.3rem; line-height: 1; }
  #overview .wrap .overviewR { width: 54.4rem; margin-bottom: 9.0rem; }
  #overview .wrap .overviewR img { width: auto; }
  .gmap { height: 50rem; }
  .gmap iframe { height: 50rem; }
  .gmap address { padding: 0 0 2rem; }
  footer { display: block; padding: 7rem 0; background: #1d52c0; }
  footer ul { font-size: 1.6rem; display: flex; flex-wrap: wrap; justify-content: center; }
  footer ul li { border-left: 1px solid #fff; line-height: 1; padding: 0 0.8rem; margin: 0; }
  footer ul li a { color: #fff; }
  footer ul li.treatment { display: none; }
  footer ul li:first-child { border-left: none; } }
a { color: #1a0dab; }

a:hover { opacity: 0.7; }

a[href^="tel:"] { font-weight: 900; color: #e87731; }

@media screen and (min-width: 48em), print { .tel { font-family: 'Montserrat', sans-serif; font-weight: 900; color: #e87731; } }
/* TopPage  -------------------------------------- */
#TopPage #kv > .wrap { display: flex; align-items: baseline; flex-wrap: wrap; }
#TopPage #kv .kv_area { background-repeat: no-repeat; background-size: 137% auto; background-position: 78% bottom; max-width: 42rem; min-height: 29rem; margin: 0 auto; padding-bottom: 1rem; }
#TopPage #kv .kv_area p.kv_catch { font-size: 1.4rem; font-weight: bold; width: 100%; text-shadow: #fff 2px 0px 4px, #fff -2px 0px 4px, #fff 0px -2px 4px, #fff -2px 0px 4px, #fff 2px 2px 4px, #fff -2px 2px 4px, #fff 2px -2px 4px, #fff -2px -2px 4px, #fff 1px 2px 4px, #fff -1px 2px 4px, #fff 1px -2px 4px, #fff -1px -2px 4px, #fff 2px 1px 4px, #fff -2px 1px 4px, #fff 2px -1px 4px, #fff -2px -1px 4px, #fff 1px 1px 4px, #fff -1px 1px 4px, #fff 1px -1px 4px, #fff -1px -1px 4px; }
#TopPage #kv .kv_area .kv_l { max-width: 21rem; width: 55%; margin: 18vw 0.5rem 0 auto; }
#TopPage #kv .kv_area .kv_l .kv_notice li { background: #fad964; color: #1d52c0; font-weight: bold; padding: 0.3rem; font-size: 1.4rem; text-align: center; line-height: 1.1; border: #fff 1px solid; }
#TopPage #kv .kv_area .kv_l .kv_notice li p { margin-bottom: 0.2rem; }
#TopPage #kv .kv_area .kv_l .kv_notice li span { font-size: 1.2rem; }
#TopPage #kv div.pc_n { margin: 1rem 1rem 5rem; text-align: center; }
#TopPage main { margin-bottom: 0; }
#TopPage main h2 { line-height: 1.1; margin-bottom: 1rem; }
#TopPage main h2::after { content: ''; bottom: 0; display: block; width: 8rem; height: 0.4rem; background: url("../img/line.png") center center no-repeat; background-size: cover; margin: 0.3rem auto; }
#TopPage #news { margin: 0 1rem 5rem; }
#TopPage #news dl { border: #938e85 1px solid; padding: 1rem 0; margin: 0; padding: 1rem; width: 100%; /*overflow: auto;
max-height: 27rem;*/ }
#TopPage #news dl dt { color: #e87731; font-weight: bold; margin-bottom: 0.7rem; padding: 0 1rem 0 2.5rem; font-size: 2rem; cursor: pointer; position: relative; }
#TopPage #news dl dt::before { position: absolute; top: .3em; left: 0; display: block; content: '▼'; font-size: .7em; color: #ebb020; }
#TopPage #news dl dt.active::before { content: '▲'; }
#TopPage #news dl dd { margin-bottom: 2.5rem; padding: 0 1rem 0 2.5rem; }
#TopPage #features { margin: 0 1rem 5rem; }
#TopPage #features > ul { margin: 1rem 0; border-top: #938e85 2px solid; }
#TopPage #features > ul > li { margin: 0 auto; max-width: 60rem; padding-bottom: 1rem; border-bottom: #938e85 2px solid; }
#TopPage #features > ul > li .list_sim li::before { background: #e87731; }
#TopPage #treatments > ul { display: flex; justify-content: space-around; flex-wrap: wrap; max-width: 66rem; margin: 1rem auto; }
#TopPage #treatments > ul > li { width: 100%; max-width: 27rem; text-align: center; margin-bottom: 2rem; border: 2px solid #d2ccc1; padding: 1rem 0 1rem 1rem; font-size: 2rem; }
#TopPage #treatments > ul > li a { color: #444; }
#TopPage #treatments > ul > li ul { margin: 1rem 0 0  2rem; font-size: 1.8rem; text-align: left; }
#TopPage #treatments > ul > li ul li { margin-bottom: 0.5rem; }
#TopPage #treatments > ul > li ul li::before { margin-right: 0em; }
#TopPage #treatments > ul > li:first-child { background: #FAFBD1; }
#TopPage #treatments > ul > li:first-child ul { display: flex; flex-wrap: wrap; justify-content: flex-start; }
#TopPage #treatments > ul > li:first-child ul li::before { color: #d2cb07; }
#TopPage #treatments > ul > li:first-child li { width: 50%; }
#TopPage #treatments > ul > li:nth-child(2) { background: #fef5d1; }
#TopPage #treatments > ul > li:nth-child(2) ul li::before { color: #ebb020; }
#TopPage #treatments > ul > li:nth-child(3) { background: #feeedc; }
#TopPage #treatments > ul > li:nth-child(3) ul li::before { color: #f1892c; }
#TopPage #treatments > ul > li:last-child { background: #fee5dc; }
#TopPage #treatments > ul > li:last-child ul li::before { color: #e85900; }
#TopPage #treatments > ul > li::before { display: block; font-family: 'fontello'; color: #999; font-size: 6rem; line-height: 1; }
#TopPage #treatments > ul > li:first-child::before { content: '\e812'; }
#TopPage #treatments > ul > li:nth-child(2)::before { content: '\e813'; }
#TopPage #treatments > ul > li:nth-child(3)::before { content: '\e814'; }
#TopPage #treatments > ul > li:last-child::before { content: '\e815'; }

@media screen and (min-width: 48em), print { #TopPage #kv { height: 78rem; margin-bottom: 0; max-width: none; }
  #TopPage #kv .kv_area { height: 78rem; margin-bottom: 0; max-width: none; background-size: auto; background-position: center center; }
  #TopPage #kv .kv_area header .wrap { margin-bottom: 0; }
  #TopPage #kv .kv_area > .wrap { display: flex; justify-content: space-around; }
  #TopPage #kv .kv_area .kv_l { width: 54rem; margin: 0 0 0; max-width: none; display: flex; align-items: flex-end; }
  #TopPage #kv .kv_area .kv_l .kv_notice { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0; }
  #TopPage #kv .kv_area .kv_l .kv_notice li { width: 42.5rem; height: 10rem; font-size: 3rem; display: flex; flex-wrap: wrap; align-items: center; }
  #TopPage #kv .kv_area .kv_l .kv_notice li p { width: 100%; }
  #TopPage #kv .kv_area .kv_l .kv_notice li p span { font-size: 2rem; }
  #TopPage #kv .kv_area .kv_l .kv_notice li p.time { font-size: 2rem; }
  #TopPage #kv .kv_area .kv_l .kv_catch { font-size: 3.2rem; }
  #TopPage #kv .kv_area .kv_r { width: 54.4rem; margin-top: -2rem; }
  #TopPage main h2 { margin-bottom: 5rem; }
  #TopPage main h2::after { width: 15.9rem; height: 0.7rem; margin: 2rem auto; }
  #TopPage main #news { margin: 0 1rem 10rem; display: flex; align-items: top; }
  #TopPage main #news h2 { margin-top: 5rem; width: 15rem; margin-right: 5rem; }
  #TopPage main #news dl dt { font-size: 2.2rem; }
  #TopPage #features { margin: 7rem auto 10rem; }
  #TopPage #features > ul > li { max-width: none; margin-bottom: 0; padding-bottom: 0; display: flex; align-items: center; justify-content: space-between; font-size: 2rem; }
  #TopPage #features > ul > li img { margin-bottom: 0 !important; }
  #TopPage #features > ul > li div { width: 57rem; }
  #TopPage #features > ul > li ul.list_maru { margin: 1rem 0 0 2.5rem; }
  #TopPage #features > ul > li ul.list_maru li::before { color: #fad964; }
  #TopPage #features > ul > li:nth-child(even) { flex-direction: row-reverse; }
  #TopPage #treatments { margin-bottom: 11rem; }
  #TopPage #treatments > ul { max-width: none; justify-content: space-between; }
  #TopPage #treatments > ul > li { width: 25.5rem; height: 29.5rem; font-size: 2.6rem; }
  #TopPage #treatments > ul > li ul.list_maru { font-size: 2rem; padding: 1rem 0 1rem 1rem; }
  #TopPage #treatments > ul > li::before { fontsize: 7rem; }
  #TopPage #treatments > ul > li:nth-child(even) ul.list_maru, #TopPage #treatments > ul > li:nth-child(3) ul.list_maru { display: block; margin-left: 3rem; }
  #TopPage #treatments > ul > li:nth-child(even) ul.list_maru li, #TopPage #treatments > ul > li:nth-child(3) ul.list_maru li { width: 100%; } }
#clinic > .wrap > .inner { margin: 2rem 2rem 4rem; }

@media screen and (min-width: 48em), print { #lower main .inner.cf img.img_r { width: 40rem; }
  #lower #clinic .slider-pro p.sp-layer { font-size: 1.8rem !important; } }
/* :::::::::: 新型コロナウィルス感染対策 :::::::::: */
.bnr { margin: 0 auto; text-align: center; }

.bnr img { width: 100%; max-width: 700px; height: auto; margin: 0 auto 5.5rem; }

.bnr a { border-bottom: none; }

.bnr a:hover { opacity: 0.5; }

.sas_text .tel { font-size: 3rem; }
.sas_text .tel a { border-bottom: none; }

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