._block06-scroll {
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media print, screen and (max-width: 999px) {
  ._block06-scroll {
    box-sizing: border-box;
    padding: 0;
  }
}

._block06-scroll-flex {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: transform 0.5s ease;
}
@media print, screen and (min-width: 1000px) {
  ._block06-scroll-flex {
    --gap: clamp(20px, 3vw, 80px);
    gap: var(--gap);
  }
}
@media print, screen and (max-width: 999px) {
  ._block06-scroll-flex {
    gap: 0 50px;
  }
}

@media print, screen and (min-width: 1000px) {
  ._block06-scroll-list {
    flex: 0 0 calc((100% - var(--gap) * 2) / 3);
  }
}
@media print, screen and (max-width: 999px) {
  ._block06-scroll-list {
    max-width: 568px;
    flex: 0 0 80%;
  }
}

._slider-btn {
  padding: 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  background: none;
  border: none;
  cursor: pointer;
}
@media print, screen and (min-width: 1000px) {
  ._slider-btn {
    max-width: 50px;
    width: 3.8vw;
  }
}
@media print, screen and (max-width: 999px) {
  ._slider-btn {
    max-width: 80px;
    width: 11vw;
  }
}

@media print, screen and (min-width: 1000px) {
  ._prev {
    left: 30.5vw;
  }
}
@media print, screen and (max-width: 999px) {
  ._prev {
    left: 6.5vw;
  }
}

@media print, screen and (min-width: 1000px) {
  ._next {
    right: 31.3vw;
  }
}
@media print, screen and (max-width: 999px) {
  ._next {
    right: 6.5vw;
  }
}/*# sourceMappingURL=slider.css.map */