@charset "UTF-8";
html {
  scroll-behavior: smooth;
  scroll-padding-top: 170px;
}
@media screen and (max-width: 767px) {
  html {
    scroll-padding-top: 120px;
  }
}

.lp-content-gelee-oil {
  line-height: 1;
  color: #040a2b;
}
.lp-content-gelee-oil sup {
  font-size: 0.7em !important;
}
.lp-content-gelee-oil h1, .lp-content-gelee-oil h2, .lp-content-gelee-oil h3 {
  letter-spacing: 0;
}
.lp-content-gelee-oil .optima {
  font-family: OptimaDisplayLight, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 1.2em;
}
.lp-content-gelee-oil .mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.lp-content-gelee-oil .color-pink {
  color: #e73550;
}
.lp-content-gelee-oil .color-gold {
  color: #a7834f;
}
.lp-content-gelee-oil .fs110p {
  font-size: 110%;
}
.lp-content-gelee-oil .fs80p {
  font-size: 80%;
}
.lp-content-gelee-oil .keyvisual {
  position: relative;
}
.lp-content-gelee-oil .keyvisual .keyvisual__title-wrap {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .keyvisual .keyvisual__title-wrap {
    position: absolute;
    top: calc(clamp(0px, 10.980966325vw, 150px) * 1);
    left: calc(clamp(0px, 11.7130307467vw, 160px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .keyvisual .keyvisual__title-wrap {
    background-color: #ffefef;
    line-height: 1.170212766;
    padding: calc(clamp(0px, 5.0666666667vw, 5.0666666667vw) * 1) 0 calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
  }
}
.lp-content-gelee-oil .keyvisual .keyvisual__title {
  color: #ff2f60;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .keyvisual .keyvisual__title {
    font-size: calc(clamp(0px, 3.4407027818vw, 47px) * 1);
    line-height: 1.170212766;
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .keyvisual .keyvisual__title {
    font-size: calc(clamp(0px, 8vw, 8vw) * 1);
    line-height: 1.1666666667;
  }
}
.lp-content-gelee-oil .keyvisual .keyvisual__subtitle {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .keyvisual .keyvisual__subtitle {
    font-size: calc(clamp(0px, 1.2445095168vw, 17px) * 1);
    margin-top: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .keyvisual .keyvisual__subtitle {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.lp-content-gelee-oil .keyvisual .keyvisual__text {
  color: #040a2b;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .keyvisual .keyvisual__text {
    letter-spacing: 0.1em;
    font-size: calc(clamp(0px, 1.2445095168vw, 17px) * 1);
    line-height: 1.5294117647;
    margin-top: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .keyvisual .keyvisual__text {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    line-height: 1.7333333333;
    margin-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
.lp-content-gelee-oil .background {
  background: linear-gradient(to top, #fff1f1 0%, #fff 100%);
}
.lp-content-gelee-oil .anchor-wrap {
  display: grid;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .anchor-wrap {
    grid-template-columns: repeat(4, calc(clamp(0px, 15.5197657394vw, 212px) * 1));
    gap: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    margin-block: calc(clamp(0px, 4.39238653vw, 60px) * 1) calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .anchor-wrap {
    gap: calc(clamp(0px, 4vw, 4vw) * 1);
    margin-block: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
.lp-content-gelee-oil .anchor-wrap .anchor-item .anchor-link {
  background-color: #fbd5dd;
  display: grid;
  place-content: center;
  grid-auto-flow: column;
  position: relative;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .anchor-wrap .anchor-item .anchor-link {
    font-size: calc(clamp(0px, 1.0248901903vw, 14px) * 1);
    height: calc(clamp(0px, 4.39238653vw, 60px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .anchor-wrap .anchor-item .anchor-link {
    width: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
    height: calc(clamp(0px, 12.6666666667vw, 12.6666666667vw) * 1);
  }
}
.lp-content-gelee-oil .anchor-wrap .anchor-item .anchor-link::after {
  content: "▼";
  position: absolute;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .anchor-wrap .anchor-item .anchor-link::after {
    right: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    top: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .anchor-wrap .anchor-item .anchor-link::after {
    right: calc(clamp(0px, 4vw, 4vw) * 1);
    top: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
  }
}
.lp-content-gelee-oil .banner {
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .banner {
    justify-content: center;
    width: calc(clamp(0px, 65.9590043924vw, 901px) * 1);
    height: calc(clamp(0px, 34.4070278184vw, 470px) * 1);
    background: url("/media/export/cms_2.0/LP/gelee-glow-oil/20260703/banner__background.jpg") no-repeat center/cover;
    padding-left: 28%;
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .banner {
    width: calc(clamp(0px, 89.6vw, 89.6vw) * 1);
    height: calc(clamp(0px, 212.6666666667vw, 212.6666666667vw) * 1);
    background: url("/media/export/cms_2.0/LP/gelee-glow-oil/20260703/banner__background.sp.jpg") no-repeat center/cover;
    padding-top: calc(clamp(0px, 92vw, 92vw) * 1);
  }
}
.lp-content-gelee-oil .banner .banner__tag {
  display: inline-block;
  background: linear-gradient(to right, #ebd0b1 0%, #fef1d9 50%, #ebd0b1 100%);
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .banner .banner__tag {
    font-size: calc(clamp(0px, 1.0248901903vw, 14px) * 1);
    padding: calc(clamp(0px, 0.4026354319vw, 5.5px) * 1) calc(clamp(0px, 0.7320644217vw, 10px) * 1);
    margin-bottom: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .banner .banner__tag {
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
    padding: calc(clamp(0px, 1.6vw, 1.6vw) * 1) calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    margin-bottom: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.lp-content-gelee-oil .banner .banner__title {
  font-weight: normal;
  letter-spacing: 0.1em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .banner .banner__title {
    font-size: calc(clamp(0px, 1.756954612vw, 24px) * 1);
    margin-bottom: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .banner .banner__title {
    font-size: calc(clamp(0px, 5.6vw, 5.6vw) * 1);
    line-height: 1.4857142857;
    margin-bottom: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .banner .banner__price {
    font-size: calc(clamp(0px, 1.2445095168vw, 17px) * 1);
    margin-bottom: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .banner .banner__price {
    font-size: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
    margin-bottom: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.lp-content-gelee-oil .banner .banner__price span {
  font-size: 0.75em;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .banner .banner__color {
    font-size: calc(clamp(0px, 1.0248901903vw, 14px) * 1);
    line-height: 1.7142857143;
    margin-bottom: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .banner .banner__color {
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
    line-height: 1.5;
    margin-bottom: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .banner .banner__text {
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    line-height: 1.6;
    margin-bottom: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .banner .banner__text {
    text-align: start;
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    line-height: 1.6;
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    margin-bottom: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.lp-content-gelee-oil .lp-content__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #040a2b;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .lp-content__button {
    width: calc(clamp(0px, 10.980966325vw, 150px) * 1);
    height: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
    font-size: calc(clamp(0px, 0.878477306vw, 12px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .lp-content__button {
    width: calc(clamp(0px, 78.6666666667vw, 78.6666666667vw) * 1);
    height: calc(clamp(0px, 9.6vw, 9.6vw) * 1);
    font-size: calc(clamp(0px, 3.2vw, 3.2vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .lp-content__section {
    margin-top: calc(clamp(0px, 6.588579795vw, 90px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .lp-content__section {
    margin-top: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
  }
}
.lp-content-gelee-oil .section__title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .section__title {
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
    line-height: 1.2976190476;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
    margin-bottom: calc(clamp(0px, 3.1478770132vw, 43px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .section__title {
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    line-height: 1.5;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
    margin-bottom: calc(clamp(0px, 5.0666666667vw, 5.0666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color {
    width: calc(clamp(0px, 91.5080527086vw, 1250px) * 1);
    margin-inline: auto;
    padding-bottom: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color {
    padding-bottom: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
.lp-content-gelee-oil .color .color-list {
  display: flex;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color .color-list {
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(clamp(0px, 3.2942898975vw, 45px) * 1) calc(clamp(0px, 5.4904831625vw, 75px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color .color-list {
    flex-direction: column;
    gap: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
  }
}
.lp-content-gelee-oil .color .color-item {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color .color-item {
    width: calc(clamp(0px, 19.0336749634vw, 260px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color .color-item {
    width: calc(clamp(0px, 78.6666666667vw, 78.6666666667vw) * 1);
    margin: 0 auto;
  }
}
.lp-content-gelee-oil .color .color-item .color-title {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color .color-item .color-title {
    font-size: calc(clamp(0px, 1.3909224012vw, 19px) * 1);
    margin-bottom: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color .color-item .color-title {
    font-size: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
    line-height: 1.3611111111;
    margin-bottom: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color .color-item .color-item__picture {
    width: calc(clamp(0px, 17.9355783309vw, 245px) * 1);
    height: calc(clamp(0px, 10.3221083455vw, 141px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color .color-item .color-item__picture {
    width: calc(clamp(0px, 78.4vw, 78.4vw) * 1);
    height: calc(clamp(0px, 41.2vw, 41.2vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color .color-item .color-text {
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    line-height: 1.6333333333;
    margin-top: calc(clamp(0px, 1.6105417277vw, 22px) * 1);
    margin-bottom: calc(clamp(0px, 1.0248901903vw, 14px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color .color-item .color-text {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    line-height: 1.6;
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
    margin-bottom: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.lp-content-gelee-oil .color .color-item.color-item__cherry .color-title {
  color: #d32a31;
}
.lp-content-gelee-oil .color .color-item.color-item__berry .color-title {
  color: #c93242;
}
.lp-content-gelee-oil .color .color-item.color-item__fig .color-title {
  color: #d0556a;
}
.lp-content-gelee-oil .color .color-item.color-item__papaya .color-title {
  color: #b1312e;
}
.lp-content-gelee-oil .color .color-item.color-item__melon .color-title {
  color: #e33f36;
}
.lp-content-gelee-oil .products .products__item {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .products .products__item {
    justify-content: space-between;
    max-width: calc(clamp(0px, 65.9590043924vw, 901px) * 1);
    margin-inline: auto;
    gap: calc(clamp(0px, 3.2942898975vw, 45px) * 1);
    margin-bottom: calc(clamp(0px, 3.074670571vw, 42px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .products .products__item {
    flex-direction: column;
    gap: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    margin-bottom: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .products .products__item--reverse {
    flex-direction: row-reverse;
    gap: 0;
  }
}
.lp-content-gelee-oil .products .products__image {
  display: block;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .products .products__image {
    width: calc(clamp(0px, 21.9619326501vw, 300px) * 1);
    height: calc(clamp(0px, 18.3016105417vw, 250px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .products .products__image {
    width: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
    height: calc(clamp(0px, 53.6vw, 53.6vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .products .products__content {
    flex: 1;
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .products .products__content {
    padding: 0 calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.lp-content-gelee-oil .products .products__subtitle {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: normal;
  color: #a7834f;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .products .products__subtitle {
    font-size: calc(clamp(0px, 1.9765739385vw, 27px) * 1);
    margin-bottom: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .products .products__subtitle {
    text-align: center;
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .products .products__list {
    margin-top: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
  }
}
.lp-content-gelee-oil .products .products__list li {
  position: relative;
  padding-left: 1.1em;
  text-indent: -1.1em;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .products .products__list li {
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .products .products__list li {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    line-height: 1.6;
  }
}
.lp-content-gelee-oil .products .products__list li::before {
  content: "♦︎";
  color: #a7834f;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .products .products__list li::before {
    margin-right: calc(clamp(0px, 0.1464128843vw, 2px) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .feature {
    padding: calc(clamp(0px, 5.1244509517vw, 70px) * 1) 0;
    background: url(/media/export/cms_2.0/LP/gelee-glow-oil/20260703/feature__background.jpg) no-repeat center/cover;
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature {
    background: url(/media/export/cms_2.0/LP/gelee-glow-oil/20260703/feature__background.sp.jpg) no-repeat center/cover;
    padding: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1) calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1) calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
  }
}
.lp-content-gelee-oil .feature .feature__header {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .feature .feature__header {
    margin-bottom: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__header {
    margin-bottom: calc(clamp(0px, 5.0666666667vw, 5.0666666667vw) * 1);
  }
}
.lp-content-gelee-oil .feature .feature__title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .feature .feature__title {
    margin-bottom: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__title {
    margin-bottom: calc(clamp(0px, 2vw, 2vw) * 1);
  }
}
.lp-content-gelee-oil .feature .feature__description {
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .feature .feature__description {
    line-height: 1;
    font-size: calc(clamp(0px, 1.756954612vw, 24px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__description {
    font-size: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
    line-height: 1.78125;
  }
}
.lp-content-gelee-oil .feature .feature__equation {
  display: flex;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .feature .feature__equation {
    margin: 0 auto;
    max-width: calc(clamp(0px, 80.0878477306vw, 1094px) * 1);
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__equation {
    flex-direction: column;
    align-items: center;
  }
}
.lp-content-gelee-oil .feature .feature__equation-group {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .feature .feature__equation-group {
    width: auto;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__equation-group {
    width: 100%;
  }
}
.lp-content-gelee-oil .feature .feature__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .feature .feature__item {
    width: calc(clamp(0px, 23.7920937042vw, 325px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__item {
    position: relative;
    width: 47%;
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .feature .feature__item--result {
    width: calc(clamp(0px, 23.7920937042vw, 325px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__item--result {
    width: 100%;
  }
}
.lp-content-gelee-oil .feature .feature__item--result .feature__item-image {
  display: block;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .feature .feature__item--result .feature__item-image {
    width: calc(clamp(0px, 23.7920937042vw, 325px) * 1);
    height: calc(clamp(0px, 23.7920937042vw, 325px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__item--result .feature__item-image {
    width: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .feature .feature__item--result .feature__item-body {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__item--result .feature__item-body {
    position: relative;
    bottom: auto;
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__item--result .feature__item-body .feature__item-text {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    line-height: 1.6;
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .feature .feature__item-image {
    width: calc(clamp(0px, 23.7920937042vw, 325px) * 1);
    height: calc(clamp(0px, 23.7920937042vw, 325px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__item-image {
    width: calc(clamp(0px, 44.6666666667vw, 44.6666666667vw) * 1);
    height: calc(clamp(0px, 84.8vw, 84.8vw) * 1);
  }
}
.lp-content-gelee-oil .feature .feature__item-image img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .feature .feature__item-body {
    margin-top: calc(clamp(0px, 1.756954612vw, 24px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__item-body {
    position: absolute;
    bottom: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
  }
}
.lp-content-gelee-oil .feature .feature__item-title {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .feature .feature__item-title {
    font-size: calc(clamp(0px, 1.2445095168vw, 17px) * 1);
    margin-bottom: calc(clamp(0px, 0.878477306vw, 12px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__item-title {
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
    line-height: 1.5;
    margin-bottom: calc(clamp(0px, 1.0666666667vw, 1.0666666667vw) * 1);
  }
}
.lp-content-gelee-oil .feature .feature__item-text {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .feature .feature__item-text {
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    margin-bottom: calc(clamp(0px, 1.0248901903vw, 14px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__item-text {
    font-size: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__button {
    width: calc(clamp(0px, 36.6666666667vw, 36.6666666667vw) * 1);
    height: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
    font-size: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
    margin-top: calc(clamp(0px, 2vw, 2vw) * 1);
  }
}
.lp-content-gelee-oil .feature .feature__sign {
  font-family: sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__sign {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.lp-content-gelee-oil .feature .feature__sign--plus {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .feature .feature__sign--plus {
    top: calc(clamp(0px, 8.4187408492vw, 115px) * 1);
    font-size: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__sign--plus {
    top: calc(clamp(0px, 22.6666666667vw, 22.6666666667vw) * 1);
    font-size: calc(clamp(0px, 16vw, 16vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .feature .feature__sign--equals {
    margin-top: calc(clamp(0px, 8.4187408492vw, 115px) * 1);
    font-size: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .feature .feature__sign--equals {
    transform: rotate(90deg);
    font-size: calc(clamp(0px, 16vw, 16vw) * 1);
    margin: calc(clamp(0px, 2.1333333333vw, 2.1333333333vw) * 1) 0;
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color-chart {
    padding-bottom: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color-chart {
    padding-bottom: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
.lp-content-gelee-oil .color-chart .color-chart__heading {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color-chart .color-chart__heading {
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    line-height: 1.5;
    margin-bottom: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color-chart .color-chart__heading {
    font-size: calc(clamp(0px, 3.2vw, 3.2vw) * 1);
    line-height: 1.5;
    margin-bottom: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.lp-content-gelee-oil .color-chart .color-chart__wrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  box-sizing: content-box;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color-chart .color-chart__wrapper {
    width: calc(clamp(0px, 77.6720351391vw, 1061px) * 1);
    padding-left: calc(clamp(0px, 2.5622254758vw, 35px) * 1);
    padding-bottom: calc(clamp(0px, 2.5622254758vw, 35px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color-chart .color-chart__wrapper {
    width: calc(clamp(0px, 84.6666666667vw, 84.6666666667vw) * 1);
    padding-left: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    padding-bottom: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.lp-content-gelee-oil .color-chart .color-chart__axis-text {
  position: absolute;
  color: #000;
  letter-spacing: 0.1em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color-chart .color-chart__axis-text {
    font-size: calc(clamp(0px, 1.756954612vw, 24px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color-chart .color-chart__axis-text {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.lp-content-gelee-oil .color-chart .color-chart__axis-text--light {
  writing-mode: vertical-rl;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color-chart .color-chart__axis-text--light {
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color-chart .color-chart__axis-text--light {
    top: 0;
    left: 0;
  }
}
.lp-content-gelee-oil .color-chart .color-chart__axis-text--deep {
  writing-mode: vertical-rl;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color-chart .color-chart__axis-text--deep {
    bottom: calc(clamp(0px, 2.196193265vw, 30px) * 1);
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color-chart .color-chart__axis-text--deep {
    bottom: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color-chart .color-chart__axis-text--warm {
    bottom: 0;
    left: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color-chart .color-chart__axis-text--warm {
    bottom: 0;
    left: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color-chart .color-chart__axis-text--cool {
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color-chart .color-chart__axis-text--cool {
    bottom: 0;
    right: 0;
  }
}
.lp-content-gelee-oil .color-chart .color-chart__axes-picture {
  display: block;
  width: 100%;
  height: auto;
}
.lp-content-gelee-oil .color-chart .color-chart__axes-image {
  width: 100%;
  height: auto;
}
.lp-content-gelee-oil .color-chart .color-chart__item {
  position: absolute;
  display: block;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color-chart .color-chart__item:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color-chart .color-chart__item:hover {
    opacity: 1;
  }
}
.lp-content-gelee-oil .color-chart .color-chart__item-picture {
  display: block;
  width: 100%;
  height: auto;
}
.lp-content-gelee-oil .color-chart .color-chart__item-image {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color-chart .color-chart__item--melon {
    top: calc(clamp(0px, 0.1464128843vw, 2px) * 1);
    left: calc(clamp(0px, 5.4904831625vw, 75px) * 1);
    width: calc(clamp(0px, 17.7525622255vw, 242.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color-chart .color-chart__item--melon {
    top: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
    left: calc(clamp(0px, 8vw, 8vw) * 1);
    width: calc(clamp(0px, 36.2666666667vw, 36.2666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color-chart .color-chart__item--cherry {
    top: calc(clamp(0px, 8.8579795022vw, 121px) * 1);
    left: calc(clamp(0px, 25.2562225476vw, 345px) * 1);
    width: calc(clamp(0px, 17.5695461201vw, 240px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color-chart .color-chart__item--cherry {
    top: calc(clamp(0px, 45.6vw, 45.6vw) * 1);
    left: calc(clamp(0px, 14vw, 14vw) * 1);
    width: calc(clamp(0px, 36.9333333333vw, 36.9333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color-chart .color-chart__item--papaya {
    top: calc(clamp(0px, 27.3792093704vw, 374px) * 1);
    left: calc(clamp(0px, 9.663250366vw, 132px) * 1);
    width: calc(clamp(0px, 18.0819912152vw, 247px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color-chart .color-chart__item--papaya {
    top: calc(clamp(0px, 100vw, 100vw) * 1);
    left: calc(clamp(0px, 9.8666666667vw, 9.8666666667vw) * 1);
    width: calc(clamp(0px, 36vw, 36vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color-chart .color-chart__item--berry {
    top: calc(clamp(0px, 5.3440702782vw, 73px) * 1);
    right: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
    width: calc(clamp(0px, 18.1551976574vw, 248px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color-chart .color-chart__item--berry {
    top: calc(clamp(0px, 15.2vw, 15.2vw) * 1);
    right: calc(clamp(0px, 0vw, 0vw) * 1);
    width: calc(clamp(0px, 37.8666666667vw, 37.8666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color-chart .color-chart__item--fig {
    top: calc(clamp(0px, 19.9853587116vw, 273px) * 1);
    right: calc(clamp(0px, 16.4714494876vw, 225px) * 1);
    width: calc(clamp(0px, 17.8623718887vw, 244px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color-chart .color-chart__item--fig {
    top: calc(clamp(0px, 81.6vw, 81.6vw) * 1);
    right: calc(clamp(0px, 0vw, 0vw) * 1);
    width: calc(clamp(0px, 40vw, 40vw) * 1);
  }
}
.lp-content-gelee-oil .color-chart .color-chart__footer {
  text-align: right;
  position: absolute;
  margin-left: auto;
  right: 0;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color-chart .color-chart__footer {
    bottom: calc(clamp(0px, 4.9048316252vw, 67px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color-chart .color-chart__footer {
    bottom: calc(clamp(0px, 11.2vw, 11.2vw) * 1);
  }
}
.lp-content-gelee-oil .color-chart .color-chart__footer-link {
  font-weight: 600;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .lp-content-gelee-oil .color-chart .color-chart__footer-link {
    text-underline-offset: 3px;
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .lp-content-gelee-oil .color-chart .color-chart__footer-link {
    text-underline-offset: 2px;
    font-size: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
  }
}