@charset "utf-8";
/* ------------------------------------------------------
	アニメーション用CSS
------------------------------------------------------ */

.sa {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	opacity: 0;
	transition: transform 1s ease-in-out, opacity 1s ease-in-out, filter 1s ease-out;
}

.sa.show {
	opacity: 1;
	transform: none;
}

.sa--blur.show {
	filter: blur(0);
}

.sa--up {
	transform: translate(0, 30px);
}

.sa--blur {
	filter: blur(50px);
}

.delay100ms{ transition-delay: 100ms;}
.delay200ms{ transition-delay: 200ms;}
.delay300ms{ transition-delay: 300ms;}
.delay400ms{ transition-delay: 400ms;}
.delay500ms{ transition-delay: 500ms;}
.delay600ms{ transition-delay: 600ms;}
.delay700ms{ transition-delay: 700ms;}
.delay800ms{ transition-delay: 800ms;}
.delay900ms{ transition-delay: 900ms;}
.delay1000ms{ transition-delay: 1000ms;}