/*--------------------------------------------------------------
# アニメーション
--------------------------------------------------------------*/
/* slideIn
--------------------------------------------- */
.slideIn {
	transform: translateY(1rem);
	opacity: 0;
	transition: opacity .4s .6s, transform .4s .6s;
}

html.wf-active .slideIn.animate__show,
html.wfno-load .slideIn.animate__show {
	transform: translateY(0);
	opacity: 1;
}

/* blur
--------------------------------------------- */
.blur {
	filter: blur(2rem);
	transform: scale(1.1);
	opacity: 0;
	transition: opacity .4s, transform .4s, filter .4s;
}

html.wf-active .blur.animate__show,
html.wfno-load .blur.animate__show {
	filter: none;
	transform: scale(1);
	opacity: 1;
}