@media screen and (min-width: 1024px) {
  .lp-sub-area {
    padding-inline: calc(clamp(0px, 3.8541666667vw, 68.45px) * 1);
    margin: 0 auto;
    margin-top: calc(clamp(0px, 0.8190104167vw, 14.545625px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-sub-area {
    margin-top: calc(clamp(0px, 7.1466666666vw, 50.7413333331px) * 1);
    padding-inline: calc(clamp(0px, 4.7644444444vw, 33.8275555554px) * 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, 36.3736979167vw, 645.996875px) * 1);
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .lp-sub-area .banner .title {
    font-size: calc(clamp(0px, 1.6861979167vw, 29.946875px) * 1);
    line-height: 1.5;
    margin-bottom: calc(clamp(0px, 0.6744791667vw, 11.97875px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-sub-area .banner .title {
    font-size: calc(clamp(0px, 4.5262222222vw, 32.1361777777px) * 1);
    line-height: 1.5;
    margin-top: calc(clamp(0px, 3.5733333333vw, 25.3706666666px) * 1);
    margin-bottom: calc(clamp(0px, 2.0248888889vw, 14.3767111111px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-sub-area .note-wrap {
    letter-spacing: -0.04em;
    padding: 0 calc(clamp(0px, 3.8541666667vw, 68.45px) * 1);
    margin-top: calc(clamp(0px, 0.72265625vw, 12.834375px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-sub-area .note-wrap {
    margin-top: calc(clamp(0px, 5.36vw, 38.0559999999px) * 1);
  }
}