@media screen and (min-width: 1024px) {
  .lp-locus {
    margin-top: calc(clamp(0px, 5.78125vw, 102.675px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-locus {
    margin-top: calc(clamp(0px, 11.9111111111vw, 84.5688888886px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-locus .title-cont {
    margin-top: calc(clamp(0px, 5.2994791667vw, 94.11875px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-locus .title-cont {
    margin-top: calc(clamp(0px, 10.3626666666vw, 73.5749333331px) * 1);
  }
}
.lp-locus .locus-story {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .lp-locus .locus-story {
    margin-top: calc(clamp(0px, 0.9635416667vw, 17.1125px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-locus .locus-story {
    margin-top: calc(clamp(0px, 5.5982222222vw, 39.7473777776px) * 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, 4.8177083333vw, 85.5625px) * 1);
    padding-left: calc(clamp(0px, 3.8541666667vw, 68.45px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-locus .locus-story .detail {
    padding-top: calc(clamp(0px, 5.7173333333vw, 40.5930666665px) * 1);
    padding-left: calc(clamp(0px, 5.36vw, 38.0559999999px) * 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, 45.23828125vw, 803.431875px) * 1);
    padding-top: calc(clamp(0px, 2.890625vw, 51.3375px) * 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/251205/img/locus_line_sp.png);
    background-position: top calc(clamp(0px, 1.7866666667vw, 12.6853333333px) * 1) left;
    background-size: calc(clamp(0px, 4.7644444444vw, 33.8275555554px) * 1);
    padding-left: calc(clamp(0px, 5.36vw, 38.0559999999px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-locus .locus-story .story-list .item {
    width: calc(clamp(0px, 14.30859375vw, 254.120625px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-locus .locus-story .story-list .item {
    height: calc(clamp(0px, 26.2044444443vw, 186.0515555549px) * 1);
  }
  .lp-locus .locus-story .story-list .item:first-child {
    height: calc(clamp(0px, 22.631111111vw, 160.6808888883px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-locus .locus-story .story-list .title {
    font-size: calc(clamp(0px, 1.5416666667vw, 27.38px) * 1);
    margin-bottom: calc(clamp(0px, 0.578125vw, 10.2675px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-locus .locus-story .story-list .title {
    font-size: calc(clamp(0px, 4.0497777778vw, 28.7534222221px) * 1);
    margin-bottom: calc(clamp(0px, 0.3573333333vw, 2.5370666667px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-locus .locus-story .story-list .lead {
    font-size: calc(clamp(0px, 1.2526041667vw, 22.24625px) * 1);
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .lp-locus .locus-story .story-list .lead {
    font-size: calc(clamp(0px, 3.0968888889vw, 21.987911111px) * 1);
    line-height: 1.5;
  }
}