@charset "UTF-8";
/* CSS Document */

.jsAnm{
	opacity: 0;
}

/* スクロール_基本 */
.anmFadeInBtoT.jsAnmStart{
	animation: fadeInBtoT 0.7s 1 normal 0.25s ease forwards;
}

@media screen and (max-width:812px){
	/* スクロール_基本 */
	.anmFadeInBtoT.jsAnmStart{
		animation-delay: 0s;
	}
}

@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

@keyframes fadeInTtoB{
	0%{
		opacity: 0;
		transform: translateY(-30px);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeInBtoT{
	0%{
		opacity: 0;
		transform: translateY(30px);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeInLtoR{
	0%{
		opacity: 0;
		transform: translateX(-30px);
	}
	100%{
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes fadeInRtoL{
	0%{
		opacity: 0;
		transform: translateX(30px);
	}
	100%{
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes fadeInScale{
	0%{
		opacity: 0;
		transform: scale(1.05);
	}
	20%{
		
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes fadeInScaleExpand{
	0%{
		opacity: 0;
		transform: scale(0.95);
	}
	20%{
		
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}