@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; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* ----------------------------------------------------------------------------------
共通部分　_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: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #e7dfec)); background: linear-gradient(transparent 60%, #e7dfec 60%); }

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

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

.font_large { font-size: 200%; }

.fc_red { color: #D6061C !important; }

.fc_orange { color: #d65806 !important; }

.fc_green { color: #1cd606 !important; }

.fc_blue { color: #0014C8 !important; }

.fc_blue02 { color: #2CB5B4 !important; }

.d-inline-block { display: inline-block; }

/* 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; }
  #lower main .inner img.img_r.img_small, #lower main .inner img.img_l.img_small { width: 20rem; } }
/* 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 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media screen and (min-width: 48em), print { /* PCで左→右に配置／SPで上→下に配置 */
  .flex_LRTB { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .flex_LRTB > .w35 { width: 35% !important; }
  .flex_LRTB > .w60 { width: 60% !important; }
  .flex_LRTB.half { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .flex_LRTB.half > * { width: 48%; margin-bottom: 0; }
  .flex_LRTB.half > li { margin-bottom: 1rem; }
  .flex_LRTB.half > section { margin: 0 !important; }
  .flex_LRTB.half.adjust-1 li:nth-child(odd) { width: 53%; }
  .flex_LRTB.half.adjust-1 li:nth-child(even) { width: 43%; }
  .flex_LRTB.half.adjust-2 li:nth-child(odd) { width: 43%; }
  .flex_LRTB.half.adjust-2 li:nth-child(even) { width: 53%; }
  .flex_LRTB.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .flex_LRTB.between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  /* PCで右→左に配置／SPで上→下に配置 */
  .flex_RLTB { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .flex_LRTB.third > * { width: 32%; margin-bottom: 0; } }
/* ----------------------------------------------------------------------------------
リストなど　_basic.scss
---------------------------------------------------------------------------------- */
/* -----------------------------------------------------------
　リスト
----------------------------------------------------------- */
/*　なし -------------------------------------- */
ul { list-style-type: none; margin: 0 0 10px; padding: 0; }
ul li { margin: 0 0 10px; padding: 0; }
ul li:last-child { margin: 0; padding: 0; }

.indent { padding-left: 1em; text-indent: -1em; }

.list_pdf li a { border-bottom: 1px solid #333; color: #333 !important; }
.list_pdf li a img { margin-right: 0.5em; }

/* シンプル -------------------------------------- */
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: #FFE9EC; vertical-align: middle; }

/* ● -------------------------------------- */
ul.list_maru { padding: 0; margin: 0 0 10px 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: #D6061C; }

/*　● インライン -------------------------------------- */
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: 8px; }
ul.list_kome li::before { content: '※'; width: 1em; color: #f0013c; }

/* ※ -------------------------------------- */
ol.list_num { padding: 0; }
ol.list_num li { list-style: decimal; }

/* link -------------------------------------- */
ul.list_lnk { padding: 0; margin: 0 0 1rem 1.1em; }
ul.list_lnk li { margin-bottom: 0.8rem; }
ul.list_lnk li::before { font-family: "fontello"; content: "\e803"; display: inline-block; font-weight: bold; margin-left: -1.0em; color: #D6061C; width: 1em; }

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

@media screen and (min-width: 48em), print { ul.list_pl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  ul.list_pl li { width: 33%; }
  ul.list_pl::after { content: ""; display: block; width: 33%; } }
/* 数値 -------------------------------------- */
ol.list_num { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
ol.list_num li { list-style-type: decimal; margin: 0 0 10px 35px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 90%; }

/* 流れ図 -------------------------------------- */
ol.list_flow { list-style: none; padding: 0; margin: 0; }
ol.list_flow li { border: 5px solid #D6061C; border-radius: 10px; margin-bottom: 35px; padding: 0.5rem 1rem 1rem; position: relative; }
ol.list_flow li p.ttl { font-weight: bold; font-size: 120%; margin-bottom: 0.5rem; }
ol.list_flow li p.ttl::first-letter { color: #D6061C; font-size: 2.5rem; padding-right: 0.5rem; }
ol.list_flow li *:last-child { margin-bottom: 0; }
ol.list_flow li::after { bottom: -30px; color: #FFE9EC; content: "▼"; font-size: 24px !important; left: 48%; position: absolute; }
ol.list_flow li:last-child::after { /*最後の▼を外す*/ content: ""; }

@media screen and (min-width: 48em), print { ol.list_flow li { padding: 0.5rem 1.5rem 1.5rem; }
  ol.list_flow li p.ttl::first-letter { font-size: 3rem; } }
.flow_ol { counter-reset: number 0; list-style: none; }
.flow_ol > li { border-left: 3px solid #D6061C; padding: 1rem 1rem 1.4rem; counter-increment: number 1; position: relative; }
.flow_ol > li .flow_tit { padding-bottom: 0.4rem; margin-bottom: 0.8rem; margin-top: 0; display: block; font-size: 1.6rem; font-weight: bold; padding-left: 1.2em; line-height: 1.35; }
.flow_ol > li .flow_tit::before { display: inline-block; color: #FFE9EC; content: counter(number,decimal-leading-zero); position: absolute; z-index: -1; top: -0.4rem; left: 1rem; font-size: 5rem; line-height: 1; font-weight: normal; }
.flow_ol > li:not(:last-child) { margin: 0 0 3rem; }
.flow_ol > li .flow_row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1rem; }
.flow_ol > li .flow_row > li { font-size: 85%; width: 45%; }
.flow_ol > li .flow_row > li:not(:last-of-type) { margin-right: 0; }
.flow_ol > li .flow_row > li:not(:last-of-type)::after { width: 22.2%; text-align: center; right: calc(-22.2% - 5px); }
@media screen and (min-width: 48em), print { .flow_ol > li { border-width: 4px; padding: 0.5rem 3rem 2rem; }
  .flow_ol > li .flow_tit { font-size: 2.6rem; margin-bottom: 2rem; }
  .flow_ol > li .flow_tit::before { top: -1rem; left: 2.5rem; font-size: 7rem; }
  .flow_ol > li:not(:last-child) { margin: 0 0 5rem; }
  .flow_ol > li .flow_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .flow_ol > li .flow_content > :nth-child(1) { width: 52%; }
  .flow_ol > li .flow_content > :nth-child(2) { width: 43%; }
  .flow_ol > li .flow_content .flow_row { margin-top: 0; margin-bottom: 1rem; }
  .flow_ol > li .flow_content .flow_row > li { font-size: 95%; } }

.flow_row { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flow_row > li { border: 5px double #bbbbbb; background-color: #FFE9EC; padding: 0.8rem 0.4rem; border-radius: 10px; font-weight: bold; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.flow_row > li:not(:last-of-type) { position: relative; margin-right: 3rem; }
.flow_row > li:not(:last-of-type)::after { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -2.5rem; font-family: 'fontello'; content: "\e901"; font-size: 135%; font-weight: normal; color: #D6061C; }
@media screen and (min-width: 48em), print { .flow_row > li { padding: 1.5rem 1rem; }
  .flow_row > li:not(:last-of-type) { margin-right: 6rem; }
  .flow_row > li:not(:last-of-type)::after { right: 4.5rem; } }

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

@media screen and (min-width: 48em), print { .dl_career { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .dl_career dt { width: 8em; }
  .dl_career dd { width: calc( 100% - 9em); } }
/* dtに二重線 -------------------------------------- */
.dl_def { margin: 2rem auto; }
.dl_def > dt { font-weight: bold; border-bottom: double 3px #D6061C; margin-bottom: 0.7rem; }
.dl_def > dd { margin-bottom: 1.5rem; }
.dl_def > dd ul.list_maru li::before { color: #D13848; }

/* テーブルもどき -------------------------------------- */
.dl_tbl { border: #FFE9EC solid 1px; margin-bottom: 0.5rem; }
.dl_tbl > dt { font-weight: bold; background: #FFE9EC; padding: 0.5rem; }
.dl_tbl > dd { padding: 1rem; margin: 0; }
.dl_tbl > dd *:last-child { margin-bottom: 0; }
.dl_tbl > dd > ul.list_maru li::before { color: #D6061C; }

/* box -------------------------------------- */
.box1, .box2 { padding: 20px !important; margin-bottom: 20px; background: #FFE9EC; border-radius: 0.5rem; }
.box1 > dt, .box2 > dt { border-bottom: #D6061C dotted 2px; margin-bottom: 15px; padding-bottom: 5px; font-weight: bold; }
.box1 > dd, .box2 > dd { margin: 10px; }
.box1 > dd dt, .box2 > dd dt { color: #FFE9EC; font-weight: bold; }
.box1 > *:last-child, .box2 > *:last-child { margin-bottom: 0; }

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

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

.fc_green { color: #1cd606; }

.fc_orange { color: #d65806; }

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

main a { border-bottom: 1px solid #D6061C; color: #D6061C; }
main a.a_img { border: none; }

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

a.btn:hover { background: #D13848; color: #fff; border: none; opacity: 1; }

a.btn::before { font-family: 'fontello'; content: "\e901"; padding-right: 0.5rem; font-size: 80%; }

a.no_link { pointer-events: none; }

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

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

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

/* 動画　 -------------------------------------- */
.movie_lst > li { text-align: center; }
.movie_lst > li a { -webkit-transition: 0.2s; transition: 0.2s; }
.movie_lst > li a img { border-radius: 10px; }
.movie_lst > li .movie_tit { font-weight: bold; margin-bottom: 1.5rem; font-size: 115%; display: inline-block; }
.movie_lst > li .movie_tit::before { content: "●"; margin-right: 0.1rem; font-size: 80%; }
@media screen and (min-width: 48em), print { .movie_lst > li .movie_tit { font-size: 100%; } }

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

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

body { font-family: YakuHanJPs_Narrow, "Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #333333; font-size: 1.4rem; background-color: #fff; line-height: 1; margin: 0; padding: 0; letter-spacing: 0.08em; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; -webkit-text-size-adjust: none; width: 100%; }

@media screen and (min-width: 48em), print { body { min-width: 120rem; font-size: 1.8rem; }
  a[href*="tel:"] { pointer-events: none; } }
/* 全体の横幅設定  -------------------------------------- */
.wrap { margin: 0 1.5rem; }

main { line-height: 1.4; }

.inner { padding: 0; }

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

section { margin-bottom: 3rem; }

#lower { /*   main section .inner + section { margin: 4rem 0 4rem; padding: 0; }*/ }
#lower main section { margin: 0 auto 6rem; padding: 0; }
#lower main section section { margin: 0 auto 4rem; }

@media screen and (min-width: 48em), print { .wrap { width: 120rem; margin: 0 auto; padding: 0 1rem; }
  section { margin-bottom: 5rem; }
  .inner { padding: 0; } }
/* header  -------------------------------------- */
header > .wrap { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; }
header > .wrap > div { width: 100%; }
header > .wrap > div ul:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 35rem; margin: 1rem auto 0; }
header > .wrap > div ul:first-child li:first-child { padding: 1rem 0; }
header > .wrap > div ul:first-child li:first-child span { font-size: 125%; }
header > .wrap > div ul:first-child li:nth-child(2) { width: 20rem; padding: 1rem 0; border-top: 0.2rem solid #D6061C; border-bottom: 0.2rem solid #D6061C; color: #D6061C; font-weight: bold; text-align: center; }
header .logo { height: 6rem; padding: 0.5rem 0 0.5rem 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 6rem 0 0; text-align: center; }
header .logo img { max-height: 5rem; }

/* ハンバーガーメニュー  -------------------------------------- */
.js-btn { margin: 0; padding: 1.5rem 0.5rem 0; border: 0; border-radius: 0; color: inherit; vertical-align: middle; text-align: inherit; font: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; top: 0; right: 0; /* ボタンの配置位置 */ /* ボタンの大きさ  */ width: 6.0rem; height: 6.0rem; /* 最前面に */ z-index: 100; background-color: #D6061C; border: none; }

.btn-txt { display: block; text-align: center; width: 100%; padding-top: 1.7rem; font-size: 1.4rem; color: #fff; }

/***** 真ん中のバーガー線 *****/
.btn-line { display: block; position: relative; /* バーガー線の位置基準として設定 */ width: 100%; /* 線の長さと高さ */ height: 4px; background-color: #fff; -webkit-transition: .2s; transition: .2s; }

/****** 上下のバーガー線 *****/
.btn-line::before, .btn-line::after { content: ""; position: absolute; width: 100%; height: 100%; background-color: #fff; -webkit-transition: .5s; transition: .5s; left: 0; -webkit-box-sizing: inherit; box-sizing: inherit; }

.btn-line::before { /* 上の線の位置 */ -webkit-transform: translateY(-1rem); transform: translateY(-1rem); }

.btn-line::after { /* 下の線の位置 */ -webkit-transform: translateY(1rem); transform: translateY(1rem); }

/***** メニューオープン時 *****/
.btn-line.open { background-color: transparent; /* 真ん中の線を透明に */ }

.btn-line.open::before, .btn-line.open::after { content: ""; -webkit-transition: .2s; transition: .2s; }

.btn-line.open::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); /* 上の線を傾ける */ }

.btn-line.open::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); /* 下の線を傾ける */ }

nav { width: 100%; background-color: #F8EBDD; position: absolute; top: -130%; -webkit-transition: .3s; transition: .3s; z-index: 99; font-weight: bold; }
nav a { color: #333333; }
nav br { display: none; }
nav > ul { margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 46rem; }
nav > ul li { margin: 1rem; }
nav > ul li:last-child { margin: 1rem; }
nav > ul li a { padding: 1.5rem; line-height: 1.15; display: block; position: relative; }
nav > ul li.field { background: #FF7A7D; padding: 1rem; }
nav > ul li.field a { color: #fff; }
nav > ul li.field a::before { font-family: fontello; content: '\e803'; color: #fff; position: absolute; left: 0; }
nav > ul .subnav br { display: block; }
nav > ul a::before { font-family: fontello; content: '\e803'; color: #D6061C; position: absolute; left: 0; }
nav > ul .dropdown > a::before { content: '\e805'; }
nav > ul .dropdown > a.close::before { content: '\e800'; }

nav.open { top: 6rem; }

#lower .wrap > .inner { margin-bottom: 5rem; }
#lower h1 { background: url("../img/h1.jpg") no-repeat center center; margin: 0 0 2rem; font-size: 2.2rem; line-height: 1.2; padding: 3rem 0; text-align: center; }
#lower h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 2rem; margin-bottom: 2rem; color: #D6061C; }
#lower h3 { margin: 4rem 0 2rem; font-size: 1.8rem; font-weight: normal; position: relative; background: #D13848; padding: 0.5rem; color: #fff; }
#lower h4 { margin: 3rem 0 2rem; font-size: 1.6rem; padding: 0 0 0.5rem; }
#lower h4::after { display: block; content: ''; width: 100%; height: 0.2rem; background: -webkit-gradient(linear, left top, right top, from(#D13848), color-stop(9.5%, #D13848), color-stop(9.5%, #ccc), to(#ccc)); background: linear-gradient(90deg, #D13848 0%, #D13848 9.5%, #ccc 9.5%, #ccc 100%); }
#lower .head4 { margin: 3rem 0 2rem; font-size: 1.6rem; padding: 0 0 0.5rem; font-weight: bold; background: none; color: #333; }
#lower .head4::after { display: block; content: ''; width: 100%; height: 0.2rem; background: -webkit-gradient(linear, left top, right top, from(#D13848), color-stop(9.5%, #D13848), color-stop(9.5%, #ccc), to(#ccc)); background: linear-gradient(90deg, #D13848 0%, #D13848 9.5%, #ccc 9.5%, #ccc 100%); }
#lower h5 { margin: 1rem 0 2rem; color: #D13848; }
#lower h5.mid { background: #D13848; padding: 0.5rem; color: #fff; text-align: center; }
#lower h6 { margin-bottom: 1.5rem; padding-left: 1rem; border-left: 5px solid #D13848; line-height: 1; }

@media screen and (min-width: 48em), print { header { padding: 1.8rem 0 0; margin: 0; }
  header > .wrap { margin: 0 auto; padding: 0 1rem; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  header > .wrap .logo { height: auto; width: 50.6rem; margin: 0; padding: 0; }
  header > .wrap .logo img { max-height: none; }
  header > .wrap .logo + div { letter-spacing: normal; width: auto; }
  header > .wrap .logo + div ul { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 1.6rem; }
  header > .wrap .logo + div ul li { margin-bottom: 0; }
  header > .wrap .logo + div ul:first-child { margin-bottom: 1.5rem; max-width: none; }
  header > .wrap .logo + div ul:first-child li:first-child { padding: 1rem 0; }
  header > .wrap .logo + div ul:first-child li:first-child span { font-size: 125%; }
  header > .wrap .logo + div ul:first-child li:nth-child(2) { margin: 0 1rem; padding: 1rem 0; }
  header > .wrap .logo + div ul:last-child li:first-child { font-size: 2.8rem; font-weight: bold; font-family: "Lato", sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  header > .wrap .logo + div ul:last-child li:first-child span.ttl { font-size: 1.4rem; padding: 0.5rem; background: #D6061C; font-weight: normal; color: #fff; }
  header > .wrap .logo + div ul:last-child li:first-child .tel a { color: #333333; }
  header > .wrap .logo + div ul:last-child li:first-child i { color: #D6061C; }
  header > .wrap .logo + div ul:last-child li:nth-child(2) a { display: block; margin: 0 0.5rem; }
  header > .wrap .logo + div ul:last-child .btn { background: #FBF8A7; border: 0.1rem solid #D6061C; color: #D6061C; }
  header .btn { width: 19.5rem; font-size: 1.6rem; font-weight: bold; padding: 1.2rem 0; margin: 0; }
  header button { display: none; }
  nav { position: relative; margin: 0 auto; font-weight: normal; background-color: #b7b7b7; position: relative; }
  nav ul.gnav { width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; padding: 0; max-width: none; line-height: 1; margin: 0 auto; letter-spacing: normal; }
  nav ul.gnav > li { margin: 0; padding: 0; min-width: inherit; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 1.6rem; font-weight: bold; }
  nav ul.gnav > li > a { color: #333333; text-align: center; width: 100%; display: block; padding: 2.5rem 1rem; }
  nav ul.gnav > li > a::before { display: none; }
  nav ul.gnav > li > a.sub::after { font-family: fontello; content: '\e805'; padding-left: 0.5rem; }
  nav ul.gnav > li.field { background: #FF7A7D; padding-left: 1.5rem; padding-right: 1.5rem; }
  nav ul.gnav > li.field a { color: #fff; }
  nav ul.gnav > li.field a::after { display: none; }
  nav ul.gnav li.dropdown { padding: 0; margin: 0; }
  nav ul.gnav li.dropdown a { display: block; }
  nav ul.gnav li.dropdown .subnav { display: none; position: absolute; width: 100%; padding: 0 0; margin: 0; z-index: 100; top: 6.7rem; left: 0; background-color: white; font-size: 1.6rem; font-weight: normal; }
  nav ul.gnav li.dropdown .subnav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 2.6rem 5rem; gap: 2.6rem 0; }
  nav ul.gnav li.dropdown .subnav > ul > li { margin: 0; padding: 0; position: relative; width: 25%; }
  nav ul.gnav li.dropdown .subnav > ul > li > a { color: #333; display: block; text-align: left; line-height: 1.25; }
  nav ul.gnav li.dropdown .subnav > ul > li > a::before { font-family: fontello; content: '\e803'; color: #D6061C; } }
/* main   -------------------------------------- */
main { display: block; }
main p { margin: 0 0 1em; line-height: 1.6; text-align: justify; }
main li, main dl { line-height: 1.6; }

@media screen and (min-width: 48em), print { main { margin: 0; }
  #lower main { margin: -12rem auto 10rem; }
  #lower main .wrap { margin-top: 17rem; margin-bottom: 10rem; }
  #lower main .wrap > section { margin-bottom: 10rem; }
  #lower main .wrap > section > section { margin-bottom: 8rem; }
  #lower h1 { margin: 0 auto; height: 30rem; background-size: auto; font-size: 3.6rem; letter-spacing: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3rem 1rem 0; position: relative; }
  #lower h2 { font-size: 2.8rem; margin: 0 0 4.5rem; }
  #lower h3 { font-size: 2.8rem; margin: 5rem 0 3rem; padding: 1.5rem 0.8rem; }
  #lower h4 { font-size: 2.4rem; padding-bottom: 0.9rem; margin: 4rem 0 2rem; }
  #lower .head4 { font-size: 2.4rem; padding-bottom: 0.9rem; margin: 4rem 0 2rem; }
  #lower h5 { margin: 4rem 0 2rem; font-size: 2rem; } }
/* ページ下部 医院概要  -------------------------------------- */
#overview { padding: 3rem 0 0; line-height: 1.4; background: #FAFAFA; }
#overview .logo { padding: 1rem; margin: 0 auto; text-align: center; }
#overview .wrap > .flex_LRTB:first-child { margin-bottom: 2rem; }
#overview .wrap > .flex_LRTB:first-child p { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#overview .wrap > .flex_LRTB:first-child .insta { display: block; margin-left: 0.5rem; }
#overview .wrap > .flex_LRTB:first-child ul { text-align: center; font-family: "Lato", sans-serif; font-size: 1.8rem; }
#overview .wrap > .flex_LRTB:first-child ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#overview .wrap > .flex_LRTB:first-child ul span.ttl { background: #D6061C; color: #fff; padding: 0.2rem; display: inline-block; margin-right: 0.5rem; font-size: 1.4rem; }
#overview .wrap > .flex_LRTB:first-child ul .tel a { font-color: #333333; }
#overview .wrap > .flex_LRTB:first-child ul i { color: #D6061C; padding: 0 0.2rem; }
#overview .overviewL { max-width: 37rem; margin: 0 auto; }

.dl_overview { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }
.dl_overview > dt { width: 100%; background: #D6061C; color: #fff; text-align: center; padding: 0.5rem; border-radius: 0.3rem; }
.dl_overview > dd { padding: 0.5rem 0.5rem 1.5rem; }
.dl_overview > dd span { display: inline-block; }
.dl_overview > dd span.bold { font-size: 125%; }

.gmap { margin: 1rem auto 0; height: 48rem; width: 100%; }

/* 診療時間表 -------------------------------------- */
.tbl_time { width: 100%; text-align: center; margin-bottom: 1rem; border: 0.1rem solid #ccc; line-height: 1; }
.tbl_time caption { caption-side: bottom; text-align: left; padding-top: 0.5rem; }
.tbl_time thead { background: #D6061C; color: #fff; }
.tbl_time thead th, .tbl_time thead td { padding: 1rem 0 1rem; font-weight: normal; }
.tbl_time tbody { background: #fff; }
.tbl_time tbody tr { border-bottom: 0.1rem solid #ccc; }
.tbl_time tbody th, .tbl_time tbody td { padding: 1rem 0; vertical-align: middle; font-weight: normal; }
.tbl_time tbody td { min-width: 2em; color: #D6061C; border-left: 0.1rem solid #ccc; }
.tbl_time tbody td.close { color: #333333; }
.tbl_time tbody td.reserve { font-size: 85%; color: #333333; }
.tbl_time + ul { line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; margin: 1rem auto; }
.tbl_time + ul li:first-child { display: block; color: #D6061C; border-top: 0.2rem solid #D6061C; border-bottom: 0.2rem solid #D6061C; padding: 0.9rem; margin: 0 0 1rem; text-align: center; font-weight: bold; max-width: 27.5rem; }
.tbl_time + ul li:nth-child(2) { margin: 0 0 1rem; }
.tbl_time + ul li:nth-child(2) a { font-size: 90%; padding: 1rem 0; width: 25rem; margin: 0; }

@media screen and (min-width: 48em), print { .tbl_time caption { padding: 1.0rem 0 0; }
  .tbl_time thead th { padding: 1.5rem 0; }
  .tbl_time tbody th { padding: 1.0rem 0; font-weight: normal; width: 45%; }
  .tbl_time tbody td { padding: 1.5rem 0; }
  .tbl_time tbody td span { font-size: 80%; color: #333; } }
/* ページトップ -------------------------------------- */
.sp_bottom { position: fixed; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; background: #fff; margin: 0; width: 100%; padding: 0.1rem; text-align: center; z-index: 10000; }
.sp_bottom li { width: 30%; margin: 0.2rem; background: #D6061C; position: relative; font-size: 1.4rem; }
.sp_bottom li a { padding: 1.5rem 0; color: #fff; text-align: center; display: block; }
.sp_bottom li:last-child { width: 10%; margin: 0.2rem; }

@media screen and (min-width: 48em), print { .sp_bottom { bottom: 2rem; right: 1rem; left: auto; background-color: transparent; width: 7rem; }
  .sp_bottom li:first-child, .sp_bottom li:nth-child(2), .sp_bottom li:nth-child(3) { display: none !important; }
  .sp_bottom li { background-color: transparent; }
  #pageup { position: fixed; bottom: -55.0rem; right: 1.0rem; z-index: 1; cursor: pointer; -webkit-transition: 0.8s; transition: 0.8s; width: 6rem; height: 6rem; border-radius: 50%; border: 0.2rem solid #D13848; background: #fff; }
  #pageup a { padding: 0; color: #D13848; font-size: 5.5rem; }
  #pageup a span { display: none; }
  #pageup.block { display: block; bottom: 1.0rem; } }
footer .wrap { display: none; }

address { padding: 0.8rem 0 6.2rem; font-style: normal; background: #444; font-size: 1.2rem; text-align: center; }
address a { color: #fff; }

@media screen and (min-width: 48em), print { #overview { font-size: 1.6rem; padding: 5rem 0; }
  #overview .flex_LRTB { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; }
  #overview .logo { margin: 0; text-align: left; padding: 0; }
  #overview .logo img { width: auto; max-height: none; }
  #overview .overviewL { width: 51.2rem; max-width: none; margin: 0 0 0 5rem; }
  #overview .overviewR { width: 58rem; padding: 0; margin: 0; }
  #overview .overviewR .tbl_time { width: 50rem; }
  #overview .overviewR .tbl_time + ul { width: 50rem; margin: 1rem auto 1rem 0; }
  #overview .overviewR .tbl_time + ul li:first-child { margin: 0 1rem 0 0; }
  #overview .overviewR .tbl_time + ul li:nth-child(2) { margin: 0; }
  #overview .wrap .flex_LRTB:first-child .overviewR p { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #overview .wrap .flex_LRTB:first-child .overviewR ul { margin-bottom: 0; }
  #overview .wrap .flex_LRTB:first-child .overviewR ul li { font-size: 2.8rem; margin-bottom: 0; }
  .dl_overview { margin-bottom: 4rem; }
  .dl_overview > dt { width: 9rem; margin: 0 0 2.6rem; background-color: transparent; color: #333333; font-weight: bold; text-align: left; padding: 0; }
  .dl_overview > dd { width: 42rem; margin: 0 0 2.6rem; padding: 0; }
  .gmap { margin: 0; }
  footer { display: block; padding: 0; margin: 0 auto 0; }
  footer .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 1rem; }
  footer .wrap a { color: #333333; }
  footer .wrap > ul { width: 25%; padding: 2.5rem 1.5rem; border-left: 0.1rem solid #ccc; font-size: 1.6rem; }
  footer .wrap > ul:last-child { border-right: 0.1rem solid #ccc; }
  footer .wrap > ul > li { margin-bottom: 2.3rem; line-height: 1.25; }
  footer .wrap > ul > li > span, footer .wrap > ul > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  footer .wrap > ul > li > span::before, footer .wrap > ul > li > a::before { content: ''; display: inline-block; background: #333333; width: 0.4rem; height: 1.4rem; margin: 0 0.65rem 0 0; }
  footer .wrap > ul > li > ul { margin: 1rem 0 0 1.4rem; font-size: 1.4rem; }
  footer .wrap > ul > li > ul li { margin-bottom: 1.4rem; }
  footer .wrap > ul > li > ul li a { position: relative; padding-left: 1em; display: inline-block; }
  footer .wrap > ul > li > ul li a::before { position: absolute; left: 0; content: '－'; }
  address { margin: 0; padding: 1.5rem 0; }
  address a { color: #fff; } }
a { color: #1a0dab; }

a:hover { opacity: 0.7; }

.tel a { color: #333333; border-bottom: none; }

/* TopPage  -------------------------------------- */
#TopPage #kv { background-size: cover; text-align: center; position: relative; overflow: hidden; }
#TopPage #kv #video { margin: 0 auto; z-index: 1; max-height: 30rem; width: 100%; }
#TopPage #kv .kv_txt { color: #D6061C; padding: 1rem; font-size: 1.8rem; }
#TopPage #kv .kv_txt span { display: inline-block; }
#TopPage main { margin: 0 0; }
#TopPage main section { margin-top: 0; padding: 4rem 1.5rem; }
#TopPage main h2 { text-align: center; margin-bottom: 2rem; }
#TopPage main h2 > span { font-size: 1.8rem; color: #D6061C; }
#TopPage main h2 > span > span { font-size: 1.2rem; display: block; color: #555; }
#TopPage main .btn.white { background: #fff; border: 0.2rem solid #D6061C; color: #D6061C; width: 24rem; margin: 1rem auto; display: block; padding: 1rem 0; }
#TopPage main .btn.white:hover { border-color: #D13848; color: #D13848; }
#TopPage .link_bnr { text-align: center; margin: 0 1.5rem; }
#TopPage .link_bnr li { margin: 0 0 3rem; line-height: 0; }
#TopPage .link_bnr li a { border: none; }
#TopPage .link_bnr li a img { height: auto; }
#TopPage #features { background: #D13848; color: #fff; }
#TopPage #features h2 span { color: #fff; }
#TopPage #features section { background: #fff; color: #333333; text-align: center; border-radius: 1rem; position: relative; margin-top: 4rem; }
#TopPage #features section::before { top: -2.8rem; content: "▲"; font-size: 3rem !important; width: 100%; text-align: center; left: 0; right: 0; position: absolute; color: #fff; }
#TopPage #features h3 { text-align: center; color: #D6061C; font-size: 1.6rem; margin-bottom: 2rem; padding-bottom: 0.3rem; }
#TopPage #features h3 span { border-bottom: 0.2rem dotted #D6061C; }
#TopPage #features ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; font-weight: bold; }
#TopPage #features ul li { background: url("../img/icon_check.png") left center no-repeat; background-size: auto 1.2rem; padding-left: 1.8rem; width: 100%; max-width: 28rem; text-align: left; }
#TopPage #features .btn { margin: 1rem auto; }
#TopPage .bnr a { max-width: 30rem; display: block; margin: 0 auto 2rem; }
#TopPage #about { background-color: #D13848; color: #fff; padding-left: 0; padding-right: 0; }
#TopPage #about .wrap { padding: 0 1rem; }
#TopPage #about h2 span { color: #fff !important; }
#TopPage #about .loopSlide { width: 100%; height: 15rem; /*画像の高さ等*/ background: url("../img/slideshow.jpg") repeat-x; background-position: center; background-size: auto 15rem; -webkit-animation: bgloop 50s linear infinite; animation: bgloop 50s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/ }
@-webkit-keyframes bgloop { from { background-position: 0 0; }
  to { background-position: -3120px 0;
    /*ループ画像の幅*/ } }
@keyframes bgloop { from { background-position: 0 0; }
  to { background-position: -3120px 0;
    /*ループ画像の幅*/ } }
#TopPage figure img { border-radius: 1rem; }
#TopPage figure figcaption { border-radius: 1rem; background: #fff; margin: -2rem auto 0; width: 90%; position: relative; padding: 1rem; }
#TopPage #medical { padding: 4rem 0.5rem; }
#TopPage #medical figure { padding: 0 1rem; }
#TopPage #medical dl { width: 100%; max-width: 52.8rem; text-align: center; margin: 2rem auto; }
#TopPage #medical dl dt { background: #D6061C; border-radius: 1rem; color: #fff; padding: 0.5rem; margin-bottom: 1rem; }
#TopPage #medical dl dd { padding: 0.6rem; }
#TopPage #medical dl ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#TopPage #medical dl ul li { width: 48%; }
#TopPage #medical dl ul li a { display: block; padding: 0.5rem 0 1rem; color: #333333; border: none; -webkit-box-shadow: 0px 3px 6px #00000029; box-shadow: 0px 3px 6px #00000029; margin-bottom: 1rem; border-radius: 1rem; }
#TopPage #medical dl ul li a::before { content: '\e90c'; color: #D6061C; font-size: 4rem; font-family: fontello; display: block; }
#TopPage #medical dl ul li a::after { content: '\e803'; color: #D6061C; font-family: fontello; padding-left: 0.5rem; }
#TopPage #medical dl:first-child ul li:nth-child(2) a::before { content: '\e90a'; }
#TopPage #medical dl:first-child ul li:nth-child(3) a::before { content: '\e90f'; }
#TopPage #medical dl:first-child ul li:nth-child(4) a::before { content: '\e909'; }
#TopPage #medical dl:last-child ul li:first-child a::before { content: '\e90d'; }
#TopPage #medical dl:last-child ul li:nth-child(2) a::before { content: '\e907'; }
#TopPage #medical dl:last-child ul li:nth-child(3) a::before { content: '\e908'; }
#TopPage #medical dl:last-child ul li:nth-child(4) a::before { content: '\e90e'; }
#TopPage #medical dl:last-child ul li:nth-child(5) a::before { content: '\e836'; }
#TopPage #medical .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24rem; padding: 1rem 0; border-radius: 3rem; }
#TopPage #medical .btn::before { content: '\e90b'; font-size: 3rem; }
#TopPage #chairman { background: url("../img/chairman_bg.jpg") top center no-repeat; background-size: cover; }
#TopPage #chairman img { width: 20rem; border-radius: 1rem; }
#TopPage #chairman .flex_order div { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#TopPage #chairman .flex_order img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
#TopPage #facility ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#TopPage #facility ul a { margin: 0 0.5rem; }

#news dl { height: 600px; overflow-y: scroll; margin: 0 0 5rem; padding: 0 1rem 1rem; border-bottom: #ccc dotted 0.1rem; }
#news dl dt { margin: 1.5rem 0 0; cursor: pointer; padding: 1.5rem 2rem 0 0; position: relative; font-weight: bold; font-size: 1.6rem; border-top: #ccc dotted 0.1rem; }
#news dl dt::before { font-family: fontello; content: '\e805'; text-align: center; position: absolute; right: 0; }
#news dl dt.close::before { -webkit-transform: scale(1, -1); transform: scale(1, -1); }
#news dl dt span { width: 11rem; font-size: 80%; border: 0.1rem solid #D6061C; color: #D6061C; padding: 0.3rem 0; text-align: center; font-weight: normal; display: inline-block; }
#news dl dd { margin: 0.5rem 0 0; }
#news dl dd .info_a { text-align: center; /*vertical-align: top!important;*/ }
#news dl dd .info_a a { width: 140px; display: inline; border-bottom: none !important; }
#news dl dd .info_a a img { width: 140px; height: auto; }
#news dl dd:not(:nth-of-type(-n+3)) { display: none; }

@media screen and (min-width: 48em), print { #TopPage #kv { width: 65%; margin: 0 auto; background-size: cover; text-align: center; position: relative; overflow: hidden; }
  #TopPage #kv #video { margin: 0 auto; z-index: 1; height: auto; max-height: none; width: 100%; }
  #TopPage #kv .kv_txt { color: #fff; padding: 0; font-size: 3.6rem; letter-spacing: 1rem; position: absolute; z-index: 3; bottom: 3rem; width: 120rem; margin: 0 auto; left: 0; right: 0; line-height: 6rem; }
  #TopPage #kv .kv_txt span { display: block; text-align: left; }
  #TopPage main { margin: -0.5rem auto 0; min-width: 120rem; }
  #TopPage main section { padding: 5rem 0; margin-bottom: 0; }
  #TopPage main h2 { margin-bottom: 3rem; }
  #TopPage main h2 > span { font-size: 2.8rem; }
  #TopPage main h2 > span > span { font-size: 1.4rem; padding-top: 1rem; }
  #TopPage main .btn.white { width: 32rem; border-radius: 4rem; font-size: 1.6rem; padding: 1.7rem 0; }
  #TopPage main .link_bnr { margin: 8rem 0; }
  #TopPage main .link_bnr li { margin: 0 0 6rem; }
  #TopPage main #features { background: url("../img/top_features_bg.png") no-repeat bottom -3rem center #D13848; }
  #TopPage main #features .wrap p { text-align: center; }
  #TopPage main #features .wrap section { padding: 4rem; }
  #TopPage main #features .wrap h3 { font-size: 2.4rem; padding-bottom: 1rem; margin-bottom: 3rem; }
  #TopPage main #features .wrap .inner > div { width: 50rem; text-align: left; }
  #TopPage main #features .wrap .inner > div ul { display: block; }
  #TopPage main #features .wrap .inner > div ul li { max-width: none; background-size: auto; padding-left: 4.5rem; margin-bottom: 2.1rem; }
  #TopPage main #features .wrap .inner > div .btn { margin: 0 auto 0 0; }
  #TopPage main .bnr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; margin: 3rem auto; }
  #TopPage main .bnr a { max-width: none; }
  #TopPage main .bnr a:first-child { width: 25rem; }
  #TopPage main #about { background: -webkit-gradient(linear, left top, right top, from(#D13848), color-stop(20%, #D13848), color-stop(20%, #fff), to(#fff)); background: linear-gradient(90deg, #D13848 0%, #D13848 20%, #fff 20%, #fff 100%); position: relative; padding: 0; margin-bottom: 8.6rem; overflow: hidden; }
  #TopPage main #about .wrap > div { width: 70rem; background: #D13848; border-radius: 1rem; padding: 6rem 36rem 6rem 0; line-height: 2rem; }
  #TopPage main #about .loopSlide { position: absolute; width: 312.0rem; /*ループ画像の幅*/ left: 38%; bottom: 6rem; height: 41.8rem; border-radius: 1rem 0 0 1rem; background-size: auto; }
  #TopPage main figure { padding: 0; }
  #TopPage main figure figcaption { width: 71rem; padding: 3rem 6rem 2rem; margin-top: -4rem; }
  #TopPage main #medical figure { margin-bottom: 5rem; }
  #TopPage main #medical .flex_LRTB { -ms-flex-pack: distribute; justify-content: space-around; }
  #TopPage main #medical .flex_LRTB dl { width: 52.8rem; }
  #TopPage main #medical .flex_LRTB dl dt { font-size: 2.4rem; padding: 1.8rem; }
  #TopPage main #medical .flex_LRTB dl dd ul li { width: 25rem; margin-bottom: 2.5rem; }
  #TopPage main #medical .flex_LRTB dl dd ul li a { height: 13.3rem; padding-top: 0; }
  #TopPage main #medical .flex_LRTB dl dd ul li a::before { font-size: 7rem; margin-bottom: -2rem; }
  #TopPage main #medical .btn { width: 47.5rem; height: 9rem; border-radius: 10rem; font-size: 2.4rem; }
  #TopPage main #medical .btn::before { font-size: 4.5rem; padding-right: 1rem; }
  #TopPage main #chairman { padding: 8rem 0; margin-bottom: 6rem; }
  #TopPage main #chairman .flex_RLTB { padding: 0 5rem; }
  #TopPage main #chairman .flex_RLTB img { width: auto; }
  #TopPage main #chairman .flex_RLTB > div { width: 71rem; text-align: left; padding: 2rem 0; }
  #TopPage main #chairman .flex_RLTB > div p { line-height: 2; text-shadow: #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px; margin-bottom: 4rem; }
  #TopPage main #chairman .flex_RLTB > div .btn { margin: 0 auto 0 0; }
  #TopPage main #chairman .flex_RLTB > div h2 { text-align: left; }
  #TopPage main #chairman .flex_order div { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  #TopPage main #chairman .flex_order img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  #TopPage main #facility ul a { margin: 0 2rem; }
  #TopPage main #recruit .wrap { width: 113rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #TopPage main #recruit .wrap > div { width: 58rem; margin-right: 1rem; }
  #TopPage main #recruit .wrap > div p { line-height: 2; }
  #news .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #news .inner .news_in { width: 48%; }
  #news dl { height: 600px; overflow-y: auto; margin: 0 auto; }
  #news dl > dt { font-size: 1.8rem; padding-right: 2.2rem; padding-top: 4rem; margin-top: 4rem; margin-bottom: 3rem; }
  #news dl > dt span { width: 12.5rem; margin-right: 1rem; }
  #news dl dd { font-size: 1.6rem; }
  #news dl dd .info_a { text-align: center; /*vertical-align: top;*/ }
  #news dl dd .info_a a { width: 180px; display: inline; border-bottom: none !important; }
  #news dl dd .info_a a img { width: 180px; height: auto; } }
#lower #news dl { height: auto; overflow-y: hidden; margin-bottom: 5rem; }

/* lower  -------------------------------------- */
#lower {   /*---------------------------------------------
	睡眠時無呼吸症候群（SAS）とは
---------------------------------------------*/   /*---------------------------------------------
	オンライン診療
---------------------------------------------*/   /*---------------------------------------------
	心臓ドック
---------------------------------------------*/   /*---------------------------------------------
	医療連携
---------------------------------------------*/ }
#lower .tbl_def { border: 0.1rem solid #D6061C; border-collapse: collapse; width: 100%; margin-bottom: 1rem; }
#lower .tbl_def caption { caption-side: bottom; text-align: left; padding: 0.5rem; font-size: 1.2rem; line-height: 1.6; }
#lower .tbl_def thead { background: #D6061C; color: #fff; }
#lower .tbl_def thead th, #lower .tbl_def thead td { padding: 0.7rem 0; font-weight: normal; }
#lower .tbl_def tbody { background: #fff; }
#lower .tbl_def tbody tr { border-bottom: 0.1rem solid #FFE9EC; }
#lower .tbl_def tbody tr td { border-left: 0.1rem solid #FFE9EC; }
#lower .tbl_def tbody tr td.left { text-align: left; padding: 0 4.5%; }
#lower .tbl_def tbody tr td.left2 { text-align: left; padding: 0 .3rem; }
#lower .tbl_def tbody th, #lower .tbl_def tbody td { padding: 0.7rem 0.5rem; vertical-align: middle; font-weight: normal; }
#lower .tbl_def tbody th { background: #FFE9EC; }
#lower .tbl_def tbody th[rowspan] { background: rgba(214, 6, 28, 0.7); color: #fff; }
#lower .tbl_def2 { border: 0.1rem solid #FFE9EC; border-spacing: 0; border-collapse: collapse; width: 100%; margin-bottom: 5rem; }
#lower .tbl_def2 thead th { padding: 1.5rem; background: #D6061C; color: #fff; }
#lower .tbl_def2 tbody tr { border-bottom: 0.1rem solid #FFE9EC; padding: 15px; }
#lower .tbl_def2 tbody tr th { background: rgba(214, 6, 28, 0.7); color: #fff; padding: 15px; }
#lower .tbl_def2 tbody tr th.pink { background: #FFE9EC; color: #333333; text-align: left; padding: 15px; width: 50%; border-bottom: 0.1rem solid #ffffff; font-weight: normal; }
#lower .tbl_def2 tbody tr td { border-left: 0.1rem solid #FFE9EC; text-align: left; padding: 15px; }
#lower .tbl_def2 tbody tr td.price { text-align: right; vertical-align: middle; }
#lower .tbl_def2 tbody tr td.center { text-align: center; }
#lower .tbl_def3 { width: 100%; margin-bottom: 1rem; border: 0.1rem solid #ccc; line-height: 1; padding: 10px; }
#lower .tbl_def3 tbody { background: #fff; }
#lower .tbl_def3 tbody tr { border-bottom: 0.1rem solid #ccc; }
#lower .tbl_def3 tbody th { background: #CCC; }
#lower .tbl_def3 tbody th:first-child { width: 5%; text-align: center; }
#lower .tbl_def3 tbody th, #lower .tbl_def3 tbody td { padding: 1rem; vertical-align: middle; font-weight: normal; }
#lower .tbl_def3 tbody td { min-width: 2em; border-left: 0.1rem solid #ccc; }
#lower .tbl_def3 tbody td:first-child { text-align: center; }
@media screen and (min-width: 48em), print { #lower .tbl_def3 thead th { padding: 1.5rem 0; }
  #lower .tbl_def3 tbody th { padding: 1.0rem 0; font-weight: normal; width: 15rem; }
  #lower .tbl_def3 tbody td { padding: 1.5rem; }
  #lower .tbl_def3 tbody td span { font-size: 80%; color: #333; } }
#lower .tbl_scroll { overflow: auto; white-space: nowrap; border: solid 1px #ddd; }
#lower .tbl_scroll table { margin: 0; border: none; }
#lower #patient .tbl_def { text-align: center; }
#lower #patient .tbl_def tbody td span { display: block; font-weight: bold; text-align: center; }
#lower .tbl_price { width: 100%; max-width: 50rem; margin: 0 auto 1rem; border-collapse: collapse; border-spacing: 0; margin: 0 auto; border: 0.1rem solid #D13848; }
#lower .tbl_price th, #lower .tbl_price td { padding: 0.5rem; }
#lower .tbl_price th { text-align: left; }
#lower .tbl_price td { width: 9em; text-align: right; }
#lower .tbl_price tr:nth-child(even) { background: #f8efe7; }
#lower #outline .dl_outline dt { color: #D13848; font-weight: bold; }
#lower #outline .dl_outline dd { margin-bottom: 1rem; }
#lower #arrhythmiacenter #video { margin: 0 auto 2rem; z-index: 1; max-height: 30rem; width: 100%; }
#lower #arrhythmiacenter figure { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 1rem; column-gap: 1rem; }
#lower #arrhythmiacenter figure img { max-width: 80%; height: auto; margin: 1.0rem auto; }
#lower #arrhythmiacenter figure figcaption { width: 100%; text-align: center; }
#lower #ciedscenter .flex_LRTB img { max-width: 80%; height: auto; margin: 1.0rem auto; }
#lower #recruit .list_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#lower #recruit .list_btn li { /*width:28rem;*/ width: 50%; /*margin:0 1rem 1rem;*/ }
#lower #recruit .list_btn a.btn { width: 98%; padding: 7px 10px; letter-spacing: initial; }
#lower #recruit .box1 { max-width: 60rem; margin: 3rem auto; }
#lower #department #doctor .inner.flex_RLTB p { text-align: center; }
#lower #sleep_outpatient .symptoms_and_risks { width: 100%; margin-bottom: 20px; }
#lower #sleep_outpatient .symptoms_and_risks .item { padding: 20px; background-color: #FFE9EC; margin: 10px; }
#lower #sleep_outpatient .symptoms_and_risks .item .ttl { font-size: 120%; font-weight: bold; }
#lower #sleep_outpatient .symptoms_and_risks .item .lst { padding-left: 15px; }
#lower #sleep_outpatient .marker_y { background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #fff799)); background: linear-gradient(transparent 0%, #fff799 0%); font-weight: bold; border-radius: 6px; }
#lower #sleep_outpatient .red { color: #D6061C; }
#lower #online .stepbar { margin: 0 auto; width: 90%; }
#lower #online .stepbar .stepbarwrap { margin: 2em 0; position: relative; }
#lower #online .stepbar .stepbarwrap .steptitle { /*display: inline-flex;*/ -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#lower #online .stepbar .stepbarwrap .steptitle .title { margin: -3em 0.5em 0 4em; font-weight: bold; font-size: 1.2em; line-height: 1.2; }
#lower #online .stepbar .stepbarwrap .steptitle .stepcircle { display: inline-block; width: 4em; height: 4em; content: ""; border-radius: 50%; background-color: #ffffff; color: #D13848; border: 3px solid #D13848; text-align: center; }
#lower #online .stepbar .stepbarwrap span { display: inline-block; line-height: 1.2em; font-size: 1.0em; font-weight: bold; position: relative; top: 1.3em; }
#lower #online .stepbar .stepbarwrap .steptxt { padding-left: 5em; }
#lower #online .stepbar .stepbarwrap .steptxt .txt { font-weight: normal; }
#lower #online .stepbar .stepbarwrap .stepline { width: 1px; height: calc(100% + 1em); background-color: #D13848; position: absolute; top: 2em; left: 2em; z-index: -1; }
#lower #online .stepbar .stepbarwrap .stepline::last-of-type { display: none; }
#lower #online .end { border: 3px solid #D13848; color: #D13848; padding: 10px; font-weight: bold; display: inline-block; margin: 1em 0 0 -0.6em; }
#lower #online .arrow { width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 20px solid #D13848; text-align: center; display: block; margin: 30px auto; }
#lower #online .marker_y { background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #fff799)); background: linear-gradient(transparent 0%, #fff799 0%); font-weight: bold; border-radius: 6px; }
#lower #online .bg_pink { background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #FF99F8)); background: linear-gradient(transparent 0%, #FF99F8 0%); padding: 2px 15px; }
#lower #online .bg_blue { background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #99BDFF)); background: linear-gradient(transparent 0%, #99BDFF 0%); padding: 2px 15px; }
#lower #heart_dock .flow, #lower #medical_cooperation .flow { border: 5px double #bbbbbb; padding: 10px; background-color: #FFE9EC; text-align: center; width: 100%; margin: 0 auto; font-weight: bold; border-radius: 10px; font-size: 120%; }
#lower #heart_dock .arrow, #lower #medical_cooperation .arrow { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #D13848; text-align: center; display: block; margin: 15px auto; }
#lower #medical_cooperation .tbl_time thead tr { color: #333; background: #eee; }
#lower #medical_cooperation .tbl_time thead tr th { font-weight: bold; }
#lower #medical_cooperation .tbl_time tbody th { width: 10rem; }
#lower #medical_cooperation .tbl_time tbody td.point { text-align: left; color: #333333; padding: 10px; line-height: 1.5; }
#lower #medical_cooperation ul.numbers { padding-left: 1em; text-indent: -1em; }

@media screen and (min-width: 48em), print { #lower .tbl_def caption { font-size: 1.6rem; padding: 0.5rem 0 0; }
  #lower .tbl_def thead th { padding: 1.5rem; }
  #lower .tbl_def tbody th { padding: 1.5rem; font-weight: normal; }
  #lower .tbl_def tbody td { padding: 1.5rem; }
  #lower #patient .tbl_def tbody td { width: 17rem; }
  #lower #patient .tbl_time thead tr { color: #333; background: #eee; }
  #lower #patient .tbl_time tbody th { width: 30rem; }
  #lower #medical_cooperation .tbl_time tbody th { width: 30rem; }
  #lower #outline .dl_outline { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #lower #outline .dl_outline dt { width: 30%; text-align: right; }
  #lower #outline .dl_outline dd { width: 68%; margin-bottom: 2rem; }
  #lower #arrhythmiacenter #video { max-height: none; }
  #lower #arrhythmiacenter figure img { width: 30rem; margin: 0; }
  #lower #ciedscenter .flex_RLTB { grid-column-gap: 2rem; }
  #lower #ciedscenter .flex_RLTB img { width: 30rem; margin: 0; }
  #lower #ciedscenter .flex_RLTB > p { width: calc(100% - 32rem); }
  #lower #access .flex_LRTB { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #lower #access .flex_LRTB img { width: auto; }
  #lower #access .dl_overview { width: 60rem; margin: 0 auto; }
  #lower #access .dl_overview dt { width: 10rem; }
  #lower #access .dl_overview dd { width: 50rem; }
  #lower #recruit .list_btn li { width: 29%; margin: 1rem 2%; }
  #lower #recruit .list_btn a.btn { padding: 1.5rem 0; border-radius: 3rem; }
  #lower #recruit .box1 { margin: 3rem; max-width: 79rem; }
  #lower #recruit .box1 p { text-align: center; }
  #lower #department #doctor .inner.flex_RLTB { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #lower #department #doctor .inner.flex_RLTB div { width: calc(100% - 32rem); }
  #lower #department #doctor .inner.flex_RLTB .img_c { width: 30rem; margin: 0 0 0 auto; }
  #lower #department #doctor .inner.flex_RLTB p { text-align: left; }
  #heart_dock .flow, #medical_cooperation .flow { font-size: 120%; width: 500px !important; padding: 15px; }
  #heart_dock .arrow, #medical_cooperation .arrow { border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 20px solid #D13848; margin: 30px auto; }
  #sleep_outpatient .symptoms_and_risks { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-bottom: 20px; }
  #sleep_outpatient .symptoms_and_risks .item { width: 45%; margin: 0 10px; }
  #online .stepbar { width: 80%; }
  #online .stepbar .steptitle { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #online .stepbar .steptitle .title { margin: 0.5em !important;           /*float: none;
						width: 80% !important;*/ }
  #online .arrow { border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 30px solid #D13848; } }
@media screen and (min-width: 48em), print { .dl_flex { width: 90%; /*margin: 0 0 2em 1em;*/ padding: 0 0 0 0; text-align: left; line-height: 1.6em; overflow: hidden; }
  .dl_flex dt { width: 9em; float: left; font-weight: normal; padding-top: 0.5em; }
  .dl_flex dd { width: calc(100% - 9em); display: inline-block; padding-top: 0.5em; margin: 0 0 0 0; } }
.dl_flex { width: 90%; /*margin: 0 0 2em 1em;*/ padding: 0 0 0 0; text-align: left; line-height: 1.6em; overflow: hidden; }
.dl_flex dt { width: 6.5em; float: left; font-weight: normal; padding-top: 0.5em; }
.dl_flex dd { width: calc(100% - 6.5em); display: inline-block; padding-top: 0.5em; margin: 0 0 0 0; }

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