@charset "utf-8";


/* =======================================================================
	Style
======================================================================= */
body{
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#495256;	
	font-size: 16px;
	line-height: 1.8em;
}

h2{
	background-image:url(../images/keyv_back001.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	font-size:32px;
	padding:1.8em 0;
}


#toppage h2{
	font-size:1.5em;
	font-weight:normal;
	padding:8px 5px 10px 15px;
	border-bottom:1px solid #006837;
	margin-bottom:0.5em;
	background-image:none;
	color:#006837;
	text-align:left;
}
#toppage h2:before{
	content:"\f0fa\00a0";
	font-family:"FontAwesome";
}



h3{
	font-size:1.5em;
	font-weight:normal;
	padding:8px 5px 10px 15px;
	border-bottom:1px solid #006837;
	margin-bottom:0.5em;
	color:#006837;
}
h3:before{
	content:"\f0fa\00a0";
	font-family:"FontAwesome";
}



h4{
	font-size:1.25em;
	font-weight:normal;
	padding:6px 5px 6px 8px;
	border-bottom:1px dashed #99C564;
	margin-bottom:0.25em;
	color:#99C564;
}
h5, .toph5{
	font-size:1.125em;
	font-weight:normal;
	padding:5px 5px 5px 5px;
	border-bottom:1px solid #4B4B4B;
	margin-bottom:0.5em;
}





