@charset "UTF-8";

/*------------------------------------------------------
  POINT
------------------------------------------------------*/
.point {
  position: relative;
}
.point .slider-wrap {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}
.point .swiper-slide {
  text-align: center;
}
.point .swiper-button-next,
.point .swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  height: 140px;
  background-size: 80px 140px;
}
.point .swiper-button-next {
  right: 0;
  background-image: url(../img/point/icon-next-arrow.png);
}
.point .swiper-button-prev {
  left: 0;
  background-image: url(../img/point/icon-prev-arrow.png);
}
.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}
.point-wrap {
  position: absolute;
  top: 400px;
  left: 50%;
  transform: translateX(-50%);
}
.pointSlider {
  margin: 0 70px;
}

@media (width < 768px) {
  .point .swiper-button-next,
  .point .swiper-button-prev {
    width: 8vw;
    height: 14vw;
    background-size: 8vw 14vw;
  }
  .point-wrap {
    top: 40vw;
  }
  .pointSlider {
    margin: 0 7vw;
  }
}