@charset "UTF-8";

/* 左右矢印。slick.jsで画像、クラスをセット */
.slide-arrow {
  --top-slide-arrow: 160;
  --width-slide-arrow: 46;

  position: absolute;
  top: calc(var(--top-slide-arrow) * 1px);
}
.prev-arrow {
  --left-prev-arrow: -60;

  left: calc(var(--left-prev-arrow) * 1px);
}
.next-arrow {
  --left-next-arrow: -60;

  right: calc(var(--left-next-arrow) * 1px);
}
/* 1ページ目の左矢印、最終ページの右矢印 */
.slick-disabled {
  visibility: hidden;
}

@media screen and (max-width: 1000px) {
  .slide-arrow {
    top: calc(var(--top-slide-arrow) / 1000 * 100vw);
    width: calc(var(--width-slide-arrow) / 1000 * 100vw);
  }
  .prev-arrow {
    left: calc(var(--left-prev-arrow) / 1000 * 100vw);
  }
  .next-arrow {
    right: calc(var(--left-next-arrow) / 1000 * 100vw);
  }
}