@charset "utf-8";

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

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

/*concept*/

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

}


.concept .textarea{
	padding:70px 0;
	text-align:center;
}

.concept .textarea .tl{
	margin:0 0 30px 0;
}

.concept .textarea img{
	display:inline-block;
	width:441px;
}

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

}

.concept .subimg01{
	position:relative;

}

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

}

.concept .subimg03{
	position:relative;

}

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

}

.concept .subimg04{
	position:relative;

}

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

}

.concept .subimg02{
	position:relative;

}

.concept .subbox{
	position:absolute;
	left:50%;
	top:50%;
	margin:-17px 0 0 -220px;

}

.concept .subbox img{
	width:441px;

}

.concept .moviebox {
	text-align:center;
}


.concept .moviebox .tl{
	text-align:center;
	margin:0 0 70px 0;
}

.concept .moviebox .tl img{
	width:441px;
}

.concept .moviebox .cap{
	text-align:center;
	margin:0 0 70px 0;
}

.concept .moviebox .cap img{
	display:inline-block;
	width:93px;
}


.concept .moviebox .tl img{
	display:inline-block;
}

.concept .moviebox a{
	margin:0 auto;
	display:inline-block;
	text-align:center;
}

.concept .moviebox a:hover{
	opacity:0.8;
}
}

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

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

}

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

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

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

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

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

}

.concept .subimg01{
	position:relative;

}

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

}

.concept .subimg02{
	position:relative;

}

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

}

.concept .subimg03{
	position:relative;
}

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

}

.concept .subimg04{
	position:relative;
}


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

}

.concept .subbox img{
	width:100%;

}

.concept .moviebox {
	text-align:center;
	width:90%;
	margin: 0 auto;
}


.concept .moviebox .tl{
	text-align:center;
	margin:0 0 40px 0;
}

.concept .moviebox .cap{
	text-align:center;
	margin:0 0 40px 0;
}

.concept .moviebox .cap img{
	display:inline-block;
	width:93px;
}


.concept .moviebox .tl img{
	display:inline-block;
	width:100%;
}

.concept .moviebox a{
	margin:0 auto;
	display:inline-block;
	text-align:center;
	width:100%;
}

.concept .moviebox a img{
	width:100%;
}

.concept .moviebox a:hover{
	opacity:0.8;
}

}