@charset "utf-8";
/*=============================================================
 governance directors Layout
=============================================================*/

/* directors-clm
-------------------------------------------------------------*/
#contents .directors-clm{
	font-size:107.1%;
	margin-top:50px;
}
#contents h2+.directors-clm{margin-top:20px;}
#contents .directors-clm .boxLeft{
	float:left;
	width:436px;
}
#contents .directors-clm .boxRight{
	float:right;
	width:436px;
}
#contents .directors-clm .ttlArea{
	background:#c1d9e5;
	width:100%;
	position:relative;
}
#contents .directors-clm .ttlArea .name{
	font-size:142.9%;
	line-height:1.3;
	font-weight:normal;
	text-align:right;
	width:260px;
	position:absolute;
	right:17px;
	bottom:12px;
}
#contents .directors-clm .ttlArea .name strong{font-size:150%;}
#contents .directors-clm .ttlArea .name .ruby{font-size:70%;}
#contents .directors-clm .ttl-biog{
	line-height:1.3;
	font-weight:bold;
	margin-top:20px;
}
#contents .directors-clm table{border-collapse:collapse;}
#contents .directors-clm table th,
#contents .directors-clm table td{
	line-height:1.4;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding-top:8px;
}
#contents .directors-clm table th{white-space:nowrap;}
#contents .directors-clm table td{padding-left:12px;}

/* directors-clm3
-------------------------------------------------------------*/
#contents .directors-clm3{
	font-size:107.1%;
	margin-top:50px;
}
#contents h2+.directors-clm3{margin-top:20px;}
#contents .directors-clm3 .boxLeft{
	float:left;
	width:280px;
	margin-right:20px;
	
}
#contents .directors-clm3 .boxRight{
	float:right;
	width:280px;
}
#contents .directors-clm3 .ttlArea{
	width:100%;
}
#contents .directors-clm3 .ttlArea .name{
	font-size:142.9%;
	line-height:1.3;
	font-weight:normal;
	width:260px;
}

/*=============================================================
 governance management Layout
=============================================================*/
#contents .mainCatch{
	font-size:200%;
	line-height:1.3;
	font-weight:bold;
	margin:50px 0 30px 0;
}
#contents .mainLead{
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	font-size:114.3%;
	font-weight:bold;
	line-height:2;
	margin-top:20px;
/*	padding:0 20px 0 18px;*/
	padding:0 20px 0 0;
}
#contents .management-clm{
	margin-top:60px;
	padding-top:10px;
	border-top:1px solid #0062a0;
}
#contents .management-clm .ttl{
	color:#0062a0;
	font-size:142.9%;
	line-height:1.15;
	font-weight:bold;
	float:left;
	width:9em;
}
#contents .management-clm .textArea{margin-left:15em;}


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

#contents #pageTitle{
	background:#83b4cc url(../../shared/img/bg_pagetitle.png) no-repeat 50% 0;
}

/*=============================================================
 governance management Layout
=============================================================*/
/*#contents .mainCatch{
	width:auto;
	font-size:125%;
	line-height:1.15;
	margin-top:0;
}*/
#contents .mainCatch{
	font-size:125%;
	line-height:1.25;
	width:auto;
	margin-top:20px;
	padding:0;
}
#contents .mainLead{
	line-height:1.6;
	font-size:100%;
	margin-top:0px;
	width:auto;
	padding:0;
}

#contents .management-clm{
	margin-top:40px;
	padding-top:8px;
}
#contents .management-clm .ttl{
	font-size:100%;
	line-height:1.3;
	float:none;
	width:auto;
	margin-bottom:15px;
}
#contents .management-clm .textArea{margin-left:0;}


/*=============================================================
 governance directors Layout
=============================================================*/
#contents .directors-clm{
	font-size:100%;
	margin-top:40px;
}
#contents .directors-clm .boxLeft,
#contents .directors-clm .boxRight{
	float:none;
	width:auto;
}
#contents .directors-clm .boxRight{margin-top:40px;}
#contents .directors-clm .ttlArea{
}
#contents .directors-clm .ttlArea .name{
	font-size:12px;
	line-height:1.3;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	padding:0 8px 0 83px;
	right:0;
	bottom:6px;
}
#contents .directors-clm .ttlArea .name .ruby{font-size:75%;}
#contents .directors-clm .ttlArea .photo{width:99px;}

#contents .directors-clm3{
	margin-top:0;
}
#contents .directors-clm3 .boxLeft,
#contents .directors-clm3 .boxRight{
	float:none;
	width:auto;
	margin:0 0 10px 0;
}
#contents .directors-clm3 .ttlArea .name{
	font-size:12px;
	line-height:1.3;
	width:100%;
	padding:0;
}
#contents .directors-clm3 .ttlArea .name strong{
	font-size:150%;
}



}