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

const FAQS = [
  { q: '社労士法人と株式会社、何が違うのですか？',
    a: '労務手続き・給与計算・助成金申請・規程整備など、実務や士業独占業務は「社会保険労務士法人 労務ニュース」が担当します。育成・AI活用・人事評価・組織課題など、戦略や仕組み化を伴うご相談は「株式会社労務ニュース」が担当します。同じ代表（倉田諒）が両方を見ているため、契約は別々でも、対応は一貫しています。' },
  { q: '千葉県外でも対応できますか？',
    a: '可能です。研修・AI顧問・人事評価はオンライン中心の運用のため、全国のお客様にご提供しています。月次伴走の場合は、状況に応じてオンライン・訪問を組み合わせます。' },
  { q: '研修だけ、AI顧問だけ、評価制度だけ、といった単発契約はできますか？',
    a: 'できます。3本柱はそれぞれ独立してご契約いただけます。一方で、複数を組み合わせる方が「動き続ける状態」を作りやすいケースも多いため、初回ご相談時に課題感を伺ったうえで最適な組み方をご提案します。' },
  { q: '相談だけでも大丈夫？費用はかかりますか？',
    a: '無料相談を承っています。無理な営業は一切しません。「うちには合わない」「今のままで十分」となるケースもあり、その判断のお手伝いも含めて1時間お時間いただきます。' },
  { q: '料金はどのくらいですか？',
    a: 'AI研修は385,000円／名（リスキリング助成金活用で実質負担8万強／名）。AI顧問は月額制、人事評価制度の設計＋運用伴走は内容により個別お見積もり、ファシリ型育成も期間と範囲によって個別お見積もりです。初回ご相談時に概算をお伝えします。' },
  { q: '社労士業務（手続き・助成金・規程）も依頼できますか？',
    a: '可能です。隣の社労士法人 労務ニュースが対応します。株式会社のサービスと連動させると、戦略から実務までワンストップで進められます。' }
];

const FAQ = () => {
  const [open, setOpen] = React.useState(0);
  return (
    <section className="faq" id="faq" data-screen-label="09 FAQ">
      <div className="container">
        <div className="section-head" style={{alignItems:'center',textAlign:'center'}}>
          <Eyebrow>FAQ</Eyebrow>
          <h2>よくあるご質問</h2>
        </div>
        <div className="faq__list">
          {FAQS.map((f, i) => (
            <div className={`faq__item ${open===i?'open':''}`} key={i}>
              <button className="faq__q" onClick={() => setOpen(open===i?-1:i)}>
                <span className="qmark">Q.</span>
                <span>{f.q}</span>
                <span className="chev"><Arrow dir="d"/></span>
              </button>
              <div className="faq__a">{f.a}</div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
};

window.FAQ = FAQ;