/* 募集一覧・求人詳細だけで読み込む。 */
.job__intro { margin-top: 24px; font-size: 16px; line-height: 1.9; }
.job__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 40px; }
.job__card { display: flex; flex-direction: column; padding: 36px; background: #f4faff; border-top: 4px solid #0070d0; }
.job__card h2 { color: #0070d0; font-size: 26px; font-weight: 700; }
.job__card p { margin-top: 18px; font-size: 16px; line-height: 1.9; }
.job__card .job__cardLink { margin-top: auto; padding-top: 28px; }
.job__card .btn { width: 100%; }
.job__card .btn__text { font-family: inherit; font-size: 16px; }
.job__detailTitle { margin: 0; font-size: 32px; font-weight: 700; line-height: 1.5; }
.job__detailLabel { margin-bottom: 12px; color: #0070d0; font-size: 18px; font-weight: 700; }
.job__detailLinks { display: flex; flex-wrap: wrap; gap: 16px 28px; margin-top: 32px; }
.job__detailLinks a { color: #0070d0; text-decoration: underline; font-weight: 700; font-size: 16px; }
.job__application { margin-top: 32px; font-size: 16px; line-height: 1.9; }
.job__closed { margin-top: 28px; padding: 24px; background: #f8f8f8; font-size: 18px; font-weight: 700; }
.job .btn:focus-visible, .job__detailLinks a:focus-visible { outline: 3px solid #0070d0; outline-offset: 5px; }
@media screen and (max-width: 680px), screen and (max-width: 737px) and (orientation: landscape) {
  .job__cards { grid-template-columns: 1fr; gap: 24px; margin-top: 28px; }
  .job__card { padding: 24px; }
  .job__card h2 { font-size: 24px; }
  .job__detailTitle { font-size: 25px; }
  .job--detail .job__tableBox { margin-top: 24px; }
}