@charset "utf-8";

/* animation */
.ani_img {
	position: relative;
	opacity: 0;
	transition: all 1.5s;
}

.ani_img {
	-webkit-align-self: flex-start;
	align-self: flex-start;
}

.ani_img img {
	width: 100%;
}

.ani_img_bg {
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	transition: all 1.5s;
}

.ani_img_bg_on {
	width: 0;
}

.lmv {
	transition: all 2.0s;
	opacity: 0;
	-webkit-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	-o-transform: translate(0, 50px);
	transform: translate(0, 50px);
}

.mv {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.opamv {
	transition: all 1.5s;
	opacity: 0;
}

.opmv {
	opacity: 1;
}

.sclmv {
	transition: all 1.5s;
	opacity: 0;
	-webkit-transform: scale(1.5, 1.5);
	-ms-transform: scale(1.5, 1.5);
	-o-transform: scale(1.5, 1.5);
	transform: scale(1.5, 1.5);
}

.scmv {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}