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

/* 	第二階層設定
=========================================== */

/* #pageTit */

#pageTit {
	background:url(../images/second/mianpic02_pc.jpg) no-repeat 50% 50%;
	background-size: cover;
}

#pageTit {
	height:320px;
	position:relative;
	box-shadow: 3px 0px 3px -1px #bbb inset;
	overflow:hidden;
}
#pageTit .sp {
	display:none;
}
#pageTit .titArea {
	position:absolute;
	width:100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari */
	transform: translate(-50%, -50%);
}
#pageTit .titArea h2 {
	color:#FFF;
	text-shadow: 0 0 10px #000;
	font-size:30px;
	font-weight:600;
	letter-spacing:0.2em;
}

/* アイコン付ページPRTXT */

h2.prTxt {
	color:#004CB2;
	xmargin-bottom:15px;
	font-size:14px;
	margin-top:60px;
	font-weight:700;
	letter-spacing:0.2em;
}
h2.prTxt:before {
	/*display:block;
	content:url(../images/home/sec01_ico01.png);*/
	
	content:" ";
    display:block;
    width:40px;
    height:40px;
    background:url(../images/home/sec01_ico08.png);
	background-repeat:no-repeat;
    background-size:contain;
	margin:0 auto 16px auto;
}

/* 共通|ボタン　*/
.btnGreen a {
	font-size:14px;
	display: inline-block;
	text-align:center;
	color:#FFF;
	border-radius:45px;
	background-color:#47A0A4;
	border:2px #47A0A4 solid;
	line-height:36px;
	padding:0 40px;
	box-sizing:border-box;
}
.btnGreen a:hover {
	border:2px #47A0A4 solid;
	background-color:#4DA9AE;
}
.btnGreen a span:before {
	content: url(../images/second/ico_arrow01.png);
	margin-right:1em;
}
/* 共通|フォントカラー　*/

.ft_cB {
	color:#004CB0;
}
/* 共通|タイトルスタイル　*/
.titStyle01_Bd {
	display:inline-block;
	color:#004CAF;
	font-weight:600;
}
.titStyle01_Bd:after {
	content:"";
	display:block;
	width:100%;
	height:2px;
	border-bottom:2px #004CAF solid;
}
/* 共通|カラムスタイル　*/

.col3 {
	overflow:hidden;
}
/* sec01 */
#sec01 {
	padding:65px 0 30px 0;
}


/* sec01|box04 */
#sec01 .box04 {
	clear:both;
	margin-top:130px;
	background-color:#fff;
	border-radius:10px;
	box-sizing:border-box;
	padding:30px;
	overflow:hidden;
	text-align:left;
}
#sec01 .box04 .titStyle01_Bd {
	margin-bottom:25px;
	letter-spacing:0.2em;
	font-size:16px;
}

.box04 dl{
	letter-spacing:0.1em;
	margin-bottom:5px;
}

.box04 dt{
	float:left;
	padding-right:16px;
}

.box04 p{
	letter-spacing:0.1em;
	margin-bottom:5px;
}

/* 院長挨拶 */
.greeright{
	max-width:360px;
	float:right;
	margin:0 0 20px 60px;
}

.name {
	background:#004caf;
	text-align:left;
	color:#fff;
	padding:6% 0 6% 8%;
	letter-spacing:0.2em;
	font-size:110%;
}

.name span {
	font-size:80%;
}

.greeleft{
	text-align:justify;
	color:#555;
}

.greeleft h3{
	font-size:120%;
	letter-spacing:0.1em;
	margin-bottom:30px;
}

.greeleft p{
	font-size:120%;
	letter-spacing:0.1em;
	line-height:2;
}
/* 院長挨拶 */





 @media screen and (max-width: 1439px) {
/* sec01|box01 */
#sec01 .box01 .flR {
	width : 98%; /* IE8以下とAndroid4.3以下用フォールバック */
	width : -webkit-calc(100% - 380px);
	width : calc(100% - 380px);
}
/* sec01|box02 */
#sec01 .box02 .flR {
	width : 98%; /* IE8以下とAndroid4.3以下用フォールバック */
	width : -webkit-calc(100% - 500px);
	width : calc(100% - 500px);
}
}
 @media screen and (max-width: 1219px) { 
/* 院長挨拶 */
.greeleft p{
	font-size:100%;
	line-height:2;
}
/* 院長挨拶 */
 

}

 @media screen and (max-width: 1023px) {
/* 院長挨拶 */
.greeleft p{
	font-size:120%;
	line-height:2;
}
/* 院長挨拶 */
}

 @media screen and (max-width: 800px) {
#pageTit {
	height: auto;
	background:none;
}
#pageTit .sp {
	display: block;
}

.btnGreen a {
	display:block !important;
	width:100% !important;
}

/* アイコン付ページPRTXT */

h2.prTxt {
	margin-top:40px;
	letter-spacing:0;
	margin-bottom:40px;
}

/* sec01 */
#sec01 {
	 padding:0 0 40px 0 !important;
}


/* sec01|box04 */
#sec01 .box04 {
	margin-top:20px;
}



/* 院長挨拶 */
.greeright{
	float:none;
	max-width:90%;
	margin:0 auto 40px auto;
}

.greeleft {
	clear:both;
	margin:0 auto;
	width:90%;
}
.greeleft p{
	font-size:100%;
	line-height:1.5;
}
/* 院長挨拶 */

}

@media screen and (max-width: 600px) {

.box04 dl{
	letter-spacing:0;
	margin-bottom:8px;
	font-size:90%;
}

.box04 dt{
	float:none;
	padding-right:0px;
}

.box04 p{
	letter-spacing:0;
	margin-bottom:8px;
	font-size:90%;
}

}


@media screen and (max-width: 380px) {
.name {
	letter-spacing:0;
}
}