/* common style
------------------------------------------------------------*/

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

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

.business_spa_02{ padding-top:30%;}

.business_spa_03{ padding-top:9%;}


@media screen and (min-width: 769px) {
.business_spa_02, .business_spa_03{ padding-top:0}
}

/* #header_business
------------------------------------------------------------*/

#header_business{
	position:relative;
	background: url(../img/business/business_mv.jpg) no-repeat 100% 100% ;
	background-size:cover;
	-webkit-background-size: cover;
}


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

#header_business #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_business{
	background: url(../img/business/business_sp_mv.jpg) no-repeat 100% 100%;
	background-size: cover;
	-webkit-background-size: cover;
}
#header_business #slogan{padding:30% 0 20% 0;
}
#header_business #slogan h1{
	font-size:300%;
	font-weight:bold;
}
}

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

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

/* 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;
}

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

 .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{
	background-color:#f2f2f2;
	padding: 1.5% 3%;
	font-size: 180%;
	font-weight: bold
}

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


.inner h4: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%;
}

.inner p{
	font-size: 100%;
	overflow: auto;
}

.inner .container{ margin: 0 0}


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


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


.inner img{
	float: right;
	clear: right;
	width:auto;
	margin:0 0 0 5%
}

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