.jsc-fadeIn-0,
.jsc-fadeIn-2,
.jsc-fadeIn-4,
.jsc-fadeIn-6 {
  opacity: 0;
  transition: opacity 0.6s;
}
.jsc-fadeIn-0.is-active,
.jsc-fadeIn-2.is-active,
.jsc-fadeIn-4.is-active,
.jsc-fadeIn-6.is-active {
  opacity: 1;
}

.jsc-fadeIn-2.is-active {
  transition-delay: 0.2s;
}

@media screen and (min-width: 1025px) {
  .jsc-fadeIn-4.is-active {
    transition-delay: 0.4s;
  }
}

.jsc-fadeIn-6.is-active {
  transition-delay: 0.2s;
}
@media screen and (min-width: 1025px) {
  .jsc-fadeIn-6.is-active {
    transition-delay: 0.6s;
  }
}

.jsc-contentsImage {
  transition: all 0.6s;
}
.jsc-contentsImage.is-open {
  transform: scale(1.2);
}

.my-carousel-progress {
  background: #ccc;
}

.my-carousel-progress-bar {
  width: 0;
  height: 2px;
  background: #555;
  transition: width 400ms ease;
}

.splide__arrow {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background: none;
  position: absolute;
  transition: all 0.6s;
}
@media screen and (min-width: 1025px) {
  .splide__arrow {
    width: 30px;
    height: 30px;
  }
}
.splide__arrow > svg {
  width: 100%;
  height: 100%;
}
.splide__arrow--prev {
  left: -8vw;
}
@media screen and (min-width: 1025px) {
  .splide__arrow--prev {
    left: -50px;
  }
}
.splide__arrow--next {
  right: -8vw;
}
@media screen and (min-width: 1025px) {
  .splide__arrow--next {
    right: -50px;
  }
}/*# sourceMappingURL=trigger.css.map */