@charset "utf-8";

/*============================
MV
============================*/
#mv {
	position: relative;
}

#mv .image {
	position: relative;
	width: 50%;
	height: 4.80rem;
	right: -50%;
}
@media screen and (max-width: 640px) {
	#mv .image {
		position: relative;
		width: 100%;
		height: 2.00rem;
		right: -25%;
	}	
}


#mv .image .image-trans {
	backface-visibility: hidden;
	background-color: #00019d;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 2;
	transform: translate3d(0px, 0px, 0px) scale(0, 1);
	transform-origin: top right;
}

#mv .image .image-content {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	background-image: url("../img/business/mv.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: -30px 0;
	opacity: 0;
	transition: all 0.5s ease;
	background-attachment: fixed;
}
@media screen and (max-width: 640px) {
	#mv .image .image-content {
	}	
}

#mv .in {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#mv .title_wrap .en {
	color: #00019d;
	font-size: 1.41rem;
	font-weight: bold;
}
@media screen and (max-width: 640px) {
	#mv .title_wrap .en {
		font-size: 0.30rem;
	}	
}


#mv .title_wrap .jp {
	color: #00019d;
	font-size: 0.27rem;
	font-weight: bold;
	margin-top: 0.20rem;
	margin-left: 0.10rem;
}
@media screen and (max-width: 640px) {
	#mv .title_wrap .jp {
		font-size: 0.15rem;
		margin-top: 0.10rem;
		margin-left: 0;
	}	
}