/* =========================================================
   Jobs page（jobs/index.html）
   求人行などは sections/jobs.css（トップと共通）を使い、
   このページで変える部分だけを上書きする
========================================================= */

.jobs--page {
  padding-top: 112px;
}

/* ページの見出しは.page-heroにあるので、導入コピーは上マージンなし */
.jobs--page .jobs__title {
  margin-top: 0;
}

.jobs--page .jobs__lead p + p {
  margin-top: 1em;
}

/* hover時の背景をより淡く */
.jobs--page .jobs__row:hover {
  background: var(--color-bg);
}

@media (max-width: 960px) {
  .jobs--page {
    padding-top: 88px;
  }
}

@media (max-width: 767px) {
  .jobs--page {
    padding-top: 64px;
  }
}