@charset "UTF-8";

/*
	common
-----------------------------------------------------------------------------------------------*/
.anm {
	opacity: 0;
}
/* ふわっと */
.fadeIn.anmStart{
	animation: fadeIn 1s ease .2s forwards;
}
@keyframes fadeIn{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
/* 下から */
.fadeUp.anmStart{
	animation: fadeUp .1s ease .1s forwards;
}
@keyframes fadeUp{
	from{
		opacity: 0;
		transform: translateY(20px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
/* 上から */
.fadeDown.anmStart{
	animation: fadeDown .1s ease .1s forwards;
}
@keyframes fadeDown{
	from{
		opacity: 0;
		transform: translateY(-20px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
/* 右から */
.fadeRight.anmStart{
	animation: fadeRight .1s ease .1s forwards;
}
@keyframes fadeRight{
	from{
		opacity: 0;
		transform: translateX(-20px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}
/* 左から */
.fadeLeft.anmStart{
	animation: fadeLeft .1s ease .1s forwards;
}
@keyframes fadeLeft{
	from{
		opacity: 0;
		transform: translateX(20px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}
/* ふわふわ */
@keyframes upDown{
	0%  {transform: translateY(0);}
	50% {transform: translateY(-15px);}
	100%{transform: translateY(0);}
}
@keyframes upDownSp{
	0%  {transform: translateY(0);}
	50% {transform: translateY(-10px);}
	100%{transform: translateY(0);}
}
.upDown01{
	animation: upDown 1s ease 0s infinite;
}
@media screen and (max-width:812px){
	.upDown01{
		animation: upDownSp 1s ease 0s infinite;
	}
}

/* intro */
.loading__img{
	animation: intro .5s ease-out 3.0s forwards;
}
@keyframes intro{
	from{
		transform: scale(1);
	}
	to{
		transform: scale(5);
	}
}

/* delay */
.anmStart.delay__10s{
	animation-delay: 0.4s;
}
.anmStart.delay__36s{
	animation-delay: 3.6s;
}
.anmStart.delay__38s{
	animation-delay: 3.8s;
}
.anmStart.delay__40s{
	animation-delay: 4.0s;
}
.anmStart.delay__42s{
	animation-delay: 4.2s;
}