/* ==== link ==== */
a:link { color: #2990D0; }
a:visited { color: #2990D0; }
a:hover { color: #ff9900; }



ruby{
	font-size:18px;
}
ruby rt{
	font-size:12px;
}



/* ==== 分割コンテンツWrapper ==== */
.split_wrap{
	overflow: hidden;
	margin-bottom:1em;
	clear:both;
}
.split_half{
	float:left;
	width:48%;
	padding:0 1%;
}
.split_3{
	float:left;
	width:31%;
	padding:0 1%;
}
.split_30{
	float:left;
	width:28%;
	padding:0 1%;
}
.split_70{
	float:left;
	width:68%;
	padding:0 1%;
}






/* ==== header情報部全体 ==== */
header{
	background-color:#ffffff;
	padding:1%;
}

/* ==== header情報の左 ==== */
.head_left{
	float:left;
	width:50%;
}

/* ==== header情報の右 ==== */
.head_right{
	float:right;
	width:48%;
	padding-top:1%;
}
.head_right .point{
	float:right;
	width:14.23%;
}
.head_right .telimg{
	float:right;
	width:62.277%;
}






/* ==== グローバルナビ全体設定 ==== */
nav{
	display:block;
	background-image:url(../images/nav_06.png);
	background-repeat:repeat-x;
}
nav ul{
	font-size:0px;
}
nav li{
	float:left;
	width:20%;
}



/* ==== キービジュアル・H2エリア ==== */
.title_area{
	background-color:#E8E9D5;
	text-align:center;
}





/* ==== メインエリア ==== */
main{
	background-color:#FFFFFF;
}

.contentsback{
	background-color:#F1FDC8;
}

/* ==== コンテンツエリア ==== */
article{
	float:right;
	width: 73%;
	background-color:#FFFFFF;
	padding:1%;
}

/* ==== サイドナビ ==== */
aside{
	float:left;
	width: 25%;
	height:100%;
	padding-top:0.75em;
}

aside ul{
	padding:0 4%;
}
aside ul li{
	text-align:center;
}







/* ==== フッター ==== */
footer{
	background-color:#AFCE45;
	font-size:0.875em;
	color:#FFFFFF;
}
footer .footerlogo{
	text-align:center;
	margin:1em 0;
}

footer ul{
	margin:0 2em 0 1em;
	display: block;
}
footer ul li{
	display:inline-block;
	margin-right:1em;
}
footer .split_70{
	margin-top:1em;
}


/* リストマーカー */
footer ul li:before{
	content: "\f0da\00a0\00a0";
	font-family: FontAwesome;
}


/* フッター内リンク */
footer a:link { color: #ffffff; }
footer a:visited { color: #ffffff; }
footer a:hover { color: #ffcc00; }


/* ==== 著作権表記エリア ==== */
.copyright{
	border-top: 1px solid #ffffff;
	text-align: center;
	font-size: 0.75em;
}






/* ==== 全体の横幅設定 ==== */
.inner{
	margin:0 auto;
	padding:0;
	max-width:1170px;
}




/* ==== お知らせ欄 ==== */
.notice{
	background-color:#FFFFFF;
	margin-bottom: 1em;
	overflow: auto;
}
.notice dt {
	font-size: 1em;
	font-weight: bold;
	color: #F1AF20;
}
.notice dd{
	margin-left:1em;
}
.notice dl {
	padding:1%;
	padding-bottom:0.5em;
	border-bottom: 2px dotted #999;
}
.notice dl:last-child {
	border: none;
}



.overview .title{
	font-size:1.25em;
	margin-bottom:0 !important;
}
.overview dt{
	display:inline-block;
	background-color:#F1FDC8;
	color:#8BAF11;
	border-radius:3px;
	padding:2px 10px;
	margin-bottom:5px;
}
.overview dd{
	margin:0 0 1em 1em;
}
dt.medik:before{
	content: "\f0fa \00a0";
	font-family: FontAwesome;
}
dt.stsc:before{
	content: "\f0f1 \00a0";
	font-family: FontAwesome;
}
dt.geo:before{
	content: "\f041 \00a0";
	font-family: FontAwesome;
}
dt.clock:before{
	content: "\f017 \00a0";
	font-family: FontAwesome;
}


table.overview {
	border: 1px solid #8BAF11;
	border-collapse: collapse;
}
.overview th {
	border: 1px solid #8BAF11;
	background-color:#F1FDC8;
	font-weight:normal;
	padding:0.3em 0.8em;
	color:#709002;
}
.overview td {
	border: 1px solid #8BAF11;
	padding:0.3em 0.5em;
	color:#709002;
}





/* ==== 経歴 ==== */
.bio dt{
	float:left;
	width:100px;
	clear:both;
}
.bio dd{
	margin-left:100px;
}


/* ==== googleMAPで見る ==== */
a.textlink{
	padding:3px 15px;
	display:block;
	border-radius:5px;
	background-color:#006837;
	color:#FFFFFF;
	font-weight:200;
	text-align:center;
}
a.textlink:hover{
	background-color:#2D9464;
	color:#FFFFFF;
}
a.textlink:before{
	content: "\f041 \00a0";
	font-family: FontAwesome;
}

.coop{
	padding:0.6em 1em;
	display:block;
	border-radius:8px;
	background-color:#D1E197;
	color:#6E7F33;
	margin:1em 1em;
}
.coop .title{
	text-align:center;
	font-size:1.25em;
	color:#6E7F33;
}
.coop ul{
	list-style-type:disc !important;
	margin-left:2em;
}
.coop ul li{
	text-align:left !important;
}


/* PCで左→右に配置／SPで上→下に配置 */
.flex_LRTB{
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
}

/* PCで右→左に配置／SPで上→下に配置 */
.flex_RLTB{
	display: flex;
	display: -webkit-flex;
	flex-direction:row-reverse;
	-webkit-flex-direction: row-reverse;
}

.flex_fac{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
}
.flex_fac p{
	text-align:center;
	padding:0 0.5em;
}
.access .flex1{
	text-align:center;
}



.list001{
	margin-left:2em;
}
.list001 li{
	list-style-type:disc;
}


.greenbox{
	background-color:#F6FFDC;
	padding:1em;
	border:2px solid #B5D54F;
	margin-bottom:1em;
}


.route ul{
	/* flex化 */
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
}
.route li{
	width: 30%;
	margin:0 0.8em;
	font-size:14px;
	line-height:1.4em;
	text-align:center;
	list-style-type:none;
}
 .route img{
	margin-bottom:0.3em;
}


/* =======================================================================
	Tablet
======================================================================= */
@media only screen and (max-width: 1169px){


/* ==== header情報の右 ==== */
.head_right{
	padding-top:2%;
}



}




/* =======================================================================
	SmartPhone
======================================================================= */
@media only screen and (max-width: 767px){


/* ==== 全体の横幅設定 ==== */
.inner{
	padding:0 3%;
}


/* ==== header情報部全体 ==== */
.head_left{
	float:none;
	width:100%;
	text-align:center;
}


nav{
	padding:0px;
	background-image:url(../images/nav_06.png);
	background-repeat:repeat;
}
nav li{
	width:50%;
	text-align:center;
}




.img_l{
	float: none;
	text-align: center;
}
.img_r{
	float: none;
	text-align: center;
}





.contentsback{
	background-color:#ffffff;
	clear:both;
	display:block;
}
.contentsback:after{
	content:"";
}

article{
	width: 100%; 
	padding:0;
}


aside{
	width: 100%;
	background-color:#EAF8C3;
	margin-bottom:1em;
}
aside ul{
	padding:0;
}
aside ul li{
	float:left;
	width: 50%;
}

/* ==== 医院概要 上→下 ==== */
/* 
.overview{
	flex-direction: column;
	-webkit-flex-direction: column;
	margin-bottom:1em;
}
 */






.bottomtel{
	margin:1em 0;
	text-align:center;
}



/* ==== 分割コンテンツWrapper ==== */
.split_half, .split_3, .split_30, .split_70{
	float:none;
	width:100%;
}

.coop ul{
	margin-left:1em;
}
.coop ul li{
	float:left;
	width: 100%;
	text-align:left !important;
}




/* ==== flex setting ==== */
.flex_LRTB{
	flex-direction: column;
	-webkit-flex-direction: column;
}
.flex_RLTB{
  flex-direction: column;
  -webkit-flex-direction: column;
}


.route li{
	width: 40%;
}


}