/* ページ名ラベル（共通テンプレート）。
   子ページ：ページ見出し（h1）のすぐ下に置く。TOP：同じ形をセクションラベルに使う。
   site.css／recruit-base.css のどちらを読むページでも同じ見た目になるよう、色は直接指定する。 */
.page-label {
  margin: 24px 0 0;
  padding: 0;
  border: 0;
  color: #0B1F33;
  font-family: "Noto Sans JP", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.4;
  white-space: nowrap;
}
.page-label--center { text-align: center; }
.on-navy .page-label, .page-label--on-navy { color: #fff; }

/* TOPの4ラベルと対応する子ページの入口にだけ使う。 */
.label-with-rule {
  display: flex;
  align-items: center;
  gap: 14px;
}
.label-with-rule::before {
  content: "";
  flex: none;
  width: 36px;
  height: 2.5px;
  border-radius: 1px 2px 2px 1px;
  background: linear-gradient(90deg, #D8B46A 0%, #D8B46A 40%, #0B1F33 100%);
}
.page-label--center.label-with-rule { justify-content: center; }
/* 中央揃えでは、ラベルの文字を中央に保つため左右の幅を揃える。 */
.page-label--center.label-with-rule::after { content: ""; flex: 0 0 36px; }

@media (max-width: 760px) {
  .page-label { margin-top: 18px; }
}