body {
            background-color: var(--white); line-height: 1.8;
        }
        a { text-decoration: none; color: inherit; transition: 0.3s; }
        ul { list-style: none; padding: 0; margin: 0; }
        img { max-width: 100%; display: block; }

        /* --- ページヘッダー（下層ページ用） --- */
        .page-header-about {
            background: linear-gradient(rgba(0,51,102,0.8), rgba(0,51,102,0.8)), url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=2070&auto=format&fit=crop');
            background-size: cover; background-position: center;
            height: 250px; display: flex; align-items: center; justify-content: center; color: white; text-align: center;
        }
        .page-title-about { font-size: 2.5rem; font-weight: bold; margin-bottom: 10px; letter-spacing: 2px; }
        .page-subtitle-about{ font-size: 1rem; opacity: 0.9; }

        /* --- コンテンツ共通 --- */
        .container-about { max-width: 900px; margin: 0 auto; padding: 80px 20px; }
        .section-head-about { margin-bottom: 60px; text-align: center; }
        .section-head-about h2 { font-size: 2rem; color: var(--primary-navy); margin-bottom: 15px; }
        .section-head-about p { color: var(--text-light); }

        /* --- ビジョン・メッセージ --- */
        .message-section-about { display: flex; flex-direction: column; gap: 40px; margin-bottom: 80px; }
        .message-img-about { width: 100%; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
        .message-content-about h3 { font-size: 1.5rem; margin-bottom: 20px; color: var(--primary-navy); border-left: 5px solid var(--accent-blue); padding-left: 15px; }
       /* レスポンシブ */
        @media (min-width: 768px) {
            .message-section-about { flex-direction: row; align-items: center; }
            .message-img-about { width: 40%; }
            .message-content-about { width: 60%; }
        }
        /* --- 会社概要テーブル --- */
        .company-table-about { width: 100%; border-collapse: collapse; margin-bottom: 50px; }
        .company-table-about th, .company-table-about td { padding: 20px; border-bottom: 1px solid #eee; text-align: left; }
        .company-table-about th { width: 30%; color: var(--primary-navy); font-weight: bold; background: #f9f9f9; }

        /* --- マップ --- */
        .map-container-about { width: 100%; height: 400px; background: #ddd; border-radius: 10px; overflow: hidden; }

        /* --- メニュー・フッター（indexと同じ） --- */
        /* .nav-overlay {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 51, 102, 0.95);
            z-index: 2000; opacity: 0; visibility: hidden; transition: 0.4s; display: flex; align-items: center; justify-content: center;
        }
        .nav-overlay.active { opacity: 1; visibility: visible; }
        .nav-list a { color: white; font-size: 1.5rem; font-weight: bold; }
        .close-btn { position: absolute; top: 20px; right: 20px; font-size: 3rem; color: white; cursor: pointer; }
        
        footer { background: #222; color: #999; padding: 40px 20px; text-align: center; font-size: 0.8rem; } */