/* common style
------------------------------------------------------------*/
@media screen and (min-width: 769px) {
.headerTop.changeNav{ opacity:100%}
}


.message_spa_01{ margin-top:5%; clear:both;}


.message_spa_02{ padding-top:30%;}


.message_spa_03{ padding-top:9%;}


.message_spa_04{ margin-top:9%; clear:both;}


.signature{ margin-top:30%; clear:both; text-align: right}


@media screen and (min-width: 769px) {
.message_spa_02, .message_spa_03{ padding-top:0}
.signature{ margin-top:4%;}
}


/* #header_message
------------------------------------------------------------*/

#header_message{
	position:relative;
	background: url(../img/message/message_mv.jpg) no-repeat 100% 100% ;
	background-size:cover;
	-webkit-background-size: cover;
}


#header_message #slogan{
	color: #fff;
	line-height: 1.2;
	text-align: center;
	padding:13% 0 5% 0;
}

#header_message #slogan h1{
	font-size:500%;
	font-weight:bold;
	text-shadow:  3px 3px 10px rgba(0,0,0,.9);
}


@media screen and (max-width:767px) {
#header_message{
	background: url(../img/message/message_sp_mv.jpg) no-repeat 100% 100%;
	background-size: cover;
	-webkit-background-size: cover;
}
#header_message #slogan{padding:30% 0 20% 0;
}
#header_message #slogan h1{
	font-size:300%;
	font-weight:bold;
}
}

/* .inner 
------------------------------------------------------------*/

.inner{
	width: 94%;
	margin: 0 auto;
	padding-bottom: 50px;
	clear: both;
}

/* RESPONSIVE*/
@media only screen and (min-width: 1200px){
	.inner{
		width:1350px;
		padding-bottom: 120px;
	}
}

.inner h2{
	margin:15% 3% 13% 3% ;
	font-size:180%;
	font-weight: bold;
}

 .inner .secTtlEng {
 display: block;
 font-size:1.6rem;
 font-weight: normal;
 color:#003268;
 font-family:"Roboto",sans-serif;
 margin:-3% 0 0 0;
}


.inner h3{
	margin:4% 0 3% 0;
	font-size: 180%;
	font-weight: bold;
	position:relative;
}


.inner h3:after{
 content:"";
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 height:2px;
 width:100px;
 text-align:left;
 background:#003366
}


.inner img{
	float:none;
	clear: both;
	margin:6% 0 0 0;
	width:100%;
}

.container p{
	font-size: 100%;
}

.container div p:last-child{ margin-top:4%;}

.inner .container{ margin: 0 0;}


.inner .container_02{ 
	padding: 3% 2%;
margin: 0 0 15% 0;
border:3px solid #658cb3}


.inner .container_02 h3{
	text-align: center;
color:#648bb6;
	font-size:150%;
	line-height:180%;

}

.inner h3 span{
	color:black;
	font-size:75%;
	}

.inner .container_02 h3:after{ display: none}

.inner .container_02 p{
	font-size: 100%;
	margin: 0 auto;
	text-align: left
}


@media screen and (min-width:800px) {
	
 .inner h2{	margin: 9% 12% 3% 12%; font-size:250%;}


.inner .secTtlEng {
	display: inline;
	margin: 0 0 0 3%;
	vertical-align: middle;}
	
.inner h3{
	margin:0 0 2% 0;
}


.inner img{
	float:right;
	width:45%;
	margin: 0 0 3% 3%
}

.inner .container{ margin:5% 12% 0 12%}

.inner .container_02{ margin:0 16% 3% 16%}

.inner .container_02 h3{font-size:20%; font-size:250%;}

.inner .container_02 p{text-align: center}

}