.p-top-job-details {
  padding-top: 80px; /* 8の倍数 */
  padding-bottom: 80px; /* 8の倍数 */
  display: flex;
  flex-direction: column;
  gap: 80px; /* 8の倍数 - セクション間の余白 */
}

.p-top-job-details__inner {
  display: flex;
  flex-direction: column;
  gap: 80px; /* 8の倍数 - 見出しとコンテンツの間の余白 */
}
.p-top-job-details__section {
  display: flex;
  flex-direction: column;
  gap: 40px; /* 8の倍数 - 見出しとコンテンツの間の余白 */
}

.p-top-job-details__heading {
  color: var(--text-color);
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-bold);
  text-align: center;
}

.p-top-job-details__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3列、各カードの幅は340px */
  gap: 16px;
  justify-content: center; /* グリッドを中央揃え */
  margin-inline: auto; /* グリッドを中央配置 */
}

.p-top-job-details__grid .p-card__information {
  width: 100%;
}

/* カード別のスタイル */
.p-card__information--nursery .p-card__box:before {
  /* 保育部カード - 緑色のタグ */
  background-image: url("../../assets/img/information-01.jpg");
}

.p-card__information--development .p-card__box:before {
  background-image: url("../../assets/img/information-02.jpg");
}

.p-card__information--kitchen .p-card__box:before {
  background-image: url("../../assets/img/information-03.jpg");
}

.p-card__information--new-graduate .p-card__box:before {
  background-image: url("../../assets/img/information-04.jpg");
}

.p-card__information--kitchen {
  /* 調理部・運転手カード - グレー色のタグ */
}

.p-card__information--new-graduate {
  /* 新卒採用カード - 横長レイアウト */
  width: 100%;
  margin: 0 auto;
}

/* タグの色設定 */
.c-tag--green {
  background-color: var(--green-base);
}

.c-tag--orange {
  background-color: var(--orange-base);
}

.c-tag--gray {
  background-color: var(--text-color);
}

.c-tag--coral {
  background-color: var(--orange-primary);
}


@media screen and (max-width: 767px) {
  .p-top-job-details__inner {
    gap: 40px;
  }
  .p-top-job-details__section {
    gap: 24px;
  }
  .p-top-job-details__grid {
    grid-template-columns: 1fr;
  }
}