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

.chairmanBG{ background:#ff9416;  margin-bottom:30px;}
.chairmanBG p{ padding:30px;}
.chairmanBG p,  .chairmanBG span{ color:#ffffff;}
#statement ul.remark{ font-size:12px; margin:0 0 0 20px;}
#statement ul.remark li{ list-style:decimal; color:#666666; margin-bottom:20px;}
.mobile_chairman { width:200px; height:auto;}




@media screen and (min-width: 768px){
	
	.chairmanBG{ background:#ff9416; width:inherit; height:inherit;padding:0 40px; margin-bottom:30px;}
	.chairmanBG p, .chairmanBG span{ color:#ffffff; padding:30px 0;}
	.chairmanBG .name{color:#ffffff;}
	.fonts16{color:#ffffff;}
	#statement ul.remark{ margin:0 0 0 40px; font-size:15px;}
	.mobile_chairman { width: inherit; height:auto;}
	
}

@media screen and (min-width: 959px){
	.chairmanArea{position:relative; padding-top:54px}
	.chairmanBG{ background:url(../images/company/chairmanBG_desktop.png) no-repeat; color:#ffffff; max-width:1140px; width:100%; margin-bottom:50px;}
	.chairmanBG{ background-size:100% 100%;padding:0; position:relative}
	.chairmanBG p{ color:#ffffff; font-size:19px; line-height:28px;padding:3% 34% 3% 8%;}
	.chairmanBG .name{ font-size:21px; font-weight:bold; color:#ffffff; line-height:16px;}
	.chairman .name{ font-size:21px;}
	.chairmanArea .chairmanImg{ position:absolute; right:0; top:0; z-index:10; height:100%; background-image:url(../images/company/chairman_img.png); background-repeat:no-repeat; background-position:top; background-size:100% auto; width:33%}
	
	.fonts16{ font-size:16px; color:#ffffff;line-height:16px;}
	.mobile_chairman{ display:none;}
}

@media screen and (min-width: 1200px){
	#statement .name{ font-size:24px;}
	#statement ul.remark{ margin:0 0 0 40px;}
	.chairmanBG{height:407px}
	.chairmanBG p{font-size:21px; line-height:30px;}
	.chairmanBG .name{ font-size:24px; line-height:16px;}
	.chairman .name{ font-size:24px;}

	
/*	#photo .gallery img{ margin-bottom:20px; width:inherit; float:left;}*/
}