/* ===== 写真が横へ流れ続ける帯（参考：大きさの違う4枚を上下にずらし、一定の速さで流す） ===== */
.slider { position: relative; margin-top: 1.7rem; overflow: hidden; }
.slider__track { display: flex; width: max-content; padding-bottom: 1.2rem; animation: slide-x var(--dur, 40s) linear infinite; }
.slider__set { display: flex; gap: 0.8rem; padding-right: 0.8rem; }
.slider__s { flex: none; }
.slider__s .ie { width: 100%; height: 100%; }
.slider__s.s1 { width: 4.2rem; height: 4.2rem; translate: 0 1.2rem; }
.slider__s.s2 { width: 3.05rem; height: 4.2rem; translate: 0 0.4rem; }
.slider__s.s3 { width: 5.9rem; height: 4.2rem; translate: 0 0.8rem; }
.slider__s.s4 { width: 3.05rem; height: 4.2rem; }
@keyframes slide-x { to { transform: translateX(-50%); } }

.menu--2 { margin-top: 1.5rem; }

@media (max-width: 767px) {
  .slider__track { padding-bottom: 1rem; }
  .slider__set { gap: 0.4rem; padding-right: 0.4rem; }
  .slider__s.s1 { width: 2.52rem; height: 2.52rem; translate: 0 0.62rem; }
  .slider__s.s2 { width: 1.83rem; height: 2.52rem; translate: 0 0.24rem; }
  .slider__s.s3 { width: 3.54rem; height: 2.52rem; translate: 0 0.48rem; }
  .slider__s.s4 { width: 1.83rem; height: 2.52rem; }
  .menu--2 { margin-top: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .slider__track { animation: none; }
}