/**
 * フェードアップ（Reveal）— js/parts/motion.js
 * 親: .js-anim-reveal / 子: .js-anim-reveal__item（--delay-1 〜 --delay-5）
 *
 * スイープは anim-sweep.css、ビルドアップは anim-build-up.css
 * 用語: docs/ANIMATIONS.md
 */

.js-anim-reduced .js-anim-reveal__item {
	opacity: 1;
	transform: none;
}

.js-anim-reveal__item {
	opacity: 0;
	transform: translate3d(0, 24px, 0);
	transition:
		opacity 0.55s ease,
		transform 0.55s ease;
}

.js-anim-reveal.is-inview .js-anim-reveal__item {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.js-anim-reveal__item--delay-1 {
	transition-delay: 0.08s;
}

.js-anim-reveal__item--delay-2 {
	transition-delay: 0.16s;
}

.js-anim-reveal__item--delay-3 {
	transition-delay: 0.24s;
}

.js-anim-reveal__item--delay-4 {
	transition-delay: 0.32s;
}

.js-anim-reveal__item--delay-5 {
	transition-delay: 0.4s;
}