.lp-anchor {
  position: relative;
}
.lp-anchor::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  .lp-anchor::before {
    height: 258.1625183016vw;
    background: url("/media/export/cms_2.0/LP/lipstick/20250731/lp-bg.jpg") no-repeat 0 0;
    height: calc(clamp(0px, 258.1625183016vw, 3526.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor::before {
    height: calc(clamp(0px, 1063.8666666667vw, 1063.8666666667vw) * 1);
    background: url("/media/export/cms_2.0/LP/lipstick/20250731/lp-bg.sp.jpg") no-repeat 0 0;
  }
}
@media screen and (min-width: 768px) {
  .lp-anchor .lp-container {
    padding-top: calc(clamp(0px, 4.39238653vw, 60px) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-anchor .anchor {
    display: flex;
    justify-content: center;
    gap: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor .anchor {
    padding: 0 calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    display: flex;
    flex-direction: column;
    gap: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
.lp-anchor .anchor__item a {
  background-color: #fceeec;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .lp-anchor .anchor__item a {
    font-size: calc(clamp(0px, 1.1713030747vw, 16px) * 1);
    width: calc(clamp(0px, 12.8111273792vw, 175px) * 1);
    height: calc(clamp(0px, 5.1244509517vw, 70px) * 1);
    line-height: 1.3125;
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor .anchor__item a {
    width: 100%;
    height: calc(clamp(0px, 16vw, 16vw) * 1);
    font-size: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
  }
}