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

.sa {
	opacity: 0;
	transition: all .8s ease;
}

.sa.show {
	opacity: 1;
	transform: none;
	filter: blur(0);
}

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

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

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

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

.sa--scaleUp {
	transform: scale(.5);
}

.sa--scaleDown {
	transform: scale(1.5);
}

.sa--rotateL {
	transform: rotate(180deg);
}

.sa--rotateR {
	transform: rotate(-180deg);
}

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

.delay300{ transition-delay: 300ms;}
.delay400{ transition-delay: 400ms;}
.delay500{ transition-delay: 500ms;}
.delay600{ transition-delay: 600ms;}
.delay700{ transition-delay: 700ms;}
.delay800{ transition-delay: 800ms;}
.delay900{ transition-delay: 900ms;}
.delay1000{ transition-delay: 1000ms;}
.delay1500{ transition-delay: 1500ms;}
.delay2000{ transition-delay: 2000ms;}
.delay2500{ transition-delay: 2500ms;}
.delay3000{ transition-delay: 3000ms;}

@media screen and (max-width: 600px) {
.delay300,
.delay400,
.delay500,
.delay600,
.delay700,
.delay800,
.delay900,
.delay1000,
.delay1500,
.delay2000,
.delay2500,
.delay3000{ transition-delay: 0ms;}
}