@charset "UTF-8";
/* Scss Document */
/* =======================================================================
 共通項目 
======================================================================= */
/*関数*/
/* ----------------------------------------------------------- 関数
----------------------------------------------------------- */
/*サイトの横幅*/
/*media screen*/
/*文字SP*/
/*文字PC*/
/*基本フォント*/
/*基本文字色*/
/*基本背景色PC*/
/*茶色1*/
/*茶色2*/
/*茶色3*/
/*茶色4*/
/*緑*/
/*薄茶色1*/
/*薄茶色2*/
/*緑色1*/
/*クリーム色*/
/*緑*/
/*緑*/
/*グレイ*/
/*茶色5*/
/*グレイ*/
/*うぐいす色*/
/*黒色*/
/*緑*/
/*緑2*/
/*茶色*/
/*オレンジ*/
/*茶色２*/
/*クリーム色*/
/*クリーム色2*/
/*茶色3*/
/*灰色*/
/*緑色1*/
/*緑色2*/
/*緑色3*/
/*茶色4*/
/*灰色2*/
/*緑色4*/
/*茶色5*/
/*オレンジ*/
/*緑色5*/
/*茶色5*/
/*茶色6*/
/*黒*/
/*緑色6*/
/*黒2*/
/*緑色7*/
/*茶色7*/
/*茶色8*/
/*オレンジ2*/
/* ----------------------------------------------------------- フォントサイズ基本
----------------------------------------------------------- */
html { font-size: calc( 100vw / 32 ); overflow-y: auto; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; color: #595959; background-color: #ffffff; }

@media screen and (min-width: 768px), print { html { font-size: 62.5%; overflow-y: scroll; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; color: #595959; background-color: #ffffff; } }
/* ----------------------------------------------------------- 構成
----------------------------------------------------------- */
body { position: relative; width: 100%; margin: 0 auto; }

section { height: auto; overflow: hidden; margin: 0 0 1rem 0; }
section.first { margin: 0 0 0 0; }

.sentence { height: auto; overflow: hidden; }

.pc_none { display: block; }

.sp_none { display: none; }

.bold_text { font-weight: bold; }

@media screen and (min-width: 768px), print { body { position: relative; z-index: 0; }
  section { height: auto; overflow: hidden; margin: 0 0 30px 0; }
  section.first { margin: 0 0 0 0; }
  .pc_none { display: none; }
  .sp_none { display: block; } }
/* -----------------------------------------------------------
　枠
----------------------------------------------------------- */
article { height: auto; overflow: hidden; width: 100%; margin: 0 auto 0 auto; padding: 1rem 0 0 0; background-color: #faf6e0; }

.wrapper { height: auto; width: 100%; margin: 5rem auto 0 auto; padding: 0 0 5rem 0; }

.main { width: 96%; margin: 0 auto; padding: 0; }

a.tel_text { text-decoration: none; }

@media screen and (min-width: 768px), print { article { height: auto; overflow: hidden; width: 100%; margin: 0 auto 0 auto; z-index: 0; padding: 0 0 0 0; background-color: #faf6e0; }
  .wrapper { height: auto; width: 1110px; margin: 136px auto 0 auto; padding: 0 0 150px 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; }
  .main { width: 825px; margin: 0 0 0 0; padding: 0 0 0 0; } }
/* -----------------------------------------------------------
　色など
----------------------------------------------------------- */
.text_link { color: #f97e12; font-size: 1.4rem; font-weight: bold; }

.text_red { color: red; }

.text_box { background-color: #dffab5; color: #595959; padding: 1rem; box-sizing: border-box; border: #595959 1px solid; }

.text_bold { font-weight: bold; }

@media screen and (min-width: 768px), print { .text_link { font-size: 1.8rem; color: #f97e12; font-weight: bold; }
  .text_link:hover { opacity: 0.6; }
  .text_red { color: red; }
  .text_box { background-color: #dffab5; color: #595959; padding: 20px; box-sizing: border-box; border: #595959 1px solid; }
  .text_bold { font-weight: bold; } }
/* -----------------------------------------------------------
　ヘッダ
----------------------------------------------------------- */
.key_visual { background-repeat: no-repeat; background-size: cover; background-position: center top; height: 80vw; position: relative; }
.key_visual header { display: block; height: auto; margin: 0 auto; position: relative; z-index: 9999; background-color: rgba(255, 255, 255, 0.88); }
.key_visual header .head_frame { width: 100%; margin: 0 auto; padding: 0 0 1rem 0; height: auto; }
.key_visual header .head_frame .head_logo { width: 75%; margin: 0 auto 1rem auto; padding: 1rem 0 0 0; text-align: center; }
.key_visual header .head_frame .head_logo a img { width: 60%; height: auto; }
.key_visual header .head_frame .head_parking { background-color: #7d4900; color: #ffffff; width: 60%; margin: 0 auto; padding: 0.2rem 0; font-size: 1.4rem; text-align: center; border-radius: 0.2rem; }
.key_visual header .head_frame .head_parking span { font-weight: bold; font-size: 1.6rem; }
.key_visual header .head_frame .head_info { text-align: center; color: #77624e; margin: 1rem 0 0 0; font-size: 1.4rem; line-height: 160%; }
.key_visual header .head_frame .head_info span { display: block; color: #578d02; font-size: 2rem; }
.key_visual header .head_frame .head_info span span { display: inline; }
.key_visual header .head_frame .head_info span a { color: #578d02; font-size: 2rem; text-decoration: none; }
.key_visual .key_text { position: absolute; bottom: 1rem; left: 1rem; margin: 0; color: #64483c; font-size: 1.2rem; text-shadow: 2px 0px 2px #ffffff,2px 0px 2px #ffffff, -2px 0px 2px #ffffff,-2px 0px 2px #ffffff, 0px 2px 2px #ffffff,0px 2px 2px #ffffff, 0px -2px 2px #ffffff,0px -2px 2px #ffffff; }

.key_visual_low { background: url(../images/key_visual_low.jpg) no-repeat; background-repeat: no-repeat; background-size: cover; background-position: center top; height: 80vw; }
.key_visual_low header { display: block; height: auto; margin: 0 auto; position: relative; z-index: 9999; background-color: rgba(255, 255, 255, 0.8); }
.key_visual_low header .head_frame { width: 100%; margin: 0 auto; padding: 0 0 1rem 0; height: auto; }
.key_visual_low header .head_frame .head_logo { width: 75%; margin: 0 auto 1rem auto; padding: 1rem 0 0 0; text-align: center; }
.key_visual_low header .head_frame .head_logo a img { width: 60%; height: auto; }
.key_visual_low header .head_frame .head_parking { background-color: #7d4900; color: #ffffff; width: 60%; margin: 0 auto; padding: 0.2rem 0; font-size: 1.4rem; text-align: center; border-radius: 0.2rem; }
.key_visual_low header .head_frame .head_parking span { font-weight: bold; font-size: 1.6rem; }
.key_visual_low header .head_frame .head_info { text-align: center; color: #77624e; margin: 1rem 0 0 0; font-size: 1.4rem; line-height: 160%; }
.key_visual_low header .head_frame .head_info span { display: block; color: #578d02; font-size: 2rem; }
.key_visual_low header .head_frame .head_info span span { display: inline; }
.key_visual_low header .head_frame .head_info span a { color: #578d02; font-size: 2rem; text-decoration: none; }
.key_visual_low h1.low { text-align: center; font-weight: normal; font-size: 2.4rem; color: #64483c; margin: 12vw  0 0 0; text-shadow: 2px 0px 2px #ffffff,2px 0px 2px #ffffff, -2px 0px 2px #ffffff,-2px 0px 2px #ffffff, 0px 2px 2px #ffffff,0px 2px 2px #ffffff, 0px -2px 2px #ffffff,0px -2px 2px #ffffff; }

@media screen and (min-width: 768px), print { .key_visual { background-repeat: no-repeat; background-size: cover; background-position: center top; height: 800px; max-width: 2000px; margin: 0 auto 0 auto; position: relative; }
  .key_visual header { display: block; height: 220px; margin: 0 auto; position: relative; z-index: 9999; background-color: rgba(255, 255, 255, 0.88); }
  .key_visual header .head_frame { width: 1110px; margin: 0 auto; padding: 0 0 1rem 0; height: 220px; position: relative; }
  .key_visual header .head_frame .head_logo { width: 253px; padding: 0; text-align: center; position: absolute; top: 78px; left: 0; right: 0; margin: 0 auto; }
  .key_visual header .head_frame .head_logo a img { width: 253px; height: auto; }
  .key_visual header .head_frame .head_parking { position: absolute; top: 8px; left: 0; background-color: #7d4900; color: #ffffff; width: 255px; margin: 0; padding: 8px 0; font-size: 2rem; text-align: center; border-radius: 0.2rem; }
  .key_visual header .head_frame .head_parking span { font-weight: bold; font-size: 3rem; }
  .key_visual header .head_frame .head_info { position: absolute; top: 4px; right: 0; text-align: right; color: #77624e; margin: 0 0 0 0; font-size: 2rem; }
  .key_visual header .head_frame .head_info span { display: block; color: #578d02; font-size: 3rem; letter-spacing: 0.05em; }
  .key_visual header .head_frame .head_info span span { display: inline; }
  .key_visual .key_text { position: absolute; bottom: 92px; left: 0; right: 0; margin: 0 auto; color: #64483c; font-size: 3rem; width: 1110px; text-shadow: 2px 0px 2px #ffffff,2px 0px 2px #ffffff, -2px 0px 2px #ffffff,-2px 0px 2px #ffffff, 0px 2px 2px #ffffff,0px 2px 2px #ffffff, 0px -2px 2px #ffffff,0px -2px 2px #ffffff; }
  .key_visual_low { background: url(../images/key_visual_low.jpg) no-repeat; background-repeat: no-repeat; background-size: cover; background-position: center top; height: 600px; max-width: 2000px; margin: 0 auto 0 auto; position: relative; }
  .key_visual_low header { display: block; height: 220px; margin: 0 auto; position: relative; z-index: 9999; background-color: rgba(255, 255, 255, 0.88); }
  .key_visual_low header .head_frame { width: 1110px; margin: 0 auto; padding: 0 0 1rem 0; height: 220px; position: relative; }
  .key_visual_low header .head_frame .head_logo { width: 253px; padding: 0; text-align: center; position: absolute; top: 78px; left: 0; right: 0; margin: 0 auto; }
  .key_visual_low header .head_frame .head_logo a img { width: 253px; height: auto; }
  .key_visual_low header .head_frame .head_parking { position: absolute; top: 8px; left: 0; background-color: #7d4900; color: #ffffff; width: 255px; margin: 0; padding: 8px 0; font-size: 2rem; text-align: center; border-radius: 0.2rem; }
  .key_visual_low header .head_frame .head_parking span { font-weight: bold; font-size: 3rem; }
  .key_visual_low header .head_frame .head_info { position: absolute; top: 4px; right: 0; text-align: right; color: #77624e; margin: 0 0 0 0; font-size: 2rem; }
  .key_visual_low header .head_frame .head_info span { display: block; color: #578d02; font-size: 3rem; letter-spacing: 0.05em; }
  .key_visual_low header .head_frame .head_info span span { display: inline; }
  .key_visual_low h1.low { text-align: center; font-weight: normal; font-size: 4rem; color: #64483c; margin: 178px 0 0 0; text-shadow: 2px 0px 2px #ffffff,2px 0px 2px #ffffff, -2px 0px 2px #ffffff,-2px 0px 2px #ffffff, 0px 2px 2px #ffffff,0px 2px 2px #ffffff, 0px -2px 2px #ffffff,0px -2px 2px #ffffff; } }
/* -----------------------------------------------------------
　メインナビ
----------------------------------------------------------- */
.main_nav_pc { display: none; }

@media screen and (min-width: 768px), print { .main_nav_pc { display: block; height: 72px; margin: 0 auto; padding: 0 0 0 0; width: 100%; box-sizing: border-box; position: absolute; z-index: 999999; top: 186px; }
  .main_nav_pc nav { width: 1110px; margin: 0 auto; }
  .main_nav_pc nav ul { list-style-type: none; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; align-items: center; height: 72px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#33b38c+0,1b906e+100 */ background: #33b38c; /* Old browsers */ background: -moz-linear-gradient(-45deg, #33b38c 0%, #1b906e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #33b38c 0%, #1b906e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #33b38c 0%, #1b906e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b38c', endColorstr='#1b906e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ border-radius: 0.6rem; }
  .main_nav_pc nav ul li { display: block; text-align: center; box-sizing: border-box; width: 222px; }
  .main_nav_pc nav ul li a { color: #ffffff; text-decoration: none; font-weight: normal; width: 100%; height: 72px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; align-items: center; }
  .main_nav_pc nav ul li a:hover { opacity: 0.6; }
  .main_nav_pc nav ul li a span { border-right: #ffffff 1px solid; font-size: 2rem; width: 100%; display: block; }
  .main_nav_pc nav ul li:last-child a span { border-right: none; } }
/* -----------------------------------------------------------
　お知らせ
----------------------------------------------------------- */
.notice_frame { padding: 1rem 0.4rem 1rem 0.4rem; box-sizing: border-box; height: 70vw; width: 100%; margin: 0 auto; overflow-y: scroll; box-sizing: border-box; border: #b4b4b4 1px solid; background-color: #ffffff; }
.notice_frame dl { padding: 0; box-sizing: border-box; }
.notice_frame dl dt { margin: 0 0 0.5rem 0; font-size: 1.8rem; padding: 0.5rem; box-sizing: border-box; color: #1b906d; }
.notice_frame dl dd { color: #595959; margin: 0 0 1rem 0; font-size: 1.4rem; line-height: 110%; padding: 0.5rem; box-sizing: border-box; }

@media screen and (min-width: 768px), print { .notice_frame { padding: 27px 22px; box-sizing: border-box; height: 250px; width: 100%; margin: 0 auto; overflow-y: scroll; box-sizing: border-box; border: #b4b4b4 1px solid; background-color: #ffffff; }
  .notice_frame dl { padding: 0; box-sizing: border-box; }
  .notice_frame dl dt { margin: 0 0 0.5rem 0; font-size: 2rem; padding: 0.5rem; box-sizing: border-box; color: #1b906d; }
  .notice_frame dl dd { color: #595959; margin: 0 0 1rem 0; font-size: 1.8px; line-height: 110%; padding: 0.5rem; box-sizing: border-box; } }
/*スマホ用スライドバー*/
@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); } }
/* -----------------------------------------------------------
　当院の特長
----------------------------------------------------------- */
.features_01 { height: 75vw; border-top: #c3c3c3 2px solid; }
.features_01 div { background: url(../images/index_features_01.png) no-repeat; background-position: right top; background-size: 160%; overflow: hidden; height: 75vw; }
.features_01 div p { margin: 52vw auto 0 auto; box-sizing: border-box; width: 96%; color: #595959; }
.features_01 div p span { color: #cc842f; font-size: 2rem; }

.features_02 { height: 75vw; border-top: #c3c3c3 2px solid; box-sizing: border-box; }
.features_02 div { background: url(../images/index_features_02.png) no-repeat; background-position: left top; background-size: 160%; overflow: hidden; height: 75vw; }
.features_02 div p { margin: 52vw auto 0 auto; box-sizing: border-box; width: 96%; color: #595959; }
.features_02 div p span { color: #89bb3b; font-size: 2rem; }

.features_03 { height: 75vw; border-top: #c3c3c3 2px solid; box-sizing: border-box; }
.features_03 div { background: url(../images/index_features_03.png) no-repeat; background-position: right top; background-size: 160%; overflow: hidden; height: 75vw; }
.features_03 div p { margin: 52vw auto 0 auto; box-sizing: border-box; width: 96%; color: #595959; }
.features_03 div p span { color: #cc842f; font-size: 2rem; }

.features_04 { height: 75vw; border-top: #c3c3c3 2px solid; }
.features_04 div { background: url(../images/index_features_04.png) no-repeat; background-position: left top; background-size: 160%; overflow: hidden; height: 75vw; }
.features_04 div p { margin: 52vw auto 0 auto; box-sizing: border-box; width: 96%; color: #595959; }
.features_04 div p span { color: #89bb3b; font-size: 2rem; }

.features_05 { height: 75vw; border-top: #c3c3c3 2px solid; box-sizing: border-box; }
.features_05 div { background: url(../images/index_features_05.png) no-repeat; background-position: right top; background-size: 160%; overflow: hidden; height: 75vw; }
.features_05 div p { margin: 52vw auto 0 auto; box-sizing: border-box; width: 96%; color: #595959; }
.features_05 div p span { color: #cc842f; font-size: 2rem; }

.features_06 { height: 75vw; border-top: #c3c3c3 2px solid; border-bottom: #c3c3c3 2px solid; }
.features_06 div { background: url(../images/index_features_06.png) no-repeat; background-position: left top; background-size: 160%; overflow: hidden; height: 75vw; }
.features_06 div p { margin: 52vw auto 0 auto; box-sizing: border-box; width: 96%; color: #595959; }
.features_06 div p span { color: #89bb3b; font-size: 2rem; }

@media screen and (min-width: 768px), print { .features_section { margin: 0; padding: 0; }
  .features_01 { height: 188px; border-top: #c3c3c3 2px solid; box-sizing: border-box; width: 825px; }
  .features_01 div { background: url(../images/index_features_01.png) no-repeat; background-position: right bottom; background-size: 635px; overflow: hidden; height: 188px; }
  .features_01 div p { margin: 60px 0 0 0; box-sizing: border-box; width: 632px; color: #595959; font-size: 2.2rem; line-height: 160%; }
  .features_01 div p span { color: #cc842f; font-size: 3rem; margin: 0 0 16px 0; }
  .features_02 { height: 188px; border-top: #c3c3c3 2px solid; box-sizing: border-box; width: 825px; }
  .features_02 div { background: url(../images/index_features_02.png) no-repeat; background-position: left top; background-size: 669px; overflow: hidden; height: 188px; }
  .features_02 div p { margin: 60px 0 0 0; box-sizing: border-box; width: 632px; color: #595959; font-size: 2.2rem; text-align: right; float: right; }
  .features_02 div p span { color: #89bb3b; font-size: 3rem; margin: 0 0 12px 0; }
  .features_03 { height: 188px; border-top: #c3c3c3 2px solid; box-sizing: border-box; width: 825px; }
  .features_03 div { background: url(../images/index_features_03.png) no-repeat; background-position: right bottom; background-size: 635px; overflow: hidden; height: 188px; }
  .features_03 div p { margin: 60px 0 0 0; box-sizing: border-box; width: 632px; color: #595959; font-size: 2.2rem; line-height: 160%; }
  .features_03 div p span { color: #cc842f; font-size: 3rem; margin: 0 0 16px 0; }
  .features_04 { height: 188px; border-top: #c3c3c3 2px solid; box-sizing: border-box; width: 825px; }
  .features_04 div { background: url(../images/index_features_04.png) no-repeat; background-position: left top; background-size: 669px; overflow: hidden; height: 188px; }
  .features_04 div p { margin: 60px 0 0 0; box-sizing: border-box; width: 632px; color: #595959; font-size: 2.2rem; text-align: right; float: right; }
  .features_04 div p span { color: #89bb3b; font-size: 3rem; margin: 0 0 12px 0; }
  .features_05 { height: 188px; border-top: #c3c3c3 2px solid; box-sizing: border-box; width: 825px; }
  .features_05 div { background: url(../images/index_features_05.png) no-repeat; background-position: right bottom; background-size: 635px; overflow: hidden; height: 188px; }
  .features_05 div p { margin: 60px 0 0 0; box-sizing: border-box; width: 632px; color: #595959; font-size: 2.2rem; line-height: 160%; }
  .features_05 div p span { color: #cc842f; font-size: 3rem; margin: 0 0 16px 0; }
  .features_06 { height: 190px; border-top: #c3c3c3 2px solid; border-bottom: #c3c3c3 2px solid; box-sizing: border-box; width: 825px; }
  .features_06 div { background: url(../images/index_features_06.png) no-repeat; background-position: left top; background-size: 669px; overflow: hidden; height: 188px; }
  .features_06 div p { margin: 60px 0 0 0; box-sizing: border-box; width: 632px; color: #595959; font-size: 2.2rem; text-align: right; float: right; }
  .features_06 div p span { color: #89bb3b; font-size: 3rem; margin: 0 0 12px 0; } }
/* -----------------------------------------------------------
　診療時間
----------------------------------------------------------- */
table.timetable { padding: 0px; margin: 10px auto 10px auto; vertical-align: middle; width: 100%; text-align: center; border-collapse: collapse; box-sizing: border-box; }
table.timetable tr { border-bottom: #77624e 1px solid; }
table.timetable tr th { width: auto; box-sizing: border-box; font-weight: normal; font-size: 1.4rem; padding: 0.8rem 0; vertical-align: middle; background-color: #89bb3b; color: #ffffff; border-top: #77624e 1px solid; }
table.timetable tr td { box-sizing: border-box; font-weight: normal; font-size: 1.2rem; padding: 18px 0; vertical-align: middle; color: #666666; }
table.timetable tr td i { color: #666666; }
table.timetable tr td.time { width: 30%; box-sizing: border-box; font-size: 1.2rem; }

.notice_time { font-size: 1.2rem; margin: 0 auto; width: 96%; }

@media screen and (min-width: 768px), print { table.timetable { padding: 0px; margin: 0 auto 10px auto; vertical-align: middle; width: 100%; text-align: center; border-collapse: collapse; box-sizing: border-box; }
  table.timetable tr { border-bottom: #77624e 1px solid; }
  table.timetable tr th { width: auto; box-sizing: border-box; font-weight: normal; font-size: 1.8rem; padding: 10px 0; vertical-align: middle; background-color: #89bb3b; color: #ffffff; border-top: #77624e 1px solid; }
  table.timetable tr td { box-sizing: border-box; font-weight: normal; font-size: 1.8em; padding: 14px 0; vertical-align: middle; color: #666666; width: 60px; }
  table.timetable tr td i { color: #666666; }
  table.timetable tr td.time { width: 112px; box-sizing: border-box; font-size: 1.6rem; }
  .notice_time { font-size: 1.6rem; margin: 0 auto; width: 100%; line-height: 140%; } }
/* -----------------------------------------------------------
　医院概要
----------------------------------------------------------- */
.overview_bg { background-color: #e0e4ab; padding: 4rem 0 4rem 0; }
.overview_bg .overview { margin: 0; }
.overview_bg .overview h2.summary { text-align: center; }
.overview_bg .overview h2.summary img { width: 50%; max-width: 253px; }
.overview_bg .overview p.overview_title { color: #77624e; margin: 1rem auto 0 auto; width: 100%; }
.overview_bg .overview table { width: 100%; }
.overview_bg .overview .overview_frame { width: 96%; margin: 2rem auto 0 auto; }
.overview_bg .overview .overview_frame .overview_frame_left dl { width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; line-height: 160%; margin: 0 0 20px 0; border-top: #77624e 2px solid; }
.overview_bg .overview .overview_frame .overview_frame_left dl dt { color: #77624e; font-size: 1.4rem; margin: 0; width: 25%; padding: 1rem 0 0 0; box-sizing: border-box; font-weight: normal; border-bottom: #77624e 2px solid; }
.overview_bg .overview .overview_frame .overview_frame_left dl dt span { border-radius: 5rem; width: 30%; display: block; padding: 0.5rem 0; text-align: center; }
.overview_bg .overview .overview_frame .overview_frame_left dl dd { color: #666666; font-size: 1.2rem; margin: 0; width: 75%; padding: 0.8rem 0 0.5rem 0; box-sizing: border-box; line-height: 140%; border-bottom: #77624e 2px solid; }
.overview_bg .overview .overview_frame .overview_frame_left dl dd span { color: #578d02; font-size: 2.2rem; text-decoration: none; font-weight: bold; line-height: 120%; }
.overview_bg .overview .overview_frame .overview_frame_left dl dd a { color: #578d02; font-size: 2rem; text-decoration: none; font-weight: bold; }
.overview_bg .overview .overview_frame .overview_frame_left dl dd br.sub { display: none; }
.overview_bg .overview .overview_frame .overview_frame_right { margin: 2rem 0 0 0; }
.overview_bg .overview .overview_frame .overview_frame_right iframe { width: 99%; height: 500px; box-sizing: border-box; border: #77624e 2px solid; }
.overview_bg .overview .overview_frame .overview_frame_right a { display: block; color: #595959; font-size: 1.4rem; text-align: right; margin: 1rem 1% 0 0; text-decoration: none; }

@media screen and (min-width: 768px), print { .overview_bg { background-color: #e0e4ab; padding: 106px 0 80px 0; }
  .overview_bg .overview h2.summary { text-align: center; margin: 0 0 0 0; }
  .overview_bg .overview h2.summary img { width: 220px; height: auto; max-width: 253px; }
  .overview_bg .overview p.overview_title { color: #77624e; margin: 26px 0 0 0; width: 1110px; font-size: 2.2rem; }
  .overview_bg .overview table { width: 100%; }
  .overview_bg .overview .overview_frame { width: 1110px; margin: 46px auto 0 auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; }
  .overview_bg .overview .overview_frame .overview_frame_left { width: 540px; }
  .overview_bg .overview .overview_frame .overview_frame_left dl { width: 100%; margin: 20px auto 0 auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; line-height: 160%; margin: 0 0 20px 0; border-top: #77624e 2px solid; }
  .overview_bg .overview .overview_frame .overview_frame_left dl dt { color: #77624e; font-size: 2.2rem; margin: 0; width: 140px; height: 94px; padding: 0; box-sizing: border-box; border-bottom: #77624e 2px solid; font-weight: normal; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; }
  .overview_bg .overview .overview_frame .overview_frame_left dl dt span { border-radius: 5rem; width: 30%; display: block; padding: 0.5rem 0; text-align: center; }
  .overview_bg .overview .overview_frame .overview_frame_left dl dt.access { height: 220px; }
  .overview_bg .overview .overview_frame .overview_frame_left dl dd { color: #666666; font-size: 1.8rem; margin: 0; width: 400px; height: 94px; padding: 0; box-sizing: border-box; line-height: 140%; border-bottom: #77624e 2px solid; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; }
  .overview_bg .overview .overview_frame .overview_frame_left dl dd span { color: #578d02; font-size: 3rem; text-decoration: none; font-weight: bold; line-height: 120%; display: inline; letter-spacing: 0.1em; }
  .overview_bg .overview .overview_frame .overview_frame_left dl dd a { color: #578d02; font-size: 2rem; text-decoration: none; font-weight: bold; }
  .overview_bg .overview .overview_frame .overview_frame_left dl dd br.sub { display: block; }
  .overview_bg .overview .overview_frame .overview_frame_left dl dd.access { height: 220px; }
  .overview_bg .overview .overview_frame .overview_frame_right { width: 540px; margin: 0; }
  .overview_bg .overview .overview_frame .overview_frame_right iframe { width: 100%; height: 540px; box-sizing: border-box; border: #77624e 2px solid; }
  .overview_bg .overview .overview_frame .overview_frame_right a { display: block; color: #595959; font-size: 1.8rem; text-align: right; margin: 1rem 1% 0 0; text-decoration: none; } }
/* -----------------------------------------------------------
　フッター
----------------------------------------------------------- */
footer .footer_frame { display: none; }
footer .copyright { text-align: center; margin: 0 0 0 0; padding: 0.8rem 0; color: #ffffff; font-size: 1.2rem; height: auto; background-color: #85b75d; }

@media screen and (min-width: 768px), print { footer { width: 100%; height: 170px; padding: 0; box-sizing: border-box; padding: 50px 0 0 0; background-color: #85b75d; }
  footer .footer_frame { display: block; width: 1110px; height: 120px; margin: 0 auto; padding: 0; box-sizing: border-box; }
  footer .footer_frame ul { font-size: 1.6rem; list-style-type: none; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; }
  footer .footer_frame ul li { margin: 0 0 10px 0; }
  footer .footer_frame ul li a { color: #ffffff; text-decoration: none; line-height: 140%; font-size: 1.5rem; }
  footer .footer_frame ul li a:hover { text-decoration: underline; }
  footer .footer_frame ul li::after { content: "|"; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin: 0 0 0 10px; color: #ffffff; }
  footer .footer_frame ul li:last-child::after { content: ""; }
  footer .footer_frame ul.footer_list_01 { width: 550px; margin: 0 auto 0px auto; }
  footer .footer_frame ul.footer_list_02 { width: 800px; margin: 0 auto 0px auto; }
  footer .copyright { margin: 0; text-align: center; margin: 0 auto; padding: 0; color: #ffffff; font-size: 1.3rem; height: 30px; max-width: 2000px; border-top: none; background-color: #85b75d; } }
/* -----------------------------------------------------------
　ページトップへ
----------------------------------------------------------- */
#linkpagetop { float: right; }

#linkpagetop img { width: 80%; height: auto; }

#pagetop { position: fixed; bottom: 8vw; right: 0px; height: 8vw; text-align: right; margin: 0 2% 0 0; z-index: 999999; }

#pagetop a { display: block; }

#pagetop_position { float: right; margin: 0px; padding: 0px; }

@media screen and (min-width: 768px), print { #linkpagetop { float: left; }
  #linkpagetop img { width: 60px; height: auto; }
  #pagetop { position: fixed; bottom: 60px; left: 50%; margin: 0 0 0 560px; height: 60px; 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: 90%; margin: 0 0 0 0; height: 250px; text-align: center; } }
/*----------------------------------------------------------- インポート
----------------------------------------------------------- */
/*ハンバーガー*/
.drawr { display: none; position: absolute; top: 20vw; width: 100%; padding: 0; margin: 0 auto; height: auto; z-index: 999999; }
.drawr p { color: #ffffff; font-size: 1.6rem; text-align: center; padding: 1rem 0; background-color: #8072d6; margin: 0; border-bottom: #ffffff 1px solid; }
.drawr ul.hbg { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#33b38c+0,1b906e+100 */ background: #33b38c; /* Old browsers */ background: -moz-linear-gradient(-45deg, #33b38c 0%, #1b906e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #33b38c 0%, #1b906e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #33b38c 0%, #1b906e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b38c', endColorstr='#1b906e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.drawr ul.hbg li { text-align: center; }
.drawr ul.hbg li a { color: #ffffff; font-size: 1.6rem; text-decoration: none; padding: 1rem; display: block; border-bottom: #ffffff 1px solid; text-align: center; box-sizing: border-box; }

.openNav { display: block; }

/*ハンバーガーナビ*/
.main_nav_sp { display: block; width: 100%; height: auto; margin: 0; }

@media screen and (min-width: 768px), print { .main_nav_sp { display: none; } }
.toggle { display: none; }

.toggle-label { cursor: pointer; display: block; width: 56px; height: 50px; padding: 0 0 4px 0; 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: ''; 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'; transition: all 500ms ease-in-out; visibility: visible; opacity: 1; }

.toggle-label .toggle-text:after { position: absolute; width: 100%; left: 0; content: 'CLOSE'; transition: all 500ms ease-in-out; visibility: hidden; opacity: 0; }

.toggle-label .toggle-icon { transform: translate3d(-50%, -5px, 0); }

.toggle-label .toggle-icon:before { transform: translate3d(-50%, -11.5px, 0); }

.toggle-label .toggle-icon:after { 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 { transform: translateX(-50%) rotate(45deg); top: 1.5px; }

.toggle:checked ~ .toggle-label .toggle-icon:after { 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: flex; align-items: center; justify-content: center; width: 56px; position: absolute; cursor: pointer; right: 2%; top: 2vw; padding: 0 0 0.6rem 0; z-index: 99999; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#33b38c+0,1b906e+100 */ background: #33b38c; /* Old browsers */ background: -moz-linear-gradient(-45deg, #33b38c 0%, #1b906e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #33b38c 0%, #1b906e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #33b38c 0%, #1b906e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b38c', endColorstr='#1b906e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

/*アサイド*/
aside { display: none; }

@media screen and (min-width: 768px), print { aside { display: block; width: 255px; margin: 0; }
  aside .aside_frame { background-color: #e0d5a3; padding: 16px 0 8px 0; /*タイトル*/ /*リスト*/ }
  aside .aside_frame .aside_title { text-align: center; color: #155602; font-size: 2.8rem; margin: 0 0 30px 0; }
  aside .aside_frame ul li { width: 238px; margin: 0 auto 12px auto; list-style-type: none; }
  aside .aside_frame ul li a { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; align-items: center; color: #77624e; background-color: #ffffff; text-decoration: none; font-size: 2.1rem; width: 100%; height: 72px; box-sizing: border-box; border-radius: 0.5rem; border: #cfc391 1px solid; }
  aside .aside_frame ul li a:hover { opacity: 0.6; } }
/*イメージ*/
/* -----------------------------------------------------------
　イメージ
----------------------------------------------------------- */
.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: 70%; height: auto; }

.img_center { margin: 0 0 10px 0; text-align: center; }
.img_center img { width: 100%; height: auto; }

/*画像右*/
.img_right_frame { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; margin: 0 0 1rem 0; }
.img_right_frame div.right { 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 { order: 2; width: 100%; }
.img_right_frame div.left .doctor_name { text-align: right; }

/*画像左*/
.img_left_frame { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; margin: 0 0 1rem 0; }
.img_left_frame div.left { 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 { order: 2; width: 100%; line-height: 120%; }

/*二つ*/
.img_two { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-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), print { .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: 350px; height: auto; }
  .img_center { float: none; margin: 0 0 10px 0; text-align: center; }
  .img_center img { width: auto; height: auto; }
  /*画像右*/
  .img_right_frame { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; margin: 0 0 3rem 0; }
  .img_right_frame div.right { order: 2; width: 350px; text-align: center; }
  .img_right_frame div.right img { width: 350px; height: auto; margin: 0; }
  .img_right_frame div.left { order: 1; width: 445px; line-height: 120%; }
  .img_right_frame div.left .doctor_name { text-align: right; }
  /*画像左*/
  .img_left_frame { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; margin: 0 0 0 0; }
  .img_left_frame div.left { 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 { order: 2; width: 445px; line-height: 120%; }
  /*二つ*/
  .img_two { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-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; } }
/*リスト*/
/* -----------------------------------------------------------
　リスト
----------------------------------------------------------- */
/*標準*/
ul.list_normal { line-height: 160%; font-size: 1.4rem; list-style-type: disc; margin: 0; }
ul.list_normal li { margin: 0 0 1.4rem 1.8rem; padding: 0; }
ul.list_normal li ul { box-sizing: border-box; width: 100%; }
ul.list_normal li ul li { line-height: 120%; font-size: 1.4rem; list-style-type: none; margin: 0 0 0.8rem 1.5rem; box-sizing: border-box; width: 90%; }

/*画像●*/
ul.list_maru { padding: 0; margin: 0; }
ul.list_maru li { line-height: 130%; font-size: 1.4rem; list-style-type: none; margin: 0 0 10px 0; box-sizing: border-box; background: url(../images/maru.png) 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: none; margin: 0 0 10px 0; padding: 0 0 0 0; }
ul.list_maru li a { font-size: 1.4rem; color: #595959; }

ul.list_maru_two { padding: 0; margin: 0; }
ul.list_maru_two li { line-height: 130%; font-size: 1.4rem; list-style-type: none; margin: 0 0 10px 0; box-sizing: border-box; background: url(../images/maru.png) no-repeat; background-position: left top 0.6rem; background-size: 1rem; padding: 0 0 0 1.8rem; line-height: 140%; }
ul.list_maru_two li a { font-size: 1.4rem; color: #595959; }

/*なし*/
ul.list_none { line-height: 160%; font-size: 1.4rem; 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 { box-sizing: border-box; width: 100%; }
ul.list_num li { line-height: 130%; font-size: 1.4rem; list-style-type: decimal; margin: 0 0 10px 2rem; box-sizing: border-box; width: 90%; }

/*概要*/
ul.list_overview { box-sizing: border-box; width: 100%; }
ul.list_overview li { line-height: 130%; font-size: 1.4rem; list-style-type: disc; margin: 0 0 10px 25px; box-sizing: border-box; width: 90%; }

/*2列*/
ul.list_normal_two { display: flex; justify-content: space-between; flex-direction: column; }
ul.list_normal_two li { box-sizing: border-box; line-height: 130%; font-size: 1.4rem; list-style-type: disc; margin: 0 0 10px 25px; }

@media screen and (min-width: 768px), print { /*標準*/
  ul.list_normal { line-height: 160%; font-size: 1.8rem; list-style-type: disc; margin: 0; }
  ul.list_normal li { margin: 0 0 1.4rem 25px; padding: 0; }
  ul.list_normal li ul { box-sizing: border-box; width: 100%; }
  ul.list_normal li ul li { line-height: 130%; font-size: 1.8rem; list-style-type: none; margin: 0 0 0.8rem 1.8rem; box-sizing: border-box; width: auto; }
  /*画像●*/
  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; box-sizing: border-box; background: url(../images/maru.png) 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: none; margin: 0 0 10px 0; padding: 0 0 0 0; }
  ul.list_maru li a { font-size: 1.4rem; color: #595959; }
  ul.list_maru li a:hover { opacity: 0.6; }
  ul.list_maru li.list_tel a { pointer-events: none; text-decoration: none; font-weight: bold; }
  ul.list_maru_two { padding: 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-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; box-sizing: border-box; background: url(../images/maru.png) no-repeat; background-position: left top 3px; background-size: 1.5rem; padding: 0 0 0 25px; line-height: 140%; }
  ul.list_maru_two li a { font-size: 1.4rem; color: #595959; }
  ul.list_maru_two li a:hover { opacity: 0.6; }
  /*なし*/
  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 { 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; 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: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; }
  ul.list_normal_two li { width: 45%; 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-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.4rem; 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-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.4rem; 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), print { dl.bio_list { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.8rem; 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-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.8rem; 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; } }
/*見出し*/
h1 { margin: 0; }

h2.top { border-top: #45b694 3px solid; border-bottom: #45b694 3px solid; padding: 2px 0; margin: 5rem 0 2rem 0; color: #1b906d; text-align: center; font-size: 2.2rem; font-weight: normal; }
h2.top span { border-top: #45b694 2px solid; border-bottom: #45b694 2px solid; display: block; padding: 0.4rem 0; }
h2.low { border-top: #45b694 3px solid; border-bottom: #45b694 3px solid; padding: 2px 0; margin: 2rem 0 2rem 0; color: #1b906d; text-align: center; font-size: 1.6rem; font-weight: normal; line-height: 130%; }
h2.low span { border-top: #45b694 2px solid; border-bottom: #45b694 2px solid; display: block; padding: 0.4rem 0; }
h2.first { margin: 0 0 2rem 0; }

h3 { color: #cc842f; border: #cc842f 2px solid; padding: 0.8rem 0.4rem; box-sizing: border-box; text-align: left; font-weight: normal; font-size: 1.8rem; margin: 0.2rem 0 1rem 0; line-height: 130%; }

h4 { color: #578d02; font-weight: normal; font-size: 1.6rem; background: url(../images/h4_line.gif) repeat-x; background-position: left bottom; padding: 0 0 1rem 0; margin: 0.2rem 0 1rem 0; line-height: 130%; }

h5 { color: #77624e; font-weight: normal; font-size: 1.4rem; padding: 0 0 0.4rem 0; margin: 0 0 1rem 0; border-bottom: #77624e 4px solid; line-height: 130%; }

p { font-size: 1.4rem; margin: 0 0 2rem 0; line-height: 140%; }

@media screen and (min-width: 768px), print { h1 { margin: 0; }
  h2.top { border-top: #45b694 3px solid; border-bottom: #45b694 3px solid; padding: 3px 0; margin: 100px 0 40px 0; color: #1b906d; text-align: center; font-size: 3rem; font-weight: normal; }
  h2.top span { border-top: #45b694 2px solid; border-bottom: #45b694 2px solid; display: block; padding: 10px 0; }
  h2.low { border-top: #45b694 3px solid; border-bottom: #45b694 3px solid; padding: 3px 0; margin: 60px 0 40px 0; color: #1b906d; text-align: center; font-size: 3rem; font-weight: normal; line-height: 130%; }
  h2.low span { border-top: #45b694 2px solid; border-bottom: #45b694 2px solid; display: block; padding: 10px 0; }
  h2.first { margin: 0 0 40px 0; }
  h3 { color: #cc842f; border: #cc842f 2px solid; padding: 14px 10px; box-sizing: border-box; text-align: left; font-weight: normal; font-size: 2.8rem; margin: 20px 0 8px 0; line-height: 160%; }
  h4 { color: #578d02; font-weight: normal; font-size: 2.6rem; background: url(../images/h4_line.gif) repeat-x; background-position: left bottom; padding: 0 0 12px 0; margin: 20px 0 8px 0; }
  h5 { color: #77624e; font-weight: normal; font-size: 2.4rem; padding: 0 0 0.4rem 0; margin: 20px 0 8px 0; border-bottom: #77624e 4px solid; }
  p { font-size: 1.8rem; margin: 0 0 2rem 0; line-height: 160%; } }
/*下層*/
/*矢印*/
.arrow { width: 0; height: 0; border-left: 60px solid transparent; border-right: 60px solid transparent; border-top: 30px solid #45b694; text-align: center; display: block; margin: 30px auto; }

/*アクセスページの地図*/
.accessmap { width: 100%; height: 500px; box-sizing: border-box; border: #cc842f 1px solid; }

/*問診表DL*/
a.questionnaire { width: 100%; height: 80px; background-color: #89bb3b; text-decoration: none; border-radius: 0.5rem; margin: 20px auto 0; display: block; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; align-items: center; }
a.questionnaire span { color: #ffffff; font-size: 1.8rem; width: 98%; height: 70px; border: #ffffff 1px solid; border-radius: 0.5rem; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; align-items: center; }
a.questionnaire:hover { opacity: 0.6; }

@media screen and (min-width: 768px), print { /*矢印*/
  .arrow { width: 0; height: 0; border-left: 60px solid transparent; border-right: 60px solid transparent; border-top: 30px solid #45b694; text-align: center; display: block; margin: 30px auto; }
  /*アクセスページの地図*/
  .accessmap { width: 100%; height: 550px; box-sizing: border-box; border: #cc842f 1px solid; }
  /*問診表DL*/
  a.questionnaire { width: 255px; height: 80px; margin: 40px auto 0; }
  a.questionnaire span { width: 246px; height: 70px; } }
/* -----------------------------------------------------------
　スタッフ紹介
----------------------------------------------------------- */
.doctor_name { text-align: right; }

@media screen and (min-width: 768px), print { .doctor_name { text-align: right; } }
/* -----------------------------------------------------------
　フォーム
----------------------------------------------------------- */
.privacy_policy { padding: 3vw; box-sizing: border-box; overflow-y: scroll; height: 50vw; width: 96%; margin: 3rem auto; border: #000000 1px solid; }

.form_textarea { width: 100%; height: 100px; }

.kakunin { font-size: 1.2rem; }

@media screen and (min-width: 768px), print { .privacy_policy { padding: 2rem; box-sizing: border-box; overflow-y: scroll; height: 300px; width: 720px; margin: 3rem auto; border: #000000 1px solid; }
  .form_textarea { width: 350px; height: 100px; }
  .kakunin { font-size: 1.6rem; } }

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