/* 院内スライダー全体 */
.slideMain,
.slideSub {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.slideMain {
  margin-bottom: 20px;
}

.slideMain h3,
.slideSub h3 {
  margin: 0;
}

.slideMain img {
  width: 100%;
  display: block;
  border-radius: 2rem;
}

/* サムネイル */
.slideSub {
  position: relative;
  padding: 0 50px;
  box-sizing: border-box;
}

.slideSub .slick-list {
  overflow: hidden;
}

.slideSub .slick-slide {
  padding: 0 8px;
  box-sizing: border-box;
}

.slideSub img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  border-radius: 2rem;
  cursor: pointer;
  opacity: 0.6;
}

.slideSub .slick-current img {
  opacity: 1;
}

/* ドットは非表示 */
.slideSub .slick-dots,
.slideMain .slick-dots {
  display: none !important;
}

/* 矢印 */
.slideSub .slick-arrow {
  position: absolute !important;
  top: 50% !important;
  width: 40px !important;
  height: 40px !important;
  transform: translateY(-50%) !important;
  background: #1f4da0 !important;
  border-radius: 50% !important;
  border: none !important;
  z-index: 10 !important;
  font-size: 0 !important;
  cursor: pointer;
  background-image: none !important;
}

.slideSub .slick-prev {
  left: 0 !important;
}

.slideSub .slick-next {
  right: 0 !important;
}

.slideSub .slick-prev::before,
.slideSub .slick-next::before {
  content: "" !important;
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.slideSub .slick-prev::before {
  left: 16px;
  transform: translateY(-50%) rotate(-135deg);
}

.slideSub .slick-next::before {
  right: 16px;
  transform: translateY(-50%) rotate(45deg);
}
@media (max-width: 767px) {

  .slideMain,
  .slideSub {
    max-width: 100%;
  }
  .slideSub {
    padding: 0 20px;
  }
  /* サムネの間隔を少し狭める */
  .slideSub .slick-slide {
    padding: 0 4px;
  }

  /* 矢印も少し小さく */
  .slideSub .slick-arrow {
    width: 19px !important;
    height: 19px !important;
  }
	.slideSub .slick-prev::before, .slideSub .slick-next::before {
		width: 7px;
		height: 7px;
	}
  .slideSub .slick-prev::before {
    left: 7px;
  }

  .slideSub .slick-next::before {
    right: 7px;
  }
}