@charset "utf-8";

/*common*********************************/

@media screen and (min-width:750px){

/*concept*/

#content.vision .mainarea{
	height:408px;
	width:100%;
	background:url(/images/vision/main.jpg) no-repeat;
	background-size:cover;
	background-position:center;

}


.vision .textarea{
	padding:80px 0 100px 0;
	text-align:center;
}

.vision .textarea .tl{
	margin:0 0 50px 0;
}

.vision .textarea .pc_none img{
	width:712px;
}
.vision .textarea img{
	display:inline-block;
	width:536px;
}

.vision .subimg01{
	height:215px;
	width:100%;
	background:url(/images/vision/subimg01.jpg) no-repeat;
	background-size:cover;
	background-position:center;

}

.vision .subimg01{
	position:relative;

}

.vision .subimg02{
	height:215px;
	width:100%;
	background:url(/images/vision/subimg02.jpg) no-repeat;
	background-size:cover;
	background-position:center;

}

.vision .subimg03{
	position:relative;

}

.vision .subimg03{
	height:408px;
	width:100%;
	background:url(/images/concept/subimg03.jpg) no-repeat;
	background-size:cover;
	background-position:center;

}

.vision .subimg04{
	position:relative;

}

.vision .subimg04{
	height:408px;
	width:100%;
	background:url(/images/concept/subimg04.jpg) no-repeat;
	background-size:cover;
	background-position:center;

}

.vision .subimg02{
	position:relative;

}

.vision .subbox{
	position:absolute;
	left:50%;
	top:50%;
	margin:-37px 0 0 -208px;

}


.vision .subbox img{
	width:417px;

}

.vision .infobox {
	text-align:center;
	width:960px;
	margin:0 auto 70px;
	font-size:0.9rem;
}


.vision .infobox .tl{
	text-align:center;
	margin:0 auto 70px;
	display:inline-block;
}

.vision .infobox .tl img{
	width:417px;
}

.vision .infobox .flbox{
	width:650px;
	float:left;
	margin:0 70px 0 0;
	text-align:left;
}

.vision .infobox .frbox{
	width:240px;
	float:left;
}

}

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

/*concept*/
#content.vision .mainarea{
	height:300px;
	width:100%;
	background:url(/images/vision/main.jpg) no-repeat;
	background-size:cover;
	background-position:center;

}

.vision .textarea{
	padding:40px 0 60px 0;
	text-align:center;
	width:90%;
	margin:0 auto;
}

.vision .textarea img{
	width:100%;
}

.vision .textarea .tl{
	margin:0 0 20px 0;
}

.vision .textarea img{
	display:inline-block;
}

.vision .subimg01{
	height:100px;
	width:100%;
	background:url(/images/vision/subimg01.jpg) no-repeat;
	background-size:cover;
	background-position:center;

}

.vision .subimg01{
	position:relative;

}

.vision .subimg02{
	height:100px;
	width:100%;
	background:url(/images/vision/subimg02.jpg) no-repeat;
	background-size:cover;
	background-position:center;

}

.vision .subimg02{
	position:relative;

}

.vision .subbox{
	position:absolute;
	left:50%;
	top:50%;
	margin:-5% 0 0 -40%;
	width:80%;

}

.vision .subbox img{
	width:100%;

}

.vision .infobox {
	text-align:center;
	width:90%;
	margin:0 auto 50px;
	font-size:0.8rem;
}


.vision .infobox .tl{
	text-align:center;
	margin:0 auto 40px;
	display:inline-block;
	width:100%;
	
}

.vision .infobox .tl img{
	width:100%;
	
}

.vision .infobox .flbox{
	width:100%;
	margin:0 0 40px 0;
	text-align:left;
}

.vision .infobox .frbox{
	width:70%;
	margin: 0 auto;
}
.vision .infobox .frbox img{
	width:100%;
}


}