@charset "utf-8";

/* =========================================================
   フェードイン（IntersectionObserver で .is-inview を付与）
   ========================================================= */
.lcf-fade {
    opacity: 0;
    /* transform: translateY(24px); */
    transition: opacity .8s ease-in, transform 0.8s ease;
}

.lcf-fade.is-inview {
    opacity: 1;
    transform: none;
}

/* =========================================================
   モーション低減設定への配慮
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .lcf-fade {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .lcf-button,
    .lcf-header__nav-link,
    .lcf-faq__question::after,
    .lcf-faq__answer,
    .lcf-drawer,
    .lcf-hamburger__line,
    .lcf-hamburger__line::before,
    .lcf-hamburger__line::after {
        transition: none;
    }
}