@charset "UTF-8";

.js-sp-slider3{

  .slick-track{
    display: flex;
    gap: 20px;
  }

  .slick-slide{
    width: 230px;
  }
}

.js-sp-slider3__nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 16px;

  .slick-arrow.slick-disabled{
    opacity: 0.2;
  }

  .slick-prev,
  .slick-next {
    width: 41px;
    height: 41px;
    position: static;
    transform: unset;
  }

  .slick-prev::before,
  .slick-next::before {
    display: none;
  }

  .slick-next {
    background: url(./slick-next.png) center / contain no-repeat;
    left: 100%;
    right: auto;
  }

  .slick-prev {
    background: url(./slick-prev.png) center / contain no-repeat;
    left: auto;
    right: 100%;
  }
}