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

/*/////// 共通 ////////*/





/*/////// MV ////////*/
.mv {
	width: 100%;
}

.mv .mv-img {
	width: 80%;
	display: block;
	margin-left: auto;
	margin-right: 0;
}

.mv .title {
	width: 100%;
	position: absolute;
	top: 40%;
	left: 0;
}

.mv .title p {
	font-size: 5.5em;
	font-weight: 500;
	color: #EBEDED;
}

.mv .title h1 {
	font-size: 2em;
	font-weight: 600;
	margin-top: -60px;
	margin-left: 5%;
}

@media (min-width: 576px) {
	.mv .mv-img {
		width: 70%;
	}

	.mv .title p {
		font-size: 6.5em;
	}

	.mv .title h1 {
		font-size: 2.2em;
		margin-top: -70px;
	}
}

@media (min-width: 768px) {
	.mv .mv-img {
		width: 85%;
	}

	.mv .title p {
		font-size: 6.0em;
	}
}

@media (min-width: 992px) {
	.mv .mv-img {
		width: 80%;
	}

	.mv .title {
		left: 4%;
		top: 42.5%;
	}
	
	.mv .title p {
		font-size: 7.5em;
	}
	
	.mv .title h1 {
		font-size: 2.5em;
		margin-top: -80px;
	}	
}

@media (min-width: 1200px) {
	.mv .mv-img {
		width: 75%;
	}
	
	.mv .title p {
		font-size: 8em;
	}
	
	.mv .title h1 {
		font-size: 2.7em;
	}	
}

@media (min-width: 1500px) {
	.mv .mv-img {
		width: 70%;
	}

	.mv .title {
		left: 6%;
	}
	
	.mv .title p {
		font-size: 9em;
	}
	
	.mv .title h1 {
		font-size: 3em;
	}	
}


/*/////// パンくず ////////*/
.pankuzu {
	position: absolute;
	bottom: -15px;
	left: 5%;	
}

@media (min-width: 768px) {
	.pankuzu {
		left: 3%;	
	}
}

@media (min-width: 992px) {
	.pankuzu {
		left: 6.5%;	
	}
}

@media (min-width: 1200px) {
	.pankuzu {
		left: 9%;	
	}
}