/* トップ: ヒーロー直後の「人の顔が見える」写真の帯（2026-11-06 追加。参考: cch-a.jp の写真の帯、cmhc.oouchihp.net の写真） */
.cs-people { position: relative; padding: 64px 0 0; overflow: hidden; }
.cs-people-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 40px 80px; align-items: start; }
.cs-people-title { font-size: 28px; font-weight: 700; line-height: 1.7; margin: 0; }
.cs-people-text { font-size: 16px; line-height: 2; margin: 0; }
.cs-people-band { position: relative; margin-top: 0; padding-bottom: 72px; }
.cs-people-band::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 58%; background: var(--cs-pale); }
.cs-people-track { position: relative; display: flex; gap: 24px; width: max-content; padding-right: 24px; animation: cs-people-flow 70s linear infinite; }
.cs-people-track img { display: block; height: 360px; width: auto; object-fit: cover; border-radius: 12px; flex: none; }
.cs-people-track img:nth-child(even) { margin-top: 48px; }
@keyframes cs-people-flow { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .cs-people-track { animation: none; } }
@media (max-width: 767px) {
  .cs-people { padding-top: 40px; }
  .cs-people-head { grid-template-columns: 1fr; gap: 24px; }
  .cs-people-title { font-size: 22px; }
  .cs-people-text { font-size: 15px; line-height: 1.9; }
  .cs-people-band { margin-top: 0; padding-bottom: 48px; }
  .cs-people-track { gap: 12px; padding-right: 12px; animation-duration: 55s; }
  .cs-people-track img { height: 220px; border-radius: 8px; }
  .cs-people-track img:nth-child(even) { margin-top: 28px; }
}