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

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

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

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

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

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

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

.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);
}



.sa--anim.show { overflow: hidden; animation: revealFromBottom 1s ease-out forwards; }

@keyframes revealFromBottom {
0% { clip-path: inset(100% 0 0 0); }
100% { clip-path: inset(0 0 0 0); }
}