@charset "UTF-8";

.main {
  /* =====================
    MV
  ===================== */
  .u-mv-recruit {
    background-image: url('../../img/recruit/requirements/mv.png');

    & hgroup {
      @media only screen and (width <= 768px) {
        & span[lang='en'] {
          font-size: calc((100 / 390) * 38 * 1vw);
        }
      }
    }
  }

  /* =====================
    requirements
  ===================== */
  .requirements {
    position: relative;
    padding-block: 120px;

    @media only screen and (width <= 768px) {
      padding-block: calc((100 / 390) * 80 * 1vw);
    }

    .u-inner {
      .wrap {
        margin-inline: 50px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-image: url('../../img/recruit/requirements/requirements_bg.png');
        border-radius: 20px;
        padding-block: 80px;

        @media only screen and (width <= 768px) {
          margin-inline: 0;
          border-radius: calc((100 / 390) * 20 * 1vw);
          padding-block: calc((100 / 390) * 48 * 1vw);
          padding-inline: calc((100 / 390) * 16 * 1vw);
        }
      }
    }
  }
}