@charset "UTF-8";
@media screen and (max-width: 1023px) {
  #node-552461 {
    background-image: url(/media/export/cms2.0/lp/ms_line_up/251029/img/step_bg.sp.png);
    background-size: 100% 100%;
  }
  #node-552461 .slick-list {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10%;
  }
  #node-552461 .slick-slide {
    display: flex;
    justify-content: center;
  }
  #node-552461 .editorial-grid-formatter-carousel-arrow.previous {
    left: 6%;
  }
  #node-552461 .editorial-grid-formatter-carousel-arrow.next {
    right: 6%;
  }
}

@media screen and (min-width: 1024px) {
  .lp-step {
    margin: 0 auto;
    width: calc(clamp(0px, 84.7916666667vw, 1505.9px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-step {
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .lp-step hr {
    margin-top: calc(clamp(0px, 5.78125vw, 102.675px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-step hr {
    margin-top: calc(clamp(0px, 11.3155555555vw, 80.3404444441px) * 1);
    margin-left: auto;
    margin-right: auto;
    width: calc(clamp(0px, 79.8044444441vw, 566.6115555534px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-step .intro {
    padding-bottom: calc(clamp(0px, 3.216vw, 22.8335999999px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-step .title-cont {
    font-size: calc(clamp(0px, 2.3125vw, 41.07px) * 1);
    margin-top: calc(clamp(0px, 5.78125vw, 102.675px) * 1);
    margin-bottom: calc(clamp(0px, 1.4453125vw, 25.66875px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-step .title-cont {
    font-size: calc(clamp(0px, 4.7644444444vw, 33.8275555554px) * 1);
    margin-top: calc(clamp(0px, 11.9111111111vw, 84.5688888886px) * 1);
  }
}
.lp-step .title-cont .min {
  display: block;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .lp-step .title-cont .min {
    font-size: calc(clamp(0px, 1.734375vw, 30.8025px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-step .title-cont .min {
    font-size: calc(clamp(0px, 3.3351111111vw, 23.6792888888px) * 1);
    margin-bottom: calc(clamp(0px, 1.1911111111vw, 8.4568888889px) * 1);
  }
}
.lp-step .step-list {
  text-align: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .lp-step .step-list {
    background-image: url(/media/export/cms2.0/lp/ms_line_up/251029/img/step_bg.png);
    position: relative;
    display: flex;
    justify-content: space-between;
    width: calc(clamp(0px, 84.7916666667vw, 1505.9px) * 1);
    margin: 0 auto;
    padding-top: calc(clamp(0px, 3.1315104167vw, 55.615625px) * 1);
    padding-left: calc(clamp(0px, 1.8307291667vw, 32.51375px) * 1);
    padding-right: calc(clamp(0px, 1.8307291667vw, 32.51375px) * 1);
    padding-bottom: calc(clamp(0px, 2.890625vw, 51.3375px) * 1);
    border-radius: calc(clamp(0px, 1.6861979167vw, 29.946875px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-step .step-list .item {
    width: calc(clamp(0px, 14.453125vw, 256.6875px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-step .step-list .item {
    width: calc(clamp(0px, 65.5111111109vw, 465.1288888872px) * 1);
    padding-top: calc(clamp(0px, 9.5288888889vw, 67.6551111109px) * 1);
    padding-bottom: calc(clamp(0px, 8.6951111111vw, 61.7352888887px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-step .step-list .item + .item .image {
    position: relative;
  }
  .lp-step .step-list .item + .item .image::before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(clamp(0px, 1.6861979167vw, 29.946875px) * -1);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: calc(clamp(0px, 0.6022135417vw, 10.6953125px) * 1) solid transparent;
    border-bottom: calc(clamp(0px, 0.6022135417vw, 10.6953125px) * 1) solid transparent;
    border-left: calc(clamp(0px, 1.01171875vw, 17.968125px) * 1) solid #f09ab5; /* 三角の色 */
    display: block;
  }
}
.lp-step .step-list .tag {
  background: #fff;
  border: 1px solid #e84478;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .lp-step .step-list .tag {
    width: calc(clamp(0px, 7.2265625vw, 128.34375px) * 1);
    height: calc(clamp(0px, 1.9752604167vw, 35.080625px) * 1);
    font-size: calc(clamp(0px, 1.4453125vw, 25.66875px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-step .step-list .tag {
    width: calc(clamp(0px, 19.0577777777vw, 135.3102222217px) * 1);
    height: calc(clamp(0px, 5.2408888889vw, 37.210311111px) * 1);
    font-size: calc(clamp(0px, 4.0497777778vw, 28.7534222221px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-step .step-list .title {
    font-size: calc(clamp(0px, 1.3489583333vw, 23.9575px) * 1);
    margin-bottom: calc(clamp(0px, 1.01171875vw, 17.968125px) * 1);
    margin-top: calc(clamp(0px, 0.2408854167vw, 4.278125px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-step .step-list .title {
    font-size: calc(clamp(0px, 4.288vw, 30.4447999999px) * 1);
    margin-bottom: calc(clamp(0px, 1.1911111111vw, 8.4568888889px) * 1);
  }
}
.lp-step .step-list .image {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .lp-step .step-list .image {
    margin-bottom: calc(clamp(0px, 0.9635416667vw, 17.1125px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-step .step-list .image {
    margin-bottom: calc(clamp(0px, 5.9555555555vw, 42.2844444443px) * 1);
  }
}
.lp-step .step-list .title-product {
  letter-spacing: -0.05em;
}
@media screen and (min-width: 1024px) {
  .lp-step .step-list .title-product {
    width: 110%;
    margin-left: -5%;
    font-size: calc(clamp(0px, 1.15625vw, 20.535px) * 1);
    line-height: 1.5;
    margin-top: calc(clamp(0px, 0.4817708333vw, 8.55625px) * 1);
    margin-bottom: calc(clamp(0px, 0.9635416667vw, 17.1125px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-step .step-list .title-product {
    font-size: calc(clamp(0px, 4.0497777778vw, 28.7534222221px) * 1);
    line-height: 1.5;
    margin-top: calc(clamp(0px, 5.1217777778vw, 36.3646222221px) * 1);
    margin-bottom: calc(clamp(0px, 2.3822222222vw, 16.9137777777px) * 1);
  }
}
.lp-step .step-list .title-product .min {
  font-size: 80%;
  display: block;
}
.lp-step .step-list .link {
  display: block;
}
@media screen and (min-width: 1024px) {
  .lp-step .step-list .link {
    font-size: calc(clamp(0px, 0.7708333333vw, 13.69px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-step .step-list .link {
    font-size: calc(clamp(0px, 3.5733333333vw, 25.3706666666px) * 1);
  }
}
.lp-step .step-list .link.link-none {
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .lp-step .step-list .link + .title-product {
    margin-top: calc(clamp(0px, 1.2044270833vw, 21.390625px) * 1);
  }
}