/*================================
スクロールアニメーション
================================*/

/*---------------------------
拡大
---------------------------*/
/*初期状態*/
.zoomIn {
	opacity: 0;
}
/*アニメーション指定*/
.zoomIn.-anime {
	animation: zoomIn .8s 0s ease both;
}
/*アニメーション内容*/
@keyframes zoomIn {
	from {
		opacity: 0;
		transform: scale(0.5,0.5);
	}
	to {
		opacity: 1;
		transform: scale(1,1);
	}
}
/*---------------------------
下からふわっとフェードイン
---------------------------*/
/*初期状態*/
.fadeInUp {
	opacity: 0;
}
/*アニメーション指定*/
.fadeInUp.-anime {
	animation: fadeInUp 1.6s 0s ease both;
}
/*アニメーション内容*/
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate(0, 10px);
	}
	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}

/*---------------------------
下からふわっとフェードイン２
---------------------------*/
/*初期状態*/
.fadeInUp02 .action01,
.fadeInUp02 .action02,
.fadeInUp02 .action03,
.fadeInUp02 .action04,
.fadeInUp02 .action05,
.fadeInUp02 .action06 {
	opacity: 0;
}
/*アニメーション指定*/
.fadeInUp02.-anime .action01 {
	animation: fadeInUp02 1.6s 0s ease both;
}
.fadeInUp02.-anime .action02 {
	animation: fadeInUp02 1.6s 0.2s ease both;
}
.fadeInUp02.-anime .action03 {
	animation: fadeInUp02 1.6s 0.4s ease both;
}
.fadeInUp02.-anime .action04 {
	animation: fadeInUp02 1.6s 0.6s ease both;
}
.fadeInUp02.-anime .action05 {
	animation: fadeInUp02 1.6s 0.8s ease both;
}
.fadeInUp02.-anime .action06 {
	animation: fadeInUp02 1.6s 1s ease both;
}
/*アニメーション内容*/
@keyframes fadeInUp02 {
	from {
		opacity: 0;
		transform: translate(0, 10px);
	}
	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}

/*---------------------------
下からふわっとフェードイン３
---------------------------*/
/*初期状態*/
.fadeInUp03 .action01,
.fadeInUp03 .action02,
.fadeInUp03 .action03,
.fadeInUp03 .action04,
.fadeInUp03 .action05,
.fadeInUp03 .action06,
.fadeInUp03 .action07,
.fadeInUp03 .action08,
.fadeInUp03 .action09,
.fadeInUp03 .action10,
.fadeInUp03 .action11,
.fadeInUp03 .action12 {
	opacity: 0;
}
/*アニメーション指定*/
.fadeInUp03.-anime .action01 {
	animation: fadeInUp03 1.2s 0s ease both;
}
.fadeInUp03.-anime .action02 {
	animation: fadeInUp03 1.2s 0.2s ease both;
}
.fadeInUp03.-anime .action03 {
	animation: fadeInUp03 1.2s 0.4s ease both;
}
.fadeInUp03.-anime .action04 {
	animation: fadeInUp03 1.2s 0.6s ease both;
}
.fadeInUp03.-anime .action05 {
	animation: fadeInUp03 1.2s 0.8s ease both;
}
.fadeInUp03.-anime .action06 {
	animation: fadeInUp03 1.2s 1s ease both;
}
.fadeInUp03.-anime .action07 {
	animation: fadeInUp03 1.2s 1.2s ease both;
}
.fadeInUp03.-anime .action08 {
	animation: fadeInUp03 1.2s 1.4s ease both;
}
.fadeInUp03.-anime .action09 {
	animation: fadeInUp03 1.2s 1.6s ease both;
}
.fadeInUp03.-anime .action10 {
	animation: fadeInUp03 1.2s 1.8s ease both;
}
.fadeInUp03.-anime .action11 {
	animation: fadeInUp03 1.2s 2s ease both;
}
.fadeInUp03.-anime .action12 {
	animation: fadeInUp03 1.2s 2.2s ease both;
}
/*アニメーション内容*/
@keyframes fadeInUp03 {
	from {
		opacity: 0;
		transform: translate(0, 10px);
	}
	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}