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


*,
*::before,
*::after{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}


@media only screen and (min-width:416px) {
	.sssp { display:none; }
}
@media only screen and (max-width:415px) {
	.sssp { display:inherit; }
}



body {
    position: relative;
	background-color:#FFF;
	/* display:none; */
}

#wrapper > header .headerInner{ top:0;}
#wrapper > header nav{display:none;}

@media only screen and (max-width:1215px) {
	#wrapper > header .headerInner{top:0; left:0;}
}

.mv {
	display:block;
	width:100%;
	height:500px;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
}

.sub main {
	padding:0 20px;
}

@media only screen and (max-width:1215px) {
.sub #contents {
	padding-top:50px;
}
.mv {
	height:400px;
}
}
@media only screen and (max-width:1023px) {
.mv {
	height:300px;
}
}
@media only screen and (max-width:767px) {
.mv {
	height:200px;
}
}




/* ---------------------------------------- */
/* sec01
------------------------------------------- */

.sub main h2 {
	color: #3A001E;
	font-size:48px;
	text-align:center;
	margin-top:80px;
	margin-bottom:80px;
}
.sub main h2 span {
	display:block;
	font-size: 18px;
    line-height: 1.5;
	color:#000;
	margin-top:20px;
}




@media only screen and (max-width:1215px) {
.sub main h2 {
	font-size:42px;
}
.sub main h2 span {
	font-size: 16px;
}
}
@media only screen and (max-width:1023px) {
}
@media only screen and (max-width:767px) {
.sub main h2 {
	font-size:32px;
	margin-top:60px;
	margin-bottom:60px;
}
.sub main h2 h2 span {
	font-size: 14px;
}
}