@charset "utf-8";

/*----------------------------------------------
	common
---------------------------------------------*/
@keyframes fade {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeUp {
	0% {
		opacity: 0;
		transform: translateY(60px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeUpBlur {
	0% {
		opacity: 0;
		transform: translateY(60px);
		-ms-filter: blur(10px);
		filter: blur(10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
		-ms-filter: blur(0px);
		filter: blur(0px);
	}
}
@keyframes blur {
	0% {
		opacity: 0;
		-ms-filter: blur(30px);
		filter: blur(30px);
	}
	100% {
		opacity: 1;
		-ms-filter: blur(0px);
		filter: blur(0px);
	}
}

/*----------------------------------------------
	loop
---------------------------------------------*/
@keyframes loop {
	0% {
		transform: translateX(100%);
	}

	to {
		transform: translateX(-100%);
	}
}
@keyframes loop2 {
	0% {
		transform: translateX(0);
	}

	to {
		transform: translateX(-200%);
	}
}
/*----------------------------------------------
	mv
---------------------------------------------*/
@keyframes mv_mark01 {
	0% {
		opacity: 0;
		transform: rotate(-10deg) translateY(60px) scale(0.8);
	}
	100% {
		opacity: 1;
		transform: rotate(0deg) translate(0) scale(1);
	}
}
@keyframes mv_mark02 {
	0% {
		opacity: 0;
		transform: rotate(-20deg) translate(-50px, 100px) scale(0.8);
	}
	100% {
		opacity: 1;
		transform: rotate(0deg) translate(0) scale(1);
	}
}
@keyframes mv_mark03 {
	0% {
		opacity: 0;
		transform: rotate(-20deg) translate(-100px, 50px) scale(0.8);
	}
	100% {
		opacity: 1;
		transform: rotate(0deg) translate(0) scale(1);
	}
}
@keyframes mv_mark04 {
	0% {
		opacity: 0;
		transform: rotate(-20deg) translate(-120px, -40px) scale(0.8);
	}
	100% {
		opacity: 1;
		transform: rotate(0deg) translate(0) scale(1);
	}
}
@keyframes mv_mark05 {
	0% {
		opacity: 0;
		transform: rotate(-20deg) translate(-80px, -160px) scale(0.8);
	}
	100% {
		opacity: 1;
		transform: rotate(0deg) translate(0) scale(1);
	}
}
@keyframes sp_mv_mark01 {
	0% {
		opacity: 0;
		transform: rotate(-5deg) translateY(30px) scale(0.8);
	}
	100% {
		opacity: 1;
		transform: rotate(0deg) translate(0) scale(1);
	}
}
@keyframes sp_mv_mark02 {
	0% {
		opacity: 0;
		transform: rotate(-10deg) translate(-20px, 50px) scale(0.8);
	}
	100% {
		opacity: 1;
		transform: rotate(0deg) translate(0) scale(1);
	}
}
@keyframes sp_mv_mark03 {
	0% {
		opacity: 0;
		transform: rotate(-10deg) translate(-50px, 20px) scale(0.8);
	}
	100% {
		opacity: 1;
		transform: rotate(0deg) translate(0) scale(1);
	}
}
@keyframes sp_mv_mark04 {
	0% {
		opacity: 0;
		transform: rotate(-10deg) translate(-60px, -20px) scale(0.8);
	}
	100% {
		opacity: 1;
		transform: rotate(0deg) translate(0) scale(1);
	}
}
@keyframes sp_mv_mark05 {
	0% {
		opacity: 0;
		transform: rotate(-10deg) translate(-40px, -80px) scale(0.8);
	}
	100% {
		opacity: 1;
		transform: rotate(0deg) translate(0) scale(1);
	}
}