/* PCヒーロー中段: 半コマずらし + 右端補完 */
.hero-visual-row {
  --hero-middle-per-page: 7;
}

.hero-visual-middle {
  position: relative;
}

.hero-visual-middle .splide__track {
  transform: translateX(calc(-50% / var(--hero-middle-per-page)));
}

.hero-visual-middle::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(50% / var(--hero-middle-per-page));
  height: 100%;
  background: url(../images/slide/middle_06.jpg) no-repeat right center;
  background-position: left center;
  background-size: 200% 100%;
  pointer-events: none;
  z-index: 2;
}

@media screen and (max-width: 2000px) {
  .hero-visual-row { --hero-middle-per-page: 6; }
}

@media screen and (max-width: 1800px) {
  .hero-visual-row { --hero-middle-per-page: 5; }
}

@media screen and (max-width: 1200px) {
  .hero-visual-row { --hero-middle-per-page: 4; }
}

@media screen and (max-width: 1000px) {
  .hero-visual-row { --hero-middle-per-page: 3; }
}