.section-topics--wrap {
  margin-bottom: 4.4rem;
}
@media screen and (min-width: 960px) {
  .section-topics--wrap {
    margin-bottom: 50px;
  }
}
.section-topics--wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.section-topics--wrap .swiper-hidden {
  position: relative;
}
.section-topics--wrap .swiper-button-next,
.section-topics--wrap .swiper-button-prev {
  width: 40px;
  aspect-ratio: 1;
  height: auto;
  background: rgba(114, 114, 114, 0.5);
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid;
  border-radius: 1000px;
}
.section-topics--wrap .swiper-button-next::after,
.section-topics--wrap .swiper-button-prev::after {
  color: inherit;
}
.section-topics--wrap .swiper-button-next {
  right: 1px;
}
@media screen and (min-width: 960px) {
  .section-topics--wrap .swiper-button-next {
    right: -20px;
  }
}
.section-topics--wrap .swiper-button-prev {
  left: 1px;
}
@media screen and (min-width: 960px) {
  .section-topics--wrap .swiper-button-prev {
    left: -20px;
  }
}
.section-topics--body .is-centered {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(100vw - 4rem);
}
.section-topics--body .is-centered .section-topics--list {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media screen and (min-width: 960px) {
  .section-topics--body .is-centered .section-topics--list {
    gap: 48px;
  }
}
.section-topics--body .is-centered .section-topics--list .swiper-slide {
  flex-shrink: 1;
}
@media screen and (min-width: 960px) {
  .section-topics--body .is-centered .section-topics--list .swiper-slide {
    width: 30%;
  }
}
.section-topics--header.common-title {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  text-align: center;
  color: #727272;
}
@media screen and not (min-width: 960px) {
  .section-topics--header.common-title {
    font-size: 2rem;
  }
}
.section-topics--list {
  flex-wrap: nowrap;
  gap: 0;
}
.section-topics--item {
  background-color: #fff;
  border-radius: 4px;
}
.section-topics--item__text {
  display: block;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding-top: 10px;
}
.section-topics--image {
  border-radius: 4px;
  overflow: hidden;
  aspect-ratio: 1/1;
}