function Company() {
  const rows = [
    { th: ["商号", "Company"],   td: <strong>大志建設株式会社</strong> },
    { th: ["所在地", "Address"], td: (<>〒816-0802<br/>福岡県春日市春日原北町2-20-11</>) },
    { th: ["代表者", "CEO"],     td: "代表取締役 ／ 志岐 浩二" },
    { th: ["担当者", "Contact"], td: "営業部長 ／ 志岐 裕一郎" },
    { th: ["設立", "Founded"],   td: "2008年 3月 1日" },
    { th: ["資本金", "Capital"], td: "100万円" },
    { th: ["従業員数", "Staff"], td: (
      <>
        29名
        <div style={{ marginTop: 10 }}>
          <span className="pill">施工管理 4名</span>
          <span className="pill">職人 18名</span>
          <span className="pill">営業 3名</span>
          <span className="pill">事務 4名</span>
        </div>
      </>
    )},
    { th: ["事業内容", "Services"], td: (
      <>
        <div style={{ marginBottom: 6 }}>
          とび土工工事 ・ 足場 ・ 解体 ・ 土木 ・ 住宅 ・ 太陽光 ・ リフォーム ・ 造成工事
        </div>
        <div style={{ marginTop: 12 }}>
          {["とび・土工","建築","土木","内装仕上","大工","石","塗装","左官","解体"].map((s) => (
            <span className="pill" key={s}>{s}</span>
          ))}
        </div>
      </>
    )},
    { th: ["対応エリア", "Area"], td: "九州・沖縄エリア（福岡県を中心に）" },
    { th: ["認証", "Insurance"], td: (
      <>
        法人 ／ インボイス登録 ／ 社会保険 ／ 労災保険<br/>
        労働災害総合保険 ／ 請負業者賠償責任保険 ／ 生産物賠償責任保険（PL保険）
      </>
    )},
  ];
  return (
    <section className="section company" id="company" data-screen-label="Company">
      <div className="section-inner">
        <div className="company-grid">
          <div className="company-left">
            <div className="eyebrow-row">Company · 会社概要</div>
            <div className="company-vertical">大志建設株式会社</div>
            <div className="company-side-en">Taishi Kensetsu Co., Ltd.</div>
            <div className="company-side-hanko">
              <div>大志</div>
              <div style={{ fontSize: 10, letterSpacing: "0.18em", marginTop: 4, fontWeight: 500 }}>since 2008</div>
            </div>
          </div>

          <div>
            <table className="company-table">
              <tbody>
                {rows.map((r, i) => (
                  <tr key={i}>
                    <th scope="row">
                      {r.th[0]}
                      <small>{r.th[1]}</small>
                    </th>
                    <td>{r.td}</td>
                  </tr>
                ))}
              </tbody>
            </table>

            <div className="company-license">
              <div className="company-license-mark">許可</div>
              <div className="company-license-text">
                <strong>建設業許可</strong>
                <span>福岡県知事許可 – 第107261号 ／ 一般・とび・土工工事業</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}
Object.assign(window, { Company });