h3 + p{
	/*max-width:36%;*/
	margin:0 auto;
	text-align:center;}

h3{
	font-size:2.6vw;
	text-align:center;
	margin-bottom:5px;
	font-family: 'Mitr', sans-serif;}

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

h3{
	font-size:6vw;}

h3 + p{
	max-width:100%;}
}


#contents{
	margin-top:140px;}


#topimg{
	position:relative;
	height:580px;
	width:100%;
	background:url(../img/president/topimg_bg01.jpg) center;
	/*background:#CCC;*/}
	


@media screen and (max-width: 480px) {
	
#topimg{
	height:260px;
	background-size:cover;}

}


/* message
-----------------------------------------*/

#message{
	color:#595757;}

#message .wrap{
	position:relative;
	max-width:80%;}

#message h3.catch{
	font-size:3.6rem;
	text-align:left;
	line-height:1.3;
	margin-bottom:5px;
	color:#FFF;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	position:absolute;
	top:-480px;
	left:8%;
}

#message h3.catch span{
	display:inline-block;
	background:#004e90;
	margin:0 5px;
	padding:10px 0 0 3px;
	}

#message .signature{
	font-size:1.3vw;
	text-align:right;
	margin:30px 0;
	max-width:100%;}

#message .mr{
	margin-right: 60px;
}

#message .name{
	text-align:right;
	font-size: 2.8vw;
	line-height:1.2;
	color:#004e90;
	font-weight:bold;}
	
#message h4{
	font-size:1.8vw;
	margin: 50px auto 32px;
	}

#message h4:first-of-type{
	margin: 0 auto 32px;
	}

#message p{
	margin-bottom:1.6vw;
	}


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

#message h4{
	font-size:1.6rem;
	}

#message .mr {
    margin-right: 20px;
}

}



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

#message .wrap{
	position:relative;
	max-width:100%;}
	
#message h3.catch{
	font-size:4.2vw;
    /*-webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;*/
	top:-200px;
	left:30px;
}

#message h3.catch span{
	padding:10px 5px 5px 3px;
	}

#message .signature{
	font-size:4vw;
	margin:0 0 30px;}

#message .mr {
    margin-right: 0px;
}

#message .name{
	font-size:1.8rem;}
	
#message h4{
	margin-top:50px;
	margin-bottom:20px;
	}

#message h4{
	font-size:4.8vw;
	}



#message p{
	margin-bottom:20px;
	}

}


/* business
-----------------------------------------*/

#business{
	width:100%;
	background: url(../img/president/business_bg01.png);
	color:#FFF;
}

/* business
-----------------------------------------*/
#business .flexbox > div{
    width: 48%;
}

@media screen and (max-width: 480px) {
#business .flexbox > div{
    width: 100%;
}

#business .flexbox > div:nth-of-type(1){
	margin-bottom:30px;
}
}