@charset "UTF-8";
/* Scss Document */
/* =======================================================================
 共通項目 
======================================================================= */
/*関数*/
/* ----------------------------------------------------------- 関数
----------------------------------------------------------- */
/*サイトの横幅*/
/*media screen*/
/*文字SP*/
/*文字PC*/
/*ゴシック家族*/
/*明朝家族*/
/*基本文字色*/
/*基本背景色PC*/
/*main_color*/
/*sub_color*/
/*reserve_1*/
/*reserve_2*/
/*reserve_3*/
/*reserve_4*/
/*reserve_5*/
/* ----------------------------------------------------------- フォントサイズ基本
----------------------------------------------------------- */
html { font-size: calc( 100vw / 32 ); overflow-y: auto; font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "sans-serif"; color: #311e0c; background-color: #ffffff; }

@media screen and (min-width: 768px) { html { font-size: 62.5%; overflow-y: scroll; font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "sans-serif"; color: #311e0c; background-color: #ffffff; } }
/* ----------------------------------------------------------- 構成
----------------------------------------------------------- */
body { position: relative; width: 100%; margin: 0 auto; }

section { height: auto; overflow: hidden; margin: 0; }
section.first { margin: 0; }
section.s_h2 { background-color: #ffffff; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sentence { height: auto; overflow: hidden; }

.pc_none { display: block !important; }

.sp_none { display: none !important; }

.bold_text { font-weight: bold; }

@media screen and (min-width: 768px) { body { position: relative; z-index: 0; }
  section { height: auto; overflow: hidden; margin: 0; }
  section.first { margin: 0 0 0 0; }
  section.s_h2 { background-color: #ffffff; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .pc_none { display: none !important; }
  .sp_none { display: block !important; } }
/* -----------------------------------------------------------
　枠
----------------------------------------------------------- */
article { height: auto; overflow: hidden; width: 100%; margin: 0 auto; padding: 0; background-color: #ffffff; }
article.low { margin: 0 auto; }

.wrapper { height: auto; width: 100%; margin: 0 auto; padding: 0; }

.main { width: 100%; margin: 0 auto; padding: 0; }

@media screen and (min-width: 768px) { article { height: auto; overflow: hidden; width: 100%; margin: 0 auto 0 auto; padding: 0; background-color: #073057; }
  article.low { margin: 0 auto; }
  .wrapper { height: auto; width: 1180px; margin: 0 auto; padding: 0 0 14px 0; }
  .main { width: 1180px; margin: 0; padding: 0; } }
/* -----------------------------------------------------------
　ヘッダ
----------------------------------------------------------- */
header { height: auto; }
header .head_frame { width: 100%; margin: 0; padding: 0; background-color: #FFFFFF; }
header .head_frame .header_info { display: block; width: 100%; margin: 2rem auto 0; padding: 0 0 12px 0; }
header .head_frame .header_info .head_logo { width: 100%; margin: 0; }
header .head_frame .header_info .head_logo img { width: 94%; display: block; margin: 0 auto; height: auto; }
header .head_frame .header_info .head_info { width: auto; margin: 0; display: block; text-align: center; }
header .head_frame .header_info .head_info .btn_reserve { margin: 1em 2%; vertical-align: baseline; }
header .head_frame .header_info .head_info .btn_reserve a { display: block; font-size: 120%; background-color: #E35335; padding: 10px; border-radius: 5px; color: #fff; text-decoration: none; }
header .head_frame .header_info .head_info .btn_reserve a:hover { opacity: 0.8; }
header .head_frame .header_info .head_info .pdf_button { margin-top: 0.6em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
header .head_frame .header_info .head_info .pdf_button a { width: 100%; }
header .head_frame .header_info .head_info p { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #311e0c; font-size: 1.8rem; margin: 0; line-height: 21px; }
header .head_frame .header_info .head_info p.address { margin: 1rem 0; }
header .head_frame .header_info .head_info .park_tel .parking { font-weight: bold; color: #b0462b; border: 1px solid #b0462b; font-size: 150%; padding: 2% 10px; margin: 0 2%; width: auto; }
header .head_frame .header_info .head_info .park_tel .tel { display: block; width: 100%; margin: 1rem auto 0; color: #311e0c; line-height: inherit; white-space: nowrap; font-size: 300%; }
header .head_frame .header_info .head_info .park_tel .tel i { color: #311e0c; }
header .head_frame .header_info .head_info a { text-decoration: none; white-space: nowrap; }
header .anchor_button { margin: 0 0 1.0rem; }
header .anchor_button a.stand { text-decoration: none; }
header .anchor_button a.stand .stand_button { font-size: 1.4rem; text-align: center; line-height: 2.4; background-color: #76bb25; color: #fff; display: block; width: 96%; margin: 4.4rem auto .4rem; border-radius: .6rem; }
header .anchor_button a.stand .stand_button:hover { opacity: 0.8; }
header .anchor_button a.stand .stand_button span { position: relative; display: inline-block; padding-left: 12px; }
header .anchor_button a.stand .stand_button span::before { content: ''; width: 0; height: 0; border: solid 4px transparent; border-left: solid 6px #fff; position: absolute; top: 50%; left: 0; margin-top: -4px; }
header .anchor_button a.stand .stand_under { margin: .8rem auto .4rem; }
header .key_on { height: auto; }
header .key_on .key_visual { width: 100%; height: auto; background-position: 68% 1rem; background-size: auto 100%; background-repeat: no-repeat; }
header .key_on .key_visual p.key_catch { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; font-size: 2.0rem; text-align: center; width: 90%; margin: 0 auto; color: #07305d; text-shadow: white 2px 0px,  white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px , white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px,  white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px,  white -2px 1px, white 2px -1px, white -2px -1px; padding: 2rem 0 .6rem 0; }
header .key_on .key_visual p.key_catch span { color: #b0462b; }
header .key_on .key_visual p.key_catch span a { text-decoration: none; border: .2rem #b0462b solid; padding: .2rem 1rem; line-height: 2; }
header .key_on .key_visual p.key_catch span a:hover { opacity: 0.6; }
header .key_on .key_visual .key_info { width: 100%; height: auto; margin: .4rem auto 0; float: left; }
header .key_on .key_visual .key_info .key_info_1, header .key_on .key_visual .key_info .key_info_2 { width: 98%; 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; margin: 0 auto; }
header .key_on .key_visual .key_info .key_info_1 p, header .key_on .key_visual .key_info .key_info_2 p { margin: 0; font-size: 1.5rem; color: #FFFFFF; font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; text-align: center; line-height: 1.8; }
header .key_on .key_visual .key_info .key_info_1 { background: rgba(115, 151, 188, 0.9); border: .1rem #FFFFFF solid; }
header .key_on .key_visual .key_info .key_info_1 a { color: #ffffff; }
header .key_on .key_visual .key_info .key_info_2 { background: rgba(244, 157, 141, 0.9); border-top: .1rem #FFFFFF solid; border-bottom: .1rem #FFFFFF solid; border-right: .1rem #FFFFFF solid; }
header .key_on .key_visual .key_info .key_info_2 span { border: .1rem #FFFFFF solid; padding: 0 .4rem; }
header .key_on .bg_dot_area { background-image: url("../images/bg_dot.jpg"); background-repeat: repeat; height: 7.5rem; }
header .key_visual_low { /*background: url("../images/key_visual_low.jpg") no-repeat;*/ background-size: 200% auto; background-position: 70% 160%; overflow: hidden; width: 100%; height: auto; margin: 0; padding: 1.8rem 0; }
header .key_visual_low h1 { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; margin: 0; font-size: 2.0rem; text-align: center; font-weight: normal; color: #07305d; text-shadow: white 2px 0px,  white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px , white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px,  white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px,  white -2px 1px, white 2px -1px, white -2px -1px; }
header.header_low { height: auto; }

@media screen and (min-width: 768px) { header { height: auto; }
  header .head_frame { width: 100%; margin: 0; padding: 0; background-color: #FFFFFF; }
  header .head_frame .header_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 1180px; margin: 20px auto; padding: 0; }
  header .head_frame .header_info .head_logo { width: 492px; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  header .head_frame .header_info .head_logo img { width: 100%; height: auto; }
  header .head_frame .header_info .head_btn { width: 450px; }
  header .head_frame .header_info .head_info { width: auto; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  header .head_frame .header_info .head_info .btn_reserve { margin: 0 2%; font-size: 150%; }
  header .head_frame .header_info .head_info .btn_reserve a { padding: 20px 0; }
  header .head_frame .header_info .head_info .btn_reserve .pdf_button a { padding: 10px 0; }
  header .head_frame .header_info .head_info p { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #311e0c; font-size: 1.8rem; white-space: nowrap; }
  header .head_frame .header_info .head_info p.park_tel.parking { font-weight: bold; color: #b0462b; text-align: right; }
  header .head_frame .header_info .head_info p.park_tel.tel { display: block; margin: 0; padding: 0; color: #311e0c; font-size: 200%; }
  header .head_frame .header_info .head_info p.park_tel.tel i { color: #004287; }
  header .anchor_button { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1180px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto 20px; }
  header .anchor_button a.stand { display: contents; text-decoration: none; }
  header .anchor_button a.stand .stand_button { font-size: 1.8rem; text-align: center; line-height: 2.4; display: block; width: 24%; margin: 0; border-radius: 6px; }
  header .anchor_button a.stand .stand_button:hover { opacity: 0.8; }
  header .key_on { height: auto; }
  header .key_on .key_visual { width: 100%; height: 400px; background-position: center top; background-size: auto; background-repeat: no-repeat; }
  header .key_on .key_visual p.key_catch { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; font-size: 3.2rem; text-align: center; color: #07305d; line-height: 1.5; text-shadow: white 2px 0px,  white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px , white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px,  white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px,  white -2px 1px, white 2px -1px, white -2px -1px; padding: 30px 0; }
  header .key_on .key_visual .key_info { display: -webkit-box; display: -ms-flexbox; display: flex; width: 920px; height: 143px; margin: 16px auto 0; float: none; }
  header .key_on .key_visual .key_info .key_info_1, header .key_on .key_visual .key_info .key_info_2 { width: 100%; 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; z-index: 9999; margin: 0 auto; }
  header .key_on .key_visual .key_info .key_info_1 p, header .key_on .key_visual .key_info .key_info_2 p { margin: 0; font-size: 2.4rem; color: #FFFFFF; font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; text-align: center; line-height: 1.8; }
  header .key_on .key_visual .key_info .key_info_1 { background: rgba(115, 151, 188, 0.9); border: 1px #FFFFFF solid; }
  header .key_on .key_visual .key_info .key_info_2 { background: rgba(244, 157, 141, 0.9); border-top: 1px #FFFFFF solid; border-bottom: 1px #FFFFFF solid; border-right: 1px #FFFFFF solid; }
  header .key_on .key_visual .key_info .key_info_2 span { border: 1px #FFFFFF solid; padding: 0 4px; }
  header .key_on .bg_dot_area { background-image: url("../images/bg_dot.jpg"); background-repeat: repeat; height: 71px; }
  header .key_visual_low { /*background: url("../images/key_visual_low.jpg") no-repeat;*/ background-position: center top; background-size: cover; overflow: hidden; width: 100%; height: 60px; margin: 0; padding: 0; }
  header .key_visual_low .h1_area { margin: 0 auto; width: 1180px; height: 80px; 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; }
  header .key_visual_low .h1_area h1 { text-align: center; font-size: 3rem; color: #004287; font-weight: bold; font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; text-shadow: 0 0 0; }
  header.header_low { /*background-image: url("../images/bg_dot.jpg") ;*/ background-position: 0% 100%; background-repeat: repeat-x; height: auto; } }
/* -----------------------------------------------------------
　slick slider
----------------------------------------------------------- */
.slick-slider .slick-prev { left: 3.2vw; z-index: 999; }
.slick-slider .slick-prev::before { content: '＜'; }
.slick-slider .slick-next { right: 6vw; }
.slick-slider .slick-next::before { content: '＞'; }
.slick-slider .slick-arrow::before { font-size: 4vw; font-weight: bold; }

.slider img { max-width: 100%; }
@media screen and (min-width: 768px) { .slider .slick-slide:not(.slick-active) { opacity: 0.5; cursor: pointer; } }

/* -----------------------------------------------------------
　受付時間
----------------------------------------------------------- */
table.timetable { background-color: #b38f6f; padding: 0px; vertical-align: middle; width: 96%; margin: 0 auto; text-align: center; border-collapse: collapse; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; color: #ffffff; }
table.timetable tr { margin: 0px; padding: 0px; vertical-align: middle; }
table.timetable tr th { padding: 1rem 0; text-align: center; font-weight: normal; background-color: #073057; color: #FFFFFF; font-size: 1.5rem; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }
table.timetable tr th.holiday { width: 6rem; }
table.timetable tr td { text-align: center; padding: 1rem 0; background-color: #FFFFFF; color: #bbd6ee; font-size: 1.5rem; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: #cbc9c9 1px solid; }
table.timetable tr td span { color: #998675; }
table.timetable tr td.time { color: #311e0c; width: 11rem; background-color: #FFFFFF; font-size: 1.5rem; text-align: center; }
table.timetable caption { caption-side: bottom; text-align: left; margin: 10px 0 0 0; font-size: 1.3rem; line-height: 1.5; color: #311e0c; }

@media screen and (min-width: 768px) { table.timetable { background-color: #b38f6f; padding: 0px; vertical-align: middle; width: 100%; margin: 0 auto; text-align: center; border-collapse: collapse; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; color: #ffffff; }
  table.timetable tr { margin: 0px; padding: 0px; vertical-align: middle; }
  table.timetable tr th { padding: 20px 0; text-align: center; font-weight: normal; background-color: #073057; color: #FFFFFF; font-size: 1.7rem; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }
  table.timetable tr th.holiday { width: 60px; }
  table.timetable tr td { text-align: center; padding: 20px 0; background-color: #FFFFFF; color: #bbd6ee; font-size: 1.6rem; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: #cbc9c9 1px solid; }
  table.timetable tr td span { color: #998675; }
  table.timetable tr td.time { color: #311e0c; width: 140px; background-color: #FFFFFF; font-size: 1.7rem; text-align: center; }
  table.timetable caption { font-size: 1.4rem; } }
/* -----------------------------------------------------------
　メインナビ
----------------------------------------------------------- */
.main_nav_pc { display: none; }

@media screen and (min-width: 768px) { .main_nav_pc { display: block; height: auto; margin: 0 auto 20px; padding: 0 0 0 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #004287; }
  .main_nav_pc nav { width: 1180px; margin: 0 auto; }
  .main_nav_pc nav ul { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1180px; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; padding: 10px 0; margin: 0; }
  .main_nav_pc nav ul li { display: block; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; height: 28px; width: 20%; line-height: 140%; text-align: center; font-size: 2.0rem; border-left: #fff 1px dotted; position: relative; }
  .main_nav_pc nav ul li a { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; text-decoration: none; display: block; color: #fff; height: auto; padding: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: normal; line-height: 1.1; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .main_nav_pc nav ul li a:hover { opacity: 0.6; }
  .main_nav_pc nav ul li a span { font-size: 1rem; opacity: 0.6; }
  .main_nav_pc nav ul li:last-child { border-right: #fff 1px dotted; }
  .nav_low { margin: 0 0 0 0; } }
/* -----------------------------------------------------------
　お知らせ
----------------------------------------------------------- */
.notice_wrapper { padding: 1.8rem 0; display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #073057; }
.notice_wrapper h2 { width: 330px; }
.notice_wrapper h2.top { color: #FFFFFF; text-align: left; margin: 0 0 0 2.1rem; }
.notice_wrapper .notice_frame { padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; width: 96%; margin: 0 auto; /*overflow-y: scroll;*/ background-color: #073057; }
.notice_wrapper .notice_frame dl { padding: 10px 10px 20px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.notice_wrapper .notice_frame dl dt { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; margin: 0 0 1.2rem 0; color: #FFFFFF; font-size: 1.8rem; font-weight: bold; padding: 1rem 1rem 1rem 4rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.notice_wrapper .notice_frame dl dt:before { content: "▲"; color: #E35335; display: inline-block; }
.notice_wrapper .notice_frame dl dt.active:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.notice_wrapper .notice_frame dl dd { color: #FFFFFF; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.notice_wrapper .notice_frame dl dd p { line-height: 110%; font-size: 1.5rem; }
.notice_wrapper .notice_frame dl dd a { color: #FFFFFF; }
.notice_wrapper .notice_frame dl dd.link_text { margin: 1.2rem 0; }
.notice_wrapper .notice_frame dl dd.link_text a { color: #FFFFFF; font-size: 1.6rem; }

@media screen and (min-width: 768px) { .notice_wrapper { padding: 18px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #073057; }
  .notice_wrapper h2 { width: 330px; }
  .notice_wrapper h2.top { color: #FFFFFF; text-align: left; margin: 0 0 0 21px; }
  .notice_wrapper .notice_frame { padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; width: 1700px; margin: 0 auto; /*overflow-y: scroll;*/ background-color: #073057; }
  .notice_wrapper .notice_frame dl { padding: 10px 10px 20px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .notice_wrapper .notice_frame dl dt { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; margin: 0 0 12px 0; color: #FFFFFF; font-size: 2rem; font-weight: bold; padding: 20px 0 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .notice_wrapper .notice_frame dl dd { color: #FFFFFF; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .notice_wrapper .notice_frame dl dd p { line-height: 110%; font-size: 1.8rem; } }
/*スマホ用スライドバー*/
@media screen and (max-width: 767px) { .notice_frame::-webkit-scrollbar { width: 12px; background: #ffffff; }
  .notice_frame::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; }
  .notice_frame::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } }
.download_wrapper { background: #fff; text-align: center; padding: 3rem 0; }
.download_wrapper h2 { color: #073057 !important; }
.download_wrapper .anchor_button a { text-decoration: none; font-size: 1.8rem; text-align: center; font-weight: bold; line-height: 2.4; background-color: #E35335; color: #FFFFFF; display: block; width: 96%; margin: .8rem auto .4rem; border-radius: .6rem; }
@media screen and (min-width: 768px) { .download_wrapper { padding: 48px 0; }
  .download_wrapper .anchor_button { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1180px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; }
  .download_wrapper .anchor_button a { display: contents; text-decoration: none; font-size: 2.4rem; text-align: center; font-weight: bold; line-height: 2.4; background-color: #E35335; color: #FFFFFF; display: block; width: 588px; margin: 15px auto 0; border-radius: 6px; }
  .download_wrapper .anchor_button a:hover { opacity: 0.8; } }

.download_link { text-align: center; }
.download_link a { text-decoration: none; font-size: 1.8rem; text-align: center; font-weight: bold; line-height: 2.4; background-color: #E35335; color: #FFFFFF; display: block; margin: 0 auto; border-radius: .6rem; }
@media screen and (min-width: 768px) { .download_link a { display: inline-block; text-decoration: none; font-size: 2.4rem; text-align: center; font-weight: bold; line-height: 2.4; background-color: #E35335; color: #FFFFFF; display: block; width: 588px; margin: 0 auto; border-radius: 6px; }
  .download_link a:hover { opacity: 0.8; } }

/* -----------------------------------------------------------
　クリニックの特長
----------------------------------------------------------- */
.feature_wrapper { width: 100%; height: auto; background: url("../images/bg_features.jpg") no-repeat; background-size: auto 100%; padding: 0 0 2rem 0; }
.feature_wrapper h2.top { color: #FFFFFF; padding: 3rem 0 1rem 0; }
.feature_wrapper div.row { width: 80%; margin: 3.2rem auto 0; padding: 0; }
.feature_wrapper p { font-size: 1.5rem; color: #fff; line-height: 1.4; margin-bottom: 10px; }
.feature_wrapper p.eng { color: #e0dddc; }
.feature_wrapper ul { width: 80%; margin: 3.2rem auto 0; padding: 0; }
.feature_wrapper ul li { font-size: 1.5rem; color: #FFFFFF; line-height: 1.4; }
.feature_wrapper .feature_gallery { display: block; width: 100%; margin: 2.4rem auto 0; }
.feature_wrapper .feature_gallery img { width: 90%; margin: 1rem auto 0; display: block; }

.background-none { background: none !important; }
.background-none h2 { color: #212121 !important; }
.background-none p { color: #212121 !important; }
.background-none .color_8 { color: #E35335 !important; }

@media screen and (min-width: 768px) { .feature_wrapper { width: 100%; height: auto; background: url("../images/bg_features.jpg") no-repeat; background-size: auto 100%; padding: 0 0 20px; }
  .feature_wrapper h2.top { color: #FFFFFF; padding: 48px 0 14px 0; }
  .feature_wrapper div.row { width: 886px; margin: 32px auto 0; padding: 0px; }
  .feature_wrapper p { font-size: 1.8rem; color: #fff; line-height: 1.5; }
  .feature_wrapper p.eng { color: #e0dddc; }
  .feature_wrapper ul { width: 892px; margin: 32px auto 0; padding: 0 0 0 50px; }
  .feature_wrapper ul li { font-size: 1.8rem; color: #FFFFFF; line-height: 1.5; }
  .feature_wrapper .feature_gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 982px; margin: 16px auto 0; }
  .feature_wrapper .feature_gallery img { width: 320px; } }
/* -----------------------------------------------------------
　こんな症状はご相談ください
----------------------------------------------------------- */
.consultation_wrapper { background: url("../images/bg_consultation.jpg") repeat-y; width: 100%; height: auto; padding: 0 0 2rem 0; }
.consultation_wrapper h2.top { color: #b0462b; padding: 3rem 0 1rem 0; }
.consultation_wrapper p.eng { color: #d09c8f; }
.consultation_wrapper .ol_frame ol { width: 96%; margin: 3rem auto 0; color: #311e0c; 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; }
.consultation_wrapper .ol_frame ol li { list-style-type: none; width: 48.3%; height: auto; padding: 1rem 0; border: 0.1rem #b0462b solid; background-color: #fffefe; background-image: url("../images/triangle.png"); background-repeat: no-repeat; background-position: bottom right; position: relative; margin: .8rem 0 0 0; }
.consultation_wrapper .ol_frame ol li img { position: absolute; top: 37%; left: 14%; width: 10rem; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.consultation_wrapper .ol_frame ol li a { text-decoration: none; font-size: 1.4rem; }
.consultation_wrapper .ol_frame ol li a:hover { opacity: 0.6; }
.consultation_wrapper .ol_frame ol p { color: #b0462b; font-weight: bold; font-size: 1.4rem; text-align: center; margin: 10rem 0 0 0; font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; }

@media screen and (min-width: 768px) { .consultation_wrapper { background: url("../images/bg_consultation.jpg") no-repeat; width: 100%; height: 510px; padding: 0; }
  .consultation_wrapper h2.top { color: #b0462b; padding: 98px 0 14px 0; }
  .consultation_wrapper p.eng { color: #d09c8f; }
  .consultation_wrapper .ol_frame ol { width: 1180px; margin: 30px auto 0; color: #311e0c; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .consultation_wrapper .ol_frame ol li { list-style-type: none; width: 224px; height: 224px; padding: 0; border: 1px #b0462b solid; background-color: #fffefe; background-image: url("../images/triangle.png"); background-repeat: no-repeat; background-position: bottom right; position: relative; margin: 0; }
  .consultation_wrapper .ol_frame ol li img { position: absolute; top: 37%; left: 14%; width: 150px; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .consultation_wrapper .ol_frame ol li a { text-decoration: none; }
  .consultation_wrapper .ol_frame ol li a:hover { opacity: 0.6; }
  .consultation_wrapper .ol_frame ol p { color: #b0462b; font-weight: bold; font-size: 2.4rem; text-align: center; margin: 164px 0 0 0; font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; } }
/* -----------------------------------------------------------
　主な対象疾患・診療内容
----------------------------------------------------------- */
.diseases_wrapper { background: url("../images/bg_diseases.jpg") repeat-y; width: 100%; height: auto; padding: 0 0 2rem 0; }
.diseases_wrapper h2.top { color: #073057; padding: 3rem 0 1rem 0; }
.diseases_wrapper p.eng { color: #8ca9c9; }
.diseases_wrapper .ol_frame ol { width: 96%; margin: 3rem auto 0; color: #311e0c; 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; }
.diseases_wrapper .ol_frame ol li { list-style-type: none; width: 49.3%; height: auto; padding: 2.2rem 0; background-repeat: no-repeat; background-position: center; margin: 1rem 0 0 0; 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; }
.diseases_wrapper .ol_frame ol li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; text-decoration: none; }
.diseases_wrapper .ol_frame ol li a:hover { opacity: 0.6; }
.diseases_wrapper .ol_frame ol li.brain_dock { background-image: url("../images/diseases_01.jpg"); }
.diseases_wrapper .ol_frame ol li.stroke { background-image: url("../images/diseases_02.jpg"); }
.diseases_wrapper .ol_frame ol li.headache_clinic { background-image: url("../images/diseases_11.jpg"); }
.diseases_wrapper .ol_frame ol li.dementia { background-image: url("../images/diseases_03.jpg"); }
.diseases_wrapper .ol_frame ol li.lifestyle { background-image: url("../images/diseases_04.jpg"); }
.diseases_wrapper .ol_frame ol li.headtrauma { background-image: url("../images/diseases_05.jpg"); }
.diseases_wrapper .ol_frame ol li.spinesurgery { background-image: url("../images/diseases_06.jpg"); }
.diseases_wrapper .ol_frame ol li.braintumor { background-image: url("../images/diseases_07.jpg"); }
.diseases_wrapper .ol_frame ol li.epilepsy { background-image: url("../images/diseases_08.jpg"); }
.diseases_wrapper .ol_frame ol li.secondopinion { background-image: url("../images/diseases_09.jpg"); }
.diseases_wrapper .ol_frame ol li.antismoking { background-image: url("../images/diseases_10.jpg"); }
.diseases_wrapper .ol_frame ol li:nth-child(n+6):nth-child(-n+10) { margin: .8rem 0 0 0; }
.diseases_wrapper .ol_frame ol p { color: #FFFFFF; font-weight: bold; font-size: 1.2rem; text-align: center; font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; border: .1rem #FFFFFF solid; width: 90%; padding: .4rem .6rem; }

@media screen and (min-width: 768px) { .diseases_wrapper { background: url("../images/bg_diseases.jpg") no-repeat; width: 100%; height: 580px; padding: 0; }
  .diseases_wrapper h2.top { color: #073057; padding: 98px 0 14px 0; }
  .diseases_wrapper p.eng { color: #8ca9c9; }
  .diseases_wrapper .ol_frame ol { width: 1180px; margin: 30px auto 0; color: #311e0c; 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; }
  .diseases_wrapper .ol_frame ol li { list-style-type: none; width: 230px; height: 156px; padding: 0; background-repeat: no-repeat; margin: 0; 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; }
  .diseases_wrapper .ol_frame ol li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; text-decoration: none; }
  .diseases_wrapper .ol_frame ol li a:hover { opacity: 0.6; }
  .diseases_wrapper .ol_frame ol li.brain_dock { background-image: url("../images/diseases_01.jpg"); }
  .diseases_wrapper .ol_frame ol li.stroke { background-image: url("../images/diseases_02.jpg"); }
  .diseases_wrapper .ol_frame ol li.headache_clinic { background-image: url("../images/diseases_11.jpg"); }
  .diseases_wrapper .ol_frame ol li.dementia { background-image: url("../images/diseases_03.jpg"); }
  .diseases_wrapper .ol_frame ol li.lifestyle { background-image: url("../images/diseases_04.jpg"); }
  .diseases_wrapper .ol_frame ol li.headtrauma { background-image: url("../images/diseases_05.jpg"); }
  .diseases_wrapper .ol_frame ol li.spinesurgery { background-image: url("../images/diseases_06.jpg"); }
  .diseases_wrapper .ol_frame ol li.braintumor { background-image: url("../images/diseases_07.jpg"); }
  .diseases_wrapper .ol_frame ol li.epilepsy { background-image: url("../images/diseases_08.jpg"); }
  .diseases_wrapper .ol_frame ol li.secondopinion { background-image: url("../images/diseases_09.jpg"); }
  .diseases_wrapper .ol_frame ol li.antismoking { background-image: url("../images/diseases_10.jpg"); }
  .diseases_wrapper .ol_frame ol li:nth-child(n+6):nth-child(-n+10) { margin: 8px 0 0 0; }
  .diseases_wrapper .ol_frame ol p { color: #FFFFFF; font-weight: bold; font-size: 1.8rem; text-align: center; font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; border: 1px #FFFFFF solid; width: 100%; min-width: 137px; padding: 8px 10px; } }
/* -----------------------------------------------------------
　医院概要
----------------------------------------------------------- */
.overview_bg { background-color: #FFFFFF; width: 100%; margin: 0 auto; padding: 3rem 0 0 0; }
.overview_bg iframe { width: 96%; height: 30rem; display: block; margin: 0 auto 1rem; }
.overview_bg .overview { padding: 0 0 4rem 0; margin: 0 auto; width: 100%; }
.overview_bg .overview h2.top { color: #073057; margin: 2rem 0 1rem 0; }
.overview_bg .overview img { width: 123px; margin: 0 auto; display: block; }
.overview_bg .overview .overview_frame { display: block; width: 100%; margin: 2rem auto 0; }
.overview_bg .overview .overview_frame .overview_frame_left, .overview_bg .overview .overview_frame .overview_frame_right { margin: 0; width: 100%; }
.overview_bg .overview .overview_frame .overview_frame_left dl, .overview_bg .overview .overview_frame .overview_frame_right dl { width: 96%; margin: 0 auto; display: block; }
.overview_bg .overview .overview_frame .overview_frame_left dl dt, .overview_bg .overview .overview_frame .overview_frame_right dl dt { background-color: #eaf3fc; margin: 0 0 .6rem 0; 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: 100%; height: auto; padding: .4rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem #073057 solid; }
.overview_bg .overview .overview_frame .overview_frame_left dl dt p, .overview_bg .overview .overview_frame .overview_frame_right dl dt p { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #073057; font-size: 1.6rem; text-align: center; margin: 2px 0 0 0; }
.overview_bg .overview .overview_frame .overview_frame_left dl dd, .overview_bg .overview .overview_frame .overview_frame_right dl dd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #311e0c; font-size: 1.5rem; margin: 0 0 1.8rem 0; width: 100%; height: auto; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 120%; }
.overview_bg .overview .overview_frame .overview_frame_left dl dd a, .overview_bg .overview .overview_frame .overview_frame_right dl dd a { text-decoration: none; }
.overview_bg .overview .overview_frame .overview_frame_left dl dd.access, .overview_bg .overview .overview_frame .overview_frame_right dl dd.access { display: block; }
.overview_bg .overview .overview_frame .overview_frame_left dl dd.access span.parking, .overview_bg .overview .overview_frame .overview_frame_right dl dd.access span.parking { color: #FF0000; font-weight: bold; }

@media screen and (min-width: 768px) { .overview_bg { background-color: #FFFFFF; width: 100%; max-width: 2000px; margin: 0 auto; padding: 42px 0 0 0; }
  .overview_bg iframe { width: 100%; height: 384px; margin: 0; }
  .overview_bg .overview { padding: 0 0 40px 0; margin: 0 auto; width: 1180px; }
  .overview_bg .overview h2.top { color: #073057; margin: 20px 0 14px 0; }
  .overview_bg .overview img { width: 123px; margin: 0 auto; display: block; }
  .overview_bg .overview .overview_frame { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 1180px; margin: 46px auto 0 auto; }
  .overview_bg .overview .overview_frame .overview_frame_left, .overview_bg .overview .overview_frame .overview_frame_right { margin: 0; }
  .overview_bg .overview .overview_frame .overview_frame_left dl, .overview_bg .overview .overview_frame .overview_frame_right dl { width: 100%; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 160%; }
  .overview_bg .overview .overview_frame .overview_frame_left dl dt, .overview_bg .overview .overview_frame .overview_frame_right dl dt { background-color: #eaf3fc; margin: 0 0 26px 0; 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: 100px; height: 50px; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px #073057 solid; }
  .overview_bg .overview .overview_frame .overview_frame_left dl dt p, .overview_bg .overview .overview_frame .overview_frame_right dl dt p { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #073057; font-size: 1.6rem; text-align: center; margin: 2px 0 0 0; }
  .overview_bg .overview .overview_frame .overview_frame_left dl dd, .overview_bg .overview .overview_frame .overview_frame_right dl dd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #311e0c; font-size: 1.8rem; margin: 0 0 0 4px; width: 79%; height: 50px; /*padding: 0 0 0 140px;*/ padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 140%; border-bottom: 1px #372514 dotted; }
  .overview_bg .overview .overview_frame .overview_frame_left { width: 540px; }
  .overview_bg .overview .overview_frame .overview_frame_right { width: 520px; } }
/* -----------------------------------------------------------
　フッター
----------------------------------------------------------- */
footer .footer_frame { display: none; }
footer p.copyright { background-color: #004287; text-align: center; margin: 0; padding: 0.8rem 0; color: #FFFFFF; }
footer p.copyright a { text-decoration: none; color: #FFFFFF; font-size: 1.2rem; height: auto; line-height: inherit; }

@media screen and (min-width: 768px) { footer { width: 100%; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; background-color: #ffffff; }
  footer .footer_frame { display: block; width: 1180px; margin: 0 auto; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
  footer .footer_frame ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  footer .footer_frame ul li { list-style-type: none; background-color: transparent; color: #000; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; }
  footer .footer_frame ul li + li { border-left: 1px solid #311e0c; }
  footer .footer_frame ul li a { color: #311e0c; text-decoration: none; line-height: 1.7; font-size: 1.6rem; }
  footer .footer_frame ul.upper { margin: 63px 0 14px 0; }
  footer .footer_frame ul.under { margin: 0 0 45px 0; }
  footer p.copyright { padding: 12px 0; }
  footer p.copyright a { margin: 0; text-align: center; margin: 0 auto; background-color: #004287; color: #FFFFFF; font-size: 1.6rem; height: auto; } }
/* -----------------------------------------------------------
　ページトップへ
----------------------------------------------------------- */
#linkpagetop { float: right; }

#linkpagetop img { width: 80%; height: auto; }

#pagetop { position: fixed; bottom: 14vw; right: 0px; height: 12vw; text-align: right; margin: 0 2% 0 0; }

#pagetop a { display: block; }

#pagetop_position { float: right; margin: 0px; padding: 0px; }

@media screen and (min-width: 768px) { #linkpagetop { float: left; }
  #linkpagetop img { width: 60px; height: auto; }
  #pagetop { position: fixed; bottom: 12px; left: 50%; margin: 0 0 0 560px; height: 70px; text-align: center; }
  #pagetop a { display: block; color: #ffffff; }
  #pagetop_position { float: right; margin: 0px; padding: 0px; } }
@media screen and (min-width: 768px) and (max-width: 1500px) { #pagetop { position: fixed; bottom: 80px; left: 92%; margin: 0 0 0 0; height: 250px; text-align: center; } }
.red { color: #FF0000; }

.blue { color: #4c7aab; }

/*----------------------------------------------------------- インポート
----------------------------------------------------------- */
/*ハンバーガー*/
.drawr { display: none; position: absolute; top: 65vw; width: 100%; padding: 0; margin: 0 auto; height: auto; z-index: 999999; background-color: #004287; }
.drawr p { color: #004287; font-size: 1.5rem; text-align: center; padding: 18px 0; background-color: #ffffff; margin: 0; }
.drawr ul.hbg li { text-align: center; }
.drawr ul.hbg li a { color: #ffffff; font-size: 1.6rem; text-decoration: none; padding: 2rem 0; display: block; border-bottom: #ffffff 1px solid; }

.openNav { display: block; }

/*ハンバーガーナビ*/
.main_nav_sp { display: block; width: 100%; height: auto; margin: 0; }
.main_nav_sp ul.gnav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; }
.main_nav_sp ul.gnav li { width: 100%; font-weight: normal; font-size: 1.6rem; letter-spacing: 0.05em; line-height: 140%; list-style-type: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; border-bottom: #ffffff 1px solid; text-align: center; }
.main_nav_sp ul.gnav li a { color: #ffffff; text-decoration: none; width: 100%; display: block; padding: 1rem 0; text-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.toggle { display: none; }

.toggle-label { cursor: pointer; display: block; width: 100%; height: 46px; padding: 0 0 4px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

.toggle-label:active { -webkit-tap-highlight-color: transparent; }

.toggle-label { cursor: pointer; }

.toggle-label .toggle-icon, .toggle-label .toggle-icon:before, .toggle-label .toggle-icon:after { position: relative; display: block; top: 50%; left: 50%; height: 3px; width: 42px; background: #ffffff; content: ''; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }

.toggle-label .toggle-text { position: relative; display: block; top: calc(100% - 10px); height: 14px; font-size: 12px; color: #ffffff; text-align: center; }

.toggle-label .toggle-text:before { position: absolute; width: 100%; left: 0; content: 'MENU'; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; visibility: visible; opacity: 1; }

.toggle-label .toggle-text:after { position: absolute; width: 100%; left: 0; content: 'CLOSE'; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; visibility: hidden; opacity: 0; }

.toggle-label .toggle-icon { -webkit-transform: translate3d(-50%, -5px, 0); transform: translate3d(-50%, -5px, 0); }

.toggle-label .toggle-icon:before { -webkit-transform: translate3d(-50%, -11.5px, 0); transform: translate3d(-50%, -11.5px, 0); }

.toggle-label .toggle-icon:after { -webkit-transform: translate3d(-50%, 5px, 0); transform: translate3d(-50%, 5px, 0); }

.toggle:checked ~ .toggle-label .toggle-icon { background-color: transparent; }

.toggle:checked ~ .toggle-label .toggle-icon:before, .toggle:checked ~ .toggle-label .toggle-icon:after { top: 0; }

.toggle:checked ~ .toggle-label .toggle-icon:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); top: 1.5px; }

.toggle:checked ~ .toggle-label .toggle-icon:after { -webkit-transform: translateX(-50%) translateY(-10px) rotate(-45deg); transform: translateX(-50%) translateY(-10px) rotate(-45deg); top: 8.5px; }

.toggle:checked ~ .toggle-label .toggle-text:before { visibility: hidden; opacity: 0; }

.toggle:checked ~ .toggle-label .toggle-text:after { visibility: visible; opacity: 1; }

.container { 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: 100%; position: absolute; cursor: pointer; top: 46vw; padding: 0 0 0.6rem 0; background-color: #b0462b; }

@media screen and (min-width: 768px) { .main_nav_sp { display: none; } }
/*ハンバーガーこっち*/
/* Common styles of menus */
#dl-menu { z-index: 100; }

.dl-menuwrapper { width: 100%; max-width: 100%; float: left; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }

.dl-menuwrapper:first-child { margin-right: 100px; }

.dl-menuwrapper button { background: #004287; border: none; width: 100%; height: 3.4rem; overflow: hidden; position: relative; cursor: pointer; outline: none; border-bottom: 1px solid #fff; }
.dl-menuwrapper button img { width: 26%; }

.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #004287; }

.dl-menuwrapper ul { padding: 0; margin: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.dl-menuwrapper li { position: relative; margin: 0; padding: 0; border-bottom: 1px solid #311e0c; }

.dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; font-weight: 700; color: #073057; outline: none; text-decoration: none; }

.no-touch .dl-menuwrapper li a:hover { background: #17804b; }

.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: #cccccc; }

.dl-menuwrapper li.dl-back > a:hover { padding-left: 30px; background: #cccccc; }

.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 5px; line-height: 50px; font-family: 'icomoon'; speak: none; -webkit-font-smoothing: antialiased; content: url(../images/icon01.png); }

.dl-menuwrapper li.dl-back:after { left: 10px; bottom: 8px; color: rgba(212, 204, 198, 0.3); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.dl-menuwrapper li > a:after { right: 10px; color: rgba(0, 0, 0, 0.15); }

.dl-menuwrapper .dl-menu { margin: 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(0); transform: translateY(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px); background-color: #eaf3fc; }

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu { display: none; }

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; }

.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; background-color: #f0f9f0; }

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; background-color: #f0f9f0; }

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; }

@-webkit-keyframes MenuAnimOut1 { 75% { opacity: .5; }
  100% { opacity: 0; } }
@keyframes MenuAnimOut1 { 75% { opacity: .5; }
  100% { opacity: 0; } }
.dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; }

@-webkit-keyframes MenuAnimIn1 { 0% { opacity: 0; }
  20% { opacity: 0.5; }
  100% { opacity: 1; } }
@keyframes MenuAnimIn1 { 0% { opacity: 0; }
  20% { opacity: 0.5; }
  100% { opacity: 1; } }
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; }

@-webkit-keyframes SubMenuAnimIn1 { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes SubMenuAnimIn1 { 0% { opacity: 0; }
  100% { opacity: 1; } }
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; }

@-webkit-keyframes SubMenuAnimOut1 { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes SubMenuAnimOut1 { 0% { opacity: 1; }
  100% { opacity: 0; } }
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; }

.no-js .dl-menuwrapper li .dl-submenu { display: block; }

.no-js .dl-menuwrapper li.dl-back { display: none; }

.no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0, 0, 0, 0.1); }

.no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; }

/*アサイド*/
/* -----------------------------------------------------------
　アサイド
----------------------------------------------------------- */
/*SP*/
aside { display: none; }

@media screen and (min-width: 768px) { aside { display: inline; width: 255px; height: auto; margin: 100px 0 0 0; }
  aside div { background-color: #ffffff; margin: 0 0 20px 0; padding: 0; }
  aside div p { color: #4c7aab; font-size: 2.8rem; text-align: center; margin: 0 0 8px 0; padding: 18px 0 0 0; }
  aside div ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style-type: none; padding: 10px 0 0 0; }
  aside div ul li { text-align: left; margin: 0 auto 20px auto; width: 233px; height: 82px; }
  aside div ul li a { width: 230px; height: 82px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: #004287; font-size: 1.9rem; background: url(../images/aside_arrow.png) no-repeat; background-position: left 18px center; background-color: #00a968; padding: 0 0 0 36px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00a968; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00a968; }
  aside div ul li a:hover { opacity: 0.6; }
  aside div ul li.two { margin: 10px auto 0 auto; }
  aside div ul.staff li a { background-color: #00a968; } }
/*イメージ*/
/* -----------------------------------------------------------
　イメージ
----------------------------------------------------------- */
.img_right { margin: 0 0 10px 0; text-align: center; }
.img_right img { width: 70%; height: auto; }

.img_doctor { margin: 0 0 10px 0; text-align: center; }
.img_doctor img { width: 85%; height: auto; }

.img_center { margin: 0 0 10px 0; text-align: center; }
.img_center img { width: 100%; height: auto; }

/*画像右*/
.img_right_frame { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 0 1rem 0; }
.img_right_frame div.right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; text-align: center; }
.img_right_frame div.right img { width: 80%; height: auto; margin: 0 0 1rem 0; }
.img_right_frame div.left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; }
.img_right_frame div.left .doctor_name { text-align: right; }

/*画像左*/
.img_left_frame { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 0 1rem 0; }
.img_left_frame div.left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; text-align: center; }
.img_left_frame div.left img { width: 80%; height: auto; margin: 0 0 1rem 0; }
.img_left_frame div.right { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; line-height: 120%; }

/*二つ*/
.img_two { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.img_two img { width: 70%; margin: 0 auto 20px auto; display: block; }

.top_doctor_name { font-size: 1.5rem; text-align: right; }
.top_doctor_name span { font-size: 1.8rem; }

.doctor_name2 { text-align: right; }

@media screen and (min-width: 768px) { .img_right { float: right; margin: 0 0 10px 10px; }
  .img_right img { width: 350px; height: auto; }
  .img_doctor { float: right; margin: 0 0 10px 10px; }
  .img_doctor img { width: 360px; height: auto; }
  .img_center { float: none; margin: 0 0 3rem 0; text-align: center; }
  .img_center img { width: auto; height: auto; }
  /*画像右*/
  .img_right_frame { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0 0 3rem 0; }
  .img_right_frame div.right { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 350px; text-align: center; }
  .img_right_frame div.right img { width: 350px; height: auto; margin: 0; }
  .img_right_frame div.left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 445px; line-height: 120%; }
  .img_right_frame div.left .doctor_name { text-align: right; }
  /*画像左*/
  .img_left_frame { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0 0 0 0; }
  .img_left_frame div.left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 350px; text-align: left; }
  .img_left_frame div.left img { width: 350px; height: auto; margin: 10px 0; }
  .img_left_frame div.right { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 445px; line-height: 120%; }
  /*二つ*/
  .img_two { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .img_two img { width: 540px; margin: 0 auto 20px auto; display: block; }
  .top_doctor_name { font-size: 1.8rem; text-align: right; }
  .top_doctor_name span { font-size: 2.2rem; }
  .img_access img { width: 80%; } }
/*リスト*/
/* -----------------------------------------------------------
　リスト
----------------------------------------------------------- */
/*標準*/
ul.list_normal { line-height: 160%; font-size: 1.5rem; list-style-type: disc; margin: 0; }
ul.list_normal li { margin: 0 0 10px 1.8rem; padding: 0; }

/*画像●*/
ul.list_maru { padding: 0; margin: 0; }
ul.list_maru li { line-height: 130%; font-size: 1.5rem; list-style-type: none; margin: 0 0 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/maru.gif) no-repeat; background-position: left top 0.6rem; background-size: 1rem; padding: 0 0 0 1.8rem; line-height: 140%; }
ul.list_maru li ul { margin: 0.8rem 0 0 0; }
ul.list_maru li ul li { background: none; list-style-type: disc; margin: 0 0 10px 2rem; padding: 0 0 0 0; }

ul.list_maru_two { padding: 0; margin: 0; }
ul.list_maru_two li { line-height: 130%; font-size: 1.5rem; list-style-type: none; margin: 0 0 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/maru.gif) no-repeat; background-position: left top 0.6rem; background-size: 1rem; padding: 0 0 0 1.8rem; line-height: 140%; }

/*なし*/
ul.list_none { line-height: 160%; font-size: 1.5rem; list-style-type: none; margin: 0; }
ul.list_none li { margin: 0 0 15px 0; padding: 0 0 0 5px; }
ul.list_none li span { color: #fedc50; margin: 0 0.5rem 0 0; }

/*数値*/
ul.list_num { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
ul.list_num li { line-height: 130%; font-size: 1.5rem; list-style-type: decimal; margin: 0 0 10px 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; width: 90%; }

/*概要*/
ul.list_overview { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
ul.list_overview li { line-height: 130%; font-size: 1.5rem; list-style-type: disc; margin: 0 0 10px 25px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 90%; }

/*2列*/
ul.list_normal_two { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
ul.list_normal_two li { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 130%; font-size: 1.5rem; list-style-type: disc; margin: 0 0 10px 25px; }

@media screen and (min-width: 768px) { /*標準*/
  ul.list_normal { line-height: 160%; font-size: 1.8rem; list-style-type: disc; margin: 0; }
  ul.list_normal li { margin: 0 0 15px 25px; padding: 0; }
  /*画像●*/
  ul.list_maru { padding: 0; }
  ul.list_maru li { line-height: 100%; font-size: 1.8rem; list-style-type: none; margin: 0 0 15px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/maru.gif) no-repeat; background-position: left top 3px; background-size: 1.5rem; padding: 0 0 0 25px; line-height: 140%; }
  ul.list_maru li ul { margin: 0.8rem 0 0 0; }
  ul.list_maru li ul li { background: none; list-style-type: disc; margin: 0 0 10px 2.6rem; padding: 0 0 0 0; }
  ul.list_maru_two { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  ul.list_maru_two li { width: 45%; line-height: 100%; font-size: 1.8rem; list-style-type: none; margin: 0 0 15px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/maru.gif) no-repeat; background-position: left top 3px; background-size: 1.5rem; padding: 0 0 0 25px; line-height: 140%; }
  /*なし*/
  ul.list_none { line-height: 160%; font-size: 1.8rem; list-style-type: none; }
  ul.list_none li { margin: 0 0 15px 0; }
  ul.list_none li span { color: #fedc50; margin: 0 5px 0 0; }
  /*数値*/
  ul.list_num { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
  ul.list_num li { line-height: 130%; font-size: 1.8rem; list-style-type: decimal; margin: 0 0 10px 25px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 90%; }
  /*概要*/
  ul.list_overview li { line-height: 130%; font-size: 1.8rem; list-style-type: disc; margin: 0 0 10px 25px; }
  ul.list_normal_two { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  ul.list_normal_two li { width: 45%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 130%; font-size: 1.8rem; list-style-type: disc; margin: 0 0 10px 25px; } }
/* -----------------------------------------------------------
　定義リスト
----------------------------------------------------------- */
dl.bio_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px 0; line-height: 120%; }
dl.bio_list dt { width: 100%; margin: 0 0 0 0; font-weight: bold; }
dl.bio_list dd { width: 100%; margin: 0 0 20px 0; }

dl.book_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px 0; line-height: 120%; }
dl.book_list dt { width: 100%; margin: 0 0 1rem 0; font-weight: bold; }
dl.book_list dd { width: 100%; margin: 0 0 2rem 0; }

@media screen and (min-width: 768px) { dl.bio_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 140%; width: 825px; }
  dl.bio_list dt { width: 100px; margin: 0 0 20px 0; font-weight: normal; }
  dl.bio_list dd { width: 725px; margin: 0 0 20px 0; }
  dl.book_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px 0; line-height: 120%; }
  dl.book_list dt { width: 100%; margin: 0 0 1rem 0; font-weight: bold; }
  dl.book_list dd { width: 100%; margin: 0 0 4rem 0; } }
/*見出し*/
h2.top { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #663300; font-size: 2.0rem; font-weight: bold; text-align: center; }
h2.low { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #073057; font-size: 2.0rem; font-weight: bold; text-align: center; margin: 0 0 3rem 0; }
h2.info { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #073057; font-size: 1.6rem; font-weight: bold; text-align: center; margin: 0 0 3rem 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #a7d6ff)); background: linear-gradient(transparent 70%, #a7d6ff 70%); }
h2.under { margin: 3rem 0 3rem 0; }

p.eng { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #8ca9c9; font-size: 1.6rem; font-weight: bold; text-align: center; margin: 0; }

h3 { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #073057; text-align: center; font-size: 2.0rem; font-weight: bold; padding: 0 0 .4rem .8rem; margin: 0 0 2rem 0; border-bottom: 0.1rem #073057 dashed; }
h3 span { color: #FF0000; }

h4 { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #073057; text-align: center; font-size: 2.0rem; font-weight: bold; padding: .8rem 0 .8rem .8rem; margin: 0 0 3rem 0; background-color: #e1effa; }

@media screen and (min-width: 768px) { h2.top { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #663300; font-size: 3.0rem; font-weight: bold; text-align: center; }
  h2.low { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #073057; font-size: 2.4rem; font-weight: bold; text-align: center; margin: 0 0 3rem 0; line-height: 1.4; }
  h2.info { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #073057; font-size: 2.0rem; font-weight: bold; text-align: center; margin: 0 0 3rem 0; line-height: 1.2; background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #a7d6ff)); background: linear-gradient(transparent 70%, #a7d6ff 70%); }
  h2.under { margin: 6rem 0 3rem 0; }
  p.eng { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #8ca9c9; font-size: 1.6rem; font-weight: bold; text-align: center; margin: 0; }
  h3 { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #073057; text-align: left; font-size: 2.4rem; font-weight: bold; padding: 0 0 .4rem .8rem; margin: 1rem 0 3rem 0; border-bottom: 0.1rem #073057 dashed; }
  h4 { font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #073057; text-align: left; font-size: 2.4rem; font-weight: bold; padding: .8rem 0 .8rem .8rem; margin: 4rem 0 1rem 0; background-color: #e1effa; } }
/*下層*/
/*common*/
.doctor article, .clinic article, .first article, .access article, .headache_clinic article, .neck article, .numbness article, .dizzy article, .forget article, .brain_dock article, .stroke article, .dementia article, .lifestyle article, .headtrauma article, .spinesurgery article, .braintumor article, .epilepsy article, .secondopinion article, .antismoking article { background-color: #FFFFFF; }
.doctor .wrapper, .clinic .wrapper, .first .wrapper, .access .wrapper, .headache_clinic .wrapper, .neck .wrapper, .numbness .wrapper, .dizzy .wrapper, .forget .wrapper, .brain_dock .wrapper, .stroke .wrapper, .dementia .wrapper, .lifestyle .wrapper, .headtrauma .wrapper, .spinesurgery .wrapper, .braintumor .wrapper, .epilepsy .wrapper, .secondopinion .wrapper, .antismoking .wrapper { margin: 0 auto 6rem; }
.doctor section, .clinic section, .first section, .access section, .headache_clinic section, .neck section, .numbness section, .dizzy section, .forget section, .brain_dock section, .stroke section, .dementia section, .lifestyle section, .headtrauma section, .spinesurgery section, .braintumor section, .epilepsy section, .secondopinion section, .antismoking section { margin: 2.0rem auto 0; width: 94%; }
.doctor a, .clinic a, .first a, .access a, .headache_clinic a, .neck a, .numbness a, .dizzy a, .forget a, .brain_dock a, .stroke a, .dementia a, .lifestyle a, .headtrauma a, .spinesurgery a, .braintumor a, .epilepsy a, .secondopinion a, .antismoking a { text-decoration: none; }
.doctor img.image_r, .clinic img.image_r, .first img.image_r, .access img.image_r, .headache_clinic img.image_r, .neck img.image_r, .numbness img.image_r, .dizzy img.image_r, .forget img.image_r, .brain_dock img.image_r, .stroke img.image_r, .dementia img.image_r, .lifestyle img.image_r, .headtrauma img.image_r, .spinesurgery img.image_r, .braintumor img.image_r, .epilepsy img.image_r, .secondopinion img.image_r, .antismoking img.image_r { display: block; width: 70%; margin: 0 auto 2rem; }
.doctor p, .clinic p, .first p, .access p, .headache_clinic p, .neck p, .numbness p, .dizzy p, .forget p, .brain_dock p, .stroke p, .dementia p, .lifestyle p, .headtrauma p, .spinesurgery p, .braintumor p, .epilepsy p, .secondopinion p, .antismoking p { font-size: 1.5rem; margin: 0 auto 2rem 0; color: #212121; line-height: 1.4; }
.doctor p.doctor_name, .clinic p.doctor_name, .first p.doctor_name, .access p.doctor_name, .headache_clinic p.doctor_name, .neck p.doctor_name, .numbness p.doctor_name, .dizzy p.doctor_name, .forget p.doctor_name, .brain_dock p.doctor_name, .stroke p.doctor_name, .dementia p.doctor_name, .lifestyle p.doctor_name, .headtrauma p.doctor_name, .spinesurgery p.doctor_name, .braintumor p.doctor_name, .epilepsy p.doctor_name, .secondopinion p.doctor_name, .antismoking p.doctor_name { text-align: right; }
.doctor .notOpen, .clinic .notOpen, .first .notOpen, .access .notOpen, .headache_clinic .notOpen, .neck .notOpen, .numbness .notOpen, .dizzy .notOpen, .forget .notOpen, .brain_dock .notOpen, .stroke .notOpen, .dementia .notOpen, .lifestyle .notOpen, .headtrauma .notOpen, .spinesurgery .notOpen, .braintumor .notOpen, .epilepsy .notOpen, .secondopinion .notOpen, .antismoking .notOpen { width: 100%; font-size: 2rem; font-weight: bold; color: #004287; background-color: #eaf3fc; text-align: center; padding: 1rem 0; margin: 4rem 0 0 0; font-family: font_1_honokamin, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; }
.doctor .mt40, .clinic .mt40, .first .mt40, .access .mt40, .headache_clinic .mt40, .neck .mt40, .numbness .mt40, .dizzy .mt40, .forget .mt40, .brain_dock .mt40, .stroke .mt40, .dementia .mt40, .lifestyle .mt40, .headtrauma .mt40, .spinesurgery .mt40, .braintumor .mt40, .epilepsy .mt40, .secondopinion .mt40, .antismoking .mt40 { margin-top: 4rem; }
.doctor .anchor_button, .clinic .anchor_button, .first .anchor_button, .access .anchor_button, .headache_clinic .anchor_button, .neck .anchor_button, .numbness .anchor_button, .dizzy .anchor_button, .forget .anchor_button, .brain_dock .anchor_button, .stroke .anchor_button, .dementia .anchor_button, .lifestyle .anchor_button, .headtrauma .anchor_button, .spinesurgery .anchor_button, .braintumor .anchor_button, .epilepsy .anchor_button, .secondopinion .anchor_button, .antismoking .anchor_button { margin: 0 0 3.0rem; }
.doctor .anchor_button li, .clinic .anchor_button li, .first .anchor_button li, .access .anchor_button li, .headache_clinic .anchor_button li, .neck .anchor_button li, .numbness .anchor_button li, .dizzy .anchor_button li, .forget .anchor_button li, .brain_dock .anchor_button li, .stroke .anchor_button li, .dementia .anchor_button li, .lifestyle .anchor_button li, .headtrauma .anchor_button li, .spinesurgery .anchor_button li, .braintumor .anchor_button li, .epilepsy .anchor_button li, .secondopinion .anchor_button li, .antismoking .anchor_button li { width: 96%; padding: 0; margin: 0 auto 0.8rem; list-style: none; }
.doctor .anchor_button li a, .clinic .anchor_button li a, .first .anchor_button li a, .access .anchor_button li a, .headache_clinic .anchor_button li a, .neck .anchor_button li a, .numbness .anchor_button li a, .dizzy .anchor_button li a, .forget .anchor_button li a, .brain_dock .anchor_button li a, .stroke .anchor_button li a, .dementia .anchor_button li a, .lifestyle .anchor_button li a, .headtrauma .anchor_button li a, .spinesurgery .anchor_button li a, .braintumor .anchor_button li a, .epilepsy .anchor_button li a, .secondopinion .anchor_button li a, .antismoking .anchor_button li a { text-decoration: none; font-size: 1.4rem; text-align: center; line-height: 2.4; background-color: #76bb25; color: #fff; display: block; border-radius: .6rem; padding: 0 1em; }
.doctor .anchor_button li a span, .clinic .anchor_button li a span, .first .anchor_button li a span, .access .anchor_button li a span, .headache_clinic .anchor_button li a span, .neck .anchor_button li a span, .numbness .anchor_button li a span, .dizzy .anchor_button li a span, .forget .anchor_button li a span, .brain_dock .anchor_button li a span, .stroke .anchor_button li a span, .dementia .anchor_button li a span, .lifestyle .anchor_button li a span, .headtrauma .anchor_button li a span, .spinesurgery .anchor_button li a span, .braintumor .anchor_button li a span, .epilepsy .anchor_button li a span, .secondopinion .anchor_button li a span, .antismoking .anchor_button li a span { position: relative; display: inline-block; padding-left: 12px; text-align: left; }
.doctor .anchor_button li a span::before, .clinic .anchor_button li a span::before, .first .anchor_button li a span::before, .access .anchor_button li a span::before, .headache_clinic .anchor_button li a span::before, .neck .anchor_button li a span::before, .numbness .anchor_button li a span::before, .dizzy .anchor_button li a span::before, .forget .anchor_button li a span::before, .brain_dock .anchor_button li a span::before, .stroke .anchor_button li a span::before, .dementia .anchor_button li a span::before, .lifestyle .anchor_button li a span::before, .headtrauma .anchor_button li a span::before, .spinesurgery .anchor_button li a span::before, .braintumor .anchor_button li a span::before, .epilepsy .anchor_button li a span::before, .secondopinion .anchor_button li a span::before, .antismoking .anchor_button li a span::before { content: ''; width: 0; height: 0; border: solid 4px transparent; border-left: solid 6px #fff; position: absolute; top: 50%; left: 0; margin-top: -4px; }

@media screen and (min-width: 768px) { .doctor article, .clinic article, .first article, .access article, .headache_clinic article, .neck article, .numbness article, .dizzy article, .forget article, .brain_dock article, .stroke article, .dementia article, .lifestyle article, .headtrauma article, .spinesurgery article, .braintumor article, .epilepsy article, .secondopinion article, .antismoking article { background-color: #FFFFFF; }
  .doctor .wrapper, .clinic .wrapper, .first .wrapper, .access .wrapper, .headache_clinic .wrapper, .neck .wrapper, .numbness .wrapper, .dizzy .wrapper, .forget .wrapper, .brain_dock .wrapper, .stroke .wrapper, .dementia .wrapper, .lifestyle .wrapper, .headtrauma .wrapper, .spinesurgery .wrapper, .braintumor .wrapper, .epilepsy .wrapper, .secondopinion .wrapper, .antismoking .wrapper { margin: 0 auto 6rem; }
  .doctor section, .clinic section, .first section, .access section, .headache_clinic section, .neck section, .numbness section, .dizzy section, .forget section, .brain_dock section, .stroke section, .dementia section, .lifestyle section, .headtrauma section, .spinesurgery section, .braintumor section, .epilepsy section, .secondopinion section, .antismoking section { margin: 4.8rem auto 0; }
  .doctor img.image_r, .clinic img.image_r, .first img.image_r, .access img.image_r, .headache_clinic img.image_r, .neck img.image_r, .numbness img.image_r, .dizzy img.image_r, .forget img.image_r, .brain_dock img.image_r, .stroke img.image_r, .dementia img.image_r, .lifestyle img.image_r, .headtrauma img.image_r, .spinesurgery img.image_r, .braintumor img.image_r, .epilepsy img.image_r, .secondopinion img.image_r, .antismoking img.image_r { float: right; width: 35%; margin: 0 0 3rem 3rem; }
  .doctor a figure.img_center:hover, .clinic a figure.img_center:hover, .first a figure.img_center:hover, .access a figure.img_center:hover, .headache_clinic a figure.img_center:hover, .neck a figure.img_center:hover, .numbness a figure.img_center:hover, .dizzy a figure.img_center:hover, .forget a figure.img_center:hover, .brain_dock a figure.img_center:hover, .stroke a figure.img_center:hover, .dementia a figure.img_center:hover, .lifestyle a figure.img_center:hover, .headtrauma a figure.img_center:hover, .spinesurgery a figure.img_center:hover, .braintumor a figure.img_center:hover, .epilepsy a figure.img_center:hover, .secondopinion a figure.img_center:hover, .antismoking a figure.img_center:hover { opacity: 0.8; }
  .doctor p, .clinic p, .first p, .access p, .headache_clinic p, .neck p, .numbness p, .dizzy p, .forget p, .brain_dock p, .stroke p, .dementia p, .lifestyle p, .headtrauma p, .spinesurgery p, .braintumor p, .epilepsy p, .secondopinion p, .antismoking p { line-height: 1.8; font-size: 1.8rem; margin: 0 auto 2rem 0; color: #212121; width: 100%; }
  .doctor .anchor_button, .clinic .anchor_button, .first .anchor_button, .access .anchor_button, .headache_clinic .anchor_button, .neck .anchor_button, .numbness .anchor_button, .dizzy .anchor_button, .forget .anchor_button, .brain_dock .anchor_button, .stroke .anchor_button, .dementia .anchor_button, .lifestyle .anchor_button, .headtrauma .anchor_button, .spinesurgery .anchor_button, .braintumor .anchor_button, .epilepsy .anchor_button, .secondopinion .anchor_button, .antismoking .anchor_button { width: 100%; margin: 0 auto 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .doctor .anchor_button li, .clinic .anchor_button li, .first .anchor_button li, .access .anchor_button li, .headache_clinic .anchor_button li, .neck .anchor_button li, .numbness .anchor_button li, .dizzy .anchor_button li, .forget .anchor_button li, .brain_dock .anchor_button li, .stroke .anchor_button li, .dementia .anchor_button li, .lifestyle .anchor_button li, .headtrauma .anchor_button li, .spinesurgery .anchor_button li, .braintumor .anchor_button li, .epilepsy .anchor_button li, .secondopinion .anchor_button li, .antismoking .anchor_button li { margin: 0 1em 1em 0; width: auto; }
  .doctor .anchor_button li a, .clinic .anchor_button li a, .first .anchor_button li a, .access .anchor_button li a, .headache_clinic .anchor_button li a, .neck .anchor_button li a, .numbness .anchor_button li a, .dizzy .anchor_button li a, .forget .anchor_button li a, .brain_dock .anchor_button li a, .stroke .anchor_button li a, .dementia .anchor_button li a, .lifestyle .anchor_button li a, .headtrauma .anchor_button li a, .spinesurgery .anchor_button li a, .braintumor .anchor_button li a, .epilepsy .anchor_button li a, .secondopinion .anchor_button li a, .antismoking .anchor_button li a { font-size: 1.8rem; text-align: center; line-height: 2.4; display: inline-block; margin: 0; padding: 0 1em; border-radius: 6px; }
  .doctor .anchor_button li a:hover, .clinic .anchor_button li a:hover, .first .anchor_button li a:hover, .access .anchor_button li a:hover, .headache_clinic .anchor_button li a:hover, .neck .anchor_button li a:hover, .numbness .anchor_button li a:hover, .dizzy .anchor_button li a:hover, .forget .anchor_button li a:hover, .brain_dock .anchor_button li a:hover, .stroke .anchor_button li a:hover, .dementia .anchor_button li a:hover, .lifestyle .anchor_button li a:hover, .headtrauma .anchor_button li a:hover, .spinesurgery .anchor_button li a:hover, .braintumor .anchor_button li a:hover, .epilepsy .anchor_button li a:hover, .secondopinion .anchor_button li a:hover, .antismoking .anchor_button li a:hover { opacity: 0.8; } }
/*医院紹介*/
.clinic ul.device { display: block; }
.clinic ul.device li { width: 100%; list-style: none; }
.clinic ul.device li img { display: block; max-width: 100%; height: auto; margin: 0 auto .6rem; }
.clinic ul.device li p { font-size: 1.4rem; margin: 1rem auto 3rem; text-align: left; width: 90%; }
.clinic ul.device li p span { font-size: 1.6rem; display: block; text-align: center; }

@media screen and (min-width: 768px) { .clinic h3 { text-align: center; }
  .clinic ul.device { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
  .clinic ul.device li { width: 48%; margin: 0 0 3rem 0; }
  .clinic ul.device li p { font-size: 1.6rem; margin: 0 auto 1rem; text-align: left; width: 90%; }
  .clinic ul.device li p span { font-size: 2rem; display: block; text-align: center; } }
/*初診の方へ*/
.first ul.notice { display: block; list-style-type: disc; padding: 0 0 0 1.6rem; }
.first ul.notice li p { font-size: 1.5rem; margin: 0 auto 1.8rem; text-align: left; width: 96%; }

@media screen and (min-width: 768px) { .first ul.notice li p { font-size: 1.8rem; margin: 0 0 0 1rem; width: 100%; } }
/*受付時間・アクセス*/
.access table.timetable { width: 100%; }
.access table.timetable tr th.holiday { width: 6rem; }
.access a.tel_text { text-decoration: none; font-weight: bold; }
.access iframe { width: 96%; height: 20rem; margin: 0 auto; display: block; }

@media screen and (min-width: 768px) { .access table.timetable tr th.holiday { width: 14rem; }
  .access iframe { width: 100%; height: 40rem; } }
/*脳ドック*/
.brain_dock { /* SP横スクロール用 */ }
.brain_dock img.image_r { display: block; width: 90%; margin: 0 auto 2rem; }
.brain_dock figure.brain_gallery { width: 96%; display: block; margin: 0 auto; }
.brain_dock figure.brain_gallery figure { width: 100%; }
.brain_dock figure.brain_gallery figure img { width: 100%; }
.brain_dock dl { display: block; font-size: 1.5rem; line-height: 1.6; }
.brain_dock dl dd { margin: 0 0 1.2rem 0; }
.brain_dock table.price tr td { border: .1rem #000000 solid; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; padding: .6rem 1rem; }
.brain_dock table.price tr td p { margin: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.brain_dock table.price tr td p.subject, .brain_dock table.price tr td p.exp { font-size: 1.4rem; -webkit-text-size-adjust: 100%; }
.brain_dock table.price tr td p.orange { color: #ffa500; text-align: center; margin: .6rem 0; }
.brain_dock table.price tr.top td, .brain_dock table.price tr.opt td { background-color: #004287; }
.brain_dock table.price tr.top td p, .brain_dock table.price tr.opt td p { color: #FFFFFF; }
.brain_dock table.price tr.top td p.tit, .brain_dock table.price tr.opt td p.tit { font-weight: bold; }
.brain_dock table.price tr.highlight { background-color: #e1effa; }
.brain_dock table { width: 100%; }
.brain_dock .horizon { overflow: auto; white-space: nowrap; }
.brain_dock .horizon::-webkit-scrollbar { height: 5px; }
.brain_dock .horizon::-webkit-scrollbar-track { background: #F1F1F1; }
.brain_dock .horizon::-webkit-scrollbar-thumb { background: #BCBCBC; }

@media screen and (min-width: 768px) { .brain_dock { /* SP横スクロール解除 */ }
  .brain_dock img.image_r { float: right; width: 50%; margin: 0 auto 2rem; }
  .brain_dock figure.brain_gallery { width: 1180px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .brain_dock figure.brain_gallery figure { width: 50%; }
  .brain_dock figure.brain_gallery figure img { width: 100%; }
  .brain_dock dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.8rem; line-height: 1.6; }
  .brain_dock dl dt { width: 20%; }
  .brain_dock dl dd { width: 80%; }
  .brain_dock table.price tr td p { margin: .6rem auto; width: 90%; }
  .brain_dock table.price tr td p.subject, .brain_dock table.price tr td p.exp { font-size: 1.8rem; -webkit-text-size-adjust: 100%; }
  .brain_dock table.price tr td.element1 { width: 18%; }
  .brain_dock table.price tr td.element2 { width: 42%; }
  .brain_dock table.price tr td.element3 { width: 8%; }
  .brain_dock .horizon { white-space: inherit; } }
/*めまい・ふらつき*/
.dizzy ul.contents { margin: 0 0 1.6rem 0; }
.dizzy ul.contents li { font-size: 1.5rem; line-height: 1.6; list-style-position: inside; list-style-type: decimal; }

@media screen and (min-width: 768px) { .dizzy ul.contents { margin: 0 0 2rem 0; }
  .dizzy ul.contents li { font-size: 1.8rem; line-height: 1.8; list-style-position: inside; list-style-type: decimal; } }
/*もの忘れ、頭部外傷、禁煙外来*/
.forget ul.contents, .headtrauma ul.contents, .antismoking ul.contents { margin: 0 0 1.6rem 0; }
.forget ul.contents li, .headtrauma ul.contents li, .antismoking ul.contents li { font-size: 1.5rem; line-height: 1.6; list-style-position: inside; list-style-type: disc; }

@media screen and (min-width: 768px) { .forget ul.contents, .headtrauma ul.contents, .antismoking ul.contents { margin: 0 0 2rem 0; }
  .forget ul.contents li, .headtrauma ul.contents li, .antismoking ul.contents li { font-size: 1.8rem; line-height: 1.8; list-style-position: inside; list-style-type: disc; } }
/*生活習慣病*/
.lifestyle .box { background-color: #f3f9fd; border: .1rem #07305d solid; margin: 0 0 2rem 0; padding: 2rem 0 0 2rem; }
.lifestyle .box ul.contents { margin: 0 0 1.6rem 0; }
.lifestyle .box ul.contents li { font-size: 1.5rem; line-height: 1.6; list-style-position: inside; list-style-type: disc; }

@media screen and (min-width: 768px) { .lifestyle .box ul.contents { margin: 0 0 2rem 0; }
  .lifestyle .box ul.contents li { font-size: 1.8rem; line-height: 1.8; list-style-position: inside; list-style-type: disc; } }
.scroll { overflow: auto; white-space: nowrap; }

.scroll::-webkit-scrollbar { height: 5px; }

.scroll::-webkit-scrollbar-track { background: #F1F1F1; }

.scroll::-webkit-scrollbar-thumb { background: #BCBCBC; }

#c-modal_bg { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; cursor: pointer; background: rgba(0, 0, 0, 0.6); }

#c-modal { position: fixed; top: 50%; left: 50%; z-index: 9999; width: 80%; max-width: 500px; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #EAF3FC; padding: 20px; }

#c-modal h2 { margin-bottom: 2rem; color: #004287; }

#c-modal p { font-size: 1.6rem; margin-bottom: 2rem; line-height: 2.5rem !important; }

#c-modal ul { list-style: none; text-align: center; margin: 0; padding: 0; }

#c-modal ul li { text-align: center; font-size: 1.4rem; }

#c-modal_close { padding: 10px; cursor: pointer; text-align: center; background-color: #004287; border-radius: 5px; color: #fff; margin-bottom: 20px; font-weight: normal; letter-spacing: 0.1rem; font-size: 1.4rem; }

@media screen and (min-width: 768px) { #c-modal p { font-size: 1.8rem; } }
