@media screen and (min-width: 768px) {
  .lp-anchor {
    margin-top: calc(clamp(0px, 4.39238653vw, 60px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor {
    margin-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
.lp-anchor .anchor {
  display: flex;
}
@media screen and (min-width: 768px) {
  .lp-anchor .anchor {
    justify-content: center;
    gap: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor .anchor {
    flex-direction: column;
    gap: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    margin-left: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    margin-right: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-anchor .anchor:not(:first-child) {
    margin-top: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor .anchor:not(:first-child) {
    margin-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
.lp-anchor .anchor .anchor__link {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lp-anchor .anchor .anchor__link {
    width: calc(clamp(0px, 21.9619326501vw, 300px) * 1);
    padding-top: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
    padding-left: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
    padding-right: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor .anchor .anchor__link {
    width: 100%;
    padding-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    padding-left: calc(clamp(0px, 2vw, 2vw) * 1);
    padding-right: calc(clamp(0px, 2vw, 2vw) * 1);
  }
}
.lp-anchor .anchor .anchor__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  background: url(/media/export/cms_2.0/LP/double-wear/20250228/anchor_bg.jpg) no-repeat center/cover;
}
@media screen and (min-width: 768px) {
  .lp-anchor .anchor .anchor__link::before {
    height: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor .anchor .anchor__link::before {
    height: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
.lp-anchor .anchor .anchor__link::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  transform: translateY(-50%);
  background: url(/media/export/cms_2.0/LP/double-wear/20250228/anchor_arrow.png) no-repeat center/cover;
}
@media screen and (min-width: 768px) {
  .lp-anchor .anchor .anchor__link::after {
    right: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    margin-top: calc(clamp(0px, 0.3660322108vw, 5px) * 1);
    width: calc(clamp(0px, 1.2445095168vw, 17px) * 1);
    height: calc(clamp(0px, 0.6222547584vw, 8.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor .anchor .anchor__link::after {
    right: calc(clamp(0px, 3.3333333333vw, 3.3333333333vw) * 1);
    margin-top: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
    width: calc(clamp(0px, 4.5333333333vw, 4.5333333333vw) * 1);
    height: calc(clamp(0px, 2.2666666667vw, 2.2666666667vw) * 1);
  }
}
.lp-anchor .anchor .anchor__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .lp-anchor .anchor .anchor__step {
    width: calc(clamp(0px, 3.1844802343vw, 43.5px) * 1);
    height: calc(clamp(0px, 3.1844802343vw, 43.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor .anchor .anchor__step {
    width: calc(clamp(0px, 11.6vw, 11.6vw) * 1);
    height: calc(clamp(0px, 11.6vw, 11.6vw) * 1);
  }
}
.lp-anchor .anchor .anchor__step span:nth-child(1) {
  margin-top: 0.25em;
}
@media screen and (min-width: 768px) {
  .lp-anchor .anchor .anchor__step span:nth-child(1) {
    font-size: calc(clamp(0px, 0.878477306vw, 12px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor .anchor .anchor__step span:nth-child(1) {
    font-size: calc(clamp(0px, 3.2vw, 3.2vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-anchor .anchor .anchor__step span:nth-child(2) {
    font-size: calc(clamp(0px, 1.3909224012vw, 19px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor .anchor .anchor__step span:nth-child(2) {
    font-size: calc(clamp(0px, 5.0666666667vw, 5.0666666667vw) * 1);
  }
}
.lp-anchor .anchor .anchor__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .lp-anchor .anchor .anchor__text {
    width: calc(clamp(0px, 15.3733528551vw, 210px) * 1);
    gap: calc(clamp(0px, 0.3660322108vw, 5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor .anchor .anchor__text {
    width: calc(clamp(0px, 66.6666666667vw, 66.6666666667vw) * 1);
    gap: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
  }
}
.lp-anchor .anchor .anchor__text span:nth-child(1) {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .lp-anchor .anchor .anchor__text span:nth-child(1) {
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor .anchor .anchor__text span:nth-child(1) {
    font-size: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
  }
}
.lp-anchor .anchor .anchor__text span:nth-child(2) {
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .lp-anchor .anchor .anchor__text span:nth-child(2) {
    font-size: calc(clamp(0px, 0.8052708638vw, 11px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor .anchor .anchor__text span:nth-child(2) {
    font-size: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
.lp-anchor .anchor .anchor__text:first-child:last-child {
  margin-left: auto;
  margin-right: auto;
}
.lp-anchor .anchor--01 .anchor__link {
  background-color: #f7eddd;
}
@media screen and (min-width: 768px) {
  .lp-anchor .anchor--01 .anchor__link {
    height: calc(clamp(0px, 6.2225475842vw, 85px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor .anchor--01 .anchor__link {
    height: calc(clamp(0px, 18.6666666667vw, 18.6666666667vw) * 1);
  }
}
.lp-anchor .anchor--01 .anchor__step {
  background-color: #b8904d;
  color: #ffffff;
}
.lp-anchor .anchor--02 .anchor__link {
  color: #9e753a;
}
@media screen and (min-width: 768px) {
  .lp-anchor .anchor--02 .anchor__link {
    height: calc(clamp(0px, 5.1244509517vw, 70px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-anchor .anchor--02 .anchor__link {
    height: calc(clamp(0px, 14.6666666667vw, 14.6666666667vw) * 1);
  }
}
.lp-anchor .anchor--02 .anchor__item:nth-child(1) .anchor__link {
  background-color: #f3e9e6;
}
.lp-anchor .anchor--02 .anchor__item:nth-child(2) .anchor__link {
  background-color: #f4e6db;
}