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

/*==========================================
共通
===========================================*/
.headline{
	background-color:#999;
	width:100%;
	float:left;
	position:relative;
	border-top:1px solid #5284c2;
	background-color:#d1e1f7;
}

.headline h1{
	position:absolute;
	left:4%;
	top:30%;
	font-family:FOT-MatissePro-DB;
	font-size:175%;
	color:#004aae;
	line-height:115%;
}
.headline span{
	font-family:FOT-MatissePro-M;
	font-size:80%;
	color:#004aae;
}

.contentslist img{
	width:22.5%;
	margin:10px 5px;
	float:left;
	box-sizing:border-box;
	border:solid 3px #c5dbf2;
}

.contentslist img:hover,.contentslist span img{
	border:solid 3px #99BFEA;
}

.mainmenu section a img{
	width:23%;
	margin:1%;
	box-sizing:border-box;
	border:1px solid #5284c2;
}
.mainmenu section a img:hover{
	width:23%;
	margin:1%;
	box-sizing:border-box;
	border:1px solid #5284c2;
}

/*==========================================
 CLINICのスタイル
===========================================*/
.nav #clinic{
	background-color:#5284c2;
	color:#fff;
}
.nav #clinic h1{
	color:#fff;
}

.nav #clinic p{
	color:#bcd1e5;
}

.roof{
	border:none;
	border-top:3px #5284c2 solid;
	margin:0;
	padding:0;
	line-height:0;
	float:left;
	width:100%;
}

#subject{
	float:left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:39px 0 31px;
	text-align:center;
	margin-bottom:10px;
	width:100%;
}
.contents hr{
	border:none;
	float:left;
	border-top:1px solid #ccc;
	width:100%;
	margin-bottom:10px;
}

.contents .image_r .text_l a h2,.text_o a h2{
	font-size:115%;
	color:#666;
	padding-top:20px;
	display:inline-block;
}
.contents .image_r .text_l a h2:hover{
	font-size:115%;
	text-decoration:underline;
	color:#111;
}
.contents .image_r .text_l a h2 .fa.fa-chevron-right{
	color:#2d718d;
}


	

.contents h1{
	font-size:210%;
	font-family:FOT-MatissePro-DB;
	color:#111;
	padding-bottom:40px;
	line-height:155%;
}



.contents h2,.title,#best h1{
	font-size:170%;
	font-family:FOT-MatissePro-DB;
	color:#2d718d;
	padding-bottom:13px;
	line-height:155%;
}

.contents .criteria{
	float:right;
	width:27%;
	margin-left:3%;
	border:#ddd 4px solid;
	box-sizing:border-box;
	padding:10px 15px 19px;
}

#expenses .criteria{
	float:left;
	width:27%;
	margin-left:0;
	margin-right:3%;
	border:#ddd 4px solid;
	box-sizing:border-box;
	margin-top:10px;
	padding:17px 15px 24px;
}


p.smallt{
	font-size:90%;
	color:#5284c2;
	margin-top:9px;
	letter-spacing:4px;
	margin-bottom:3px;
}

.contents .criteria h1{
	font-size:130%;
	font-family:FOT-MatissePro-DB;
	color:#2d718d;
	padding-bottom:5px;
	line-height:155%;
	padding-top:15px;
}
.contents .criteria p{
	line-height:165%;
	font-size:112%;
	padding-bottom:0px;
}

.contents .criteria p span{
	font-size:88%;
}

.contents .image_r .text_l h3,.text_o h3{
	font-size:130%;
	font-family:FOT-MatissePro-DB;
	color:#2d718d;
	padding-bottom:15px;
	line-height:155%;
	padding-top:25px;
}
p.textb{
	font-size:130%;
	font-family:FOT-MatissePro-DB;
	color:#2d718d;
	padding-bottom:3px;
	line-height:155%;
	padding-top:25px;
	width:100%;
	display:block;
	border-bottom:solid 1px #2d718d;
	margin-bottom:12px;
}
.contents .image_r .text_l h4,.subtitle,.text_o h4{
	font-size:125%;
	font-weight:bold;
	color:#111;
	line-height:165%;
	margin-bottom:3px;
}
p.subtitle{
	padding-bottom:0px;
	padding-top:5px;
}
.criteria p.subtitle{
	margin-bottom:0;
	margin-top:5px;
}
#greenbutton{
	float:left;
	width:100%;
	padding:40px 0 50px;
}
#greenbutton a .piece{
	float:left;
	width:32.5%;
	display:inline-block;
	background-color:#2d718d;
	text-align:center;
	padding:30px 0;
	border-radius:5px;
	color:#FFF;
	font-size:110%;
	margin-right:1.25%;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#greenbutton a .piece2{
	float:left;
	width:32.5%;
	display:inline-block;
	background-color:#2d718d;
	text-align:center;
	padding:30px 0;
	border-radius:5px;
	color:#FFF;
	font-size:110%;
	margin-right:0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#greenbutton a .piece:hover,#greenbutton a .piece2:hover{
	background-color:#128db0;
}

#kanwa{
	font-family:FOT-MatissePro-M;
	font-size:130%;
	margin-top:50px;
	float:left;
}
#kanwa:hover{
	color:#333;
	text-decoration:underline;
}
p.japan{
	font-family:FOT-MatissePro-M;
	padding:15px 0;
	float:left;
	font-size:132%;
	line-height:170%;
	width:100%;
}
p.japan span{
	font-size:80%;
}

.fee{
	float:left;
	width:100%;
	padding-top:45px;
	margin-bottom:20px;
}

/*==========================================
 訪問診療のスタイル
===========================================*/

.contents #expenses .criteria .right{
	text-align:right;
}
#kanwa .fa.fa-chevron-right{
	color:#2d718d;
}

/*==========================================
 医師紹介のスタイル
===========================================*/

.profile{
	float:left;
	padding-top:50px;
	width:100%;
	padding-bottom:10px;
}
.president{
	padding-top:10px;
	padding-bottom:50px;
	float:left;
	width:48%;
	float:left;
}
#director{
	padding-right:4%;
	float:left
}
.president h2{
	padding-bottom:20px;
}
.president h3{
	font-weight:bold;
	color:#054498;
	font-size:115%;
}


/*==========================================
 デイケアセンターのスタイル
===========================================*/


.tabulardata{
	padding-top:10px;
	padding-bottom:40px;
	float:left;
	width:49%;
	float:left;
}
.tabulardataleft{
	padding-right:2%;
	padding-top:10px;
	padding-bottom:40px;
	float:left;
	width:49%;
	float:left;
}

#saizen{
	font-size:120%;
	font-weight:bold;
}

p#worry{
	color:#2d718d;
}