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

/**********************************************************************************

   中ページMV

**********************************************************************************/

.mv_common{
	height: 480px;
	background: url("../img/mv.jpg")center no-repeat;
	position: relative;
}

.mv_common .mv-ttl{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 250px 0 0;
	text-align: center;
}

.mv_common h1{
	color: #fff;
	font-size: 28px;
	font-family: "Noto Serif JP", serif;
}

@media screen and (max-width: 1250px) {
	h1{
		width: 80%;
		margin: 0 auto;
	}
	.mv_common{ height: 320px;}
	.mv_common .mv-ttl{ margin: 170px 0 0;}
}

@media screen and (max-width: 768px) {
	.mv_common {height: 280px;}
	.mv_common .mv-ttl{margin: 150px 0 0;}
	.mv_common h1{font-size: 24px;}
	
}


/**********************************************************************************

   contents01

**********************************************************************************/
#contents01{
	width: 1600px;
	margin: 60px auto;
}

#contents01 h3{
	width: 1200px;
	margin: 60px auto;
	border-top: 1px solid #8500b2;
	padding: 60px 0;	
	font-family: "Noto Serif JP", serif; 
	font-size: 36px; text-align: center;
}

#contents01 .box{
	width: 100%;
	background: #000;
}

#contents01 .box .inner{
	padding:  0 0 90px;
	width: 68%;
	margin: 0 auto;
}

#contents01 .box .inner hr{
	margin-top: 100px;
	border-top: 1px solid #fff;
}

#contents01 .box .inner h4{
	color: #fff;
	font-size: 22px;
	padding: 70px 0 50px;
	text-align: center;
	font-family: "Noto Serif JP", serif; 
}

#contents01 .box .inner p{
	color: #fff;
	font-weight: 100;
	letter-spacing: 0.1em;
	text-align: justify;
}

#contents01 .box img{width: 100%;}

@media screen and (max-width: 1620px) {
	#contents01{width: 90%;}
	#contents01 h3{width: 90%;}
}

@media screen and (max-width: 768px) {
	#contents01{margin: 30px auto;}
	#contents01 .box .inner{width: 90%;}
	#contents01 h3{
		margin: 40px auto;
		padding: 30px 0;
		font-size: 28px;
	}
	#contents01 .box .inner h4{padding: 40px 0;}
	
	#contents01 .box .inner hr{margin-top: 60px;}
	
}