@charset "UTF-8";
.fade-in-up {
  opacity: 0;
  transform: translateY(2rem); /* Tailwindのtranslate-y-8相当 */
  transition: all 0.7s ease;
}

.fade-in-up.show {
  opacity: 1;
  transform: translateY(0);
}

/* スライドできるときだけ矢印・ドット表示 */
@media (min-width: 1024px) {
  #splide1 .splide__arrow,
  #splide1 .splide__pagination {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  #splide3 .splide__arrow,
  #splide3 .splide__pagination {
    display: none !important;
  }
}
/* HTML: <div class="loader"></div> */
.loader-anime {
  width: 45px;
  aspect-ratio: 1;
  background: linear-gradient(rgba(0, 0, 0, 0) 16.6666666667%, #fe001a 0 50%, rgba(0, 0, 0, 0) 0) left bottom, linear-gradient(rgba(0, 0, 0, 0) 33.3333333333%, #fe001a 0 66.6666666667%, rgba(0, 0, 0, 0) 0) center bottom, linear-gradient(rgba(0, 0, 0, 0) 50%, #fe001a 0 83.3333333333%, rgba(0, 0, 0, 0) 0) right bottom;
  background-size: 20% 600%;
  background-repeat: no-repeat;
  animation: l3 1s infinite linear;
}

@keyframes l3 {
  100% {
    background-position: left top, center top, right top;
  }
}
@layer utilities {
  .compare-col-1 {
    width: 20%;
  }
  .compare-col-2 {
    width: 34%;
  }
  .compare-col-3,
  .compare-col-4 {
    width: 23%;
  }
  @media (min-width: 1024px) {
    .compare-col-1 {
      width: 20.4%;
    }
    .compare-col-2,
    .compare-col-3,
    .compare-col-4 {
      width: 26.5%;
    }
  }
}
.shadow-cta {
  box-shadow: 0 8px 0 #096249;
}

.shadow-cta:hover {
  box-shadow: 0 0px 0 #096249;
  top: 8px;
  opacity: 0.9;
}

/*# sourceMappingURL=style.css.map */