@charset "UTF-8";

/* ===== 採用メッセージ ===== */

.recruitMessage {
  border-top: 1px solid var(--color-line-dark);
}

.recruitMessageInner {
  display: grid;
  grid-template-columns:
    1fr
    420rem;
  align-items: center;
  gap: 80rem;
}

.recruitMessageHeading {
  margin-top: 40rem;
  font-size: 32rem;
  font-weight: 400;
  line-height: 1.5;
}

.recruitMessageText {
  margin-top: 32rem;
  font-size: 15rem;
  line-height: 2.2;
  color: var(--color-text-sub-dark);
}

.recruitMessagePhoto {
  aspect-ratio: 4 / 5;
}

@media (max-width: 767px) {
  .recruitMessageInner {
    grid-template-columns: 1fr;
    gap: 40rem;
  }

  .recruitMessageHeading {
    margin-top: 24rem;
    font-size: 24rem;
  }

  .recruitMessageText {
    margin-top: 20rem;
    line-height: 2;
  }

  .recruitMessageText br {
    display: none;
  }
}

/* ===== GMJで働くということ ===== */

.recruitFeature {
  padding-top: 0;
}

.recruitFeatureList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40rem;
}

.recruitFeaturePhoto {
  aspect-ratio: 4 / 3;
}

.recruitFeatureNum {
  margin-top: 28rem;
  font-family: var(--font-num);
  font-size: 15rem;
  font-weight: 700;
  color: var(--color-accent-light);
}

.recruitFeatureTitle {
  margin-top: 8rem;
  font-size: 22rem;
  font-weight: 400;
  line-height: 1.5;
}

.recruitFeatureText {
  margin-top: 14rem;
  font-size: 15rem;
  line-height: 2;
  color: var(--color-text-sub-dark);
}

@media (max-width: 767px) {
  .recruitFeatureList {
    grid-template-columns: 1fr;
    gap: 48rem;
  }

  .recruitFeatureNum {
    margin-top: 20rem;
  }

  .recruitFeatureTitle {
    font-size: 20rem;
  }
}

/* ===== 募集職種 ===== */

.recruitJobs .dataTableRow {
  grid-template-columns:
    240rem
    1fr;
  padding: 32rem 0;
}

.recruitJobs .recruitJobsName {
  font-size: 18rem;
  color: var(--color-text);
}

.recruitJobs .recruitJobsText {
  color: var(--color-text-sub);
}

@media (max-width: 767px) {
  .recruitJobs .dataTableRow {
    grid-template-columns: 1fr;
    gap: 8rem;
    padding: 24rem 0;
  }

  .recruitJobs .recruitJobsName {
    font-size: 17rem;
  }
}