@charset "UTF-8";


/* スクロールエフェクト
---------------------------------------------------------------------------- */
.is-effect {
    transition: 1.2s ease-in-out;
}
.is-effect-delay {
    transition: 1.2s ease-in-out;
    transition-delay: 0.6s;
}
@media (max-width: 768px) {
    .is-effect-delay {
        transition-delay: 0s;
    }
}


/* フェードイン
---------------------------------------------------------------------------- */

@keyframes fadein {
    100% { opacity: 1;}
}

.is-effect-fadein {
    opacity: 0;
}

.is-effect-fadein.is-effect-on {
    animation: fadein 1.2s ease forwards;
}