@charset "UTF-8";
/* Scss Document */
/* =======================================================================
 共通項目 
======================================================================= */
/*関数*/
/* ----------------------------------------------------------- 関数
----------------------------------------------------------- */
/*サイトの横幅*/
/*media screen*/
/*文字SP*/
/*文字PC*/
/*基本家族*/
/*基本文字色*/
/*基本背景色PC*/
/*main_color*/
/*sub_color*/
/* ----------------------------------------------------------- フォントサイズ基本
----------------------------------------------------------- */
html { font-size: calc( 100vw / 32 ); overflow-y: auto; font-family: "メイリオ", Meiryo, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #222222; background-color: #ffffff; }

@media print, screen and (min-width: 768px) { html { font-size: 62.5%; overflow-y: scroll; font-family: "メイリオ", Meiryo, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #222222; background-color: #ffffff; } }
/* ----------------------------------------------------------- 構成
----------------------------------------------------------- */
body { position: relative; width: 100%; margin: 0 auto; }

section { height: auto; overflow: hidden; margin: 3rem 0 0 0; }
section.first { margin: 3rem 0; }
section.s_h2 { padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; }
section.w95 { width: 95%; margin: 3rem auto 0; }

.pc_none { display: block !important; }

.sp_none { display: none !important; }

.bold_text { font-weight: bold; }

.mt10 { margin-top: 1.0rem !important; }

@media print, screen and (min-width: 768px) { body { position: relative; z-index: 0; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 1300px; }
  section { height: auto; overflow: hidden; margin: 0 0 40px 0; }
  section.s_h2 { padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; }
  section.w95 { width: 100%; margin: 0 0 90px 0; }
  .pc_none { display: none !important; }
  .sp_none { display: block !important; }
  .mt20 { margin-top: 2.0rem !important; } }
/* -----------------------------------------------------------
　枠
----------------------------------------------------------- */
article { height: auto; overflow: hidden; width: 100%; margin: 0 auto; padding: 0; background-color: #ffffff; }

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

.main { width: 100%; margin: 0; padding: 0; }

@media print, screen and (min-width: 768px) { article { height: auto; overflow: hidden; width: 100%; margin: 0 auto; padding: 0; background: url("../images/bg_main.jpg") no-repeat; background-position: calc(50% - -640px) calc(100% - 210px); }
  .wrapper { height: auto; width: 1200px; margin: 0 auto; padding: 70px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .main { width: 840px; margin: 0 0 0 auto; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } }
/* -----------------------------------------------------------
　ヘッダ
----------------------------------------------------------- */
header { height: auto; position: relative; }
header .head_frame { width: 100%; margin: 0; padding: 0; background-color: #FFFFFF; z-index: 999; height: auto; }
header .head_frame .header_info { width: 100%; margin: 0; padding: 1rem 0; }
header .head_frame .header_info .head_logo { width: 85%; margin: 0 auto; }
header .head_frame .header_info .head_logo img { width: 100%; height: auto; }
header .head_frame .header_info .head_info { display: none; }
header .key_on { height: auto; padding: 0; }
header .key_on > div { z-index: 0 !important; }
header .key_on .key_visual { background-size: 200% auto; background-position: center top; background-repeat: no-repeat; width: 100%; height: 21rem; padding: 0; margin: 0 auto; }
header .key_on .key_visual .contents { width: 100%; margin: 0 auto; position: relative; }
header .key_on .key_visual .contents .kv_info { width: 85%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; padding: 1rem 0 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
header .key_on .key_visual .contents .kv_info p { margin: 0; line-height: 1.3; font-weight: bold; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; width: 8.6rem; }
header .key_on .key_visual .contents .kv_info p.brown { color: #FFFFFF; font-size: 1rem; background: #d465c6; padding: .5em; display: inline-block; border-radius: 5px; }
header .key_on .key_visual .contents .kv_info p.brown span { font-size: 80%; }
header .key_on .key_visual .contents .kv_info p.yellow { color: #FFFFFF; font-size: 1.8rem; background: #f9be00; position: absolute; top: 16.5rem; left: 0; width: 100%; border-radius: 8px; }
header .key_visual_low { width: 100%; height: 8rem; 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; background: url("../images/key_visual_low.jpg") no-repeat center top; background-size: 250% auto; }
header .key_visual_low h1 { color: #FFFFFF; font-size: 2.4rem; font-weight: bold; text-shadow: 0 0 10px grey; }
header .swiper-slide img { display: block; max-width: 100%; height: auto; }

@media print, screen and (min-width: 768px) { header { height: auto; border-top: 6px #f9be00 solid; width: 100%; background: #fef5da; }
  header .head_frame { width: 100%; margin: 0; padding: 0; background-color: #FFFFFF; position: inherit; height: auto; }
  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: 1200px; margin: 0 auto; padding: 20px 0; }
  header .head_frame .header_info .head_logo { width: 310px; margin: 0; }
  header .head_frame .header_info .head_logo img { width: 100%; height: auto; }
  header .head_frame .header_info .head_info { margin: 0; text-align: center; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
  header .head_frame .header_info .head_info .circle { padding: 8px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 250px; margin: 0 28px 0 0; }
  header .head_frame .header_info .head_info .circle p { width: 120px; height: 120px; background: url("../images/circle_yellow.png") no-repeat; background-size: cover; font-size: 1.4rem; line-height: 1.35; text-align: center; padding: 30px 0 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
  header .head_frame .header_info .head_info .circle p span { font-size: 1.8rem; font-weight: bold; }
  header .head_frame .header_info .head_info .head_txt { font-size: 1.4rem; text-align: left; width: 316px; padding: 20px 0 0 0; line-height: 1.5; }
  header .head_frame .header_info .head_info .head_right { width: 260px; padding: 20px 0 0 0; }
  header .head_frame .header_info .head_info .head_right .park { display: block; width: 260px; height: 50px; padding: 0; margin: 20px 0 0 0; background: #fef5da; border-radius: 6px; 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; font-size: 1.8rem; }
  header .head_frame .header_info .head_info .head_right .park::before { font-family: fontello; content: '\0e825'; display: inline-block; font-size: 2.4rem; font-weight: normal; margin: 0 8px 0 0; }
  header .head_frame .header_info .head_info .head_right p.tel { display: block; margin: 0; font-size: 3rem; white-space: nowrap; text-align: center; line-height: inherit; font-weight: bold; color: #985e00; }
  header .head_frame .header_info .head_info .head_right p.tel::before { font-family: fontello; content: '\0e800'; display: inline-block; font-size: 3rem; font-weight: normal; }
  header .head_frame .header_info .head_info .head_right p.tel a { text-decoration: none; color: #985e00; }
  header .key_on { width: 100%; height: 631px; padding: 0; }
  header .key_on > div { z-index: 0 !important; }
  header .key_on .key_visual { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 630px; padding: 0; margin: 0 auto; }
  header .key_on .key_visual .contents { width: 1200px; margin: 0 auto; position: relative; }
  header .key_on .key_visual .contents .kv_info { width: 410px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0 0 0 auto; padding: 20px 0 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
  header .key_on .key_visual .contents .kv_info p { margin: 0; line-height: 1.3; font-weight: bold; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; width: 200px; }
  header .key_on .key_visual .contents .kv_info p.brown { font-size: 2.4rem; color: #FFFFFF; }
  header .key_on .key_visual .contents .kv_info p.yellow { color: #222222; font-size: 2.0rem; position: initial; width: 200px; }
  header .key_visual_low { width: 100%; height: 200px; 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; background: url("../images/key_visual_low.jpg") no-repeat center top; }
  header .key_visual_low h1 { color: #FFFFFF; font-size: 3.6rem; font-weight: bold; text-shadow: 0 0 10px grey; } }
/* -----------------------------------------------------------
　SP用ナビ
----------------------------------------------------------- */
/* nav  -------------------------------------- */
nav.sp_nav { width: 100%; }
nav.sp_nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; }
nav.sp_nav ul li { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fef5da; border-top: 1px #f9be00 solid; border-right: 1px #f9be00 solid; position: relative; }
nav.sp_nav ul li:nth-child(even) { border-right: 0; }
nav.sp_nav ul li:nth-last-child(2), nav.sp_nav ul li:last-child { border-bottom: 1px #f9be00 solid; }
nav.sp_nav ul li::before { font-family: fontello; display: inline-block; margin: 0; font-weight: normal; color: #f9be00; font-size: 1.6rem; position: absolute; top: .7rem; left: 1rem; }
nav.sp_nav ul li a { text-decoration: none; width: 100%; height: 3rem; font-size: 1.2rem; color: #222222; 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; }
nav.sp_nav ul li:first-of-type::before { content: '\0e802'; }
nav.sp_nav ul li:nth-of-type(2)::before { content: '\0e84d'; }
nav.sp_nav ul li:nth-of-type(3)::before { content: '\0e84e'; }
nav.sp_nav ul li:nth-of-type(4)::before { content: '\0e84c'; }
nav.sp_nav ul li:nth-of-type(5)::before { content: '\0f031'; }
nav.sp_nav ul li:last-of-type::before { content: '\0e803'; }
nav.sp_nav ul li.price::before { content: '\0e823'; }

/* sub_nav  -------------------------------------- */
.sub_nav dl dt.accordion { background: #a38b78; color: #FFFFFF; height: 2.4rem; 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; font-size: 1.2rem; }
.sub_nav dl dd { padding: .5rem .5rem .5rem; margin: 0; background: #f9be00; }
.sub_nav dl dd ul { margin: 0 auto 1rem; 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; list-style: none; }
.sub_nav dl dd ul li { margin: 0; width: 49%; min-width: 9em; }
.sub_nav dl dd ul li a { font-size: 1.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; margin: .5rem auto 0; padding: 0 .6rem; height: 2.3rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background: #fff; color: #222222; text-decoration: none; }
.sub_nav dl dd ul li a::before { font-family: "fontello"; content: "\0f006"; font-style: normal; color: #f9be00; font-weight: normal; padding: 0 .5rem 0 0; }

@media print, screen and (min-width: 768px) { nav.sp_nav { display: none; }
  .sub_nav { display: none; } }
/* -----------------------------------------------------------
　ネット予約/オンライン診療バナー
----------------------------------------------------------- */
.side-menu, .side-menu_online { display: none; }

.side-menu_line, .side-menu_insta { display: block; position: absolute; top: 120px; right: 0; left: inherit; z-index: 9999; }
.side-menu_line a, .side-menu_insta a { background-color: transparent; }
.side-menu_line a img, .side-menu_insta a img { display: block; }
.side-menu_line a p, .side-menu_insta a p { display: none; }

.side-menu_insta { top: 190px; }

@media print, screen and (min-width: 768px) { .side-menu, .side-menu_online, .side-menu_line, .side-menu_insta { display: block; position: fixed; top: 200px; right: 0; left: inherit; z-index: 9999; }
  .side-menu a, .side-menu_online a, .side-menu_line a, .side-menu_insta a { background-color: transparent; }
  .side-menu a img, .side-menu_online a img, .side-menu_line a img, .side-menu_insta a img { display: block; }
  .side-menu a p, .side-menu_online a p, .side-menu_line a p, .side-menu_insta a p { display: none; }
  .side-menu_online { top: 400px; }
  .side-menu_line { top: 640px; }
  .side-menu_insta { top: 710px; } }
/* -----------------------------------------------------------
　新型コロナウィルス感染対策バナー
----------------------------------------------------------- */
a.bnr { width: 90%; margin: 0 auto 2rem; display: block; }
a.bnr figure { margin: 0; padding: 0; }
a.bnr figure img { width: 100%; }

.img_bnr { width: 90%; margin: 0 auto 2rem; display: block; }
.img_bnr figure { margin: 0; padding: 0; }
.img_bnr figure img { width: auto; }

@media print, screen and (min-width: 768px) { a.bnr { width: 760px; margin: 0 auto 40px; display: block; }
  a.bnr figure { margin: 0; padding: 0; }
  a.bnr figure img { width: auto; }
  a.bnr:hover { opacity: 0.8; }
  a.bnr_rsv { display: none; }
  .img_bnr { width: 760px; margin: 0 auto 40px; display: block; }
  .img_bnr figure { margin: 0; padding: 0; }
  .img_bnr figure img { width: auto; } }
/* -----------------------------------------------------------
　メインナビ
----------------------------------------------------------- */
.main_nav_pc { display: none; }

@media print, screen and (min-width: 768px) { .nav-tgl-btn { display: none; }
  .main_nav_pc { display: block; position: absolute; bottom: 0; right: 0; }
  .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-align: center; -ms-flex-align: center; align-items: center; width: 750px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
  .main_nav_pc nav ul li { height: 48px; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
  .main_nav_pc nav ul li a { text-decoration: none; color: #222222; font-size: 1.6rem; font-weight: bold; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 26px 0 0 0; margin: 0; display: block; white-space: nowrap; }
  .main_nav_pc nav ul li:hover { border-bottom: 2px #f5a400 solid; padding: 0 0 8px 0; }
  .main_nav_pc nav ul li:hover:before { font-family: fontello; content: '\0e823'; display: block; margin: auto; color: #a38a77; font-size: 2rem; position: absolute; top: 0; left: 0; right: 0; }
  .main_nav_pc.fixed { position: fixed; top: 0; right: 0; left: 0; background: #fef5da; padding: 10px 0; z-index: 9; height: 50px; border-top: 6px #f9be00; }
  .main_nav_pc.fixed nav ul { margin: 0 auto; }
  	/* .index .main_nav_pc nav ul li.home, 	.doctor .main_nav_pc ul li.doctor, 	.clinic .main_nav_pc ul li.clinic, 	.treatment .main_nav_pc ul li.treatment, 	.access .main_nav_pc ul li.access{ 		background: #FFFFFF; 	} 	*/ }
/* -----------------------------------------------------------
　お知らせ
----------------------------------------------------------- */
.notice_wrapper { padding: 0; width: 95%; margin: 0 auto; padding: 4rem 0; }
.notice_wrapper .notice_frame { padding: 0; margin: 1rem 0 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; height: 42em; width: 100%; border-top: 1px #985e00 solid; }
.notice_wrapper .notice_frame dl { margin: 0; padding: 2rem 1.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; }
.notice_wrapper .notice_frame dl dt { margin: 0 0 1.4rem 0; color: #985e00; font-size: 1.4rem; font-weight: bold; -webkit-box-sizing: border-box; box-sizing: border-box; }
.notice_wrapper .notice_frame dl dt .date { color: #555555; font-size: 1.2rem; font-weight: normal; display: block; margin: 0 0 1.2rem 0; }
.notice_wrapper .notice_frame dl dt .date span { font-size: 1rem; background: #f0f0f0; border: 1px #cccccc solid; padding: .2rem 1rem 0 1rem; margin: 0 0 0 1.8rem; vertical-align: 2px; }
.notice_wrapper .notice_frame dl dd { margin: 0 0 3rem 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px #aaaaaa dotted; }
.notice_wrapper .notice_frame dl dd p { font-size: 1.2rem; line-height: 1.4; width: 100%; margin: 0 0 1.2rem 0; }
.notice_wrapper .notice_frame dl dd span.link_text { margin: 0; padding: 0 0 1.2rem 0; }
.notice_wrapper .notice_frame dl dd span.link_text a { color: coral; font-size: 1.3rem; }

@media print, screen and (min-width: 768px) { .notice_wrapper { width: auto; }
  .notice_wrapper .notice_frame { margin: 10px 0 0 0; height: 105em; }
  .notice_wrapper .notice_frame dl { padding: 25px 20px; }
  .notice_wrapper .notice_frame dl dt { margin: 0 0 16px 0; font-size: 2rem; }
  .notice_wrapper .notice_frame dl dt .date { font-size: 1.6rem; margin: 0 0 14px 0; }
  .notice_wrapper .notice_frame dl dt .date span { font-size: 1.4rem; padding: 2px 10px 0 10px; margin: 0 0 0 20px; }
  .notice_wrapper .notice_frame dl dd { margin: 0 0 40px 0; }
  .notice_wrapper .notice_frame dl dd p { font-size: 1.6rem; margin: 0 0 14px 0; }
  .notice_wrapper .notice_frame dl dd span.link_text a { font-size: 1.4rem; } }
/*スマホ用スライドバー*/
@media print, 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: 3px; }
  .notice_frame::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } }
/* -----------------------------------------------------------
　コロナウィルス対策用バナー
----------------------------------------------------------- */
a.bnr_corona { text-decoration: none; text-align: center; }
a.bnr_corona figure { margin: 1rem auto 3rem; padding: 0; }
a.bnr_corona figure img { width: 90%; }

@media print, screen and (min-width: 768px) { a.bnr_corona figure { margin: 20px auto 90px; padding: 0; }
  a.bnr_corona figure img { width: auto; }
  a.bnr_corona figure img:hover { opacity: 0.8; } }
/* -----------------------------------------------------------
　こんな皮フの症状でお困りではありませんか？
----------------------------------------------------------- */
.main_contents { background: #fff9e8; border-top: 4px #985e00 solid; }
.main_contents .index_general, .main_contents .index_child, .main_contents .bnr_private { width: 90%; margin: 2rem auto 0; border-top: 1px #985e00 dotted; padding: 3rem 0; }
.main_contents .index_general p.tit, .main_contents .index_child p.tit, .main_contents .bnr_private p.tit { text-align: center; color: #985e00; font-weight: bold; font-size: 1.8rem; margin: 0 0 2.6rem 0; }
.main_contents .index_general ul.list_symptom, .main_contents .index_child ul.list_symptom, .main_contents .bnr_private ul.list_symptom { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; }
.main_contents .index_general ul.list_symptom li, .main_contents .index_child ul.list_symptom li, .main_contents .bnr_private ul.list_symptom li { margin: 0 0 .8rem 0; width: 48%; height: 4rem; background: #ffd800; border-radius: 8px; 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; position: relative; }
.main_contents .index_general ul.list_symptom li a, .main_contents .index_child ul.list_symptom li a, .main_contents .bnr_private ul.list_symptom li a { color: #222222; font-size: 1.3rem; text-decoration: none; text-align: center; line-height: 1.3; }
.main_contents .index_general ul.list_symptom li::after, .main_contents .index_child ul.list_symptom li::after, .main_contents .bnr_private ul.list_symptom li::after { font-family: fontello; content: '\0f006'; position: absolute; right: .7rem; top: 2rem; color: #FFFFFF; }
.main_contents .index_child { margin: 0 auto; }
.main_contents .bnr_private { margin: 0 auto; padding: 3rem 0; }
.main_contents .bnr_private img { width: 100%; }
.main_contents .bnr_private .bnr_skinhealth { margin: 2.0rem 0 0 0; }
.main_contents .bnr_private p.phrase { margin: 4rem 0 0 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.main_contents .bnr_private p.phrase span { font-weight: bold; font-size: 1.2rem; color: #985e00; line-height: 1.3; letter-spacing: 2px; display: inline-block; }
.main_contents .bnr_private p.phrase::before { content: url("../images/shape_left.png"); display: inline-block; margin: 0 1rem 0 0; }
.main_contents .bnr_private p.phrase::after { content: url("../images/shape_right.png"); display: inline-block; margin: 0 0 0 1rem; }

@media print, screen and (min-width: 768px) { .main_contents .index_general, .main_contents .index_child, .main_contents .bnr_private { width: 760px; margin: 20px auto 0; padding: 30px 0; }
  .main_contents .index_general p.tit, .main_contents .index_child p.tit, .main_contents .bnr_private p.tit { font-size: 2.4rem; margin: 0 0 26px 0; }
  .main_contents .index_general ul.list_symptom, .main_contents .index_child ul.list_symptom, .main_contents .bnr_private ul.list_symptom { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .main_contents .index_general ul.list_symptom li, .main_contents .index_child ul.list_symptom li, .main_contents .bnr_private ul.list_symptom li { margin: 0 8px 8px 0; width: 184px; height: 64px; }
  .main_contents .index_general ul.list_symptom li a, .main_contents .index_child ul.list_symptom li a, .main_contents .bnr_private ul.list_symptom li a { font-size: 1.6rem; }
  .main_contents .index_general ul.list_symptom li::after, .main_contents .index_child ul.list_symptom li::after, .main_contents .bnr_private ul.list_symptom li::after { right: 10px; top: 26px; }
  .main_contents .index_general ul.list_symptom li:nth-child(4n), .main_contents .index_child ul.list_symptom li:nth-child(4n), .main_contents .bnr_private ul.list_symptom li:nth-child(4n) { margin: 0 0 8px 0; }
  .main_contents .index_general ul.list_symptom li:hover, .main_contents .index_child ul.list_symptom li:hover, .main_contents .bnr_private ul.list_symptom li:hover { background: #f9be00; }
  .main_contents .bnr_private { padding: 40px 0 64px; }
  .main_contents .bnr_private img:hover { opacity: 0.8; }
  .main_contents .bnr_private p.phrase { margin: 46px 0 0 0; display: block; }
  .main_contents .bnr_private p.phrase span { font-size: 2rem; }
  .main_contents .bnr_private p.phrase::before { margin: 0 65px 0 0; vertical-align: -20px; }
  .main_contents .bnr_private p.phrase::after { margin: 0 0 0 65px; vertical-align: -20px; } }
/* -----------------------------------------------------------
　ごあいさつ
----------------------------------------------------------- */
.greeting_wrapper { width: 100%; padding: 3rem 0 0 0; background: url("../images/bg_01.gif"); }
.greeting_wrapper .greeting_box { width: 95%; margin: 0 auto; display: block; padding: 0 1rem 3rem 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.greeting_wrapper .greeting_box .greeting_txt { padding: 0; }
.greeting_wrapper .greeting_box .greeting_txt p { font-size: 1.4rem; margin: 0 0 2rem 0; line-height: 1.5; }
.greeting_wrapper .greeting_box .greeting_txt p.doctor_name { font-size: 1.6rem; }
.greeting_wrapper .greeting_box .greeting_gallery { width: 100%; }
.greeting_wrapper .greeting_box .greeting_gallery figure { margin: 0; padding: 0; }
.greeting_wrapper .greeting_box .greeting_gallery figure img { width: 100%; }
.greeting_wrapper .greeting_box .greeting_gallery .img_hospital { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 1rem 0 0 0; }
.greeting_wrapper .greeting_box .greeting_gallery .img_hospital figure { margin: 0; padding: 0; width: 49%; }
.greeting_wrapper .greeting_box .greeting_gallery .img_hospital img { width: 100%; }

@media print, screen and (min-width: 768px) { .greeting_wrapper { padding: 40px 0 0 0; }
  .greeting_wrapper .greeting_box { width: 1200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 60px 80px 60px; }
  .greeting_wrapper .greeting_box .greeting_txt { padding: 0 40px 0 0; }
  .greeting_wrapper .greeting_box .greeting_txt p { font-size: 1.6rem; margin: 0 0 2.5rem 0; }
  .greeting_wrapper .greeting_box .greeting_txt p.doctor_name { font-size: 2rem; }
  .greeting_wrapper .greeting_box .greeting_gallery { width: 450px; }
  .greeting_wrapper .greeting_box .greeting_gallery figure img { width: auto; }
  .greeting_wrapper .greeting_box .greeting_gallery .img_hospital { margin: 10px 0 0 0; }
  .greeting_wrapper .greeting_box .greeting_gallery .img_hospital figure img { width: auto; } }
/* -----------------------------------------------------------
　当クリニックの特徴
----------------------------------------------------------- */
.features_wrapper { width: 100%; padding: 3rem 0 0 0; background: #ffffff; }
.features_wrapper .features_box { width: 95%; margin: 0 auto; display: block; padding: 0 1rem 3rem 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.features_wrapper .features_box .features { width: 100%; margin: 0 0 3rem 0; }
.features_wrapper .features_box .features figure { margin: 0 0 2rem 0; padding: 0; text-align: center; }
.features_wrapper .features_box .features p { font-size: 1.4rem; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.6; }
.features_wrapper .features_box .features p.f_tit { font-weight: bold; text-align: center; font-size: 1.6rem; line-height: 1.2; padding: 0 0 1rem 0; margin: 0 0 1rem 0; border-bottom: 1px #f9be00 solid; }

@media print, screen and (min-width: 768px) { .features_wrapper { padding: 40px 0 0 0; }
  .features_wrapper .features_box { width: 1200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 118px 80px 118px; }
  .features_wrapper .features_box .features { width: 280px; margin: 0; }
  .features_wrapper .features_box .features figure { margin: 0 0 26px 0; }
  .features_wrapper .features_box .features p { font-size: 1.6rem; padding: 0 35px 0 0; }
  .features_wrapper .features_box .features p.f_tit { font-size: 2rem; padding: 0 0 20px 0; margin: 0 0 20px 0; } }
/* -----------------------------------------------------------
　通いやすい4つの特徴
----------------------------------------------------------- */
.point_wrapper { width: 100%; padding: 3rem 0 0 0; background: #fff9e8; }
.point_wrapper .point_box { width: 90%; margin: 0 auto; display: block; padding: 0 0 3rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.point_wrapper .point_box .point { width: 100%; margin: 0 0 3rem 0; }
.point_wrapper .point_box .point figure { margin: 0 auto 1rem; padding: 0; width: 80%; height: 20rem; background: #ffffff; border-radius: 8px; 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; }
.point_wrapper .point_box .point p { font-size: 1.4rem; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.6; }
.point_wrapper .point_box .point p.p_tit { font-weight: bold; text-align: center; font-size: 1.6rem; margin: 0; }

@media print, screen and (min-width: 768px) { .point_wrapper { padding: 40px 0 0 0; }
  .point_wrapper .point_box { width: 1200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0 30px 0; }
  .point_wrapper .point_box .point { width: 270px; margin: 0; }
  .point_wrapper .point_box .point figure { margin: 0 0 14px 0; width: 270px; height: 200px; }
  .point_wrapper .point_box .point p { font-size: 1.6rem; min-height: 48px; }
  .point_wrapper .point_box .point p.p_tit { font-size: 2rem; line-height: 1.2; margin: 0 0 14px 0; } }
/* ----------------------------------------------------------- スライダー　（ループ）
------------------------------------------------------------ */
/*ビューポートの幅にフィットする外枠*/
.loopWrap { overflow: hidden; margin: 0; /*幅からはみ出てしまうものを見えないようにする*/ }

.loopSlide { background: url(../images/img_slider.jpg) repeat-x; /*画像データ　1枚画像*/ background-size: contain; height: 200px; width: 6000px; /*画像幅（3倍にした数値）を指定 表示枚数の変更があったら数値変更*/ -webkit-animation: slide 100s linear infinite; animation: slide 100s linear infinite; /*アニメーションの実行時間、進行速度の割合、繰り返し回数*/ }

/*画像が左から右に無限ループするような動き*/
@-webkit-keyframes slide { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { -webkit-transform: translate3d(-1993px, 0, 0); transform: translate3d(-1993px, 0, 0);
    /*画像表示サイズの幅移動*/ } }
@keyframes slide { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { -webkit-transform: translate3d(-1993px, 0, 0); transform: translate3d(-1993px, 0, 0);
    /*画像表示サイズの幅移動*/ } }
@media (min-width: 768px) { .loopWrap { overflow: hidden; margin: 80px 0 40px 0; }
  .loopSlide { height: 250px; background-size: auto; /*pc用のサイズリセット変更*/ } }
/* -----------------------------------------------------------
　診療時間表
----------------------------------------------------------- */
.table_wrapper { padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; background: #ffffff; }
.table_wrapper table.timetable { vertical-align: middle; width: 100%; margin: 0 auto; padding: 0; text-align: center; border-collapse: collapse; -webkit-box-sizing: border-box; box-sizing: border-box; }
.table_wrapper table.timetable tr { margin: 0 auto; padding: 0; vertical-align: middle; }
.table_wrapper table.timetable tr th, .table_wrapper table.timetable tr td { text-align: center; font-size: 1.1rem; padding: .8rem 0; }
.table_wrapper table.timetable tr th { vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f9be00; white-space: nowrap; font-weight: bold; }
.table_wrapper table.timetable tr td { width: 11%; color: #f9be00; border-bottom: 1px #cccccc solid; }
.table_wrapper table.timetable tr td.time { width: 23%; white-space: nowrap; color: #222222; line-height: 1.25; }
.table_wrapper p.notice { margin: 1rem 0 0 0; font-size: 1.2rem; line-height: 1.5; text-align: left; }

@media print, screen and (min-width: 768px) { .table_wrapper { padding: 0 0 28px 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
  .table_wrapper table.timetable { vertical-align: middle; width: 100%; margin: 0 auto; padding: 0; text-align: center; border-collapse: collapse; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .table_wrapper table.timetable tr { margin: 0 auto; padding: 0; vertical-align: middle; }
  .table_wrapper table.timetable tr th, .table_wrapper table.timetable tr td { text-align: center; font-size: 1.6rem; }
  .table_wrapper table.timetable tr th { height: 50px; padding: 0; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; }
  .table_wrapper table.timetable tr td { padding: 12px 0; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .table_wrapper p.notice { margin: 20px 0 0 20px; font-size: 1.6rem; } }
/* -----------------------------------------------------------
　医院概要
----------------------------------------------------------- */
.overview_bg { background: #f9f9f9; width: 100%; margin: 0; padding: 3rem 0 1rem; }
.overview_bg .overview { padding: 0; margin: 0 auto 3rem; width: 95%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.overview_bg .overview figure { text-align: center; margin: 0 0 2rem 0; }
.overview_bg .overview figure img { width: 90%; }
.overview_bg .overview p.info { text-align: center; font-size: 1.2rem; margin: 0 0 1rem 0; line-height: 1.3; }
.overview_bg .overview p.tel a { text-decoration: none; text-align: center; font-family: "Josefin Sans", sans-serif; font-weight: bold; color: #985e00; font-size: 2.6rem; margin: 1rem 0; display: block; }
.overview_bg .overview p.tel a::before { font-family: fontello; display: inline-block; content: '\0e800'; margin: 0 8px 0 0; }
.overview_bg .overview .ov_reserve { width: 100%; 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; margin: 0 0 2rem 0; }
.overview_bg .overview .ov_reserve a.btn_rsv { text-decoration: none; width: 49%; height: 3rem; color: #FFFFFF; border-radius: 30px; text-align: center; font-size: 1.2rem; font-weight: bold; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; 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; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; }
.overview_bg .overview .ov_reserve a.btn_rsv span::before { font-family: fontello; display: inline-block; margin: 0 1rem 0 0; }
.overview_bg .overview .ov_reserve a.btn_rsv::after { font-family: fontello; content: '\0f006'; position: absolute; right: 1rem; top: .8rem; color: #FFFFFF; }
.overview_bg .overview .ov_reserve a.btn_web { background: #ff6600; }
.overview_bg .overview .ov_reserve a.btn_web span::before { content: '\0e822'; }
.overview_bg .overview .ov_reserve a.btn_online { background-color: #8dc21f; }
.overview_bg .overview .ov_reserve a.btn_online span::before { content: '\0e824'; }
.overview_bg .overview .ov_reserve a.btn_online span.small { font-size: 60%; width: 100%; }
.overview_bg .overview .ov_reserve a.btn_online span.small::before { content: ''; }
.overview_bg .overview .ov_reserve a.btn_blog { background: #985e00; }
.overview_bg .overview .ov_reserve a.btn_blog span::before { content: '\e803'; }
.overview_bg .overview .ov_reserve a.btn_yellow { border-radius: 6px; text-decoration: none; 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; color: #FFFFFF; font-weight: bold; font-size: 1.2rem; width: 32%; height: 3rem; background: #f9be00 url("../images/icon_right.png") no-repeat; background-position: right 4px bottom 4px; }
.overview_bg .overview .ov_reserve p { font-size: 1.2rem; margin: 1rem 0 0 0; }
.overview_bg .overview .overview_frame { display: block; width: 100%; margin: 0; }
.overview_bg .overview .overview_frame .overview_frame_left, .overview_bg .overview .overview_frame .overview_frame_right { width: 100%; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.overview_bg .overview .overview_frame .overview_frame_left { padding: 0; margin: 0 0 3rem 0; }
.overview_bg .overview .overview_frame .overview_frame_right { padding: 0; }
.overview_bg .overview .overview_frame .overview_frame_right dl { font-size: 0; width: 100%; margin: 0 0 10px 0; 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; }
.overview_bg .overview .overview_frame .overview_frame_right dl dt, .overview_bg .overview .overview_frame .overview_frame_right dl dd { margin: 0 0 1rem 0; font-size: 1.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; line-height: 1.2; }
.overview_bg .overview .overview_frame .overview_frame_right dl dt { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2rem; color: #FFFFFF; background: #a6937c; border-radius: 6px; }
.overview_bg .overview .overview_frame .overview_frame_right dl dd { color: #333333; line-height: 1.4; height: auto; padding: 0; }
.overview_bg .overview .overview_frame .overview_frame_right dl dd p { width: 100%; margin: 0 0 2rem 0; }
.overview_bg .overview .overview_frame .overview_frame_right dl dd p span { display: block; }
.overview_bg .overview .overview_frame .overview_frame_right dl dd span.tel a { text-decoration: none; color: #333333; }
.overview_bg .overview .overview_frame .overview_frame_right figure { margin: 0; padding: 0; }
.overview_bg .overview .overview_frame .overview_frame_right figure img { width: 100%; }
.overview_bg .overview .overview_frame .overview_frame_right a.btn_google { margin: 1rem auto 0; border-radius: 6px; text-decoration: none; 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; color: #FFFFFF; font-weight: bold; font-size: 1.4rem; width: 80%; height: 3rem; background: #f9be00 url("../images/icon_right.png") no-repeat; background-position: right 4px bottom 4px; }

@media print, screen and (min-width: 768px) { .overview_bg { padding: 20px 0 0 0; }
  .overview_bg .overview { padding: 0 0 50px 0; margin: 0 auto; width: 1200px; }
  .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; width: 100%; margin: 0; }
  .overview_bg .overview .overview_frame figure { text-align: left; margin: 0 0 30px 0; text-align: center; }
  .overview_bg .overview .overview_frame figure img { width: 308px; }
  .overview_bg .overview .overview_frame p.info { font-size: 1.6rem; margin: 0 0 10px 0; }
  .overview_bg .overview .overview_frame p.tel { text-align: center; font-family: "Josefin Sans", sans-serif; font-weight: bold; color: #985e00; font-size: 4rem; margin: 20px 0 40px 0; }
  .overview_bg .overview .overview_frame p.tel::before { font-family: fontello; display: inline-block; content: '\0e800'; margin: 0 8px 0 0; font-size: 3rem; }
  .overview_bg .overview .overview_frame .ov_reserve { margin: 0 0 20px 0; }
  .overview_bg .overview .overview_frame .ov_reserve a.btn_rsv { width: 280px; height: 60px; font-size: 2rem; }
  .overview_bg .overview .overview_frame .ov_reserve a.btn_rsv span::before { margin: 0 10px 0 0; }
  .overview_bg .overview .overview_frame .ov_reserve a.btn_rsv::after { right: 20px; top: 20px; }
  .overview_bg .overview .overview_frame .ov_reserve a.btn_web:hover { background-color: chocolate; }
  .overview_bg .overview .overview_frame .ov_reserve a.btn_online:hover { background-color: darkgreen; }
  .overview_bg .overview .overview_frame .ov_reserve a.btn_yellow { font-size: 1.6rem; width: 180px; height: 36px; }
  .overview_bg .overview .overview_frame .ov_reserve a.btn_yellow:hover { background-color: #ff9700; }
  .overview_bg .overview .overview_frame .ov_reserve p { font-size: 1.4rem; margin: 14px 0 0 0; }
  .overview_bg .overview .overview_frame .overview_frame_left, .overview_bg .overview .overview_frame .overview_frame_right { width: 50%; }
  .overview_bg .overview .overview_frame .overview_frame_left { padding: 0 20px 0 0; margin: 0; }
  .overview_bg .overview .overview_frame .overview_frame_right { padding: 40px 0 0 20px; }
  .overview_bg .overview .overview_frame .overview_frame_right dl dt, .overview_bg .overview .overview_frame .overview_frame_right dl dd { font-size: 1.6rem; }
  .overview_bg .overview .overview_frame .overview_frame_right dl dt { width: 100px; height: 30px; }
  .overview_bg .overview .overview_frame .overview_frame_right dl dd { width: 480px; padding: 0 0 0 20px; }
  .overview_bg .overview .overview_frame .overview_frame_right dl dd p { margin: 0 0 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .overview_bg .overview .overview_frame .overview_frame_right figure { margin: 58px 0 0 0; }
  .overview_bg .overview .overview_frame .overview_frame_right a.btn_google { margin: 18px auto 0; font-size: 1.6rem; width: 180px; height: 36px; }
  .overview_bg .overview .overview_frame .overview_frame_right a.btn_google:hover { background-color: #ff9700; } }
/* -----------------------------------------------------------
　フッター
----------------------------------------------------------- */
footer { margin-bottom: 5.1rem; }
footer .global-nav { position: fixed; left: 0; bottom: 0; z-index: 999; width: 100%; border-top: 1px #FFFFFF solid; }
footer .nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border-collapse: collapse; padding: 0; list-style: none; text-align: center; background-color: #8dc21f; }
footer .nav-item { 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; border-left: .1rem #FFFFFF solid; padding: 1rem 0; white-space: nowrap; width: 50%; }
footer .nav-item:first-child { border-left: 0; }
footer .nav-item a { text-decoration: none; color: #FFFFFF; font-size: .9rem; font-weight: normal; width: 100%; }
footer .nav-item a span::before { font-family: fontello; display: block; margin: 0 0 .6rem 0; font-size: 1.6rem; }
footer .nav-item a span.f_home::before { content: '\0e802'; }
footer .nav-item a span.f_info::before { content: '\0e801'; }
footer .nav-item a span.f_blog::before { content: '\0e803'; }
footer .nav-item a span.f_call::before { content: '\0e800'; }
footer .nav-item a span.f_access::before { content: '\0f031'; }
footer .nav-item a span.f_online::before { content: '\0e824'; }
footer .nav-item a span.f_rsv::before { content: '\0e822'; }
footer .footer_frame { display: none; }
footer a.link { text-decoration: none; }
footer a.link .copyright { background: #f9be00; color: #222222; padding: 0.8rem 0; font-size: 1.2rem; text-align: center; margin: 0; width: 100%; }

@media print, screen and (min-width: 768px) { footer { margin-bottom: 0; }
  footer nav.global-nav { display: none; }
  footer .footer_frame { padding: 18px 0 4px; display: block; width: 1200px; margin: 0 auto; }
  footer .footer_frame ul { text-align: center; }
  footer .footer_frame ul li { display: inline-block; padding: 0 10px; border-right: 1px #222222 solid; margin: 0 0 14px 0; }
  footer .footer_frame ul li:last-child { border-right: 0; }
  footer .footer_frame ul li a { color: #222222; font-size: 1.6rem; text-decoration: none; }
  footer .footer_frame ul li a:hover { text-decoration: underline; }
  footer .footer_frame ul li a br { display: none; }
  footer .footer_frame ul ul.sub { display: none; }
  footer a.link .copyright { padding: 40px 0; font-size: 1.6rem; margin: 0; } }
/* -----------------------------------------------------------
　ページトップへ
----------------------------------------------------------- */
#linkpagetop { float: right; }

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

#pagetop { position: fixed; bottom: 21vw; right: 0px; height: 12vw; text-align: right; margin: 0; }

#pagetop a { display: block; }

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

@media print, screen and (min-width: 768px) { #linkpagetop { float: left; }
  #linkpagetop img { display: block; width: 50px; height: auto; }
  #pagetop { position: fixed; bottom: 60px; left: 50%; margin: 0 0 0 640px; height: 50px; text-align: center; }
  #pagetop a { display: block; color: #ffffff; }
  #pagetop_position { float: right; margin: 0px; padding: 0px; } }
@media print, screen and (min-width: 768px) and (max-width: 1500px) { #pagetop { position: fixed; bottom: 30px; left: 94%; margin: 0 0 0 0; height: 50px; text-align: center; } }
/*----------------------------------------------------------- インポート
----------------------------------------------------------- */
/*ハンバーガー*/
.scroll-prevent { position: fixed; z-index: -1; width: 100%; height: 100%; }

#nav-tgl { display: none; }

.nav-tgl-btn { cursor: pointer; position: fixed; top: 0; right: 0; margin: 0; }

.open { z-index: 999; width: 5rem; height: 5rem; background: #8dc21f; -webkit-transition: background 0.6s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background 0.6s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background 0.6s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background 0.6s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

.open::before, .open::after { content: ""; }

.open span, .open::before, .open::after { content: ""; position: absolute; top: calc(42% - 1px); right: 30%; width: 40%; border-bottom: .2rem solid white; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

.open::before { -webkit-transform: translateY(-8px); transform: translateY(-8px); }

.open::after { -webkit-transform: translateY(8px); transform: translateY(8px); }

.open span::after { content: 'MENU'; display: block; color: #FFFFFF; font-size: 1rem; position: absolute; top: 1.3rem; left: -.4rem; right: auto; }

.close { z-index: 1; width: 100%; height: 100%; pointer-events: none; -webkit-transition: background .6s; transition: background .6s; }

#nav-tgl:checked + .open { background: #008000; -webkit-transform: translateX(-26rem); transform: translateX(-26rem); }

#nav-tgl:checked + .open span { -webkit-transform: scaleX(0); transform: scaleX(0); }

#nav-tgl:checked + .open::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: calc(50% - 1px); }

#nav-tgl:checked + .open::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: calc(50% - 1px); }

#nav-tgl:checked ~ .close { pointer-events: auto; background: rgba(0, 0, 0, 0.3); }

.content-wrapper { -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

#nav-tgl:checked ~ .content-wrapper { -webkit-transform: translateX(-250px); transform: translateX(-250px); }

/* メニューデザイン */
.drower-menu { z-index: 999; position: fixed; overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; top: 0; right: 0; width: 26rem; height: 100%; margin: 0; padding: 0 0 6rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(163, 138, 119, 0.9); -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

.drower-menu a { display: block; color: #FFFFFF; padding: 1rem; text-decoration: inherit; -webkit-transition: background .6s; transition: background .6s; font-size: 1.4rem; }
.drower-menu a br { display: none; }

.drower-menu a:hover { background: black; }

#nav-tgl:checked ~ .drower-menu { -webkit-transform: none; transform: none; }

.drower-menu-list ul.hbg { list-style: none; margin: 0; padding: 0; text-align: center; }
.drower-menu-list ul.hbg li { border-bottom: 1px #CCCCCC solid; }
.drower-menu-list ul.hbg li p { color: #222222; background: #ffffff; margin: 0; font-size: 1.4rem; padding: 1rem; font-weight: bold; }
.drower-menu-list ul.hbg li.treatment { display: none; }
.drower-menu-list ul.hbg li:last-of-type { border-bottom: 0; }
.drower-menu-list ul.sub { display: none; }

/*ハンバーガーこっち
@import "component";
*/
/*アサイド*/
/* -----------------------------------------------------------
　アサイド
----------------------------------------------------------- */
/*SP*/
aside { display: none; }

@media screen and (min-width: 768px) { aside { display: block; width: 300px; height: auto; margin: 0; }
  aside div { margin: 0; padding: 0; width: 100%; min-height: 100%; }
  aside div .tit { background: #f9be00; padding: 0; height: 90px; -webkit-box-sizing: border-box; box-sizing: border-box; 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; }
  aside div .tit span { font-size: 3rem; font-weight: bold; color: #FFFFFF; margin: 0; text-align: center; }
  aside div .tit span::after { content: 'Treatment'; font-size: 1.6rem; display: block; margin: 4px 0 0 0; }
  aside div ul { list-style-type: none; padding: 10px 0 0 0; }
  aside div ul li { margin: 0 auto 10px; padding: 0 0 0 18px; width: 300px; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px #f9be00 solid; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }
  aside div ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-size: 2.0rem; color: #222222; white-space: nowrap; }
  aside div ul li::after { font-family: fontello; content: '\0f006'; position: absolute; right: 10px; top: 24px; color: #f9be00; }
  aside div ul li:hover { background-color: #ff6600; }
  aside div ul li:hover a { color: #FFFFFF; }
  aside div ul li.list_sub { border: 0; height: auto; border-radius: 0; padding: 6px 0 6px 18px; }
  aside div ul li.list_sub a { font-size: 1.6rem; }
  aside div ul li.list_sub::after { content: ''; }
  aside div ul li.sub_top { margin: 20px 0 10px 0; }
  aside div ul li.sub_bottom { margin: 0 0 30px 0; }
  aside div ul.blognav { margin: 40px 0 0 0; }
  aside div ul.blognav li { height: 80px; border: 2px #8dc21f solid; margin: 0 0 20px 0; background: #8dc21f url("../images/bnr_blog.jpg") no-repeat right center; }
  aside div ul.blognav li a { color: #FFFFFF; font-size: 2rem; font-weight: bold; width: 100%; height: 100%; }
  aside div ul.blognav li::after { content: ''; }
  aside div ul.blognav li.aside_insta { background: #8dc21f url("../images/bnr_insta.jpg") no-repeat right center; }
  aside div ul.blognav li.aside_staff { background: #8dc21f url("../images/bnr_staff.jpg") no-repeat right center; }
  aside div ul.blognav li.img_staff { border: 0; background: none; border-radius: 0; padding: 0; }
  aside div ul.blognav li:hover { opacity: 0.8; }
  aside .bnr_skinhealth:hover { opacity: .8; }
  aside .bnr_caloo { margin: 3.0rem auto 0; display: block; }
  aside .bnr_insta { margin: 3.0rem auto 0; display: block; }
  aside .bnr_insta img { width: 30.0rem; }
  aside .bnr_insta img:hover { opacity: .8; }
  aside .line-info { margin: 3.0rem auto 0; width: 30.0rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: .1rem #00b900 solid; background: #fff; padding: 2.3rem; border-radius: .8rem; }
  aside .line-info p { font-size: 1.4rem; line-height: 1.6; }
  aside .line-info p.line_tit { color: #00b900; font-weight: bold; text-align: center; font-size: 2.0rem; line-height: 1.0; }
  aside .line-info .flex_line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 2.4rem auto 2.0rem; }
  aside .line-info .flex_line img { width: 11.0rem; margin: 0 0 0 2.6rem; }
  aside .line-info img.btn_qr { display: block; width: 23.2rem; margin: 0 auto; } }
/*イメージ*/
/* -----------------------------------------------------------
　イメージ
----------------------------------------------------------- */
.img_right { margin: 0 0 10px 0; text-align: center; }
.img_right img { width: 70%; height: auto; }

.img_doctor { margin: 0 0 1.8rem 0; text-align: center; }
.img_doctor img { width: 80%; 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 figure { margin: 0; padding: 0; }
.img_two figure img { width: 70%; margin: 0 auto 20px auto; display: block; }

@media print, screen and (min-width: 768px) { .img_right { float: right; margin: 0 0 10px 10px; }
  .img_right img { width: 350px; height: auto; }
  .img_small img { width: 200px; }
  .img_doctor { float: right; margin: 0 0 20px 20px; }
  .img_doctor img { width: 340px; height: auto; }
  .img_center { float: none; margin: 0 0 10px; text-align: center; }
  .img_center img { max-width: 100%; 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; margin: 20px 0 0 0; }
  .img_two figure.left { width: 67%; }
  .img_two figure.right { width: 30%; }
  .img_two figure img { width: 100%; margin: 0 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:1.4; font-size:$text_sp; list-style-type: none; margin: 0 0 2rem 0;
		box-sizing: border-box; li{
			width: 94%; margin: 0 1.0rem; padding-left:1.0rem;
			padding-right: 1.0rem; text-indent:-2.0rem;
			box-sizing: border-box;
			display: flex;
			align-items: baseline; &::before { content: '\2022'; color: #fce391; font-size: 140%;
				height: 1.3rem;
				display: block;
				box-sizing: border-box; } } }
}
*/
ul.list_normal { list-style: none; }
ul.list_normal li { text-indent: -1.8rem; padding-left: 2.2rem; padding-bottom: 1.0rem; line-height: 1.4; font-size: 1.2rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
ul.list_normal li::before { content: '●'; margin-right: .6rem; color: #fce391; font-size: 60%; vertical-align: .2rem; }

ul.list_arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
ul.list_arrow li::before { content: url("../images/arrow_down.png"); vertical-align: 2px; }

ul.list_flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
ul.list_flex li::before { content: '\2022'; color: #fce391; padding: 0 .4rem 0 0; font-size: 3rem; vertical-align: -.7rem; }

/*画像●*/
ul.list_maru { padding: 0; margin: 0; }
ul.list_maru li { line-height: 130%; font-size: 1.2rem; 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.2rem; 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.2rem; 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.2rem; 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.2rem; 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.2rem; list-style-type: disc; margin: 0 0 10px 25px; }

@media print, screen and (min-width: 768px) { /*標準*/
  	/* ul{ &.list_normal{ line-height:1.4; font-size:$text_pc; list-style-type: none; margin: 0 0 20px 0; li{ margin:0 0 0 10px; padding-left:1.4rem; text-indent:-2.4rem; &::before { padding: 0 20px 0 0; 				} } } } 	*/
  ul.list_normal li { text-indent: -2.2rem; padding-left: 2.4rem; font-size: 1.6rem; }
  ul.list_arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  ul.list_arrow li::before { content: url("../images/arrow_down.png"); vertical-align: 2px; }
  ul.list_flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  ul.list_flex li::before { content: '\2022'; padding: 0 8px 0 0; font-size: 3rem; vertical-align: -5px; }
  /*画像●*/
  ul.list_maru { padding: 0; }
  ul.list_maru li { line-height: 100%; font-size: 1.6rem; 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.6rem; 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.6rem; 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.6rem; list-style-type: decimal; margin: 0 0 1.0rem 3.0rem; -webkit-box-sizing: border-box; box-sizing: border-box; width: 90%; }
  /*概要*/
  ul.list_overview li { line-height: 130%; font-size: 1.6rem; 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.6rem; 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.2rem; font-family: "メイリオ", Meiryo, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -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.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 20px 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 print, 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.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 140%; width: 100%; margin: 0 0 4rem 0; }
  dl.bio_list dt { width: 13%; margin: 0 0 20px 0; font-weight: normal; }
  dl.bio_list dd { width: 87%; 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.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 20px 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 { text-align: center; font-size: 2.2rem; font-weight: bold; color: #985e00; line-height: inherit; margin: 0 0 3rem 0; }
h2.top::before { content: url("../images/h2_before.png"); display: block; margin: 0 0 1rem 0; }
h2.top::after { content: 'Greetings'; font-weight: bold; font-size: 1.4rem; color: #f9be00; margin: 1rem 0 0 0; display: block; }
h2.notice { font-size: 2.2rem; font-weight: bold; text-align: left; color: #985e00; -webkit-box-sizing: border-box; box-sizing: border-box; }
h2.notice::after { content: 'News'; display: inline-block; font-size: 1.4rem; margin: 0 0 0 1rem; color: #f9be00; font-family: "Josefin Sans", sans-serif; }
h2.trouble { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 95%; margin: 0 auto; }
h2.trouble span { color: #985e00; font-weight: bold; font-size: 2.2rem; margin: 2rem auto 0; line-height: inherit; display: inline-block; }
h2.trouble span.fs36 { font-size: 2.4rem; display: inline; line-height: 0; }
h2.trouble::before { content: url("../images/icon_petapeta.png"); display: inline-block; margin: 0 1rem 0 0; }
h2.trouble::after { content: url("../images/icon_bear.png"); display: inline-block; margin: 0 0 0 1rem; }
h2.low { margin: 0 0 2rem 0; padding: 6rem 0; border-bottom: double 4px #985e00; -webkit-box-sizing: border-box; box-sizing: border-box; color: #985e00; text-align: center; font-size: 2.2rem; font-weight: bold; height: auto; background: url("../images/h2_back.png") no-repeat center center; }

h3 { clear: both; text-align: left; font-size: 2.0rem; font-weight: bold; color: #985e00; padding: .6rem 1rem .2rem; margin: 3rem 0 1.8rem 0; background: #fefdda; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; }
h3::before { content: url("../images/h3_before.png"); display: inline-block; margin: 0 8px 0 0; vertical-align: text-top; }

h4 { clear: both; text-align: left; font-size: 1.8rem; font-weight: bold; color: #985e00; padding: 0 0 8px 0; margin: 2.6rem 0 1.6rem 0; border-bottom: solid 1px #aaaaaa; position: relative; }
h4::after { position: absolute; content: " "; display: block; border-bottom: solid 1px #ff6600; bottom: -1px; width: 10%; }

h5 { clear: both; font-weight: bold; text-align: left; font-size: 1.6rem; background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #fce391)); background: linear-gradient(transparent 70%, #fce391 70%); display: inline-block; margin: 2rem 0 1.4rem 0; }

@media print, screen and (min-width: 768px) { h2.top { text-align: center; font-size: 3rem; font-weight: bold; color: #985e00; line-height: inherit; margin: 0 0 40px 0; }
  h2.top::before { content: url("../images/h2_before.png"); display: block; margin: 0 0 10px 0; }
  h2.top::after { content: 'Greetings'; font-weight: bold; font-size: 1.6rem; color: #f9be00; margin: 10px 0 0 0; display: block; }
  h2.features::after { content: 'Features'; }
  h2.point::after { content: 'Point'; }
  h2.notice { font-size: 2.4rem; font-weight: bold; text-align: left; color: #985e00; -webkit-box-sizing: border-box; box-sizing: border-box; }
  h2.notice::after { content: 'News'; display: inline-block; font-size: 1.6rem; margin: 0 0 0 18px; color: #f9be00; font-family: "Josefin Sans", sans-serif; }
  h2.trouble { text-align: center; display: block; }
  h2.trouble span { color: #985e00; font-weight: bold; font-size: 3rem; margin: 24px auto 0; line-height: 1.1; letter-spacing: 5px; display: inline-block; }
  h2.trouble span.fs36 { font-size: 3.6rem; display: inline-block; }
  h2.trouble::before { content: url("../images/icon_petapeta.png"); display: inline-block; margin: 0 100px 0 0; vertical-align: 18px; }
  h2.trouble::after { content: url("../images/icon_bear.png"); display: inline-block; margin: 0 0 0 84px; vertical-align: -13px; }
  h2.low { margin: 0 0 26px 0; padding: 60px 0; border-bottom: double 4px #985e00; -webkit-box-sizing: border-box; box-sizing: border-box; color: #985e00; text-align: center; font-size: 3rem; font-weight: bold; height: auto; background: url("../images/h2_back.png") no-repeat center top; }
  h3 { font-size: 2.6rem; padding: 10px 14px 4px; margin: 40px 0 20px 0; }
  h4 { font-size: 2.2rem; padding: 0 0 8px 0; margin: 30px 0 16px 0; }
  h5 { font-size: 1.6rem; margin: 36px 0 16px 0; } }
/*下層*/
/*common*/
.low .side-menu_line, .low .side-menu_insta { display: none; }
.low section { margin: 0 0 3rem 0; }
.low .main { width: 90%; margin: 0 auto; }
.low .mt30 { margin-top: 2rem; }
.low .mg0 { margin: 0; }
.low .red { color: #FF0000; }
.low .blue { color: #2182E8; }
.low .txt_r { text-align: center; }
.low .komoku { color: #0066cc; font-weight: bold; font-size: 2.0rem; margin: 0 0 1.0rem; }
.low .fix_anchor::before { content: " "; margin-top: -80px; height: 80px; display: block; visibility: hidden; }
.low .line_yellow { border-bottom: 2px yellow solid; margin: 0 0 1.4rem 0; display: inline-block; }
.low .emphasis { background: #8dc21f; padding: 0 1rem; color: #FFFFFF; -webkit-box-sizing: border-box; box-sizing: border-box; }
.low .s_em { background: #9c9c9c; padding: 0 1.8rem; color: #FFFFFF; display: block; width: 60%; margin: 0 0 1.0rem 0; }
.low .s_em_botox { background: #9e9e9e; padding: 0 1.8rem; color: #FFFFFF; display: block; width: 60%; margin: 0 0 1.0rem 0; }
.low .sokutei { border: .2rem #0066cc solid; border-radius: 8px; background: #fff; padding: 1.0rem; }
.low figure.image_r { display: block; width: 85%; margin: 0 auto 2rem; }
.low figure.image_r img { width: 100%; }
.low figure.image_r figcaption { text-align: center; margin: .8rem 0 0 0; font-size: 1.4rem; }
.low p { font-size: 1.2rem; line-height: 1.6; margin: 0 auto 1.6rem; width: 97%; }
.low .line_text { background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #f9be00)); background: linear-gradient(transparent 70%, #f9be00 70%); display: inline-block; margin: 0 0 1rem 0; width: auto; }
.low .blue_text { width: 100%; background-color: #fef5da; padding: 1.2rem 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 1.0rem 0 2rem 0; }
.low .blue_text p { margin: 0; font-size: 1.2rem; color: #3f2d0c; line-height: 1.2; }
.low .check { position: relative; padding-left: 25px; }
.low .check::before { content: ""; position: absolute; top: .35em; left: 6px; -webkit-transform: rotate(50deg); transform: rotate(50deg); width: 3px; height: 7px; border-right: 2px solid #8b6b4e; border-bottom: 2px solid #8b6b4e; }
.low .check::after { content: ""; position: absolute; top: .2em; left: 0; width: 15px; height: 15px; border: 1px solid #8b6b4e; border-radius: 2px; }
.low table.tbl_list th, .low table.tbl_list td { font-size: 1.2rem; font-weight: normal; padding: 1rem; }
.low table.tbl_list th { white-space: nowrap; }
.low table.tbl_list2 { margin: 0 auto 2.0rem; width: 98%; table-layout: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; }
.low table.tbl_list2 th, .low table.tbl_list2 td { font-size: 1.2rem; font-weight: normal; padding: 1rem; border-bottom: .1rem #cccccc solid; border-left: .1rem #cccccc solid; line-height: 1.4; vertical-align: middle; }
.low table.tbl_list2 th:first-of-type, .low table.tbl_list2 td:first-of-type { border-top: .1rem #cccccc solid; }
.low table.tbl_list2 th { background-color: #a6937c; color: #FFFFFF; font-weight: bold; vertical-align: middle; }
.low table.tbl_list2 td { border-right: .1rem #cccccc solid; text-align: center; }
.low dl.list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: 0 0 2rem 0; }
.low dl.list dt, .low dl.list dd { font-family: "メイリオ", Meiryo, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.2rem; line-height: 1.4; border-bottom: 1px #aaaaaa solid; border-right: 1px #8dc21f solid; -webkit-box-sizing: border-box; box-sizing: border-box; }
.low dl.list dt:first-of-type, .low dl.list dd:first-of-type { border-top: 1px #aaaaaa solid; }
.low dl.list dt { width: 30%; background: #e3fae1; padding: 1rem 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; border-left: 1px #8dc21f solid; }
.low dl.list dd { width: 70%; padding: 1rem 1rem 1rem 1.6rem; }
.low dl.dl_lb { 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; }
.low dl.dl_lb div { width: 49%; text-align: center; margin-bottom: 1.5rem; line-height: 2; color: #5E8ECB; font-weight: bold; font-size: 1.4rem; }
.low dl.dl_lb div dd img { max-width: 100%; width: auto; }
.low dl.overview_list { font-size: 0; width: 100%; margin: 0 0 10px 0; 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; }
.low dl.overview_list dt, .low dl.overview_list dd { margin: 0 0 1rem 0; font-size: 1.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; line-height: 1.2; }
.low dl.overview_list dt { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2rem; color: #FFFFFF; background: #a6937c; border-radius: 6px; }
.low dl.overview_list dd { color: #333333; line-height: 1.4; height: auto; padding: 0; }
.low dl.overview_list dd p { width: 100%; margin: 0 0 2rem 0; }
.low dl.overview_list dd p span { display: block; }
.low dl.overview_list dd span.tel a { text-decoration: none; color: #333333; }
.low a.btn_link { text-decoration: none; width: auto; height: auto; color: #FFFFFF; font-size: 1.4rem; background: #f9be00 url("../images/btn_arrow.png") no-repeat right 0.8rem center; border-radius: 6px; text-align: center; margin: 0 0 1rem auto; padding: 1rem 2.5rem 1rem 1.8rem; display: inline-block; }
.low a.normal_link { text-decoration: none; color: #744b39; }
.low a.normal_link:hover { text-decoration: underline; }
.low a.link_arrow { color: #8dc21f; }
.low a.link_arrow::before { content: url("../images/arrow_right.png"); display: inline-block; margin: 0 .6rem 0 0; }
.low a.bnr_link { text-align: center; display: block; }
.low .googlemap p { font-family: "メイリオ", Meiryo, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.6rem; font-weight: bold; letter-spacing: 1px; margin: 0 0 0.6rem 0; }
.low .googlemap iframe { width: 100%; height: 30rem; }
.low .btn_anchor_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.low .btn_anchor_wrapper a { display: block; text-decoration: none; width: 49%; background: #F3F2F1; color: #222222; font-size: 1.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .8rem 0; margin: 0 0 1.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.low .bnr_ai { background: url("../images/bg_01.gif"); padding: 2.8rem 1.8rem; }
.low .bnr_ai p.tit { text-align: center; color: #985e00; font-weight: bold; font-size: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.low .bnr_ai p.tit::before, .low .bnr_ai p.tit::after { display: inline-block; }
.low .bnr_ai p.tit::before { content: url("../images/shape_l.png"); margin: 0 1.0rem 0 0; }
.low .bnr_ai p.tit::after { content: url("../images/shape_r.png"); margin: 0 0 0 1.0rem; }
.low .bnr_ai p.main_tit { text-align: center; color: #985e00; font-weight: bold; font-size: 1.8rem; }
.low .bnr_ai a.btn_link { margin: 2.0rem auto 0; }

@media print, screen and (min-width: 768px) { .low .side-menu_line, .low .side-menu_insta { display: block; }
  .low section { margin: 0 0 60px 20px; }
  .low .main { width: 840px; margin: 0 0 0 auto; }
  .low .mt30 { margin-top: 30px; }
  .low .komoku { font-size: 3.6rem; }
  .low figure.image_r { float: right; width: 40%; margin: 0 0 0 3rem; }
  .low figure.image_r img { width: 100%; }
  .low figure.image_r figcaption { margin: .8rem 0 0 0; text-align: center; font-size: 1.8rem; }
  .low .s_em { width: 22%; }
  .low p { font-size: 1.6rem; line-height: 1.6; margin: 0 auto 20px; width: 96%; }
  .low p.doctor_name { text-align: right; margin: 0; }
  .low p.camera::before { font-family: fontello; content: '\0e82c'; display: inline-block; margin: 0 4px 0 0; }
  .low .blue_text { padding: 2rem 3rem; margin: 1rem 0 3rem 0; }
  .low .blue_text p { font-size: 1.6rem; line-height: 1.4; }
  .low table.tbl_list th, .low table.tbl_list td { font-size: 1.6rem; font-weight: normal; padding: 1rem; }
  .low table.tbl_list2 { margin: 0 auto 3.0rem; }
  .low table.tbl_list2 th, .low table.tbl_list2 td { font-size: 1.6rem; font-weight: normal; padding: 1.4rem 1.0rem; border-bottom: .1rem #CCCCCC solid; border-left: .1rem #CCCCCC solid; }
  .low table.tbl_list2 th:last-of-type, .low table.tbl_list2 td:last-of-type { border-right: .1rem #CCCCCC solid; }
  .low table.tbl_list2 th:first-of-type, .low table.tbl_list2 td:first-of-type { text-align: center; }
  .low table.tbl_list2 th { background: #a6937c; font-weight: bold; }
  .low table.tbl_list2 th:first-of-type { border-right: .1rem #CCCCCC solid; }
  .low table.tbl_list2 td { border-right: .1rem #CCCCCC solid; }
  .low dl.list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
  .low dl.list dt, .low dl.list dd { font-family: "メイリオ", Meiryo, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.6rem; line-height: 1.4; border-bottom: 1px #8dc21f solid; border-right: 1px #8dc21f solid; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .low dl.list dt:first-of-type, .low dl.list dd:first-of-type { border-top: 1px #8dc21f solid; }
  .low dl.list dt { width: 20%; background: #e3fae1; padding: 12px 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; border-left: 1px #8dc21f solid; }
  .low dl.list dd { width: 80%; padding: 12px 12px 12px 22px; }
  .low dl.dl_lb { 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; }
  .low dl.dl_lb div { width: 49%; text-align: center; margin-bottom: 1.5rem; line-height: 2; color: #5E8ECB; font-weight: bold; font-size: 1.8rem; }
  .low dl.dl_lb div dd img { max-width: 100%; width: auto; }
  .low dl.overview_list dt, .low dl.overview_list dd { font-size: 1.6rem; }
  .low dl.overview_list dt { width: 100px; height: 30px; }
  .low dl.overview_list dd { width: 720px; padding: 0 0 0 20px; }
  .low dl.overview_list dd p { margin: 0 0 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .low a.btn_link { text-decoration: none; width: auto; height: auto; color: #FFFFFF; font-size: 1.6rem; text-align: center; margin: 0 auto 20px 0; padding: 12px 32px 12px 18px; display: inline-block; }
  .low a:hover { opacity: 0.8; }
  .low .googlemap p { font-family: "メイリオ", Meiryo, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.8rem; font-weight: bold; letter-spacing: 1px; margin: 0 0 8px 0; }
  .low .googlemap iframe { width: 100%; height: 500px; }
  .low .btn_anchor_wrapper a { width: 32%; font-size: 1.6rem; padding: 1.0rem 2rem; margin: 0 0 1.6rem; }
  .low .bnr_ai { padding: 4.4rem 3.0rem; }
  .low .bnr_ai p.tit { font-size: 2.0rem; }
  .low .bnr_ai p.tit::before { margin: 0 2.4rem 0 0; }
  .low .bnr_ai p.tit::after { margin: 0 0 0 2.4rem; }
  .low .bnr_ai p.main_tit { font-size: 3.0rem; }
  .low .bnr_ai a.btn_link { margin: 4.0rem auto 0; } }
/* アクセス */
.access .ov_reserve { width: 100%; 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; margin: 0 0 2rem 0; }
.access .ov_reserve a.btn_rsv { text-decoration: none; width: 49%; height: 3rem; color: #FFFFFF; border-radius: 30px; text-align: center; font-size: 1.2rem; font-weight: bold; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; 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; }
.access .ov_reserve a.btn_rsv span::before { font-family: fontello; display: inline-block; margin: 0 1rem 0 0; }
.access .ov_reserve a.btn_rsv::after { font-family: fontello; content: '\0f006'; position: absolute; right: 1rem; top: .8rem; color: #FFFFFF; }
.access .ov_reserve a.btn_web { background: #ff6600; }
.access .ov_reserve a.btn_web span::before { content: '\0e822'; }
.access .ov_reserve a.btn_online { background-color: #8dc21f; }
.access .ov_reserve a.btn_online span::before { content: '\0e824'; }
.access .ov_reserve a.btn_yellow { border-radius: 6px; text-decoration: none; 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; color: #FFFFFF; font-weight: bold; font-size: 1.2rem; width: 32%; height: 3rem; background: #f9be00 url("../images/icon_right.png") no-repeat; background-position: right 4px bottom 4px; }
.access .ov_reserve p { font-size: 1.2rem; margin: 1rem 0 0 0; }
.access figure { margin: 2rem auto; padding: 0; text-align: center; width: 100%; }
.access figure img { width: 100%; }
.access a.btn_google { margin: 1rem auto 0; border-radius: 6px; text-decoration: none; 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; color: #FFFFFF; font-weight: bold; font-size: 1.4rem; width: 80%; height: 3rem; background: #f9be00 url("../images/icon_right.png") no-repeat; background-position: right 4px bottom 4px; }

@media print, screen and (min-width: 768px) { .access .ov_reserve { margin: 40px 0; }
  .access .ov_reserve a.btn_rsv { width: 49%; height: 60px; font-size: 2rem; }
  .access .ov_reserve a.btn_rsv span::before { margin: 0 10px 0 0; }
  .access .ov_reserve a.btn_rsv::after { right: 20px; top: 20px; }
  .access .ov_reserve a.btn_web:hover { background-color: chocolate; }
  .access .ov_reserve a.btn_online:hover { background-color: darkgreen; }
  .access .ov_reserve a.btn_yellow { font-size: 1.6rem; width: 32%; height: 36px; }
  .access .ov_reserve a.btn_yellow:hover { background-color: #ff9700; }
  .access .ov_reserve p { font-size: 1.4rem; margin: 14px 0 0 0; }
  .access figure { margin: 30px auto; padding: 0; text-align: center; }
  .access figure img { width: auto; }
  .access a.btn_google { margin: 18px auto 0; font-size: 1.6rem; width: 180px; height: 36px; }
  .access a.btn_google:hover { background-color: #ff9700; } }
/* 美容皮膚科・自費診療 */
.private li.fukidashi a { position: relative; }
.private li.fukidashi a span { opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; background: #000; position: absolute; color: #fff; padding: 5px; width: 100%; bottom: calc(100% + 17px); left: -2px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; word-wrap: break-word; border-radius: 3px; visibility: hidden; pointer-events: none; }
.private li.fukidashi a::before { opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; content: ""; position: absolute; border: 7px solid transparent; border-top: 14px solid #000; bottom: 12px; left: calc(30% - 1px); margin-top: -3px; visibility: hidden; pointer-events: none; }
.private li.fukidashi a:hover:before { opacity: 1; visibility: visible; }
.private li.fukidashi a:hover span { opacity: 1; visibility: visible; }

@media print, screen and (min-width: 768px) { .private { /*
ul {
	&.list_normal {
		li {
			margin: 0 0 20px 20px;
			a {
				padding: 0 0 0 20px;
			
			}
		}
	}
}
*/ } }
/* クリニック紹介 */
.clinic ul.device { display: block; }
.clinic ul.device li { width: 100%; list-style: none; margin: 0 0 2rem 0; }
.clinic ul.device li img { display: block; max-width: 100%; height: auto; margin: 0 auto .6rem; }
.clinic ul.device li p { font-size: 1.2rem; margin: 1rem auto 3rem; text-align: left; width: 100%; }
.clinic ul.device li p.tit { font-size: 1.6rem; text-align: center; font-weight: bold; color: #222222; margin: 0 0 .6rem 0; }

@media print, screen and (min-width: 768px) { .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; }
  .clinic ul.device li { width: 48%; margin: 0 0 30px 0; }
  .clinic ul.device li p { font-size: 1.6rem; margin: 10px auto 0; text-align: left; width: 90%; }
  .clinic ul.device li p.tit { font-size: 2rem; text-align: center; font-weight: bold; color: #222222; margin: 0 0 10px 0; width: auto; } }
.private .side-menu, .private .side-menu_online, .private .side-menu_line, .private .side-menu_insta { display: none; }

.skinhealth .mt60 { margin-top: 3.0rem !important; }
.skinhealth header { border-top: 0; background: url("../images/key_visual_skinhealth.jpg") no-repeat center top/contain; height: 13.0rem; }
.skinhealth header .head_wrapper img { width: 20%; }
.skinhealth .main h2 { color: #fff; width: 100%; background: #786f6b; padding: .6rem 1.0rem; font-weight: normal; line-height: 1.0; margin: 0 0 2.0rem; font-size: 2.0rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.skinhealth .main h3 { color: #786f6b; font-weight: bold; border-bottom: .1rem #786f6b solid; padding: 0 0 1.2rem; margin: 3.0rem 0 2.0rem; background: none; border-radius: 0; font-size: 1.8rem; }
.skinhealth .main h3::before { content: ''; }
.skinhealth .main h3.sub { border-bottom: 0; background: #e5e5e5; padding: .4rem 1.0rem; margin: 0 0 1.6rem; font-weight: normal; }
.skinhealth .main .lst { margin: 0 0 4.0rem; padding: 0 1.0rem; list-style: none; }
.skinhealth .main .lst li { font-size: 1.4rem; margin: 0 0 2.0rem; line-height: 1.4; }
.skinhealth .main .lst li span { color: #985e00; font-weight: bold; }
.skinhealth .main .lst li span::before { content: ''; background: #985e00; border-radius: 50%; width: 1.0rem; height: 1.0rem; display: inline-block; margin: 0 .4rem 0 0; }
.skinhealth .main .lst_menu { padding: 0 1.0rem; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.skinhealth .main .lst_menu li { margin: 0 1.0rem 1.0rem 0; border-radius: .8rem; background: #fef5e6; color: #786f6b; font-size: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .6rem 1.0rem; }
.skinhealth .main .lst_menu li:last-child { margin: 0 0 1.0rem; }
.skinhealth .main .menu { margin: 3.0rem 0 2.0rem; }
.skinhealth .main .menu img { width: 100%; }
.skinhealth .main .zo { padding: 0 1.0rem; list-style: none; }
.skinhealth .main .zo li { border: .1rem #ccc solid; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.4; margin: 0 0 1.0rem; padding: 1.0rem; }
.skinhealth .main .zo li .tit { color: #f9be00; font-weight: bold; margin: 0 0 1.0rem; }
.skinhealth .main .zo li figure { max-width: 19.8rem; max-height: 27.0rem; margin: 0 auto; }
.skinhealth .main .zo li figure img { width: 100%; }
.skinhealth .main .fin { font-size: 2.0rem; text-align: center; color: #222; margin: 3.0rem 0; }

@media print, screen and (min-width: 768px) { .skinhealth .mt60 { margin-top: 6.0rem !important; }
  .skinhealth header { height: 70.7rem; background: url(../images/key_visual_skinhealth.jpg) no-repeat center top; }
  .skinhealth header .head_wrapper { width: 120.0rem; margin: 0 auto; position: relative; }
  .skinhealth header .head_wrapper a { display: block; }
  .skinhealth header .head_wrapper a:hover { opacity: .8; }
  .skinhealth header .head_wrapper a img { width: auto; }
  .skinhealth .main { width: 120.0rem; margin: 0 auto; }
  .skinhealth .main h2 { font-size: 3.0rem; padding: 1.6rem 2.2rem 1.4rem; }
  .skinhealth .main h3 { font-size: 2.6rem; padding: 0 0 2.4rem 2.0rem; margin: 6.0rem 0 2.4rem; }
  .skinhealth .main h3.sub { font-size: 2.2rem; padding: .6rem 2.0rem; margin: 0 0 2.0rem; }
  .skinhealth .main .lst { margin: 0 0 6.0rem; padding: 0 2.0rem; }
  .skinhealth .main .lst li { font-size: 1.6rem; margin: 0 0 3.0rem; }
  .skinhealth .main .lst_menu { padding: 0 2.0rem; }
  .skinhealth .main .lst_menu li { font-size: 2.4rem; padding: 2.3rem 3.0rem; }
  .skinhealth .main .menu { margin: 6.0rem auto 4.8rem; }
  .skinhealth .main .zo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 2.0rem; }
  .skinhealth .main .zo li { padding: 2.0rem; width: 26.0rem; height: 54.0rem; font-size: 1.6rem; margin: 0 4.0rem 4.0rem 0; }
  .skinhealth .main .zo li:nth-child(n+4) { margin: 0 0 4.0rem; }
  .skinhealth .main .zo li figure { max-width: 19.8rem; max-height: 27.0rem; }
  .skinhealth .main .fin { font-size: 3.6rem; margin: 6.0rem 0 10.0rem; } }
/*はじめての方へ　よくあるご質問*/
.first dl { margin: 1rem 0 0 0; font-size: 1.6rem; line-height: 1.6; text-align: left; }
.first dl dt { border-bottom: 2px solid #f9be00; margin-bottom: 1rem; }
.first dl dt span { color: #f9be00; font-weight: bold; font-size: 2rem; }

#faq { margin-top: -100px; padding-top: 100px; }

@media print, screen and (min-width: 768px) { #faq { margin-top: 0; padding-top: 0; } }

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