#page__mv {
  margin-bottom: 15rem;
    & .page__mvWrap {
        .page__mvTextarea {
            min-width: unset;
        }
    }
    @media (max-width:767px) {
      margin-bottom: 9rem;
    }
}

.recruit_archive_page {
  /* background-color: #E6F4FF; */
  position: relative;
  
  .bg_wrapper {
    position: relative;
    padding-bottom: 15rem;
  }
  .bg_recruit_third {
    width: 51.389vw;
    height: 51.389vw;
    max-width: 74rem;
    max-height: 74rem;
    position: absolute;
    left: 0;
    bottom: 0;
    aspect-ratio: 1 / 1;
    z-index: 3;
  }
  .bg_blue {
    padding-bottom: 15rem;
    background-color: #E6F4FF;
    position: absolute;
    left: 0;
    top: 7.3rem;
    width: 100%;
    height: calc(100% + 8rem);
    z-index: -1;
  }
  .bg_recruit_first {
    position: absolute;
    top: 0;
    left: 0;
    width: 54rem;
    height: 54rem;
  }
  .recruitSteps__items {
    display: grid;
    gap: 3rem;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 8rem;
  }
  .recruitSteps__item {
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    background: linear-gradient(to right, #33A2FF, #84C7FF);
    position: relative;
    color: var(--colorWhite);
    font-size: 2.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 8rem;
    /* &.is-current {
        background: var(--colorMainBlue);
    } */
  }
  .recruitSteps__item::before {
    position: absolute;
    left: 0;
    top: 0;
    clip-path: polygon(100% 0, 0 0, 0 100%);
    content: "";
    width: 5rem;
    height: 100%;
    background: var(--colorMainBlue);
    z-index: -1;
  }
  @media screen and (max-width: 767px) {
    .bg_recruit_first {
      width: 26rem;
      height: 26rem;
    }
    .recruitSteps__items {
      grid-template-columns: 1fr;
      gap: 1.6rem;
      max-width: 24rem;
      margin: 6rem auto 0 auto;
    }
    .recruitSteps__item {
        font-size: 1.8rem;
        height: 6rem;
    } 
    .bg_blue {
      top: 7.5rem;
    }
  }
}
.not-recruiting {
}
.not-recruiting__text {
  background-color: #fff;
  padding: 9.2rem 2rem;
  text-align: center;
}

#recruitJob {
  margin-top: 10rem;

  .recruitJob__tabs {
    display: flex;
    gap: 3rem;
    align-items: center;
    justify-content: center;
    margin-top: 6rem;
  }
  .recruitJob__tab {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    padding: 1.6rem 1.5rem 1.6rem 6rem;
    border: 1px solid #0F1419;
    position: relative;
  }
  .recruitJob__tab::after {
    content: "";
    background: url(../../img/recruit/arrow_blue.svg) no-repeat center center / contain;
    width: 1.2rem;
    height: 1.4rem;
    display: inline-block;
    margin-left: 4rem;
  }

  .recruitJob__contents {
    margin-top: 12rem;
  }
  .jobField {

  }
  .jobField + .jobField {
    margin-top: 10rem;
  }
  .jobField:nth-of-type(2) {
    position: relative;
  }
  .jobField:nth-of-type(2)::before {
    content: "";
    background: url(../../img/recruit/bg_recruit_second.png) no-repeat center center / contain;
    width: 49.722vw;
    height: 63.1944vw;
    max-width: 71.6rem;
    /* width: 71.6rem;
    height: 91rem; */
    position: absolute;
    right: 0;
    top: 18.75vw;
    transform: translateY(-100%);
  }

  .jobField__inner {
    background-color: #fff;
    padding: 4rem;
    position: relative;
    z-index: 3;
  }
  .jobField__lists {
    margin-top: 2.4rem;
  }
  .jobField__list:last-of-type {
    border-bottom: 1px solid #ccc;
  }
  .jobField__list {
    display: flex;
    align-items: stretch;
    border-top: 1px solid #ccc;
    
    dt {
      border-right: 1px solid #ccc;
      flex: 0 1 25%;
      padding: 4rem 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2.4rem;
    }
    
    dd {
      flex: 1;
      padding: 4rem 6rem;
      line-height: 2;
      font-size: 2rem;
      font-weight: 400;
    }
  }

  .jobField__title {
    color: var(--colorMainBlue);
    font-size: 3rem;
    font-weight: 700;
    position: relative;
    padding-left: 3.833rem;
  }
  .jobField__title::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url("../../img/common/icon_title_line.png") center center no-repeat;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  @media screen and (max-width: 767px) {
    .recruitJob__contents {
      margin-top: 6rem;
    }
    .recruitJob__tabs {
      flex-direction: column;
      gap: 2rem;
    }
    .recruitJob__tab {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .jobField__inner {
      padding: 1.6em;
    }
    .jobField__title {
      font-size: 2.2rem;
    }
    .jobField__list {
      display: block;

      dt {
        border-top: none;
        border-right: none;
        border-bottom: 1px solid #ccc;
        padding: 1.6rem;
        font-size: 2rem;
      }
      dd {
        padding: 1.6rem 0;
        font-size: 1.6rem;
      }
    }
  }
}