/* フェードイン */
.fade-in {
	opacity: 0;
	transition-duration: 2s;
	transition-property: opacity, transform;
}
.fade-in-up {
	transform: translate(0, 100px);
}
.fade-in-down {
	transform: translate(0, -200px);
}
.fade-in-left {
	transform: translate(-100px, 0);
}
.fade-in-right {
	transform: translate(100px, 0);
}
.scroll-in {
	opacity: 1;
	transform: translate(0, 0);
}

/* セットタイムアウト */
.set-timeout {
	opacity: 0;
	transition-duration: 0.5s;
	transition-property: opacity, transform;
}
.set-timeout1 {
	opacity: 0;
	transition-duration: 0.5s;
	transition-property: opacity, transform;
}
.set-timeout2 {
	opacity: 0;
	transition-duration: 0.5s;
	transition-property: opacity, transform;
}
.fadeUp {
	animation-name: fadeUpAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeUpAnime {
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}