/* ==========================================
  FSカルーセルパーツのスタイル
========================================== */

/* ==========================================
  トップカルーセル
========================================== */
.top-fv {
  margin-top: 10px;
  margin-bottom: 20px;
}

@media screen and (min-width:768px) {
  .top-fv {
    margin-top: 40px;
    margin-bottom: 30px;
  }
}

@media screen and (min-width:1240px) {
  .top-fv .fs-pt-carousel__slide {
    margin: 0 12px;
  }
}

/* ナビゲーションドット */
.top-fv .fs-c-slick .slick-dots {
  gap: 4px;
}

.top-fv .fs-c-slick .slick-dots li button:before {
  color: var(--gray);
  width: 12px;
  height: 12px;
  font-size: 8px;
}

.top-fv .fs-c-slick .slick-dots li.slick-active button:before {
  color: var(--accent1);
  opacity: 1;
}