@charset "UTF-8";
.futurist-hydraplump-lip-balm {
  position: relative;
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
}
.futurist-hydraplump-lip-balm p {
  letter-spacing: normal;
  margin: 0;
}
.futurist-hydraplump-lip-balm img {
  display: block;
  width: 100%;
}
.futurist-hydraplump-lip-balm ul li {
  list-style-type: none;
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .futurist-hydraplump-lip-balm .sp {
    display: none !important;
  }
}
.futurist-hydraplump-lip-balm .fs110p {
  font-size: 110%;
}
.futurist-hydraplump-lip-balm .mainVisual {
  position: relative;
}
.futurist-hydraplump-lip-balm .mainVisual .mainVisual__title {
  position: absolute;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  .futurist-hydraplump-lip-balm .mainVisual .mainVisual__title {
    top: calc(clamp(0px, 16.8374816984vw, 230px) * 1);
    right: calc(clamp(0px, 11.0541727672vw, 151px) * 1);
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .mainVisual .mainVisual__title {
    top: calc(clamp(0px, 9.0666666667vw, 9.0666666667vw) * 1);
    left: calc(clamp(0px, 16vw, 16vw) * 1);
    text-align: center;
    font-size: calc(clamp(0px, 8.5333333333vw, 8.5333333333vw) * 1);
    line-height: 1.5;
  }
}
.futurist-hydraplump-lip-balm .levelup {
  background: #FFF3F7;
  background: linear-gradient(0deg, rgb(255, 243, 247) 0%, rgb(255, 255, 255) 100%);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .futurist-hydraplump-lip-balm .levelup {
    padding-top: calc(clamp(0px, 6.3689604685vw, 87px) * 1);
    padding-bottom: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .levelup {
    padding-top: calc(clamp(0px, 16vw, 16vw) * 1);
    padding-bottom: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
.futurist-hydraplump-lip-balm .levelup .levelup__title {
  color: #ce627f;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .futurist-hydraplump-lip-balm .levelup .levelup__title {
    font-size: calc(clamp(0px, 3.2210834553vw, 44px) * 1);
    margin-bottom: calc(clamp(0px, 2.5622254758vw, 35px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .levelup .levelup__title {
    font-size: calc(clamp(0px, 8.5333333333vw, 8.5333333333vw) * 1);
  }
}
.futurist-hydraplump-lip-balm .levelup .levelup__card--list {
  display: grid;
}
@media screen and (min-width: 768px) {
  .futurist-hydraplump-lip-balm .levelup .levelup__card--list {
    max-width: 1100px;
    margin: auto;
    align-items: start;
    grid-template-columns: repeat(4, 1fr);
    gap: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .levelup .levelup__card--list {
    margin-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
    gap: calc(clamp(0px, 8vw, 8vw) * 1);
  }
}
.futurist-hydraplump-lip-balm .levelup .levelup__card--list .levelup__card {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .futurist-hydraplump-lip-balm .levelup .levelup__card--list .levelup__card {
    gap: calc(clamp(0px, 0.9516837482vw, 13px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .levelup .levelup__card--list .levelup__card {
    width: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
    margin: auto;
    gap: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
.futurist-hydraplump-lip-balm .levelup .levelup__card--list .levelup__card .levelup__card--title {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #ce627f;
}
@media screen and (min-width: 768px) {
  .futurist-hydraplump-lip-balm .levelup .levelup__card--list .levelup__card .levelup__card--title {
    font-size: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .levelup .levelup__card--list .levelup__card .levelup__card--title {
    font-size: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
  }
}
.futurist-hydraplump-lip-balm .levelup .levelup__card--list .levelup__card .levelup__card--title .marker {
  color: #040a2b;
  background: linear-gradient(transparent 70%, #f9dfe9 70%);
}
@media screen and (min-width: 768px) {
  .futurist-hydraplump-lip-balm .levelup .levelup__card--list .levelup__card .levelup__card--title .marker {
    font-size: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .levelup .levelup__card--list .levelup__card .levelup__card--title .marker {
    font-size: calc(clamp(0px, 7.4666666667vw, 7.4666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .futurist-hydraplump-lip-balm .levelup .levelup__card--list .levelup__card .levelup__card--text {
    font-size: calc(clamp(0px, 1.1713030747vw, 16px) * 1);
    line-height: 1.6;
    margin-top: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .levelup .levelup__card--list .levelup__card .levelup__card--text {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    line-height: 1.6;
    margin-top: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
  }
}
.futurist-hydraplump-lip-balm .levelup .colorchart {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .futurist-hydraplump-lip-balm .levelup .colorchart {
    width: calc(clamp(0px, 80.5270863836vw, 1100px) * 1);
    margin: calc(clamp(0px, 7.3206442167vw, 100px) * 1) auto 0;
    padding: calc(clamp(0px, 4.1727672035vw, 57px) * 1) calc(clamp(0px, 2.196193265vw, 30px) * 1) calc(clamp(0px, 4.1727672035vw, 57px) * 1) calc(clamp(0px, 2.9282576867vw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .levelup .colorchart {
    width: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
    margin: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1) auto;
    padding: calc(clamp(0px, 8vw, 8vw) * 1) calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.futurist-hydraplump-lip-balm .levelup .colorchart table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .levelup .colorchart table {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .levelup .colorchart tbody {
    display: block;
    width: 100%;
  }
}
.futurist-hydraplump-lip-balm .levelup .colorchart tr {
  display: table-row;
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .levelup .colorchart tr {
    display: block;
  }
}
.futurist-hydraplump-lip-balm .levelup .colorchart .color__title,
.futurist-hydraplump-lip-balm .levelup .colorchart .color {
  display: table-cell;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .levelup .colorchart .color__title,
  .futurist-hydraplump-lip-balm .levelup .colorchart .color {
    display: block;
    width: 100%;
    padding: 0;
  }
}
.futurist-hydraplump-lip-balm .levelup .colorchart .color__title {
  font-weight: 400;
  display: grid;
  place-content: center;
}
@media screen and (min-width: 768px) {
  .futurist-hydraplump-lip-balm .levelup .colorchart .color__title {
    width: calc(clamp(0px, 11.7130307467vw, 160px) * 1);
    height: calc(clamp(0px, 4.7584187408vw, 65px) * 1);
    font-size: calc(clamp(0px, 1.1713030747vw, 16px) * 1);
    margin-right: calc(clamp(0px, 0.3660322108vw, 5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .levelup .colorchart .color__title {
    margin-top: calc(clamp(0px, 8vw, 8vw) * 1);
    margin-bottom: calc(clamp(0px, 4vw, 4vw) * 1);
    width: 100%;
    height: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
    font-size: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
  }
}
.futurist-hydraplump-lip-balm .levelup .colorchart .color__title--universal {
  background-color: #d6e7ec;
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .levelup .colorchart .color__title--universal {
    margin-top: 0;
  }
}
.futurist-hydraplump-lip-balm .levelup .colorchart .color__title--cooltone {
  background-color: #e6c3d0;
}
.futurist-hydraplump-lip-balm .levelup .colorchart .color__title--neutraltone {
  background-color: #f5abb4;
}
.futurist-hydraplump-lip-balm .levelup .colorchart .color__title--warmtone {
  background-color: #e5a598;
}
.futurist-hydraplump-lip-balm .levelup .colorchart .color__inner {
  display: flex;
  text-align: start;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .futurist-hydraplump-lip-balm .levelup .colorchart .color__inner {
    display: grid;
    grid-template-columns: calc(clamp(0px, 6.7715959004vw, 92.5px) * 1) 1fr;
    margin-top: calc(clamp(0px, 0.7320644217vw, 10px) * -1);
    margin-bottom: calc(clamp(0px, 2.5622254758vw, 35px) * 1);
    font-size: calc(clamp(0px, 1.1713030747vw, 16px) * 1);
    line-height: 1.5;
    gap: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .futurist-hydraplump-lip-balm .levelup .colorchart .color__inner {
    margin-bottom: calc(clamp(0px, 4vw, 4vw) * 1);
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    display: grid;
    grid-template-columns: calc(clamp(0px, 24.6666666667vw, 24.6666666667vw) * 1) 1fr;
    gap: calc(clamp(0px, 8vw, 8vw) * 1);
  }
}