/* ABOUT/STORIES/CAREERSの入口だけを共有。TOPと既存本文幅には適用しない。
 * 設定メモ：現役：ABOUT／STORIES／CAREERSだけのH1題字→MV入口。各HTMLで1回読込。値はtokens末尾のページ限定上書きが優先される。既存の本文幅とTOPには適用しない。
 */
body:is(.design-center-aboutusPage, .design-center-storiesPage, .design-center-careersPage) .design-center-pageLeadContent { padding-top: var(--dc-page-lead-top); }
body:is(.design-center-aboutusPage, .design-center-storiesPage, .design-center-careersPage) .design-center-pageLead {
  width: var(--dc-page-lead-width); max-width: var(--dc-page-lead-max-width); margin: 0 auto calc(var(--dc-page-lead-body-gap) - var(--dc-page-lead-body-inset));
}
/* 外枠48pxと字形下端は別寸法。PCの可視74pxはtokensのRoboto実測Bによる共通式で指定する。 */
body:is(.design-center-aboutusPage, .design-center-storiesPage, .design-center-careersPage) .design-center-pageLeadTitle {
  display: flex; align-items: center; justify-content: flex-start; height: calc(var(--dc-page-lead-title-height) * var(--dc-page-lead-title-scale));
  margin: 0 0 var(--dc-page-lead-title-gap) !important; padding: 0; line-height: 1;
}
body:is(.design-center-aboutusPage, .design-center-storiesPage, .design-center-careersPage) .design-center-pageLeadMedia { overflow: hidden; }
body:is(.design-center-aboutusPage, .design-center-storiesPage, .design-center-careersPage) .design-center-pageLeadMedia img { display: block; width: 100%; height: auto; object-fit: cover; }
/* 写真後の余白は上の共通ヘッダで一度だけ取る。 */
body.design-center-careersPage .design-center-pageLead + .design-center-careersIntro,
body.design-center-aboutusPage .design-center-pageLead + .design-center-aboutusMission { margin-top: 0; }

/* CAREERS原本どおりPCだけ8:5、SPは実素材1627:1017の自然比率。 */
@media (min-width: 1024px) {
  body:is(.design-center-aboutusPage, .design-center-storiesPage, .design-center-careersPage) .design-center-pageLeadMedia { aspect-ratio: 8 / 5; }
  body:is(.design-center-aboutusPage, .design-center-storiesPage, .design-center-careersPage) .design-center-pageLeadMedia img { height: 100%; }
}