@charset "UTF-8";

/* フェードイン用のクラス */
.js-fade-in {
    opacity: 0; /* 初期状態は透明 */
    transition: opacity 0.6s ease-in-out; /* フェードインのアニメーション設定 */
}

.js-fade-in.js-fade-in-visible {
	animation-name: fadein-1;
	animation-duration: 2s;
    opacity: 1; /* フェードイン時の透明度 */
}
@keyframes fadein-1 {
	from {opacity: 0;}
	to {opacity: 1;}
}

/* スクロール連動ではない */
.fade-in-wrap {
	animation: fadein 1.5s forwards;
}

@keyframes fadein {
	0% {opacity: 0}
	70% {opacity: .2}
	100% {opacity: 1}
}