@charset "UTF-8";
/* Swiper custom styles for header carousel */
/* ヘッダースライダー */
.header-swiper {
  width: 100%;
  height: 100%;
  position: relative;
}

.header-swiper .swiper-slide {
  width: 100%;
}

/* スライドコンテンツ */
.header-slide-content {
  width: 100%;
}

/* 既存のheader-imageスタイルを継承 */
.header-image2 {
  /* 2枚目のスライド用 - 既存のスタイルを継承しつつ背景を変更 */
  filter: hue-rotate(45deg);
}

.header-image3 {
  /* 3枚目のスライド用 - 既存のスタイルを継承しつつ背景を変更 */
  filter: hue-rotate(90deg);
}

/* Swiper navigation buttons customization */
.header-swiper .swiper-button-prev,
.header-swiper .swiper-button-next {
  color: #fff;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

.header-swiper .swiper-button-prev:hover,
.header-swiper .swiper-button-next:hover {
  opacity: 1;
}

/* Swiper pagination customization */
.header-swiper .swiper-pagination {
  bottom: 20px;
  z-index: 10;
}

.header-swiper .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
}

.header-swiper .swiper-pagination-bullet-active {
  opacity: 1;
}

/* Responsive adjustments */
@media only screen and (max-width: 767px) {
  .header-swiper .swiper-button-prev,
  .header-swiper .swiper-button-next {
    display: none;
  }
}/*# sourceMappingURL=swiper-custom.css.map */