/* スクロールフェード（GSAP実行前の初期状態） */
.js-fade {
	opacity: 0;
	transform: translateY(28px);
}

/* JS未実行・非対応時のフォールバック */
.no-js .js-fade {
	opacity: 1;
	transform: none;
}

/* slide2 / 装飾の雲（GSAPが本文の進行に合わせて表示） */
.slide2_kumo {
	--kumo_reveal: 0;
}

.no-js .slide2_kumo {
	--kumo_reveal: 1;
}

/* slide3 / slide5 の円の装飾（GSAPが本文に合わせて表示） */
.slide3_namien,
.slide5_namien {
	--en_reveal: 0;
}

.no-js .slide3_namien,
.no-js .slide5_namien {
	--en_reveal: 1;
}

/* slide1 / Hero イントロ（GSAPが順に表示） */
.kv_visual,
.slide1_kasa,
.slide1_kasa2,
#_x31_0,
#the,
#anniversary,
.slide1_lead,
.slide1_title,
.slide1_sub {
	opacity: 0;
}

.slide1_scroll {
	opacity: 0;
	animation: slide1Scroll 2.4s ease-in-out 1.6s infinite;
}

@keyframes slide1Scroll {
	0% {
		opacity: 0;
	}

	30% {
		opacity: 1;
	}

	100% {
		opacity: 0.15;
	}
}


/* prefers-reduced-motion（アニメーションを抑制） */
@media (prefers-reduced-motion: reduce) {
html,
html.is-scroll-smooth {
	scroll-behavior: auto;
}

.js-fade,
.kv_visual,
.slide1_kasa,
.slide1_kasa2,
#_x31_0,
#the,
#anniversary,
.slide1_lead,
.slide1_title,
.slide1_sub,
.slide1_scroll {
	opacity: 1 !important;
	transform: none !important;
	filter: none !important;
	animation: none !important;
}

.slide2_kumo {
	--kumo_reveal: 1;
	transform: none !important;
}

.slide3_namien,
.slide5_namien {
	--en_reveal: 1;
}

* {
	transition-duration: 0.01ms !important;
	animation-duration: 0.01ms !important;
}
}