@charset "UTF-8";
/* Font Awesome 6 CDN（どのページでもglobal.cssを読み込めばアイコン利用可能） */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css");
/* Google Fonts: Noto Sans JP */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap");

/* ========================================================
   1. グローバルカラー変数 (Color Variables)
   ======================================================== */
:root {
    /* メインスカイブルーカラー */
    --color-primary: #0f90d1;
    /* メインブルー（カテゴリーボックス、ボーダー、アイコン、フッターライン） */
    --color-primary-hover: #0c7ab3;
    /* ホバー時の濃いブルー */
    --color-primary-light: #e8f2fa;
    /* カテゴリー詳細ヘッダーバー背景色 */
    --color-primary-soft: #f4f9fd;
    /* アコーディオン展開時の薄い背景色 */
    --color-btn-blue: #259cd8;
    /* 下部お問い合わせカプセルボタン背景色 */

    /* ページおよびレイアウト背景色 */
    --color-page-bg: #f2f6f9;
    /* 全体背景の薄いグレー／青みがかったグレー */
    --color-surface: #ffffff;
    /* ヘッダーおよび中央コンテンツシート白背景 */

    /* 上部ナビゲーション(GNB)カラー - 薄いスカイブルーのラウンドバーテーマ */
    --color-nav-bg: #eef7fd;
    /* ナビメニュー薄いスカイブルー背景 */
    --color-nav-bg-hover: #dff0fb;
    /* ナビメニューホバー時背景 */
    --color-nav-border: #d6e9f6;
    /* ナビメニュー枠線および縦の区切り線 */
    --color-nav-text: #1a1a1a;
    /* ナビメニュー文字色 */
    --color-nav-icon: #1292d6;
    /* ナビメニューアイコンブルー */

    /* テキストカラー */
    --color-text-main: #333333;
    /* 基本テキスト（濃いグレー／黒） */
    --color-text-blue: #0f90d1;
    /* ブルーポイントテキスト */
    --color-text-white: #ffffff;
    /* 白テキスト */

    /* フッターカラー */
    --color-footer-bg: #f2f6f9;
    /* フッター背景色 */
    --color-footer-top-line: #0f90d1;
    /* フッター上部ブルー区切り線 */
    --color-footer-divider: #e3eaf0;
    /* フッター項目間の細い下線 */
}

/* ========================================================
   2. グローバル基本リセット (Base Reset)
   ======================================================== */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
    background-color: var(--color-page-bg);
    color: var(--color-text-main);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    text-decoration: none;
}