.lp-lipstick.lp-content .online-service_wrap {
  border: 1px solid #a7834f;
}
@media screen and (min-width: 768px) {
  .lp-lipstick.lp-content .online-service_wrap {
    padding: calc(clamp(0px, 3.6603221083vw, 50px) * 1) calc(clamp(0px, 6.0761346999vw, 83px) * 1);
    width: calc(clamp(0px, 68.2284040996vw, 932px) * 1);
    margin-bottom: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-lipstick.lp-content .online-service_wrap {
    padding: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1) calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    margin-left: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    margin-right: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    margin-bottom: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-lipstick.lp-content .online-service__panel {
    margin: 0 auto;
    display: flex;
    margin-top: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .lp-lipstick.lp-content .online-service__panel {
    display: grid;
    gap: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
    margin-top: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-lipstick.lp-content .online-service__item {
    width: calc(clamp(0px, 25.6222547584vw, 350px) * 1);
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .lp-lipstick.lp-content .online-service__item {
    text-align: center;
  }
}
.lp-lipstick.lp-content .online-service__item:nth-child(odd) {
  flex-direction: row-reverse;
}
.lp-lipstick.lp-content .online-service__item__title {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .lp-lipstick.lp-content .online-service__item__title {
    font-size: calc(clamp(0px, 2.3426061493vw, 32px) * 1);
    margin-top: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-lipstick.lp-content .online-service__item__title {
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    margin-top: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-lipstick.lp-content .online-service__item__lead {
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    line-height: 1.6;
    margin-top: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-lipstick.lp-content .online-service__item__lead {
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    line-height: 1.6;
  }
}
@media screen and (min-width: 768px) {
  .lp-lipstick.lp-content .online-service__item__note {
    font-size: calc(clamp(0px, 0.8052708638vw, 11px) * 1);
    margin-top: calc(clamp(0px, 0.5490483163vw, 7.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-lipstick.lp-content .online-service__item__note {
    margin-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    font-size: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-lipstick.lp-content .online-service__item__link {
    margin-top: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-lipstick.lp-content .online-service__item__link {
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.lp-lipstick.lp-content .online-service__item__link > a {
  background-color: #040a2b;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .lp-lipstick.lp-content .online-service__item__link > a {
    zoom: 1;
    font-size: calc(clamp(0px, 0.878477306vw, 12px) * 1);
    letter-spacing: 0.15em;
    width: calc(clamp(0px, 11.1273792094vw, 152px) * 1);
    height: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .lp-lipstick.lp-content .online-service__item__link > a {
    letter-spacing: 0.3em;
    width: 100%;
    height: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
    font-size: calc(clamp(0px, 3.2vw, 3.2vw) * 1);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    box-sizing: border-box;
    font-weight: bold;
  }
}