.swiper {
  padding: 0 40px; /* NOTE: Navigatonを見かけ上外に出す。pxになっているのはSwiperでremを使用できないため */
  max-width: 100%; /* NOTE: 親がGridの場合の対応正しく計算ができない */
  overflow: hidden;
}
.swiper--p-0 {
  padding: 0;
}

.swiper-button-prev,
.swiper-button-next {
}
.swiper-button-prev::after,
.swiper-button-next::after {
  content: '';
  background: url('../../icons/angle.svg') no-repeat center / contain;
  width: 100%;
  height: 100%;
}
.swiper-button-prev {
  left: 0;
}
.swiper-button-prev::after {
  transform: rotate(-180deg);
}
.swiper-button-next {
  right: 0;
}
.swiper-button-next::after {
}

.swiper-pagination {
  position: static;
}
.swiper-pagination-bullet-active {
  background: var(--g-color--gray);
}