<div class="first-view">
  <h2 class="top-title">昨日まで世界になかったものを。</h2>
  <div class="top-img">
    <img src="images/first-view.jpg" alt="ファーストビュー" />
  </div>
</div>

<main>
  <section id="service">
    <h2 class="section-title">事業内容</h2>
    <div class="service-container">
      <div class="service-img">
        <img src="images/dev-system.jpg" alt="システム開発" />
      </div>
      <div class="service-contents">
        <h3 class="service-title">システム開発</h3>
        <p class="service-text">
          歯止めのかからない、地球温暖化による気象リスクの深刻化。
          高品質な米や野菜を安定的に365日供給可能にする。栽培技術や連携システムの構築が当社の強み。
          安心・安全はもちろん、環境にも配慮した農業に取り組んでいます。
        </p>
        <a href="#">詳しく見る</a>
      </div>
    </div>

    <div class="service-container">
      <div class="service-img">
        <img src="images/digital-marketing.jpg" alt="ソフトウェア開発" />
      </div>
      <div class="service-contents">
        <h3 class="service-title">ソフトウェア開発</h3>
        <p class="service-text">
          農業の収益化において課題となっている、物流や農機具のコスト削減。舞台ファームが持つ、全国の生産者、企業、マーケットのネットワークで、農業の課題を効率的に解決するサービスを展開しています。
        </p>
        <a href="#">詳しく見る</a>
      </div>
    </div>

    <div class="service-container">
      <div class="service-img">
        <img src="images/server.jpg" alt="インフラ基盤設計" />
      </div>
      <div class="service-contents">
        <h3 class="service-title">インフラ基盤設計</h3>
        <p class="service-text">
          2021年から稼働をスタートする、次世代型野菜工場「BMS」。日本最大級となる施設では、定植から収穫まで完全オートメーションを目指し、舞台ファーム独自の「舞台ハイブリッド土耕栽培」を駆使する最新鋭栽培設備で、食卓に高品質な野菜を安定供給することを実現します。
        </p>
        <a href="#">詳しく見る</a>
      </div>
    </div>

    <div class="service-container">
      <div class="service-img">
        <img src="images/manage-system.jpg" alt="システム運用・保守" />
      </div>
      <div class="service-contents">
        <h3 class="service-title">システム運用・保守</h3>
        <p class="service-text">
          行政と共同で生産体制支援や人材の育成に取り組み、生産物の買取りまで行います。舞台ファームがこれまでに培ってきたノウハウやネットワークを活用し、地域農業の活性化を目指します。
        </p>
        <a href="#">詳しく見る</a>
      </div>
    </div>
  </section>

  <section id="employment">
    <h2 class="section-title">採用情報</h2>
    <p class="employment-text">
      企業名は2016年10月から「新卒一括採用」を廃止し、新卒、既卒、第二新卒など経歴にかかわらず30歳以下の方であれば応募できる「ポテンシャル採用」として、通年採用を行っています。<br />
      これまでの「新卒採用」と就業経験を重視する「中途採用」では、第二新卒や既卒などの方に対して平等な採用選考機会を提供できないこと、また昨今、海外留学生や博士号取得者など就職活動の時期が多様化していることから、従来よりも柔軟な採用の枠組みが必要であると企業名は考えています。
    </p>
    <table class="employment-table" border="1" bordercolor="#31c5b9">
      <thead>
        <tr>
          <th>名称</th>
          <th>ポテンシャル採用</th>
          <th>キャリア採用</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th>雇用形態</th>
          <td>
            新卒・既卒・就業者<br />(応募時30歳以下かつ入社時18歳以上)
          </td>
          <td>各ポジションに求められるスキル、資質を有する方</td>
        </tr>
        <tr>
          <th>選考時期</th>
          <td>通年</td>
          <td>通年</td>
        </tr>
        <tr>
          <th>入社時期</th>
          <td>4月、10月</td>
          <td>随時</td>
        </tr>
        <tr>
          <th>研修</th>
          <td>新卒研修有り</td>
          <td>集合研修は無し</td>
        </tr>
        <tr>
          <th>給与</th>
          <td>
            職業経験の有無にかかわらず、ポテンシャル採用と同一基準にて決定
          </td>
          <td>ご経験やスキルを考慮し決定</td>
        </tr>
        <tr>
          <th>面接形式</th>
          <td>オンライン</td>
          <td>オンライン</td>
        </tr>
      </tbody>
    </table>
  </section>

  <section id="company-information">
    <h2 class="section-title">会社概要</h2>
    <dl class="company-information-lists">
      <dt>会社名</dt>
      <dd>株式会社 企業名</dd>
      <dt>設立</dt>
      <dd>2003年07月11日</dd>
      <dt>代表取締役</dt>
      <dd>○○ ○○</dd>
      <dt>従業員数</dt>
      <dd>2,330名</dd>
      <dt>資本金</dt>
      <dd>5000万円</dd>
      <dt>売上高</dt>
      <dd>355.6億円</dd>
      <dt>電話番号</dt>
      <dd>000-0000-0000</dd>
      <dt>FAX</dt>
      <dd>00-0000-0000</dd>
      <dt>所在地</dt>
      <dd>〒000-0000 ○○市○○区○○0番地</dd>
    </dl>
  </section>
</main>

<footer>
  <div class="footer-top">
    <div class="footer-left">
      <h2>企業名</h2>
    </div>
    <div class="footer-right">
      <ul>
        <li>TOP</li>
        <li>
          事業内容
          <ul>
            <li>システム開発</li>
            <li>ソフトウェア開発</li>
            <li>インフラ基盤設計</li>
            <li>システム運用・保守</li>
          </ul>
        </li>
        <li>採用情報</li>
        <li>企業情報</li>
      </ul>
    </div>
  </div>
  <div class="footer-bottom">
    <p>©︎企業名.inc</p>
  </div>
</footer>