@charset "utf-8";
/* CSS Document */


/* header --------------*/

#bgHeader {
	background:url(../img/strength/top_bg_title.jpg) right top repeat-y;
	-moz-background-size:cover;
	background-size:cover;
}
#bgHeader .ttArea_bg {
	background:url(../img/move/bg_title.jpg) no-repeat bottom right;
	width:100%;
	-moz-background-size:cover;
	background-size:cover;
}
#ttlArea{
padding: 75px 15px;
}
#ttlArea h1 span{
	font-size:3.0rem;
}


/* mains --------------*/

#main {
	background:#EAEFF2;
	padding-bottom:145px;
}

#main .contentIn {
	max-width:1200px;
	margin:0 auto;
	padding:0;
}

#main .contentIn #mainContents {
	width:100%;
	max-width:1200px;
	margin:0;
	padding:0;
}
#mainContents section{
	text-align:center;
}
#mainContents h2{
	text-align:center;
	font-size: 1.6em;
	line-height:1.7;
	font-weight:bold;
	color:#00566e;
	padding:13px 0;
	margin:0 0 30px 0;
}

#mainContents video{
	width: 853px;
	height: auto;
	margin: auto;
}



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

#main .contentIn #mainContents {
	padding:0 30px;
}
#mainContents video{
	width: 90%;
	height: auto;
	margin: auto;
}

}

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

#mainContents ul.under{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#mainContents video{
	width: 90%;
	height: auto;
	margin: auto;
}

}

.sp{
	display:none;
}

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

.pc{
	display:none;
}

.sp{
	display:block;
}

#ttlArea{
	padding: 40px 6%;
}
#main{
	padding:0;
}

/* section --------------*/


#main .contentIn #mainContents {
	padding:5% 5% 10% 5%;
}
#mainContents h2{
	font-size:0.93rem;
	margin:0 0 4% 0;
	padding:2% 0;
}
#mainContents h2 br{
	display:none;
}
#mainContents video{
	width: 90%;
	height: auto;
	margin: auto;
}

}