@charset "UTF-8";
/*クリニック メイン一覧用 SP ---------------------------------------------*/
#mv_clinic_top { position: relative; background-image: url(../img/common/key-visual-top-sp.webp); background-size: cover; max-width: 100%; text-align: center; display: flex; /* flex属性に変更*/ justify-content: center; /* 子要素の横位置*/ align-items: center; /* 子要素の縦位置*/ }

#mv_clinic_top:before { content: ""; display: block; padding-top: 50%; }

#mv_clinic_top .jp_title { display: block; font-family: "Kiwi Maru", sans-serif; font-size: 5.1vw; font-weight: normal; letter-spacing: .2em; display: block; line-height: 1.4em; }

#mv_clinic_top .en_sub { display: block; font-size: 3.1vw; font-family: "Bellota Text", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif; color: #e88a95; text-align: center; margin-top: 0.4em; }

/*クリニック メイン一覧用 PC ---------------------------------------------*/
@media screen and (min-width: 769px) { #mv_clinic_top { background-image: url(../img/common/key-visual-top.webp); }
  #mv_clinic_top:before { content: ""; display: block; padding-top: 20%; }
  #mv_clinic_top .jp_title { font-size: 40px; }
  #mv_clinic_top .en_sub { font-size: 22px; } }

/*クリニック メインビジュアル SP ---------------------------------------------*/
#mv_clinic { position: relative; background-image: url(../img/common/key-visual-sp.webp); background-size: cover; max-width: 100%; text-align: center; display: flex; /* flex属性に変更*/ justify-content: center; /* 子要素の横位置*/ align-items: center; /* 子要素の縦位置*/ }

#mv_clinic:before { content: ""; display: block; padding-top: 50%; }

#mv_clinic .jp_title { display: block; font-family: "Kiwi Maru", sans-serif; font-size: 5.1vw; font-weight: normal; letter-spacing: .2em; display: block; line-height: 1.4em; }

#mv_clinic .en_sub { display: block; font-size: 3.1vw; font-family: "Bellota Text", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif; color: #e88a95; text-align: center; margin-top: 0.4em; }

/*クリニック メインビジュアル PC ---------------------------------------------*/
@media screen and (min-width: 769px) { #mv_clinic { background-image: url(../img/common/key-visual.webp); }
  #mv_clinic:before { content: ""; display: block; padding-top: 20%; }
  #mv_clinic .jp_title { font-size: 40px; }
  #mv_clinic .en_sub { font-size: 22px; } }

/*h2タイトル 共通 ---------------------------------------------*/
.clinic_heading { position: relative; max-width: 100%; text-align: center; }

.clinic_heading .jp_title { display: block; font-family: "Kiwi Maru", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif; font-size: 6vw; font-weight: normal; }

.clinic_heading .en_sub { display: block; font-size: 3.1vw; font-family: "Bellota Text", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif; color: #e88a95; text-align: center; }

@media screen and (min-width: 769px) { .clinic_heading .jp_title { font-size: 36px; }
  .clinic_heading .en_sub { font-size: 22px; } }

/*トップバナー囲み SP ---------------------------------------------*/
.bnr_contents_wrap { width: 100%; height: auto; margin: 30px 0; padding: 40px 3% 30px; text-align: center; background-color: #fff5f5; }

.bnr_contents_wrap .bnr_box_single { margin: 20px 0 0; }

.bnr_contents_wrap .bnr_box_double { margin: 15px auto; display: flex; flex-wrap: nowrap; justify-content: space-between; }

.bnr_contents_wrap .bnr_box_double a { width: 48%; }

.bnr_contents_wrap .bnr_box_other { margin: 10px auto; }

.bnr_contents_wrap .bnr_box_other .other_inner { width: 100%; height: auto; margin-top: 15px; padding-bottom: 10px; display: flex; justify-content: space-between; flex-wrap: wrap; text-align: left; border-bottom: solid 1px #e88a95; }

.bnr_contents_wrap .bnr_box_other .other_inner img { width: 20%; height: 20%; }

.bnr_contents_wrap .bnr_box_other .other_inner .tx_main { width: 70%; height: auto; font-size: 4vw; color: #e88a95; vertical-align: middle; line-height: 1.5em; display: flex; align-items: center; font-weight: bold; }

.bnr_contents_wrap .bnr_box_other .other_inner .tx_sub { margin-top: 10px; }

.bnr_contents_wrap .bnr_box_other .other_inner a { color: #e88a95; }


/*お知らせ囲み SP ---------------------------------------------*/
.news_wrap { width: 100%; height: auto; margin: 30px 0; padding: 0 3%; text-align: center; }

.news_wrap .notice_box { width: 100%; height: auto; border: solid 1px #828282; padding-bottom: 1.5em; margin: 20px 0; }

.news_wrap .notice_box h3 { font-size: 4vw; background-color: #f5f5f5; padding: 0.75em 0; font-weight: bold; border-bottom: solid 1px #828282; }

.news_wrap .notice_box p { text-align: left; margin: 1em 0.75em 0.75em; padding: 0.5em 0.75em; }

.news_wrap .notice_box a.pink_under_line { color: #e88a95; text-decoration: underline; }
.news_wrap .notice_box_tx_right{
    display: block;
    text-align: right;
}
.news_wrap .notice_box .news_map { width: 80%; height: auto; }
.news_wrap .notice_box_inner .right_map { /*右地図用*/ width: 90%; height: auto; }

/*お知らせ囲み PC ---------------------------------------------*/
@media screen and (min-width: 769px) {
.news_wrap { margin: 20px 0; padding: 50px 0 30px; }
.news_wrap .notice_box { width: 1000px; height: auto; margin: 30px auto; }
.news_wrap .notice_box h3 { font-size: 21px; }
.news_wrap .notice_box p { padding: 0.5em 0.75em 0; }
.news_wrap .notice_box .news_map { width: 360px; height: auto; }
.news_wrap .notice_box_inner {
    display: flex;
    justify-content: space-between;
    margin-top: 1em; margin-bottom: 0;
}
.news_wrap .notice_box_inner .right_map { /*右地図用*/
    width: 380px;
    height: auto;
    margin: 1em 0.75em 0.75em;
    padding: 0.5em 0.75em;
}
}