const Recruit = () => {
  return (
    <section className="sec-recruit" id="recruit">
      <div className="container">
        <div className="recruit-grid">
          <div>
            <div className="sec-eyebrow">
              <span className="sec-eyebrow-num">04</span>
              <span className="sec-eyebrow-bar"/>
              <span>RECRUIT</span>
            </div>
            <h2 className="big-jp-title" style={{fontSize:36, margin:'0 0 32px'}}>
              <span className="mark">募集</span>要項
            </h2>

            <table className="recruit-table">
              <tbody>
                <tr>
                  <th>職種</th>
                  <td>教室運営・学習コーチング職（校舎長候補）</td>
                </tr>
                <tr>
                  <th>雇用形態</th>
                  <td>正社員</td>
                </tr>
                <tr>
                  <th>対象</th>
                  <td>新卒 / 第二新卒 / 中途</td>
                </tr>
                <tr>
                  <th>勤務地</th>
                  <td>千葉県内の各校舎（希望地域のご相談可）</td>
                </tr>
                <tr>
                  <th>重視する点</th>
                  <td>主体性・コミュニケーション力・責任感</td>
                </tr>
                <tr>
                  <th>仕事内容</th>
                  <td>
                    生徒・保護者との面談、学習進捗の管理、講師のマネジメント、校舎運営全般。
                    <small>※将来的に校舎長として、校舎の数字・組織・育成に責任を持つポジションです。</small>
                  </td>
                </tr>
                <tr>
                  <th>交通費</th>
                  <td>全額支給</td>
                </tr>
                <tr>
                  <th>研修制度</th>
                  <td>Visionary研修（新人研修）、Stage別研修など、未経験からでも校舎運営を担えるよう体系的な研修制度をご用意しています。</td>
                </tr>
              </tbody>
            </table>

            <div className="welcome-band">
              <div>
                <div className="welcome-title">未経験からの中途入社、多数活躍中</div>
                <div className="welcome-desc">
                  入社時点での教育業界経験は問いません。「人の成長に向き合いたい」想いを大切に、研修と現場で着実にステップアップできる体制が整っています。
                </div>
              </div>
            </div>
          </div>

          <aside className="recruit-side">
            <h3>
              校舎を率い、人を育てる。<br/>
              次の一手を、あなたと。
            </h3>
            <p>
              生徒の変化、講師の成長、校舎の前進。<br/>
              そのすべてに関われるのが、<br/>
              正学館の校長職です。
            </p>
            <div className="recruit-side-photo">
              <img src="assets/recruit-cta.webp" alt=""/>
            </div>
            <div className="recruit-side-actions">
              <a href="#entry" className="btn btn-primary">エントリーする<span className="btn-arrow"/></a>
              <a href="#contact" className="btn btn-outline">よくある質問<span className="btn-arrow"/></a>
            </div>
          </aside>
        </div>
      </div>
    </section>
  );
};

window.Recruit = Recruit;