@media screen and (min-width: 1024px) {
  .lp-locus {
    margin-top: calc(clamp(0px, 6.25vw, 120px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-locus {
    margin-top: calc(clamp(0px, 13.3333333333vw, 136.4px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-locus .title-cont {
    margin-top: calc(clamp(0px, 5.7291666667vw, 110px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-locus .title-cont {
    margin-top: calc(clamp(0px, 11.6vw, 118.668px) * 1);
  }
}
.lp-locus .locus-story {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .lp-locus .locus-story {
    margin-top: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-locus .locus-story {
    margin-top: calc(clamp(0px, 6.2666666667vw, 64.108px) * 1);
  }
}
.lp-locus .locus-story .detail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .lp-locus .locus-story .detail {
    padding-top: calc(clamp(0px, 5.2083333333vw, 100px) * 1);
    padding-left: calc(clamp(0px, 4.1666666667vw, 80px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-locus .locus-story .detail {
    padding-top: calc(clamp(0px, 6.4vw, 65.472px) * 1);
    padding-left: calc(clamp(0px, 6vw, 61.38px) * 1);
  }
}
.lp-locus .locus-story .story-list {
  display: flex;
  position: relative;
  background-repeat: no-repeat;
  background-position: top left;
}
@media screen and (min-width: 1024px) {
  .lp-locus .locus-story .story-list {
    background-image: url(/media/export/cms2.0/lp/ms_line_up/251029/img/locus_line.png);
    background-size: calc(clamp(0px, 48.90625vw, 939px) * 1);
    padding-top: calc(clamp(0px, 3.125vw, 60px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-locus .locus-story .story-list {
    flex-flow: column nowrap;
    background-image: url(/media/export/cms2.0/lp/ms_line_up/251029/img/locus_line.sp.png);
    background-position: top calc(clamp(0px, 2vw, 20.46px) * 1) left;
    background-size: calc(clamp(0px, 4.6666666667vw, 47.74px) * 1);
    padding-left: calc(clamp(0px, 6vw, 61.38px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-locus .locus-story .story-list .item {
    width: calc(clamp(0px, 15.46875vw, 297px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-locus .locus-story .story-list .item {
    height: calc(clamp(0px, 26.6666666667vw, 272.8px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-locus .locus-story .story-list .title {
    font-size: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
    margin-bottom: calc(clamp(0px, 0.625vw, 12px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-locus .locus-story .story-list .title {
    font-size: calc(clamp(0px, 3.8666666667vw, 39.556px) * 1);
    margin-bottom: calc(clamp(0px, 0.4vw, 4.092px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-locus .locus-story .story-list .lead {
    font-size: calc(clamp(0px, 1.3541666667vw, 26px) * 1);
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .lp-locus .locus-story .story-list .lead {
    font-size: calc(clamp(0px, 2.9333333333vw, 30.008px) * 1);
    line-height: 1.5;
  }
}