@media screen and (min-width: 1024px) {
  .lp-sub-area {
    width: calc(clamp(0px, 91.6666666667vw, 1760px) * 1);
    margin: 0 auto;
    margin-top: calc(clamp(0px, 0.8854166667vw, 17px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-sub-area {
    margin-top: calc(clamp(0px, 8vw, 81.84px) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
  }
}
.lp-sub-area .banner {
  position: relative;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .lp-sub-area .banner .detail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: calc(clamp(0px, 39.3229166667vw, 755px) * 1);
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .lp-sub-area .banner .title {
    font-size: calc(clamp(0px, 1.8229166667vw, 35px) * 1);
    line-height: 1.5;
    margin-bottom: calc(clamp(0px, 0.7291666667vw, 14px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-sub-area .banner .title {
    font-size: calc(clamp(0px, 5.0666666667vw, 51.832px) * 1);
    line-height: 1.5;
    margin-top: calc(clamp(0px, 4vw, 40.92px) * 1);
    margin-bottom: calc(clamp(0px, 2.2666666667vw, 23.188px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-sub-area .note-wrap {
    letter-spacing: -0.04em;
    padding: 0 calc(clamp(0px, 4.1666666667vw, 80px) * 1);
    margin-top: calc(clamp(0px, 0.78125vw, 15px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-sub-area .note-wrap {
    margin-top: calc(clamp(0px, 6vw, 61.38px) * 1);
  }
}