@charset "utf-8";
/* CSS Document */

body { font-family :Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color :#565656; }
a { color :#339; text-decoration :none; }
a:hover { text-decoration :underline; }

/************/
/*	枠組み	*/
/************/
#main_wrapper { width :100%; }

/**********/
/*	汎用	*/
/**********/
/*- 余白調整 */
.p-10{ padding :10px; }
.pl-10{ padding-left :0; }
.pl-20{ padding-left :0; }
.pt-20{ padding-top :20px; }
.pb-20{ padding-bottom :20px; }
.pb-40{ padding-bottom :40px; }

.m-10{ margin :10px; }
.ml-20{ margin-left :0; }
.mt-10{ margin-top :10px; }
.mt-20{ margin-top :20px; }
.mb-20{ margin-bottom :20px; }
.mb-30{ margin-bottom :30px; }

@media screen and (min-width:728px) {
/*- 余白調整 */
	.p-10{ padding :10px; }
	.pl-10{ padding-left :10px; }
	.pl-20{ padding-left :20px; }
	.pt-20{ padding-top :20px; }
	.pb-20{ padding-bottom :20px; }
	.pb-40{ padding-bottom :40px; }

	.m-10{ margin :10px; }
	.ml-20{ margin-left :20px; }
	.mt-10{ margin-top :10px; }
	.mt-20{ margin-top :20px; }
	.mb-20{ margin-bottom :20px; }
	.mb-30{ margin-bottom :30px; }
	a[href^="tel:"]{ pointer-events: none; cursor: default;}
}

/*- リスト関連 */
.ls-none{ list-style :none; }

/*- テキスト隠し */
.hide_text { margin :0; text-indent :100%; white-space :nowrap; overflow :hidden; }

/*- フォントサイズ -*/
.f14{ font-size :14px; }
.f15{ font-size :15px; }
.f16{ font-size :16px; }
.f17{ font-size :17px; }
.f18{ font-size :18px; }
.f19{ font-size :19px; }
.f20{ font-size :20px; }

/*- ボーダー */
.bb_dot{ border-bottom :0; }
@media screen and (min-width:728px) {
	.bb_dot{ border-bottom :1px dotted #ccc; }
}

/*- 見出し */
	.head_circle{ position:relative; height:auto; padding :0 0 10px 25px; border-bottom:#ccc 1px solid; font-size :16px; line-height :1.7; background:none; }
		.head_circle::before { content:''; display:block; position:absolute; top:0.3em; left:0; width:0.75em; height:0.75em; border-radius:0.75em; border:#2e74b8 3px solid; }
		.head_circle::after { content:''; display:block; position:absolute; left:0; bottom:-1px; width:30%; height:1px; background:#43a4db; }
	.head_line{ position:relative; background :none; font-size :17px; line-height :1.7; height :auto; padding :0 0 10px 10px; border-bottom:#ccc 1px solid; }
		.head_line::after { content:''; display:block; position:absolute; left:0; bottom:-1px; width:30%; height:1px; background:#43a4db; }
	.head_question{ position:relative; background :none; font-size :17px; line-height :1.7; height :auto; padding :0 0 10px 25px; border-bottom:#ccc 1px solid; }
		.head_question::before { content:'?'; display:block; position:absolute; top:0.4em; left:0; width:1.25em; height:1.25em; border-radius:1.25em; border:#2e74b8 3px solid; color:#2e74b8; line-height:1.2em; font-size:60%; font-weight:bolder; text-align:center; }
		.head_question::after { content:''; display:block; position:absolute; left:0; bottom:-1px; width:30%; height:1px; background:#43a4db; }
@media screen and (min-width:728px) {
	.head_circle{ background :url('../img/common/head_circle.gif') no-repeat; font-size :17px; line-height :17px; height :30px; padding :0 0 0 35px; border:0; }
		.head_circle::before { content:none; }
		.head_circle::after { content:none; }
	.head_line{ background :url('../img/common/head_line.gif') no-repeat; font-size :17px; line-height :17px; height :30px; padding :0 0 0 10px; border:0; }
		.head_line::after { content:none; }
	.head_question{ background :url('../img/common/head_question.gif') no-repeat; font-size :17px; line-height :17px; height :30px; padding :0 0 0 35px; border:0; }
		.head_question::before { content:none; }
		.head_question::after { content:none; }
}

/*- アイコン */
.icon_circle{ background :url('../img/common/icon_circle.png') no-repeat; font-size :17px; line-height :17px; padding :0 0 0 25px; }
.icon_triangle{ background :url('../img/common/icon_tri.png') no-repeat 2px; font-size :14px; line-height :14px; padding :0 0 0 12px; }
.icon_rowline{ border :none; border-left :4px solid #f4c154; padding-left :10px; }

/*- 文字位置 */
.al-left { text-align :left; }
.al-right { text-align :right; }
.va-top{ vertical-align :top; }

/*- 文字色 */
.red{ color :#C00; }
.lightred{ color :#C33; }
.orange{ color :#F60; }
.blue{ color :#06F; }

/*- 回り込み */
.f_right{ float :right; }
.f_left{ float :left; }
.clearfix:after { content :""; clear :both; display :block; }

/*- リストスタイル -*/
.ls-none{ list-style :none; }

/**/

/************/
/*	header	*/
/************/
#header_wrapper{ background :#fff; width :100%; }
header, #header{ display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; width:90%; margin :0 auto; }
header h1 { order:1; width:100%; font-size:10px; text-align:left; }
	header h1 a, #header h1 a { display :block; width :270px; height:35px; margin :0; background :url('../img/common/logo.jpg') no-repeat; background-size:cover; }
	header h1 a img, #header h1 a img { max-width:100%; height:auto; }
	/*
#header_info{ order:2; float :none; width:100%; height:60px; margin:0 0 0; background :url('../img/common/header_info.png') no-repeat 95% top; }
*/
#header_info{ order:2; float :none; width:100%; height:60px; margin:0 0 0; text-align:right;}
#header_navi{ order:3; clear :both; float :none; width:100%; text-align:right; }
#header_navi ul{ padding-right:10px; font-size :12px; list-style :none; }
#header_navi ul li{ display:inline-block; float:none; line-height :1.5em; margin :0 0 0 10px; padding :0 0 0 10px; background :url('../img/common/icon_tri.png') no-repeat left; }

@media screen and (min-width:728px) {
	#header_wrapper{ background :#fff; width :100%; }
	header, #header{ display:block; width :980px; margin :0 auto; }
	header h1 { font-size :13px; text-align:left; }
	header h1 a, #header h1 a { background :url('../img/common/logo.jpg') no-repeat; display :block; margin :0; height :80px; width :370px; }
/*
	#header_info{ background :url('../img/common/header_info.png') no-repeat; float :right; height :66px; width :283px; margin:0; }
*/
	#header_info{ float :right; height :66px; width :283px; margin:0; text-align:right;}
	
	#header_navi{ clear :both; float :right; width:auto; }
	#header_navi ul{ padding-right:0; font-size :12px; list-style :none; }
	#header_navi ul li{ display:block; background :url('../img/common/icon_tri.png') no-repeat left; float :left; line-height :1.5em; margin :0 0 0 15px; padding :0 0 0 15px; }
}

/****************/
/*	heroimage		*/
/****************/
#index_heroimage { width :100%; height :400px; background:#f2f2f2 url('../img/top/heroimage-sp.jpg') no-repeat center; background-size:cover; }
#page_heroimage_wrapper { height :150px; width :100%; background:#f2f2f2; }
#page_heroimage{ width :100%; height :150px; margin :0 auto; background :#e4f3fc url('../img/common/inner_heroimage-sp.png') no-repeat right top; background-size:cover; }
#page_heroimage h2{ color :#0760b8; font-size :30px; font-weight :normal; margin :0; padding :60px 30px 0; }
#page_heroimage h3{ color :#94d2f5; font-size :12px; margin :0; padding :0 0 0 30px;; }

@media screen and (min-width:728px) {
	#index_heroimage { background :url('../img/top/heroimage.jpg') no-repeat center #f2f2f2; height :300px; width :100%; }
	#page_heroimage_wrapper { background:#f2f2f2; height :150px; width :100%; }
	#page_heroimage{ background :url('../img/common/inner_heroimage.jpg') no-repeat center #f2f2f2; margin :0 auto; height :150px; width :980px; }
	#page_heroimage h2{ color :#0760b8; font-size :30px; font-weight :normal; margin :0; padding :60px 30px 0; }
	#page_heroimage h3{ color :#94d2f5; font-size :12px; margin :0; padding :0 0 0 30px;; }
}

/***************/
/*	navigation */
/***************/
.trigger { display:block; position:fixed; z-index:20; top:0; right:0; width:40px; height:40px; background:rgba(46,116,184,0.85); }
	.trigger::before { content:''; display:block; position:absolute; top:50%; left:50%; width:16px; height:1px; background:rgba(255,255,255,1.0); box-shadow:0 6px 0 0 rgba(255,255,255,1.0), 0 -6px 0 0 rgba(255,255,255,1.0); transform:translate(-50%,-50%); transition:0.2s; }
	.trigger::after { content:''; display:block; position:absolute; top:50%; left:50%; width:16px; height:1px; background:rgba(255,255,255,0.0); transform:translate(-50%,-50%); transition:0.2s; }
	.trigger.active::before { content:''; display:block; position:absolute; top:50%; left:50%; width:16px; height:1px; background:rgba(255,255,255,1.0); box-shadow:0 0 0 0 rgba(255,255,255,0.0), 0 0 0 0 rgba(255,255,255,0.0); transform:translate(-50%,-50%) rotate(45deg); transition:0.2s; }
	.trigger.active::after { content:''; display:block; position:absolute; top:50%; left:50%; width:16px; height:1px; background:rgba(255,255,255,1.0); transform:translate(-50%,-50%) rotate(-45deg); transition:0.2s; }

#navi_wrapper{ display:none; position:fixed; top:0; left:0; z-index:19; background:rgba(46,116,184,0.85); height :100vh; width :100%; }
nav, #nav{ margin :0 auto; width :100%; }
	nav, #nav .hide_text { text-indent:0; }
ul#gnavi{ list-style :none; margin :0; padding :80px 0 0 0; }
ul#gnavi li{ float :none; }
ul#gnavi li a{ display :block; width :100%; height :60px; padding:10px 30px; border-bottom:rgba(255,255,255,0.3) 1px dotted; color:#fff; font-size:15px; line-height:60px; }
/*- クリニック概要 */
ul#gnavi li#nav_about a{ background :none; }
ul#gnavi li#nav_about a:hover, ul#gnavi li#nav_about a.current{ background :none; }

/*- 施設概要 */
ul#gnavi li#nav_facilities a{ background :none; }
ul#gnavi li#nav_facilities a:hover, ul#gnavi li#nav_facilities a.current{ background :none; }
/* 仮 */
ul#gnavi li#nav_facilities{ background :none; }
/*- ドクター紹介 */
ul#gnavi li#nav_doctor a{ background :none; }
ul#gnavi li#nav_doctor a:hover, ul#gnavi li#nav_doctor a.current{ background :none; }
/* 仮 */
ul#gnavi li#nav_doctor{ background :none; }
/*- 治療コンセプト　*/
ul#gnavi li#nav_concept a{ background :none; }
ul#gnavi li#nav_concept a:hover, ul#gnavi li#nav_concept a.current{ background :none; }
/*- アクセス */
ul#gnavi li#nav_access a{ background :none; }
ul#gnavi li#nav_access a:hover, ul#gnavi li#nav_access a.current{ background :none; }

#lmap { width:100%; max-width:100%; height:400px !important; }

/*- よくある質問 */
ul#gnavi li#nav_faq a{ background :none; }
ul#gnavi li#nav_faq a:hover, ul#gnavi li#nav_faq a.current{ background :none; }

@media screen and (min-width:728px) {
	.trigger { display:none; }
		.trigger::before { content:none; }
		.trigger::after { content:none; }
	#navi_wrapper{ display:block; position:relative; top:auto; left:auto; background:transparent url('../img/common/nav_back.png') repeat-x bottom; height :52px; width :100%; }
	nav, #nav{ margin :0 auto; width :980px; }
		nav, #nav .hide_text { text-indent:100%; }
	ul#gnavi{ list-style :none; margin :0; padding :0; }
	ul#gnavi li{ float :left; }
	ul#gnavi li a{ display :block; height :52px; width :163px; padding:0; border:0; color:transparent; line-height:1.0; font-size:0; }

	/*- クリニック概要 */
	ul#gnavi li#nav_about a{ background :url('../img/common/nav_about.jpg') no-repeat 0 0; }
	ul#gnavi li#nav_about a:hover, ul#gnavi li#nav_about a.current{ background :url('../img/common/nav_about.jpg') no-repeat  0 -52px; }
	/*- 施設概要 */
	ul#gnavi li#nav_facilities a{ background :url('../img/common/nav_facilities.jpg') no-repeat 0 0; }
	ul#gnavi li#nav_facilities a:hover, ul#gnavi li#nav_facilities a.current{ background :url('../img/common/nav_facilities.jpg') no-repeat 0 -52px; }
	/* 仮 */
	ul#gnavi li#nav_facilities{ background :url('../img/common/nav_facilities.jpg') no-repeat 0 0; display :block; height :52px; width :163px; }
	/*- ドクター紹介 */
	ul#gnavi li#nav_doctor a{ background :url('../img/common/nav_doctor.jpg') no-repeat 0 0; }
	ul#gnavi li#nav_doctor a:hover, ul#gnavi li#nav_doctor a.current{ background :url('../img/common/nav_doctor.jpg') no-repeat 0 -52px; }
	/* 仮 */
	ul#gnavi li#nav_doctor{ background :url('../img/common/nav_doctor.jpg') no-repeat 0 0; display :block; height :52px; width :163px; }
	/*- 治療コンセプト　*/
	ul#gnavi li#nav_concept a{ background :url('../img/common/nav_concept.jpg') no-repeat 0 0; }
	ul#gnavi li#nav_concept a:hover, ul#gnavi li#nav_concept a.current{ background :url('../img/common/nav_concept.jpg') no-repeat 0 -52px; }
	/*- アクセス */
	ul#gnavi li#nav_access a{ background :url('../img/common/nav_access.jpg') no-repeat 0 0; }
	ul#gnavi li#nav_access a:hover, ul#gnavi li#nav_access a.current{ background :url('../img/common/nav_access.jpg') no-repeat 0 -52px; }
	#lmap { width:680px; max-width:100%; height:540px !important; }
	/*- よくある質問 */
	ul#gnavi li#nav_faq a{ background :url('../img/common/nav_faq.jpg') no-repeat 0 0; }
	ul#gnavi li#nav_faq a:hover, ul#gnavi li#nav_faq a.current{ background :url('../img/common/nav_faq.jpg') no-repeat 0 -52px; }
}

/**********/
/*	main */
/**********/
main, #main{ display:flex; flex-flow:column wrap; clear :both; width:90%; margin :20px auto 50px auto; }
/*- 左側 */
#left_content{ float:none; width :100%; margin:0 0 25px; }
/*- パンくずリスト    */
#breadcrumb{ display:none; font-size :12px; padding :0 0 20px 10px; }
#breadcrumb a{ padding :0 10px 0 10px; }

/*- 右側 */
#right_content{ float:none; width:100%; }
#subnav_top { width :270px; height :20px; margin:0 auto; background :url('../img/common/side_maparea_top.jpg') no-repeat; }
#side_subnav { width :270px; margin:0 auto; padding :0; background :url('../img/common/side_maparea_body.jpg') repeat-y; }
#subnav_bottom { width :270px; height :20px; margin:0 auto 20px; background :url('../img/common/side_maparea_bottom.jpg') no-repeat; }
#side_subnav ul{ font-size :14px; margin:0 20px 0 0; list-style :none; list-style-image :url('../img/common/icon_tri.png'); padding :10px 0 0 40px; }
#side_subnav ul li{ padding :0 0 15px; line-height :1.2em; }
#maparea_top { width :270px; height :20px; margin:0 auto 0; background :url('../img/common/side_maparea_top.jpg') no-repeat; }
#side_maparea { width :270px; margin :0 auto; padding :0; text-align :center;background :url('../img/common/side_maparea_body.jpg') repeat-y; }
#maparea_bottom { width :270px; height :20px; margin:0 auto; background :url('../img/common/side_maparea_bottom.jpg') no-repeat; }
#side_maparea p{ font-size :12px; margin :0 0 5px 0; padding :0 0 0 28px; text-align :left; }
#map{ border :1px solid #ccc; margin :0 auto; }
a#largemap_btn { background :url('../img/common/side_map_btn.jpg') no-repeat 0 0; display :block; height :30px; margin :10px auto 0; width :240px; }
a#largemap_btn:hover { background :url('../img/common/side_map_btn.jpg') no-repeat 0 -30px; display :block; height :30px; margin :10px auto 0; width :240px; }

@media screen and (min-width:728px) {
	main, #main{ display:block; clear :both; margin :20px auto 50px auto; width :980px; }
	/*- 左側 */
	#left_content{ float :left; margin:0 30px 0 0; width :680px; }
	/*- パンくずリスト    */
	#breadcrumb{ display:block; font-size :12px; padding :0 0 20px 10px; }
	#breadcrumb a{ padding :0 10px 0 10px; }
	/*- 右側 */
	#right_content{ float :right; width :270px; }
	#subnav_top { background :url('../img/common/side_maparea_top.jpg') no-repeat; height :20px; margin-top :30px; width :270px; }
	#side_subnav { background :url('../img/common/side_maparea_body.jpg') repeat-y; margin :0; padding :0; width :270px; }
	#subnav_bottom { background :url('../img/common/side_maparea_bottom.jpg') no-repeat; height :20px; width :270px; margin:0; }
	#side_subnav ul{ font-size :14px; margin:0 20px 0 0; list-style :none; list-style-image :url('../img/common/icon_tri.png'); padding :10px 0 0 40px; }
	#side_subnav ul li{ padding :0 0 15px; line-height :1.2em; }
	#maparea_top { width :270px; height :20px; margin:30px 0 0;  background :url('../img/common/side_maparea_top.jpg') no-repeat; }
	#side_maparea { width :270px; margin :0; padding :0; text-align :center; background :url('../img/common/side_maparea_body.jpg') repeat-y; }
	#maparea_bottom { width :270px; height :20px; margin:0; background :url('../img/common/side_maparea_bottom.jpg') no-repeat; }
	#side_maparea p{ font-size :12px; margin :0 0 5px 0; padding :0 0 0 28px; text-align :left; }
	#map{ border :1px solid #ccc; margin :0 auto; }
	a#largemap_btn { background :url('../img/common/side_map_btn.jpg') no-repeat 0 0; display :block; height :30px; margin :10px auto 0; width :240px; }
	a#largemap_btn:hover { background :url('../img/common/side_map_btn.jpg') no-repeat 0 -30px; display :block; height :30px; margin :10px auto 0; width :240px; }
}

/************/
/*	footer */
/************/
#footer_wrapper{ clear :both; width :100%; margin :20px 0 0; background :#ddd; /* height :140px; margin-top :-140px; position :absolute; top:100%; */ }
#footer_toplink{ background :#fff; height :39px; padding-top :0; width :100%; }
#toplink{ width :90%; margin :0 auto; }
#toplink a{	background :url('../img/common/page_top.jpg') no-repeat 0 bottom; cursor :pointer; display :block; float :right; margin-right :10px; height :39px; width :116px; }
#toplink a:hover{ background :url('../img/common/page_top_over.jpg') no-repeat 0 bottom; }
footer, #footer{ clear :both; width :90%; margin :0 auto; }
#footer_navi{ height :auto; }
#footer_navi ul{ width :100%; margin:20px auto; padding:0; font-size :12px; text-align :center; list-style :none; }
#footer_navi ul li{ display:inline; padding :0 12px; float :none; }
#footer_navi ul li.separate{ border-right :1px solid #565656; }
#copyright{	clear :both; font-size :10px; text-align :center; }
#copyright p{ margin:0; padding :20px; }

@media screen and (min-width:728px) {
	#footer_wrapper{ background :#ddd; clear :both; margin :20px 0 0; /* height :140px; margin-top :-140px; position :absolute; top:100%; */ width :100%; }
	#footer_toplink{ background :#fff; height :39px; padding-top :40px; width :100%; }
	#toplink{ margin :0 auto; width :980px;	}
	#toplink a{	background :url('../img/common/page_top.jpg') no-repeat 0 bottom; cursor :pointer; display :block; float :right; margin-right :10px; height :39px; width :116px; }
	#toplink a:hover{ background :url('../img/common/page_top_over.jpg') no-repeat 0 bottom; }
	footer, #footer{ clear :both; margin :0 auto; width :980px;	}
	#footer_navi{ height :40px; }
	#footer_navi ul{ font-size :12px; list-style :none; margin :20px auto; width :640px; padding:inherit; }
	#footer_navi ul li{ display:block; padding :0 12px; float :left; }
	#footer_navi ul li.separate{ border-right :1px solid #565656; }
	#copyright{	clear :both; font-size :12px; text-align :center; }
	#copyright p{ margin:0; padding :20px; }
}

/******************/
/*	トップページ	*/
/******************/
/*- 診察時間 */
#top_tbl { border-left :1px solid #ccc; border-top :1px solid #ccc; clear:both; margin:0 0 5px; font-size:90%; text-align:center; width:100%; }
#top_tbl th, #top_tbl td{ border-bottom :1px solid #ccc; border-right :1px solid #ccc; line-height :150%; padding :5px; }
#top_tbl th{ background :none #f0f0f0; }
/*- お知らせ */
ul#top_info{ font-size :14px; list-style :none; margin-bottom :48px; padding :0; }
ul#top_info li{ border-bottom :1px dotted #ccc;	line-height :150%; padding :15px 0 10px 15px; }
ul#top_info li ul li{ border-bottom :1px dotted #ccc; line-height :150%; padding :15px 0 10px 0px; }
/*- 関連施設 -*/
ul.equip{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; list-style :none; margin :0; padding :0; }
.equip li { display :block; width :48%; margin:0 0 10px; float:none; text-align :center; line-height :90%; }
.equip img { }
.equip li span{ font-size :11px; letter-spacing :-0.1em; }

@media screen and (min-width:728px) {
	/*- 診察時間 */
	#top_tbl { border-left :1px solid #ccc; border-top :1px solid #ccc; clear:both; margin:0 10px 0px; font-size:inherit; text-align:center; width:100%; }
	#top_tbl th, #top_tbl td{ border-bottom :1px solid #ccc; border-right :1px solid #ccc; line-height :150%; padding :5px; }
	#top_tbl th{ background :none #f0f0f0; }
	/*- お知らせ */
	ul#top_info{ font-size :14px; list-style :none; margin-bottom :48px; padding :0; }
	ul#top_info li{ border-bottom :1px dotted #ccc;	line-height :150%; padding :15px 0 10px 35px; }
	ul#top_info li ul li{ border-bottom :1px dotted #ccc; line-height :150%; padding :15px 0 10px 0px; }
	/*- 関連施設 -*/
	ul.equip{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; margin :0; padding :0; list-style :none; }
	.equip li { display:block; width:220px; margin:0 0 15px 0; text-align :center; line-height:90%; }
	.equip img { }
	.equip li span{ font-size :11px; letter-spacing :-0.1em; }
}

/******************/
/*	クリニック概要	*/
/******************/
/*- 概要テーブル */
#info_table{ width:100%; }
#info_table th, #info_table td{ display:block; border-bottom :1px dotted #aaa; padding :15px 20px 10px; }
#info_table th{ display:block; width:calc(100% - 40px); vertical-align :top; white-space :nowrap; text-align:left; }
#info_table ol, #info_table ul{ margin :0 0 0 30px; padding :0; }
#info_table ol li, #info_table ul li{ line-height :1.5em; }
#info_table ul{ list-style :none; }

/***************/
/*    施設概要	*/
/***************/
/*- クリニック写真ボックス */
.left_box, .right_box{ display :block; margin :0 auto 20px auto; text-align :center; width :100%; }
.left_box img, .right_box img{ max-width:100%; border :1px solid #aaa; padding :5px; }

/*- 左側ボックス */
.left_box{ float :left; }

/*- 右側ボックス */
.right_box{ float :right; }

/*****************/
/*	よくある質問	*/
/*****************/
.question{ margin-top :30px; cursor :pointer; }
.answer{ display :none; }

/*****************/
/*	ドクター紹介	*/
/*****************/
/*- 青いdatalist */
dl#history{ border-top :1px solid #0760b8; border-bottom :1px solid #0760b8; margin-left:0; padding:7px 0; width :100%; }
#history dt{ display :block; float :none; padding :5px; }
#history dd{ padding :5px 5px 0 5px; }
	#history dd + dt { display:none; }
.lb{ background :#E9F3FC; }
ul#licence{ background :#fafafa; border :1px solid #aaa; margin :0 0; padding :10px; list-style :inside; width :calc(100% - 20px); }
ul#licence li{ padding :0 20px 5px; }

@media screen and (min-width:728px) {
	/*- 概要テーブル */
	#info_table{  }
	#info_table th, #info_table td{ display:table-cell; border-bottom :1px dotted #aaa; padding :15px 20px 10px; }
	#info_table th{ display:table-cell; width:15%; vertical-align :top; white-space :nowrap; text-align:center; }
	#info_table ol, #info_table ul{ margin :0 0 0 30px; padding :0; }
	#info_table ol li, #info_table ul li{ line-height :1.5em; }
	#info_table ul{ list-style :none; }

	/***************/
	/*    施設概要	*/
	/***************/
	/*- クリニック写真ボックス */
	.left_box, .right_box{ display :blcok; margin :0 0 20px 0; text-align :center; width :340px; }
	.left_box img, .right_box img{ border :1px solid #aaa; padding :5px; }
 
	/*- 左側ボックス */
	.left_box{ float :left; }

	/*- 右側ボックス */
	.right_box{ float :right; }

	/*****************/
	/*	よくある質問	*/
	/*****************/
	.question{ margin-top :30px; cursor :pointer; }
	.answer{ display :none; }

	/*****************/
	/*	ドクター紹介	*/
	/*****************/
	/*- 青いdatalist */
	dl#history{ border-top :1px solid #0760b8; border-bottom :1px solid #0760b8; margin-left:20px; padding:0; width :600px; }
	#history dt{ display :block; float :left; padding :5px; }
	#history dd{ padding :5px 5px 5px 80px; }
	.lb{ background :#E9F3FC; }
	ul#licence{ background :#fafafa; border :1px solid #aaa; margin :0 20px; padding :10px; list-style :inside; width :580px; }
	ul#licence li{ padding :0 20px 5px; }
}

    .FootBnr { clear:both; width:90%; max-width:90%; margin:0 auto 10px; } 
    .FootBnr h4 {  }
    .FootBnr ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-content:center; max-width:100%; margin:0 0 0; padding:0; list-style:none; } 
    .FootBnr li { width:47%; margin:0 0 10px; } 
    .FootBnr li img { width:100%; height:100%; object-fit:cover; } 
@media screen and (min-width:728px) {
    .FootBnr { clear:both; width:100%; max-width:980px; margin:0 auto 0; padding-top:30px; } 
    .FootBnr h4 { background-image:url('../img/common/head_circl2.gif'); }
    .FootBnr ul { display:flex; flex-flow:row wrap; justify-content:center; align-content:center; max-width:980px; margin:0 0 30px; padding:0; list-style:none; } 
    .FootBnr li { width:24%; margin:0 0.5%; } 
    .FootBnr li img { width:100%; height:100%; object-fit:cover; } 
}