@charset "UTF-8";

/* index-carousel */

/* スマホ・タブレットは indicators を非表示 */
#index-carousel .carousel-indicators {
  display: none;
}

/* PCは indicators を表示 */
@media (min-width: 768px) {
  /* indicators を carousel-inner 下に移動（2段表示時: 125px） */
  #index-carousel #carouselIndicators {
    margin-bottom: 125px;
  }

  #index-carousel .carousel-indicators {
    display: block;
    bottom: -125px;
    margin: 0;
    text-align: center;
  }

  /* indicators を画像化する　*/
  #index-carousel .carousel-indicators [data-bs-target] {
    display: inline-block;
    width: 150px;
    height: 50px;
    margin: 0;
    padding: 0;
    border: none;
    opacity: 1;
  }

  #index-carousel .carousel-indicators [data-bs-target].active {
    opacity: 0.5;
  }

}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {
  /* indicators を carousel-inner 下に移動（1段表示時: 70px） */
  #index-carousel #carouselIndicators {
    margin-bottom: 70px;
  }

  #index-carousel .carousel-indicators {
    bottom: -70px;
  }
}