body {
    font-family: 'Noto Sans JP', sans-serif;
}

/* ナビゲーションのスクロール時の背景変更 */
.nav-scrolled {
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(12px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.nav-scrolled .nav-link {
    color: #ffffff;
}

/* スムーススクロール */
html {
    scroll-behavior: smooth;
}

/* セクションパディング */
.section-padding {
    padding: 60px 0;
}

/* ヒーローセクション - レスポンシブタイポグラフィ */

/* 384px以下（iPhone SE対応） */
@media (max-width: 384px) {
    #hero h1 {
        font-size: 1.25rem;
        line-height: 1.3;
        word-spacing: 9999px;
    }

    #hero p {
        font-size: 0.75rem;
        line-height: 1.5;
    }

    #hero .bg-primary-600 {
        padding: 0.625rem 1.25rem;
        font-size: 0.875rem;
    }

    #hero .bg-white\/20 {
        padding: 0.625rem 1.25rem;
        font-size: 0.875rem;
    }
}

/* 768px以下（タブレット・小型デバイス対応） */
@media (max-width: 768px) {
    #hero h1 {
        font-size: 1.5rem;
        line-height: 1.4;
    }

    #hero p {
        font-size: 0.875rem;
        line-height: 1.6;
    }

    #hero .bg-primary-600,
    #hero .bg-white\/20 {
        padding: 0.75rem 1.5rem;
        font-size: 0.875rem;
    }
}