/* external css: swiper-bundle.min.css */
.treatment-slide-container {
  margin:140px auto 0;
  width: 1000px;
  display:flex;
}

/* メインスライド */
.swiper-container.slider {
  width: 661px;
  height: 445px;
  margin:0 5px 0 0;
  cursor: grab;
  object-fit: cover;
  object-position:50% 50%;
}

/* メインスライド施術名 */
.swiper-container.slider h2 {
  font-family: 'Noto Serif JP', serif;
  position: absolute;
  top: 330px;
  left: 15px;
  font-size:30px;
  color:#fff;
  text-align: center;
  line-height:150%;
  font-weight:bold;
}

/* 施術詳細リンク */
.swiper-container.slider .details-link {
  position: absolute;
  top: 382px;
  right: 20px;
}

/* サムネイル */
.swiper-container.slider-thumbnail {
  width: 334px;
  height: 445px;
  line-height:0;
  cursor: pointer;
  overflow-y: hidden; /* 縦スクロール非表示 */
}

.swiper-container.slider-thumbnail img {
  width: 100%;
  height: 70px;
  object-fit: cover;
  object-position:50% 50%;;
}

.swiper-container.slider-thumbnail .swiper-slide-thumb-active img {
  border: 2px solid #FE006B;
}


.swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide {
  opacity: 1;
}

.swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

/* 矢印ボタンのスタイル */
.swiper-button-next {
background-image: none;
color: #fff;
}
.swiper-button-prev {
background-image: none;
color: #fff;
}