/* 採用 下層のパンくず・ページトップ（FB-22 2026-10-09・実装FBシート No.22）。部品 template-parts/recruit/crumbs.php・footer.php の .rc-totop・js/rc-totop.js。
   core.php がページの CSS の後に読む。ページごとの位置・色は body のクラス（.rc-site.rc-page-*）で上書き（ページの CSS ファイルは触らない）。 */
.rc-site .rc-crumbs{--c-link:var(--brown-2);--c-cur:var(--ink);--c-sep:var(--gold-2);--c-hover:var(--gold-text);
  position:absolute;left:0;right:0;top:var(--rc-crumb-y,17rem);z-index:3;margin:0;pointer-events:none}
.rc-site .rc-crumbs__list{display:flex;flex-wrap:nowrap;align-items:center;width:min(128rem,100% - var(--gut) * 2);margin:0 auto;padding:0;list-style:none;
  font:500 max(1.3rem,13px)/1.6 var(--serif);letter-spacing:.06em;color:var(--c-link);white-space:nowrap;pointer-events:auto}
.rc-site .rc-crumbs__item{display:flex;align-items:center;min-width:0}
.rc-site .rc-crumbs__item:last-child{flex:0 1 auto;overflow:hidden}
.rc-site .rc-crumbs__item+.rc-crumbs__item::before{content:"";flex:none;width:max(.6rem,5px);height:max(.6rem,5px);margin:0 1.2rem 0 1rem;
  border-top:max(.1rem,1px) solid var(--c-sep);border-right:max(.1rem,1px) solid var(--c-sep);transform:rotate(45deg)}
.rc-site .rc-crumbs a{color:inherit;border-bottom:max(.1rem,1px) solid transparent;transition:color .25s ease,border-color .25s ease}
@media (hover:hover){.rc-site .rc-crumbs a:hover{color:var(--c-hover);border-color:currentColor}}
.rc-site .rc-crumbs [aria-current]{display:block;overflow:hidden;text-overflow:ellipsis;font-weight:700;color:var(--c-cur)}
/* ページごとの位置（節の上端から・PC）と色 → 束H 指示書 §5-4 の表の値 */
body.rc-site.rc-page-work .rc-crumbs,body.rc-site.rc-page-environment .rc-crumbs{--c-sep:var(--brown)}
body.rc-site.rc-page-crosstalk .rc-crumbs{--c-link:#f5f3ef;--c-cur:var(--gold);--c-sep:var(--gold);--c-hover:var(--gold)}
body.rc-site.rc-page-requirements .rc-crumbs,body.rc-site.rc-page-entry .rc-crumbs,body.rc-site.rc-page-news .rc-crumbs,body.rc-site.rc-page-news-single .rc-crumbs,body.rc-site.rc-page-privacy .rc-crumbs{--rc-crumb-y:17rem}
body.rc-site.rc-page-work .rc-crumbs{--rc-crumb-y:35rem}
body.rc-site.rc-page-environment .rc-crumbs{--rc-crumb-y:34rem}
body.rc-site.rc-page-crosstalk .rc-crumbs{--rc-crumb-y:27rem}
body.rc-site.rc-page-message .rc-crumbs{--rc-crumb-y:2.4rem}
/* 1024〜1279 は rem が小さく、字（px 固定）との間が 16px を切るので、お知らせの 2 ページだけ上げる（地の始まりは 10.5〜12.4rem なので 14.5rem で 1.2rem 以上あく） */
@media (min-width:1024px) and (max-width:1279px) and (orientation:landscape){body.rc-site.rc-page-news .rc-crumbs,body.rc-site.rc-page-news-single .rc-crumbs{--rc-crumb-y:14.5rem}}

/* ページトップ */
.rc-site .rc-totop{position:fixed;right:max(2.8rem,16px);bottom:max(2.8rem,16px);z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;
  width:max(7.2rem,56px);height:max(7.2rem,56px);background:rgba(8,8,8,.92);border:1px solid #b99944;color:var(--gold);
  font:600 max(1.4rem,12px)/1 var(--cormorant);letter-spacing:.14em;text-decoration:none;
  opacity:0;visibility:hidden;transform:translateY(1.2rem);transition:opacity .4s ease,transform .4s ease,visibility 0s linear .4s,background-color .3s ease,color .3s ease,border-color .3s ease}
.rc-site .rc-totop.is-show{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.rc-site .rc-totop__arrow{width:max(1.2rem,10px);height:max(1.2rem,10px);margin-top:.4rem;border-top:1px solid currentColor;border-left:1px solid currentColor;transform:rotate(45deg)}
@media (hover:hover){.rc-site .rc-totop:hover{background:#dbc08c;border-color:#dbc08c;color:#1a1a1a}}
html.no-motion .rc-site .rc-totop{transition:none}

@media (max-width:1023px), (max-width:1366px) and (orientation:portrait){
  .rc-site .rc-crumbs{position:relative;top:auto;left:auto;right:auto;margin:0 0 2.4rem}
  .rc-site .rc-crumbs__list{width:auto;margin-inline:var(--gut);flex-wrap:wrap;white-space:normal;row-gap:.2rem}
  .rc-site .rc-crumbs__item:last-child{overflow:visible}
  .rc-site .rc-crumbs [aria-current]{white-space:normal}
  .rc-site .rc-crumbs a{position:relative}
  .rc-site .rc-crumbs a::after{content:"";position:absolute;left:-.4rem;right:-.4rem;top:50%;height:44px;transform:translateY(-50%)}
  .rc-site .rc-totop{right:max(1.2rem,12px);bottom:calc(var(--rch-bar) + var(--rch-safe) + 1.2rem);width:max(5.2rem,44px);height:max(5.2rem,44px);font-size:max(1.2rem,11px)}
  /* メッセージ SP（指示書 §5-4 の注）: 代表の頭の位置を動かさないため、重ねて置き、頭を 3rem 下げる */
  body.rc-site.rc-page-message .mg-person--president .rc-crumbs{position:absolute;left:0;right:0;top:1.6rem;margin:0}
  body.rc-site.rc-page-message .mg-person--president{--mg-body-top:49rem}
  body.rc-site.rc-page-message .mg-person--president .mg-catch{margin-top:6.4rem}
  body.rc-site.rc-page-message .mg-person--president .mg-person__en{top:16.17rem}
}
@media print{.rc-site .rc-totop{display:none!important}}