.about-recruit-wrap {
  width: 100%;
  margin-top: min(19.8vw, 286px);
  /* padding-left: min(6.25vw, 90px); */
  padding: 0 16.11vw;
  gap: min(3.61vw, 52px);
  box-sizing: border-box;
  /* justify-content: space-between; */
}


.about-recruit-title {
  font-size: var(--size40);
  line-height: min(4.72vw, 68px);
}

.about-recruit-text {
  width: min(58.3vw, 840px);
  /* width: 58.3vw; */
  margin-top: 52px;
  font-size: var(--size16);
  line-height: var(--size27);
}

.about-recruit-img {
  width: min(42.3vw, 610px);
  height: min(24.3vw, 350px);
  background-image: url(assets/recruit/re_1.webp);
  background-position: center;
  background-size: cover;
  margin-top: 52px;
  border-radius: 50px;
}

.recruit-wave {
  position: absolute;
  height: 100px;
  width: 100%;
  background: #fff;
  bottom: 0;
}

.recruit-wave::before,
.recruit-wave::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100% 50%;
}

.recruit-wave::before {
  width: 55%;
  height: 109%;
  background-color: #F8AC00;
  right: -1.5%;
  top: 60%;
}

.recruit-wave::after {
  width: 55%;
  height: 100%;
  background-color: #fff;
  left: -1.5%;
  top: 40%;
}

@media screen and (max-width: 768px) {
  .attention-img {
    width: auto;
    height: 540px;
    margin: 0 12px;
    border-radius: 24px;
  }

  .about-recruit-wrap {
    flex-direction: column;
    padding-left: 0;
    padding: 0 12px;
  }

  .recruit-subTitle {
    font-size: 16px;
    line-height: 27px;
  }

  .recruit-title-name {
    font-size: 32px;
    line-height: 54px;
  }

  .about-recruit-text {
    width: auto;
    margin-top: 24px;
    font-size: 16px;
    line-height: 27px;
  }


  .about-recruit-title {
    font-size: 32px;
    line-height: 40px;
  }

  .about-recruit-img {
    width: auto;
    height: 504px;
  }

  .recruit-wave {
    height: 40px;
  }
}

.main-work {
  width: min(58.3vw, 840px);
  margin-top: min(7.63vw, 110px);
}

.section-title {
  font-size: var(--size40);
  line-height: min(4.72vw, 68px);
}

.work-title {
  margin-top: min(5.55vw, 80px);
  font-size: var(--size32);
  line-height: var(--size54);
}

.work-detail {
  margin-top: var(--size54);
  font-size: var(--size16);
  line-height: var(--size27);
}

@media screen and (max-width: 768px) {
  .main-work {
    width: auto;
    margin-top: 110px;
    padding: 0 12px;
  }

  .section-title {
    font-size: 40px;
    line-height: 68px;
  }

  .work-title {
    margin-top: 32px;
    font-size: 32px;
    line-height: 54px;
  }

  .work-detail {
    margin-top: 16px;
    font-size: 16px;
    line-height: 27px;
  }
}

.job-description {
  margin-top: min(21.5vw, 310px);
  padding: 0 13.05vw;
}

.description-title {
  font-size: var(--size40);
  line-height: min(4.72vw, 68px);
}

.description-warp {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.description-content {
  width: min(34.72vw, 500px);
  height: fit-content;
  display: grid;
  grid-template-columns: 6.44vw 1fr;
  grid-template-rows: 1fr;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  gap: var(--size40);
  padding: 48px 0;
}

.description-occupation {
  width: fit-content;
}

.description-img {
  width: min(35.4vw, 510px);
  height: min(26.7vw, 385px);
  border-radius: 50px;
  background-image: url(assets/recruit/re_2.webp);
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .job-description {
    margin-top: 104px;
    padding: 0 12px;
  }

  .description-title {
    font-size: 40px;
    line-height: 68px;
  }

  .description-warp {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .description-content {
    width: 100%;
    height: fit-content;
    display: block;
    /* grid-template-columns: 4.44vw 1fr;
    grid-template-rows: 1fr; */
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    /* gap: 40px; */
    padding: 32px 12px;
    box-sizing: border-box;
  }

  .description-occupation {
    width: fit-content;
  }

  .description-detail {
    margin-top: 32px;
  }

  .description-img {
    width: 100%;
    height: 385px;
    background-color: #D8D8D8;
    border-radius: 50px;
    margin-top: 32px;
  }
}

.recruit-contact {
  padding-top: 195px;
  padding-bottom: 160px;
  text-align: center;
  position: relative;
  background: #fff;
  height: auto;
}

.recruit-contact-title {
  font-size: var(--size40);
  line-height: min(4.72vw, 68px);
}

.recruit-contact-text {
  margin: 0 auto;
  margin-top: min(5.27vw, 76px);
  width: min(40.625vw, 585px);
  font-size: var(--size16);
  line-height: var(--size27);
}

.recruit-contact-btn {
  background-color: #fff;
  height: min(6.11vw, 88px);
  border: 1px solid #707070;
  color: #707070;
  margin-top: min(3.19vw, 46px);
}

.recruit-contact-btn .btn-text {
  line-height: min(6.11vw, 88px);
}

@media screen and (max-width: 768px) {

  .recruit-contact {

    padding-top: 88px;
    padding-bottom: 105px;
  }

  .recruit-contact-title {
    font-size: 40px;
    line-height: 68px;
  }

  .recruit-contact-text {
    margin: 0 auto;
    padding: 0 12px;
    margin-top: 24px;
    width: auto;
    font-size: 16px;
    line-height: 27px;
  }

  .recruit-contact-text br {
    display: none;
  }

  .recruit-contact-btn {
    background-color: #fff;
    width: calc(100% - 24px);
    border: 1px solid #707070;
    color: #707070;
    height: 88px;
    margin-top: 24px;
  }

  .recruit-contact-btn .btn-text {
    line-height: 88px;
  }


  .recruit-contact-btn .btn-text {
    line-height: 88px;
  }
}