@charset "UTF-8";
/* ============================================================
   new-recruit.css
   recruit.css の min-width:1500px レイヤーを px 固定に置き換える。
   1vw = 15px（画面幅1500px基準）で換算済み。
   recruit.css より後に読み込むこと。
   ============================================================ */
@media screen and (min-width: 1500px) {
  /*---------------------------------------------
フォント用のmixinとユーティリティ

@include font-sp(26); // モバイルファースト
@include font-pc(18); // タブレット〜PC対応
---------------------------------------------*/
  main section p {
    font-size: 20px;
  }
  .content-title {
    font-size: 42px;
  }
  .btn-more {
    font-size: 20px;
  }
  .btn-more.font-dec {
    font-size: 20px;
  }

  /*---------------------------------------------
mv
---------------------------------------------*/
  .mv-recruit .title-en img {
    width: 344px;
  }

  /*---------------------------------------------
section01
---------------------------------------------*/
  #section01 {
    padding: 130px 0 80px;
  }
  #section01 .section01__text-title {
    font-size: 42px;
  }
  #section01 .section01__image img {
    width: 291px;
  }

  /*---------------------------------------------
story
---------------------------------------------*/
  #story {
    padding: 80px 0 110px;
  }
  #story .story__row .story__text-wrap .story__en-title {
    width: 385px;
    margin-bottom: 25px;
  }
  #story .story__wantedly {
    width: 239px;
  }
  #story .story__item-link p {
    font-size: 18px;
  }
  #story .story__item-link + .story__item-link {
    margin-top: 30px;
  }

  /*---------------------------------------------
document
---------------------------------------------*/
  #document {
    padding: 120px 0 150px;
  }
  #document .document__en-title {
    width: 1100px;
    margin-bottom: 40px;
  }
  #document .document__row .document__text-wrap {
    margin-right: 35px;
  }
  #document .document__row .document__text-wrap .document__subtitle {
    font-size: 24px;
  }

  /*---------------------------------------------
requirements
---------------------------------------------*/
  #requirements {
    padding: 120px 0 60px;
  }
  #requirements .requirements__en-title {
    width: 938px;
    margin-bottom: 20px;
  }
  #requirements .requirements__title {
    font-size: 42px;
  }
  #requirements .requirements__subtitle {
    font-size: 28px;
  }
  #requirements .requirements__lead-row {
    margin-top: 90px;
    margin-bottom: 100px;
  }
  .recruit-table .recruit-table__row p {
    font-size: 18px;
  }
  .recruit-table .recruit-table__row .recruit-table__text .recruit-table__text-sub {
    font-size: 16px;
  }
  .recruit-table .recruit-table__row .recruit-table__text .note {
    font-size: 14px;
  }

  /*---------------------------------------------
process
---------------------------------------------*/
  #process {
    padding: 110px 0;
  }
  #process .process__en-title {
    width: 545px;
    margin-bottom: 20px;
  }
  #process .process__wrap {
    padding-top: 120px;
  }
  #process .process__wrap .process__step {
    padding: 45px;
  }
  #process .process__wrap .process__step .process__image {
    width: 158px;
    margin-left: 30px;
  }
  #process .process__wrap .process__step .process__title {
    font-size: 36px;
  }
  #process .process__wrap .process__step .process__title {
    margin-bottom: 15px;
  }
  #process .process__wrap .process__step .process__title .process__number {
    width: 50px;
  }
  #process .process__wrap .process__step:nth-child(1) .process__title .process__number {
    width: 42px;
  }
  #process .process__wrap .process__step .process__desc {
    padding-left: 98px;
  }
  #process .process__wrap .process__arrow {
    margin-bottom: 20px;
  }
}