/* ローディング画面 */
#loading {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	transition: opacity 0.8s ease;
}

/* フェードアウト */
.fade-out {
	opacity: 0;
}

/* ローディングコンテンツ配置 */
.loading-content {
	text-align: center;
}

/* ロゴ画像 */
.logo {
	width: 100px; /* ロゴのサイズを適宜変更 */
	height: auto;
	margin-bottom: 20px;
}

/* スピナー */


/* ローディングテキスト */
.loading-text {
	font-size: 16px;
	color: #333;
}

/* スピナーの回転アニメーション */
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}



 /* 初期状態（透明） */
 .hero__text {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}

/* 表示時に適用 */
.fade-in {
	opacity: 1;
	transform: translateY(0);
}