@charset "UTF-8";


/*
発火ベース
*/
.fade-in
{
	opacity: 0;
	transition-property: opacity, transform;
}

/*
発火タイミング
*/
.fade-in64 {
	transition-duration: 640ms;
}

.fade-in80 {
	transition-duration: 800ms;
}

.fade-in96 {
	transition-duration: 960ms;
}

.fade-in112 {
	transition-duration: 1120ms;
}

/*
動き方
*/
.fade-in-up {
	transform: translate(0, 80px);
}

.fade-in-down {
	transform: translate(0, -80px);
}

.fade-in-left {
	transform: translate(-80px, 0);
}

.fade-in-right {
	transform: translate(80px, 0);
}

.scroll-in {
	opacity: 1;
	transform: translate(0, 0);
}