/* CAREERSページ専用。TOP・記事の共通CAREERS部品には適用しない。
 * 設定メモ：現役：CAREERS単独ページ。共通CAREERS部品とは別責務。PCの可視目標はtokensのvisible-*へ集約。縦リンク33.5/36.5px操作枠と共通18.5px丸から上下insetを算定する。
 */
body.design-center-careersPage,
body.design-center-careersPage .common-main { color: var(--color-text); background: #fff; }
body.design-center-careersPage .common-breadcrumb { position: static; background: #fff; }
body.design-center-careersPage .common-breadcrumb_inner { max-width: none; }
body.design-center-careersPage .design-center-careersContent { padding: var(--dc-careers-content-padding, 136px 0 256px); font-family: var(--dc-careers-content-font-family, "Roboto", "Noto Sans JP", sans-serif); }
body.design-center-careersPage .design-center-careersContent * { box-sizing: border-box; }
body.design-center-careersPage .design-center-careersIntro,
body.design-center-careersPage .design-center-careersRelated { width: var(--dc-page-container-width, calc(100% - 80px)); max-width: var(--dc-careers-related-max-width, 814px); margin-right: auto; margin-left: auto; }
body.design-center-careersPage .design-center-careersIntro { margin-top: var(--dc-careers-intro-margin-top, 96px); }
body.design-center-careersPage .design-center-careersIntro h2 { margin: var(--dc-careers-intro-h2-margin, 0 0 20px); font-size: var(--dc-careers-intro-h2-font-size, 22px); font-weight: var(--dc-weight-regular, 400); line-height: var(--dc-careers-intro-h2-line-height, 1.8); }
body.design-center-careersPage .design-center-careersIntro p { margin: 0; font-size: var(--dc-careers-intro-p-font-size, 16px); font-weight: var(--dc-weight-regular, 400); line-height: var(--dc-careers-intro-p-line-height, 2.25); overflow-wrap: anywhere; }
body.design-center-careersPage .design-center-careersActions,
body.design-center-careersPage .design-center-careersRelatedLinks { display: flex; flex-direction: column; align-items: flex-start; }
body.design-center-careersPage .design-center-careersActions { gap: var(--dc-careers-actions-gap, 6px); margin-top: var(--dc-careers-actions-margin-top, 36px); }
/* TOPのABOUTリンクと同じ黒丸・中央矢印。ページ固有の位置制御は取り込まない。 */
/* 縦リンクだけmin-heightを専用tokenで設定。PC33.5/SP36.5・gap0で丸同士15/18pxを確保する。 */
body.design-center-careersPage .design-center-careersLink { display: inline-flex; width: fit-content; max-width: 100%; overflow-wrap: anywhere; min-height: var(--dc-careers-link-min-height, 44px); }

body.design-center-careersPage .common-main a:focus-visible { outline: 3px solid #005bac !important; outline-offset: 3px; }
body.design-center-careersPage .design-center-careersRelated { margin-top: var(--dc-careers-related-margin-top, 256px); }
body.design-center-careersPage .design-center-careersRelatedGroup + .design-center-careersRelatedGroup { margin-top: var(--dc-careers-related-group-margin-top, 96px); }
body.design-center-careersPage .design-center-careersRelated h2 { margin: var(--dc-careers-related-h2-margin, 0 0 18px); font-size: var(--dc-careers-related-h2-font-size, 18px); font-weight: var(--dc-weight-medium, 500); line-height: var(--dc-careers-related-h2-line-height, 1.8); }
body.design-center-careersPage .design-center-careersRelated p { margin: 0; font-size: var(--dc-careers-related-p-font-size, 14px); line-height: var(--dc-careers-related-p-line-height, 1.857143); overflow-wrap: anywhere; }
body.design-center-careersPage .design-center-careersRelatedLinks { gap: var(--dc-careers-related-links-gap, 0); margin-top: var(--dc-careers-related-links-margin-top, 12px); }

@media (max-width: 1023px) {
  body.design-center-careersPage .design-center-careersContent { padding: var(--dc-careers-content-padding--tablet, 88px 0 140px); }
  body.design-center-careersPage .design-center-careersIntro { margin-top: var(--dc-careers-intro-margin-top--tablet, 64px); }
  body.design-center-careersPage .design-center-careersRelated { margin-top: var(--dc-careers-related-margin-top--tablet, 120px); }
  body.design-center-careersPage .design-center-careersRelatedGroup + .design-center-careersRelatedGroup { margin-top: var(--dc-careers-related-group-margin-top--tablet, 64px); }
}
@media (max-width: 639px) {
  body.design-center-careersPage .design-center-careersContent { padding: var(--dc-careers-content-padding--compact, 64px 0 100px); }
  body.design-center-careersPage .design-center-careersIntro,
  body.design-center-careersPage .design-center-careersRelated { width: var(--dc-page-container-width--compact, calc(100% - 40px)); }
  body.design-center-careersPage .design-center-careersIntro { margin-top: var(--dc-careers-intro-margin-top--compact, 48px); }
  body.design-center-careersPage .design-center-careersIntro h2 { font-size: var(--dc-careers-intro-h2-font-size--compact, 20px); }
  body.design-center-careersPage .design-center-careersIntro p { font-size: var(--dc-careers-intro-p-font-size--compact, 15px); line-height: var(--dc-careers-intro-p-line-height--compact, 2.2); }
  body.design-center-careersPage .design-center-careersRelated { margin-top: var(--dc-careers-related-margin-top--compact, 80px); }
  body.design-center-careersPage .design-center-careersRelatedGroup + .design-center-careersRelatedGroup { margin-top: var(--dc-careers-related-group-margin-top--compact, 48px); }
}

/* ユーザー指定のPDF間隔を優先する縦リンクだけ、共通44px枠の例外とする。 */
body.design-center-careersPage .design-center-careersContent .design-center-careersLink { min-height: var(--dc-careers-link-min-height, 44px); }

/* 現行の最終外部リンクは実内容幅293.34px未満で複数行になる。
 * 文字unionが丸下端を越える時だけ末尾を補正。ラベル/丸の中央配置・自然高は維持する。
 * 文言・字体・外部アイコン寸法を変更した場合は境界と補正値を再測定する。 */
@media screen and (max-width: 1023px) {
  body.design-center-careersPage .design-center-careersRelated { container: dc-careers-related / inline-size; }
  @container dc-careers-related (width < 293.34px) {
    body.design-center-careersPage .design-center-careersRelatedGroup:last-child { padding-bottom: 7.56px; }
  }
}

/* PC題字の配置。本文と見出しの画面表示は下の共通指定を使用する。 */
@media screen and (min-width: 1024px) {
  /* 旧SVG幅の中央枠を文字実幅へ変更し、MV左端と題字の左端を揃える。 */
  body.design-center-careersPage .design-center-titleFrame { width: max-content; }
}

/* 画面表示は関連区分を正として導入の文字・内部余白も統一する。印刷の既存指定は保持。 */
@media screen {
  body.design-center-careersPage .design-center-careersIntro h2,
  body.design-center-careersPage .design-center-careersRelated h2 {
    margin: var(--dc-careers-related-h2-margin, 0 0 18px);
    font-size: var(--dc-careers-related-h2-font-size, 18px);
    font-weight: var(--dc-weight-regular, 400);
    line-height: var(--dc-careers-related-h2-line-height, 1.8);
  }
  body.design-center-careersPage .design-center-careersIntro p,
  body.design-center-careersPage .design-center-careersRelated p {
    font-size: var(--dc-careers-related-p-font-size, 14px);
    font-weight: var(--dc-weight-regular, 400);
    line-height: var(--dc-careers-related-p-line-height, 1.857143);
  }
  body.design-center-careersPage .design-center-careersActions,
  body.design-center-careersPage .design-center-careersRelatedLinks {
    gap: var(--dc-careers-related-links-gap, 0);
    margin-top: var(--dc-careers-related-links-margin-top, 12px);
  }
}