@charset "UTF-8";

.recruit__introduction__container {
  background-color: var(--color__ultra-light-gray);
}
.recruit__introduction {
  padding-top: clamp(58px, 6.5vw, 78px);
  padding-bottom: clamp(58px, 6.5vw, 78px);
  line-height: 2;
}

.recruit__inner {
  margin-top: clamp(60px, 8.3333vw, 100px);
  padding-bottom: 120px;
}
.recruit__requirements h2 {
  font-size: clamp(22px, 2.5vw, 30px);
  margin-bottom: clamp(20px, 3.3333vw, 40px);
  font-weight: 600;
}
.recruit__info {
  color: var(--color__navy);
  font-size: clamp(17px, 1.6666vw, 20px);
  font-weight: 600;
  margin-bottom: clamp(22px, 2.6666vw, 32px);
}

.recruit__requirements dl {
  border-bottom: var(--color__light-gray) solid 1px;
  display: flex;
  padding-bottom: clamp(22px, 2.5vw, 30px);
}

.recruit__requirements dl:first-of-type {
  border-top: var(--color__light-gray) solid 1px;
}

.recruit__requirements dt {
  font-weight: 600;
  line-height: 1;
}

@media print, screen and (min-width: 768px) {
  .recruit__requirements dl {
    justify-content: space-between;
    padding-top: clamp(22px, 2.5vw, 30px);
  }
  .recruit__requirements dt {
    width: 26%;
    padding-left: 10px;
  }

  .recruit__requirements dd {
    width: 74%;
  }
}
@media screen and (max-width: 767px) {
  .recruit__requirements dt,
  .recruit__requirements dd {
    font-size: 15px;
  }

  .recruit__requirements dl {
    flex-direction: column;
  }

  .recruit__requirements dt {
    padding-left: 10px;
    background-color: var(--color__ultra-light-gray);
    padding: 15px 18px 14px;
  }

  .recruit__requirements dd {
    padding-top: 14px;
  }
}