@charset "UTF-8";

html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* スマホ閲覧時、下部に固定されるCTAボタンがあるためフッターなどの下余白を確保 */
.pb-safe-cta {
    padding-bottom: calc(4.5rem + env(safe-area-inset-bottom));
}

/* スクロール時のヘッダーの影のトランジション */
#header {
    transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

/* スクロールフェードインアニメーション */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}