/* =========================================================
   会社紹介ページ専用（共通部分は design-base.css 側）
   ブロック構成：About（白）→ メイド ウィズ はつかぜ（薄い青緑）→ 会社概要（白）
   → アクセス（薄い青緑）→ 認定情報（白）
========================================================= */

/* タイトル帯：h1の開始位置を本文(.wrap)にそろえる（文字サイズは common.css で全ページ共通） */
body:not(.home) main .wrapper-h1 h1{max-width:var(--max);padding-left:var(--pad);padding-right:var(--pad)}

/* ラベル（About など）：技術・開発体制と同じ青緑・太字に */
.eyebrow{font-size:14.5px;font-weight:700;letter-spacing:.18em;line-height:20px;color:#17808a}
.eyebrow::before{background:#17808a}
@media(max-width:720px){.eyebrow{font-size:13.5px;letter-spacing:.16em}}

/* セクション見出し：大きめ・濃いめ */
.sec-title{font-size:clamp(24px,3vw,34px);line-height:1.5;color:#1c2b33}

/* セクションの余白・背景色（色で区切るので線は使わない） */
main section{padding:clamp(72px,9vw,120px) 0;border-top:none}
.corp-hero,.corp-company,.corp-cert{background:#fff}
.corp-made,.corp-access{background:linear-gradient(120deg,#eef7f8 0%,#eef3fa 100%)}

/* =========================================================
   About：大きな見出し＋リード文
========================================================= */
.corp-hero{padding:clamp(56px,7vw,104px) 0 clamp(56px,6vw,80px)}
.corp-title{margin-top:20px;font-size:clamp(32px,4.4vw,52px);font-weight:700;line-height:1.35;letter-spacing:.02em;color:#1c2b33}
.corp-lead{margin-top:28px;max-width:720px;font-size:16.5px;line-height:1.95;color:var(--sub)}

/* =========================================================
   メイド ウィズ はつかぜ：左に写真、右に文章
========================================================= */
.corp-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,72px);align-items:center}
.corp-intro img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.corp-intro-h{margin:20px 0 22px;font-size:clamp(24px,3vw,34px);line-height:1.45;color:#1c2b33}
.corp-intro-text p:not(.eyebrow){font-size:16px;line-height:1.95;color:var(--sub)}
@media(max-width:760px){.corp-intro{grid-template-columns:1fr}}

/* =========================================================
   会社概要：左に見出し、右に上が濃い線の表（項目名はティール）
========================================================= */
.co-table{margin:0;border-top:2px solid #1c2b33}
.co-table > div{display:grid;grid-template-columns:160px 1fr;border-bottom:1px solid #e3eaee}
.co-table dt{padding:22px 0;font-size:15px;font-weight:700;letter-spacing:.05em;color:#17808a}
.co-table dd{padding:22px 0;font-size:15.5px;line-height:1.9;color:#1c2b33}
.co-table .co-note{display:inline-block;margin-top:4px;font-size:13.5px;line-height:1.8;color:#6b7580}
.co-table .co-holder{display:inline-flex;align-items:center;gap:14px;vertical-align:middle;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(23,128,138,.4);text-underline-offset:4px}
.co-table .co-holder img{width:auto;height:40px}
.co-table .co-holder:hover{color:#17808a}
@media(max-width:640px){
  .co-table > div{grid-template-columns:1fr}
  .co-table dt{padding:18px 0 0}
  .co-table dd{padding:4px 0 18px}
}

/* =========================================================
   アクセス：左に見出し・建物名・住所・リンク、右に地図
========================================================= */
.access-building{margin-top:28px;font-size:17px;font-weight:700;color:#1c2b33}
.access-address{margin-top:6px;font-size:14px;line-height:1.8;color:var(--sub)}
.access-link{display:inline-block;margin-top:22px;font-size:14.5px;font-weight:700;letter-spacing:.04em;color:#17808a !important;text-decoration:none !important}
.access-link::after{content:">";display:inline-block;margin-left:10px;transform:scale(.6,1.2)}
.map-embed{position:relative;margin:0;padding-top:56.25%;border:none;border-radius:8px;overflow:hidden}
.map-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* =========================================================
   認定情報：枠線のカードに、左にマーク、右に名称と認定内容
========================================================= */
.cert-block{margin-top:40px;display:grid;grid-template-columns:140px 1fr;gap:clamp(24px,4vw,48px);align-items:center;padding:clamp(24px,4vw,36px) clamp(24px,4vw,44px);border:1px solid #e3eaee;border-radius:8px}
.cert-image{text-align:center}
.cert-image img{width:100%;max-width:120px;height:auto;margin:0 auto}
.cert-sub{margin:0 0 14px;font-size:17.5px;color:#17808a}
.cert-info > div{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:4px 0}
.cert-info dt{font-size:14px;font-weight:400;color:var(--sub)}
.cert-info dd{font-size:14.5px;line-height:1.8;color:#1c2b33}
@media(max-width:640px){
  .cert-block{grid-template-columns:1fr}
  .cert-info > div{grid-template-columns:1fr;gap:0;padding:6px 0}
}