/* ============================================================
   company.css — 会社概要ページ固有
   見出しは common.css の .section-head / .section-label / .section-title を流用。
   ============================================================ */

/* リード文（下層ページ共通の導入テキスト） */
.subpage-lead{
    max-width:760px; margin:0 auto 8px; font-size:1rem; line-height:2;
    color:var(--text-main,#333); text-align:justify;
}

/* 会社情報・沿革テーブル */
.info-table{ width:100%; max-width:880px; margin:0 auto; border-collapse:collapse; font-size:.95rem; }
.info-table th,.info-table td{
    text-align:left; padding:16px 18px;
    border-bottom:1px solid var(--border-light,#e5e5e5); line-height:1.8; vertical-align:top;
}
.info-table th{
    width:32%; background:var(--bg-sub,#f7f7f5); font-weight:700; color:#444; white-space:nowrap;
}
@media (max-width:600px){
    .info-table th{ width:36%; white-space:normal; }
    .info-table th,.info-table td{ padding:13px; }
}

/* 沿革（年表） */
.history{ max-width:760px; margin:0 auto; }
.history-item{
    display:flex; gap:24px; padding:18px 0; border-bottom:1px dashed var(--border-light,#ddd);
}
.history-year{ flex:0 0 7rem; font-weight:700; color:var(--brand-accent,#ea3341); }
.history-text{ flex:1; line-height:1.8; }
@media (max-width:600px){
    .history-item{ flex-direction:column; gap:4px; }
    .history-year{ flex:none; }
}

/* アクセス（地図） */
.access-map{ max-width:880px; margin:0 auto 24px; }
.access-map iframe,.access-map .map-ph{
    width:100%; aspect-ratio:16 / 9; border:0; border-radius:10px; display:block;
}
.access-map .map-ph{
    display:flex; align-items:center; justify-content:center;
    background:#f0f0ee; border:1px dashed #ccc; color:#999; font-size:.9rem; text-align:center; padding:16px;
}

/* 理念セクションの集合写真 */
.company-photo{ max-width:960px; margin:32px auto 0; }
.company-photo img{
    width:100%; height:auto; display:block;
    border-radius:16px; box-shadow:0 12px 40px rgba(0,0,0,.12);
}
@media (max-width:600px){
    .company-photo{ margin-top:24px; }
    .company-photo img{ border-radius:12px; }
}

/* 事業内容（会社情報テーブル内の事業部リスト） */
.biz-cat{ display:block; font-weight:700; color:#444; margin-top:14px; }
.biz-cat:first-child{ margin-top:0; }
.biz-list{ margin:4px 0 0; padding-left:1.2em; list-style:disc; }
.biz-list li{ line-height:1.8; }

/* 理念セクション：下部余白をなくす（次セクションと詰める） */
.section--pb0{ padding-bottom:0; }

/* アクセスセクション：非グレーの淡色背景（見出し #f7f7f5 が埋もれないよう区別できる色） */
.section--tint{ background-color:#fdf0f1; }

/* アクセス情報：top.css の .company-info と同じ角丸・白背景カード */
.access-info-box{
    max-width:880px; margin:0 auto;
    background-color:var(--color-bg-white,#fff);
    border:1px solid var(--color-border,#e5e7eb);
    border-radius:2.5rem; padding:2.5rem;
}
/* カード内の定義リスト（top.css の .company-dl と同じデザイン） */
.access-info-box .company-dl{ margin:0; }
.company-dl dt{
    font-size:0.8125rem; font-weight:700;
    color:var(--color-accent); margin-bottom:0.25rem;
}
.company-dl dd{ font-size:0.9375rem; font-weight:700; margin-bottom:1.5rem; }
.company-dl dd:last-child{ margin-bottom:0; }
@media (min-width:768px){
    .company-dl dd{ font-size:1rem; }
    /* PC：dt（ラベル）｜dd（値）の2カラム表示 */
    .access-info-box .company-dl{
        display:grid;
        grid-template-columns:7rem 1fr;
        column-gap:1.5rem;
        row-gap:1.25rem;
        align-items:baseline;
    }
    .access-info-box .company-dl dt,
    .access-info-box .company-dl dd{ margin-bottom:0; }
}
@media (max-width:600px){
    .access-info-box{ padding:1.5rem; border-radius:1.5rem; }
}

/* Googleマップ拡大ボタン（page-test-top の .btn-company-intro と同じ赤ピルボタン / ホバーは透過のみ） */
.access-map-btn-wrap{ text-align:center; margin-top:2rem; }
.btn-map{
    display:inline-flex; align-items:center; gap:0.6rem;
    background-color:var(--color-accent,#ea3341); color:#fff;
    font-size:0.9375rem; font-weight:700; line-height:1.4;
    padding:1rem 2.5rem; border-radius:9999px; text-decoration:none;
    transition:opacity 0.2s ease;
}
@media (min-width:768px){ .btn-map{ font-size:1rem; } }
.btn-map:hover{ opacity:0.85; }
.btn-map svg{ flex-shrink:0; }