@charset "UTF-8";
/*
	common
-----------------------------------------------------------------------------------------------*/
/* 起点 */
.jsAnm{
	opacity: 0;
}
[class*="anmFade"]{
	animation-delay: .6s;
	animation-duration: 1.0s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}
.jsAnm:nth-child(2)[class*="anmFade"]{
	animation-delay: .9s;
}
.jsAnm:nth-child(3)[class*="anmFade"]{
	animation-delay: 1.2s;
}
.jsAnm:nth-child(4)[class*="anmFade"]{
	animation-delay: 1.5s;
}
.jsAnm:nth-child(5)[class*="anmFade"]{
	animation-delay: 1.8s;
}
.jsAnm:nth-child(6)[class*="anmFade"]{
	animation-delay: 2.1s;
}
.jsAnm:nth-child(7)[class*="anmFade"]{
	animation-delay: 2.4s;
}
.jsAnm:nth-child(8)[class*="anmFade"]{
	animation-delay: 2.7s;
}
.jsAnm:nth-child(9)[class*="anmFade"]{
	animation-delay: 3.0s;
}
/* ふわっと */
.anmFadeIn.jsAnmStart{
	animation-name: anmFadeIn;
}
@keyframes anmFadeIn{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
/* ふわっと消える */
.anmFadeOut.jsAnmStart{
	animation-name: anmFadeOut;
}
@keyframes anmFadeOut{
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}
/* 下からふわっと */
.anmFadeUp.jsAnmStart{
	animation-name: anmFadeUp;
}
@keyframes anmFadeUp{
	from{
		opacity: 0;
		transform: translateY(40px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
/* 上からふわっと */
.anmFadeDown.jsAnmStart{
	animation-name: anmFadeDown;
}
@keyframes anmFadeDown{
	from{
		opacity: 0;
		transform: translateY(-40px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
/* 右からふわっと */
.anmFadeRight.jsAnmStart{
	animation-name: anmFadeRight;
}
@keyframes anmFadeRight{
	from{
		opacity: 0;
		transform: translateX(40px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}
/* 左からふわっと */
.anmFadeLeft.jsAnmStart{
	animation-name: anmFadeLeft;
}
@keyframes anmFadeLeft{
	from{
		opacity: 0;
		transform: translateX(-40px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}
/* ページ全体 */
#wrapper{
	opacity: 0;
	animation: anmFadeIn .5s ease .3s forwards;
}
/*
	kv
-----------------------------------------------------------------------------------------------*/
/* slick */
.slick-active img{
	animation: slick-img 4.7s ease-out 0s forwards;
}
@keyframes slick-img {
	0%{
		transform: scale(1.03);
	}
	97%{
		transform: scale(1.0);
	}
}
.kv__img{
	animation: anmFadeIn 1.3s ease-out 1.1s forwards;
}