.otherCases__container {
  margin-top: 2.5rem;
  padding: 0 20px;
  position: relative;
}

.otherCases__nav {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 72.25rem;
  padding: 20px 26px;
  width: 100%;
}

.otherCases__nav.swiper .swiper-wrapper {
  align-items: unset !important;
  height: 100% !important;
}

.otherCases__container .swiper-button-prev,
.otherCases__container .swiper-button-next {
  color: transparent;
  height: 40px;
  width: 14px;
}

.otherCases__container .swiper-button-prev {
  left: 0;
}

.otherCases__container .swiper-button-next {
  right: 0;
}

.otherCases__container .swiper-button-prev::after,
.otherCases__container .swiper-button-next::after {
  background: url(../../images/icons/icon-chevron.svg) no-repeat center / cover;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.otherCases__container .swiper-button-prev::after {
  transform: translate(-50%, -50%) scaleX(-1);
}

.swiper-slide:has(.voiceCard) {
  display: flex;
  flex-direction: column;
  height: auto;
}

.voiceCard {
  background: #fff;
  border: 5px solid #aad9d6;
  border-radius: 16px;
  display: flex;
  filter: drop-shadow(2px 2px 8px rgba(0,0,0,0.20));
  flex-direction: column;
  height: 100%;
  justify-self: center;
  /* max-width: 20.81rem; */
}

.voiceCard__thumbnail {
  border-radius: 12px 12px 0 0;
}

.voiceCard__contents {
  border-radius: 0 0 12px 12px;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: clamp(1rem, 1.7vw, 1.5rem);
}

.voiceCard__title {
  font-family: var(--familyHiragino);
  font-size: 1rem;
  font-weight: 700;
}

.voiceCard__details {
  margin-top: 8px;
}

.voiceCard__details p {
  display: grid;
  font-family: var(--familyHiragino);
  font-size: 0.75rem;
  font-weight: 300;
  grid-template-columns: 60px auto;
  line-height: 2;
}

.voiceCard__details .label {
  display: flex;
}

.voiceCard__details .colon {
  margin-left: auto;
}

.voiceCard__text {
  font-size: 1rem;
  margin-top: 8px;
  padding-bottom: 1rem;
}

.voiceCard__image {
  position: relative;
}

.voiceCard__link {
  align-items: center;
  background: linear-gradient(to right, #00a29a, #8fd5dc);
  border-radius: 100px;
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  height: 2.06rem;
  justify-content: center;
  margin-top: auto;
  width: 100%;
}

.voiceCard__banner {
  align-items: center;
  background: rgba(255,255,255, 0.85);
  bottom: 1rem;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: auto 1rem auto;
  justify-content: center;
  left: 0;
  padding: 0.5rem 1.625rem;
  position: absolute;
  width: 100%;
}

.voiceCard__prestaIcon {
  height: 100%;
  max-height: 2.25rem;
  width: auto;
}

.voiceCard__crossIcon {
  max-width: 1.25rem;
}

.voiceCard__partnerIcon {
  height: 100%;
  max-height: 1.875rem;
  width: auto;
}

@media screen and (max-width: 1200px) {
  .voiceSwiper__container {
    margin: 0;
  }
}

@media screen and (max-width: 500px) {
  .voiceSwiper__container {
    padding: 0 8px;
  }
  .otherCases__container {
    padding: 0 6px;
  }
}