.review-card[data-v-17a0159d] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.swiper[data-v-17a0159d] {
  overflow: hidden !important;
  padding: 0 30px 44px 20px !important;
  margin: 0 -10px 0 -20px;
}
@media screen and (min-width: 768px) {
.swiper[data-v-17a0159d] {
    padding: 0 30px var(--swiper-padding-bottom) 36px !important;
    margin: 0 -10px 0 -20px;
}
}
.swiper-width[data-v-17a0159d] {
  width: 100%;
}
.swiper-slide[data-v-17a0159d] {
  opacity: 1;
  transition: opacity 0.3s ease;
  width: 328px;
  height: auto !important;
}
.swiper-slide[data-v-17a0159d]:not(.swiper-slide-visible) {
  opacity: 0;
}
/* PCのナビゲーションボタンスタイル */
[data-v-17a0159d] .swiper-button-prev,[data-v-17a0159d] .swiper-button-next {
  display: none;
}
@media screen and (min-width: 912px) {
.swiper[data-v-17a0159d] {
    width: 832px;
}
}
.swiper[data-v-17a0159d] .swiper-pagination .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  margin: 0 8px !important;
  transition: all 0.3s ease;
}
@media screen and (min-width: 912px) {
.swiper[data-v-17a0159d] .swiper-pagination .swiper-pagination-bullet-active {
    width: 40px !important;
    height: 8px;
    border-radius: 8px !important;
}
.swiper-slide[data-v-17a0159d] {
    width: 360px;
    transform: translateX(0) !important;
}
}
.custom-prev-button[data-v-17a0159d],
.custom-next-button[data-v-17a0159d] {
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-76%);
  width: 40px;
  height: 40px;
  z-index: 10;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.hidden[data-v-17a0159d] {
  display: none;
}
.custom-prev-button[data-v-17a0159d] {
  left: -14px;
}
.custom-next-button[data-v-17a0159d] {
  right: -18px;
}
.swiper[data-v-17a0159d] .swiper-pagination {
    bottom: 16px !important;
}
@media screen and (max-width: 768px) {
.swiper[data-v-17a0159d] .swiper-pagination {
    bottom: var(--pagination-bottom) !important;
    left: 8px;
}
}