@charset "UTF-8";
.lp-content-step {
  background-color: #f6f6f6;
}
@media screen and (min-width: 768px) {
  .lp-content-step {
    padding-top: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
    padding-bottom: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-step {
    padding-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
    padding-bottom: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-step .step-panel-wrap {
    display: flex;
    justify-content: center;
    gap: calc(clamp(0px, 1.3909224012vw, 19px) * 1);
    margin-top: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
  }
}

@media screen and (min-width: 768px) {
  .step-panel {
    width: calc(clamp(0px, 25.9516837482vw, 354.5px) * 1);
    text-align: center;
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .step-panel {
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    width: calc(clamp(0px, 84vw, 84vw) * 1);
  }
}
@media screen and (max-width: 767px) {
  .step-panel .step-details {
    text-align: center;
    height: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
  }
}
.step-panel .step-number {
  font-family: OptimaDisplayLight, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #ad7f1d;
}
@media screen and (min-width: 768px) {
  .step-panel .step-number {
    margin-top: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
    font-size: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .step-panel .step-number {
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    font-size: calc(clamp(0px, 5.6vw, 5.6vw) * 1);
  }
}
.step-panel .step-title {
  line-height: 1.4;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .step-panel .step-title {
    margin-top: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
    font-size: calc(clamp(0px, 1.5373352855vw, 21px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .step-panel .step-title {
    margin-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    font-size: calc(clamp(0px, 5.0666666667vw, 5.0666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .step-panel .step-txt {
    margin: calc(clamp(0px, 1.4641288433vw, 20px) * 1) calc(clamp(0px, 1.0980966325vw, 15px) * -1) 0;
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .step-panel .step-txt {
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.step-panel .step-txt > .note {
  display: block;
}
@media screen and (min-width: 768px) {
  .step-panel .step-txt > .note {
    margin-top: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    font-size: calc(clamp(0px, 0.8052708638vw, 11px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .step-panel .step-txt > .note {
    margin-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    font-size: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .step-panel .step-link {
    margin-top: auto;
    padding-top: calc(clamp(0px, 2.0131771596vw, 27.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .step-panel .step-link {
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.step-panel .step-link > .link {
  font-weight: bold;
  text-decoration: underline;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .step-panel .step-link > .link {
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    text-underline-offset: calc(clamp(0px, 0.2196193265vw, 3px) * 1);
    text-decoration-thickness: calc(clamp(0px, 0.0732064422vw, 1px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .step-panel .step-link > .link {
    font-size: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
    text-underline-offset: calc(clamp(0px, 0.8vw, 0.8vw) * 1);
    text-decoration-thickness: calc(clamp(0px, 0.2666666667vw, 0.2666666667vw) * 1);
  }
}
.content-formatter:has(.step-panel),
.content-formatter:has(.step-panel) .content-formatter__text,
.content-formatter:has(.step-panel) .content-formatter__line,
.content-formatter:has(.step-panel) .content-formatter__rendered-item {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.content-formatter:has(.step-panel) {
  background-color: #f6f6f6;
  overflow: hidden;
}

.slick-carousel:has(.step-panel) {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.slick-carousel:has(.step-panel) .slick-list {
  padding: 0 calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  overflow: visible;
}
.slick-carousel:has(.step-panel) .slick-prev,
.slick-carousel:has(.step-panel) .slick-next {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-color: transparent;
  transform: rotate(0);
  z-index: 1;
  top: calc(clamp(0px, 31.3333333333vw, 31.3333333333vw) * 1);
  width: calc(clamp(0px, 10.4vw, 10.4vw) * 1);
  height: calc(clamp(0px, 21.3333333333vw, 21.3333333333vw) * 1);
}
.slick-carousel:has(.step-panel) .slick-prev:not(.slick-disabled),
.slick-carousel:has(.step-panel) .slick-next:not(.slick-disabled) {
  opacity: 1;
}
.slick-carousel:has(.step-panel) .slick-prev {
  left: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  background-image: url("/media/export/cms_2.0/LP/aquacharge/20240910/arrow-prev.png") !important;
}
.slick-carousel:has(.step-panel) .slick-next {
  right: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  background-image: url("/media/export/cms_2.0/LP/aquacharge/20240910/arrow-next.png") !important;
}
.slick-carousel:has(.step-panel) .slick-dots {
  display: none !important;
}