/* 会社概要ページ（company/index.html）専用の見た目
   tokens.css と site.css の共通部品（.eyebrow・.jp-h・.btn・.footer など）を使い、
   このページだけの部品は「cp-」で始まる名前にしてLPと混ざらないようにしている */

.cp-page{background:var(--surface-page);color:var(--text-body);font-family:var(--font-jp);overflow-x:clip}

/* ヘッダー */
.cp-header{border-bottom:1px solid var(--border-rule);background:var(--surface-page)}
.cp-header__in{max-width:1318px;margin:0 auto;padding:16px clamp(20px,5.5vw,81px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.cp-logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text-display)}
.cp-logo b{font-family:var(--font-display);font-weight:900;font-size:26px;letter-spacing:-0.04em}
.cp-logo .rule{width:30px;height:1px;background:var(--text-display)}
.cp-logo .label12{color:var(--text-display)}
.cp-back{font-size:18px;font-weight:700}

/* パンくず */
.cp-crumbs{max-width:1318px;margin:0 auto;padding:20px clamp(20px,5.5vw,81px) 0}
.cp-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:16px;line-height:1.7;color:var(--text-muted)}
.cp-crumbs li+li::before{content:"›";margin-right:10px;color:var(--mc-gray-400)}
.cp-crumbs a{color:var(--text-muted)}

/* 見出しと項目表 */
.cp-main{max-width:1318px;margin:0 auto;padding:clamp(40px,6vw,80px) clamp(20px,5.5vw,81px) clamp(64px,8vw,110px)}
.cp-en{margin:0;font-size:clamp(44px,8vw,96px)}
.cp-title{margin:0;font-size:clamp(32px,4.5vw,48px);line-height:1.45}
.cp-table{margin:clamp(32px,5vw,56px) 0 0;max-width:960px;border-top:1px solid var(--border-rule)}
.cp-row{display:grid;grid-template-columns:minmax(9em,13em) minmax(0,1fr);gap:8px 32px;padding:22px 0;border-bottom:1px solid var(--border-rule)}
.cp-row dt{font-size:18px;font-weight:700;line-height:1.7;color:var(--text-heading)}
.cp-row dd{margin:0;font-size:18px;line-height:1.9;letter-spacing:0.04em;color:var(--text-body);overflow-wrap:anywhere}
.cp-row dd .seg{display:inline-block}
.cp-row dd small{font-size:1em;color:var(--text-muted)}
@media (max-width:599.98px){
  .cp-row{grid-template-columns:1fr;gap:4px;padding:18px 0}
}

/* 相談への案内 */
.cp-cta{margin:clamp(48px,7vw,88px) 0 0;max-width:960px;padding:clamp(28px,5vw,48px);background:var(--surface-alt);border-radius:var(--radius-md)}
.cp-cta h2{margin:0;font-size:clamp(22px,2.6vw,28px);line-height:1.5}
.cp-cta p{margin:10px 0 0}
.cp-cta__btn{margin-top:24px}

.cp-cta h2 .seg{display:inline-block}
.cp-page .footer-nav{display:flex;flex-wrap:wrap;gap:8px 16px}