
/* 取材写真の帯。元が768x432〜768x576とバラバラなので、
   高さだけ揃えて幅は元の比率のまま流す。切り抜かないので構図が壊れない。
   同じ並びを2組つないで、片方が流れ切る前に次が来るようにしている（継ぎ目なし） */
.ribbon{margin-top:clamp(28px,5.5vh,52px);position:relative}
.rb-mask{overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.rb-track{display:flex;gap:14px;width:max-content;animation:rbDrift 72s linear infinite}
.ribbon:hover .rb-track{animation-play-state:paused}
.rb-track figure{margin:0;flex:none;height:clamp(116px,min(13.5vw,19vh),172px);overflow:hidden;
  border-radius:12px;background:var(--bg2);
  box-shadow:0 20px 36px -28px rgba(8,84,104,.75);
  transition:transform .5s cubic-bezier(.2,.7,.3,1),box-shadow .5s}
.rb-track img{display:block;height:100%;width:auto;filter:saturate(.95);transition:filter .6s}
.rb-track figure:hover{transform:translateY(-8px) scale(1.03);
  box-shadow:0 34px 54px -28px rgba(8,84,104,.85)}
.rb-track figure:hover img{filter:saturate(1.08)}
@keyframes rbDrift{to{transform:translateX(calc(-50% - 7px))}}
.rb-cap{margin:clamp(14px,2.4vh,26px) 0 0;font-size:13px;letter-spacing:.06em;color:var(--ink-3);
  display:inline-flex;align-items:center;gap:12px}
.rb-cap::before{content:"";width:26px;height:2px;background:var(--aq);flex:none}
@media(prefers-reduced-motion:reduce){
  .rb-track{animation:none}
  .rb-mask{overflow-x:auto;scrollbar-width:none}
}
/* ★ YOUR STAGE（#stage）。2026-08-13 菅さん指示で中央組みに。
   ・ラベルの短い罫も中央に来るよう flex を中央寄せにする
   ・見出しの下に丸く抜いた顔写真。ここだけ大きめ（160px）に置く
   ・本文は柱の幅を決めて中央に。**左寄せのまま幅いっぱいだと散らかって見える** */
.stg{text-align:center}
.stg .lab{justify-content:center}
.stg .h2{margin-left:auto;margin-right:auto}
.stg-face{margin:38px auto 0;width:clamp(128px,15vw,168px);height:clamp(128px,15vw,168px);
  border-radius:50%;overflow:hidden;background:var(--bg2);
  box-shadow:0 18px 40px -20px rgba(8,84,104,.55)}
.stg-face img{display:block;width:100%;height:100%;object-fit:cover}
.stg .lead{max-width:36rem;margin-left:auto;margin-right:auto}
.stg .lead + .lead{margin-top:32px}
.stg .lead:first-of-type{margin-top:40px}
@media(max-width:700px){
  .stg-face{margin-top:30px}
  .stg .lead:first-of-type{margin-top:32px}
  .stg .lead + .lead{margin-top:26px}
}

