/* Section 5 — Numbers (株式会社労務ニュース版) */

const Numbers = () => (
  <section className="numbers" data-screen-label="05 Numbers">
    <div className="container numbers__inner">
      <div>
        <Eyebrow>BY THE NUMBERS</Eyebrow>
        <h2 style={{marginTop:14}}>数字で見る、<br/>株式会社労務ニュース。</h2>
        <p style={{fontSize:13,color:'var(--ink-500)',marginTop:12,maxWidth:'36ch',lineHeight:1.85}}>
          研修・伴走の実績数値です。隣で社労士法人を並列運営しているため、約80社の現場ノウハウも背景にあります。
        </p>
      </div>
      <div className="numbers__grid">
        <div className="numbers__stat">
          <div className="v">9.0<span className="unit">／10</span></div>
          <div className="lbl">受講後アンケート 満足度（n=59）</div>
        </div>
        <div className="numbers__stat">
          <div className="v"><span className="pre">9</span>割<span className="unit">+</span></div>
          <div className="lbl">「日常的にAIを使うようになった」</div>
        </div>
        <div className="numbers__stat">
          <div className="v"><span className="pre">約</span>80<span className="unit">社</span></div>
          <div className="lbl">グループ顧問先（社労士法人）</div>
        </div>
        <div className="numbers__stat">
          <div className="v">2020<span className="unit">年〜</span></div>
          <div className="lbl">千葉から中小企業を支援</div>
        </div>
      </div>
    </div>
  </section>
);

window.Numbers = Numbers;