.fade-in-element {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    transition-delay: var(--delay, 0s); /* 遅延をカスタマイズ */
}
.fade-in-element025 {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    transition-delay: var(--delay, 0.25s); /* 遅延をカスタマイズ */
}
.fade-in-element05 {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    transition-delay: var(--delay, 0.5s); /* 遅延をカスタマイズ */
}
.fade-in-element05 {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    transition-delay: var(--delay, 0.75s); /* 遅延をカスタマイズ */
}

/* 表示された状態 */
.fade-in {
    opacity: 1;
    transform: translateY(0);
}
