/* Fade in */
.fi {
	opacity: 0;
	-webkit-transition: .6s;
	transition: .6s;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	will-change: transform, opacity;
}
.fi_right {
	-webkit-transform: translateX(50px);
	transform: translateX(50px);
}
.fi_left {
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px);
}
.fi_under {
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
}
.fi_upper {
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
}
/* フェードイン完了時 */
.comp {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}