@charset "utf-8";

/* mv
---------------------------------------------------*/
#mv {
	position: relative;
	width: 100%;
	height: 730px;
	background: url('../images/bg_mv.png') no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 0;
}
.mv_logo {
	position: absolute;
	top: 156px;
	left: calc((100% - 1083px) / 2);
	max-width: 1083px;
	height: 370px;
	background-size: contain;
	margin-left: -30px;
	z-index: 0;
}
.mv_logo img {
	width: 100%;
}

/* 1100px */
@media screen and (max-width: 1100px) {

	#mv {
		width: 100%;
		height: 66.36vw;
	}
	.mv_logo {
		top: calc((100% - 33.63vw) / 2);
		left: calc((100% - 98.45vw) / 2);
		max-width: 1083px;
		height: 100%;
		margin-left: 0;
	}

}

/* 768px */
@media screen and (max-width: 768px) {

	#mv {
		width: 100%;
		height: 128vw;
		background: url('../images/bg_mv_sp.png') no-repeat;
		background-size: cover;
		background-position: center;
	}
	.mv_logo {
		top: 9.33vw;
		left: 2.66vw;
		width: 88.4%;
		height: 103vw;
		background: url('../images/mv_logo_sp.png') no-repeat;
		background-size: contain;
	}
	.mv_logo img {
		display: none;
	}

}

/* concept
---------------------------------------------------*/
#concept {
	width: 100%;
}
#concept .inner {
	width: 1000px;
	height: 570px;
	background: url('../images/bg_concept.png') no-repeat;
	background-size: contain;
	margin: 90px auto 110px;
}
#concept p {
	font-size: 18px;
	line-height: 2.1;
	text-align: center;
	color: #006fbc;
	padding: 80px 0;
}

/* 1100px */
@media screen and (max-width: 1100px) {

	#concept .inner {
		width: 90.9%;
		height: 51.81vw;
		margin: 8.18vw auto 10vw;
	}
	#concept p {
		font-size: 1.63vw;
		padding: 7.27vw 0;
	}

}

/* 768px */
@media screen and (max-width: 768px) {

	#concept .inner {
		width: 90.93vw;
		height: 100%;
		background: url('../images/bg_concept_sp.png') no-repeat;
		background-size: contain;
		margin: 14.66vw auto 17.33vw;
	}
	#concept p {
		font-size: 3.73vw;
		line-height: 1.7;
		letter-spacing: 0;
		padding: 12vw 0;
		padding-left: 0.5em;
	}

}