<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
  --main-color: #FFE98D;
  --main-color-50: #fff4c6;
  --main-color-20: #fffbe9;
  --sub-color: #707070;
  --sub-color-50: #b8b8b8;
  --sub-color-20: #e3e3e3;
}
.bg-main-color {
    background-color: var(--main-color) !important;
    color: white;
}
.col-main-color {
    color: var(--main-color) !important;
}
.bg-main-color-50 {
    background-color: var(--main-color-50) !important;
    color: black;
}
.col-main-color-50 {
    color: var(--main-color-50) !important;
}
.bg-main-color-20 {
    background-color: var(--main-color-20) !important;
    color: black;
}
.col-main-color-20 {
    color: var(--main-color-20) !important;
}
.bg-sub-color {
    background-color: var(--sub-color) !important;
}
.col-sub-color {
    color: var(--sub-color) !important;
}
.bg-sub-color-50 {
    background-color: var(--sub-color-50) !important;
}
.col-sub-color-50 {
    color: var(--sub-color-50) !important;
}
.bg-sub-color-20 {
    background-color: var(--sub-color-20) !important;
}
.col-sub-color-20 {
    color: var(--sub-color-20) !important;
}

.border-main-color {
	border-color: var(--main-color)!important;
}
.border-main-color-50 {
	border-color: var(--main-color-50)!important;
}
.border-main-color-20 {
	border-color: var(--main-color-20)!important;
}
	.font-20 {
		font-size: 20px;
	}
	.font-22 {
		font-size: 22px;
	}
	.font-24 {
		font-size: 24px;
	}
	.font-26 {
		font-size: 26px;
	}
	.font-32 {
		font-size: 32px;
	}
@media  screen and (min-width: 420px) {
			.font-20 {
			font-size: calc(100vw * 20/420);
		}
			.font-22 {
			font-size: calc(100vw * 22/420);
		}
			.font-24 {
			font-size: calc(100vw * 24/420);
		}
			.font-26 {
			font-size: calc(100vw * 26/420);
		}
			.font-32 {
			font-size: calc(100vw * 32/420);
		}
	}
@media  screen and (min-width: 640px) {
			.font-20 {
			font-size: calc(640px * 20/420);
		}
			.font-22 {
			font-size: calc(640px * 22/420);
		}
			.font-24 {
			font-size: calc(640px * 24/420);
		}
			.font-26 {
			font-size: calc(640px * 26/420);
		}
			.font-32 {
			font-size: calc(640px * 32/420);
		}
	}
.invisible.visible {
    visibility: visible!important;
}
.spotlight-item-view .container {
  overflow-x: visible;
}

.flex-media {
  display: flex;
  align-items: flex-start;
}

.flex-media .body {
  flex: 1;
}

.btn-user-review {
  height: auto;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: none !important;
}

.border-main-color {
  border: 2px solid var(--main-color);
}

.border-main-bottom {
  border-bottom: 10px solid var(--main-color);
}

.w-20 {
  width: 20% !important;
}

.mw-100vw {
  max-width: 100vw;
}

.mw-1280px {
  max-width: 1280px;
}

.mw-1000px {
  max-width: 1000px;
}

.text-fat {
  transform: scale(1, 0.9);
}

ul.white-disc {
  padding-left: 2.25rem;
}
@media (max-width: 991px) {
  ul.white-disc {
    padding-left: 2rem;
  }
}
@media (max-width: 767px) {
  ul.white-disc {
    padding-left: 2.25rem;
  }
}
@media screen and (max-width: 575px) {
  ul.white-disc {
    padding-left: 1.5rem;
  }
}

ul.white-disc li {
  position: relative;
}

ul.white-disc li:before {
  content: "•";
  position: absolute;
  margin-left: -2.25rem;
  font-size: 250%;
  line-height: 0.4;
  color: white;
}
@media (max-width: 991px) {
  ul.white-disc li:before {
    margin-left: -2rem;
  }
}
@media (max-width: 767px) {
  ul.white-disc li:before {
    margin-left: -2.25rem;
  }
}
@media screen and (max-width: 575px) {
  ul.white-disc li:before {
    margin-left: -1.5rem;
  }
}

.over-width {
  margin-left: calc(-1 * (50vw - 360px));
  margin-right: calc(-1 * (50vw - 360px));
}

@media screen and (max-width: 991px) {
  .over-width {
    margin-left: calc(-1 * (50vw - 285px));
    margin-right: calc(-1 * (50vw - 285px));
  }
}
@media screen and (max-width: 600px) {
  .over-width {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media screen and (max-width: 581px) {
  .over-width .container .wrapper {
    max-width: 100vw;
  }

  .over-width &gt; .container &gt; .wrapper:not(.px-0) {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
.cover.over-width {
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/bg-top.jpg") center top calc((100vw * -0.3046875) + 320px) no-repeat #ffe98d;
  background-size: 100vw auto;
  min-height: calc(100vw * 600 / 1280);
  border-bottom: 5px solid rgba(255, 233, 141, 0.25);
  margin-bottom: -5px;
}
@media (max-width: 1280px) {
  .cover.over-width {
    background-size: 1280px auto;
    background-position: center top -70px;
  }
}
@media (max-width: 1000px) {
  .cover.over-width {
    background-position: center top calc((100vw * 0.301724137931034) - 371.724137931034483px);
  }
}
@media (max-width: 767px) {
  .cover.over-width {
    background-size: calc((100vw * 2.193877551020408) - 2.704081632653061px) auto;
    background-position: center top;
    transform: scaleX(-1);
  }
  .cover.over-width &gt; * {
    transform: scaleX(-1);
  }
}
.cover.over-width .container {
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/bg-leafs.png") center top no-repeat transparent;
  background-size: 100% auto;
}
.cover.over-width .wrapper {
  padding-top: calc(100vw * 50/1000);
}
@media (min-width: 1000px) {
  .cover.over-width .wrapper {
    padding-top: 50px;
  }
}
.cover.over-width .wrapper .title {
  width: 58%;
  text-align: center;
}
@media (max-width: 767px) {
  .cover.over-width .wrapper .title {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
}
.cover.over-width .wrapper .title img.logo {
  width: 100%;
}
.cover.over-width .wrapper .title img.txt-SkinSolution-top {
  width: 85%;
  margin-top: -3.5%;
}
.cover.over-width .wrapper .title h1 {
  color: #404041;
  font-size: calc(100vw * 57/1000);
  line-height: 1;
}
@media (min-width: 1000px) {
  .cover.over-width .wrapper .title h1 {
    font-size: 57px;
  }
}
@media (max-width: 767px) {
  .cover.over-width .wrapper .title h1 {
    font-size: calc(100vw * 30/375);
  }
}
.cover.over-width .wrapper .groupshot-top {
  margin-left: auto;
  display: flex;
  width: 55%;
  margin-top: -15%;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .cover.over-width .wrapper .groupshot-top {
    width: 85%;
    margin-right: auto;
    margin-top: unset;
  }
}
.cover.over-width .wrapper .quote-highlight {
  height: calc(100vw * 650 / 1222);
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/bg-qoute-top.png") center center no-repeat transparent;
  background-size: cover;
  padding: calc(100vw * 62/1000) 0;
  font-size: calc(100vw * 29.5 / 1000);
  line-height: 1.25;
}
@media (max-width: 767px) {
  .cover.over-width .wrapper .quote-highlight {
    background-image: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/bg-quote-top-sm.png");
    height: calc(100vw * 1000 / 750);
    padding: calc(100vw * 40/375) 0;
    font-size: calc(100vw * 20/ 375);
  }
}
.cover.over-width .wrapper .quote-highlight strong {
  font-family: "DB-Heavent-reg";
}
@media (min-width: 1000px) {
  .cover.over-width .wrapper .quote-highlight {
    height: calc(1000px * 650 / 1222);
    padding: 62px 0;
    font-size: 29.5px;
  }
}

#new-sec-1 {
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/Desktop-Background-Grid-02.png") center top white;
  background-size: 100vw auto;
  padding: calc(100vw * 35/375) 0;
}
#new-sec-1 .dot-wrapper {
  padding: calc(100vw * 36/768) 0 calc(100vw * 16/768);
}
#new-sec-1 .img-dot {
  height: calc(100vw * 9/375);
  max-height: 32px;
}

#new-sec-2 {
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/Desktop-Background-Grid-02.png") center top white;
  background-size: 100vw auto;
  color: #404041;
}
#new-sec-2 .container {
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/bg-yellow-middle.png") center top no-repeat transparent;
  background-size: 100% auto;
}
#new-sec-2 .container .wrapper {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: calc(100vw * 800/768);
}
@media (min-width: 1000px) {
  #new-sec-2 .container .wrapper {
    height: calc(1000px * 800/768);
  }
}
@media (max-width: 767px) {
  #new-sec-2 .container .wrapper {
    height: calc(100vw * 1000/768);
  }
}
@media (min-width: 1280px) {
  #new-sec-2 .container {
    padding: 100px 0;
  }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  #new-sec-2 .container {
    padding: calc(((100vw * 0.178571428571429) - 28.571428571428571px) / 2) 0;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  #new-sec-2 .container {
    padding: calc(((100vw * 0.129310344827586) + 20.689655172413793px) / 2) 0;
  }
}
@media (max-width: 767px) {
  #new-sec-2 .container {
    padding: calc((100vw * 0.127551020408163) + 2.168367346938776px) 0 calc(((100vw * 0.178571428571429) - 28.571428571428571px) / 2);
  }
}
#new-sec-2 .product-image-middle {
  position: relative;
}
#new-sec-2 .product-image-middle .product-img {
  width: 75%;
  margin-bottom: 10%;
}
#new-sec-2 .product-image-middle .product-name-img {
  width: 60%;
  position: absolute;
  bottom: 0;
  left: 20%;
}
@media (max-width: 767px) {
  #new-sec-2 .product-image-middle .product-img {
    width: 95%;
  }
  #new-sec-2 .product-image-middle .product-name-img {
    width: 70%;
    left: 15%;
  }
}

#new-sec-3 {
  background: #ffe98d;
  background-size: 100vw auto;
  color: #404041;
}
@media (min-width: 1280px) {
  #new-sec-3 .container {
    padding-bottom: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  #new-sec-3 .container {
    padding-bottom: calc((100vw * 0.178571428571429) - 28.571428571428571px);
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  #new-sec-3 .container {
    padding-bottom: calc((100vw * 0.129310344827586) + 20.689655172413793px);
  }
}
@media (max-width: 767px) {
  #new-sec-3 .container {
    padding-bottom: calc((100vw * 0.178571428571429) - 28.571428571428571px);
  }
}
#new-sec-3 .pros-box {
  height: calc(100vw * 580/1167);
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/bg-box-middle.png") center center no-repeat transparent;
  background-size: contain;
  font-size: calc(100vw * 29.5 / 1000);
  line-height: 1.25;
}
@media (min-width: 1000px) {
  #new-sec-3 .pros-box {
    height: calc(1000px * 580/1167);
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  #new-sec-3 .pros-box {
    height: calc(100vw * 580/1167);
  }
}
@media (max-width: 767px) {
  #new-sec-3 .pros-box {
    height: calc(100vw * 540/1167);
  }
}
#new-sec-3 .pros-box ul {
  list-style: none;
}
#new-sec-3 .pros-box ul li {
  position: relative;
  padding-left: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#new-sec-3 .pros-box ul li img {
  margin-right: 1rem;
  margin-left: -1rem;
  height: calc((100vw * 0.030612244897959) + 0.520408163265306px);
  max-height: 32px;
}
@media (min-width: 768px) {
  #new-sec-3 .pros-box ul li img {
    height: 28px;
  }
}
@media (min-width: 1280px) {
  #new-sec-3 .pros-remark {
    margin-top: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  #new-sec-3 .pros-remark {
    margin-top: calc(((100vw * 0.178571428571429) - 28.571428571428571px) / 2);
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  #new-sec-3 .pros-remark {
    margin-top: calc(((100vw * 0.129310344827586) + 20.689655172413793px) / 2);
  }
}
@media (max-width: 767px) {
  #new-sec-3 .pros-remark {
    margin-top: calc(((100vw * 0.127551020408163) + 2.168367346938776px) / 2);
  }
}

#new-sec-5 {
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/Background-Grid-pattern.png") center top white;
  background-size: 100vw auto;
  color: #404041;
}
#new-sec-5 .section-header .six-steps-title {
  width: 60%;
}
@media (max-width: 767px) {
  #new-sec-5 .section-header .six-steps-title {
    width: 75%;
  }
}
#new-sec-5 .section-header h2 {
  font-size: calc(100vw * 55/1000);
  margin-left: calc((100vw * 0.144) - 4px);
  line-height: 1;
}
@media (min-width: 1000px) {
  #new-sec-5 .section-header h2 {
    font-size: 55px;
    margin-left: 140px;
  }
}
@media (max-width: 767px) {
  #new-sec-5 .section-header h2 {
    font-size: calc(100vw * 24/375);
    margin-left: calc((100vw * 0.191326530612245) - 11.747448979591837px);
  }
}
#new-sec-5 .steps-wrapper {
  border-left: calc(100vw * 0.004) solid #FFD91F;
}
@media (min-width: 1000px) {
  #new-sec-5 .steps-wrapper {
    border-left-width: 4px;
  }
}
#new-sec-5 .steps-wrapper .step {
  align-items: flex-end;
  /* Set up step gap */
}
#new-sec-5 .steps-wrapper .step .title {
  height: calc(100vw * .061);
  margin-right: -6%;
}
@media (min-width: 1000px) {
  #new-sec-5 .steps-wrapper .step .title {
    height: calc(1000px * .061);
  }
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step .title {
    height: calc(100vw * .066);
    margin-right: -8%;
  }
}
#new-sec-5 .steps-wrapper .step.image-on-left .title {
  margin-right: unset;
}
@media (min-width: 1000px) {
  #new-sec-5 .steps-wrapper .step.image-on-left .title {
    height: calc(1000px * .061);
  }
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.image-on-left .title {
    height: calc(100vw * .066);
  }
}
#new-sec-5 .steps-wrapper .step .product-name {
  height: calc(100vw * .068);
}
@media (min-width: 1000px) {
  #new-sec-5 .steps-wrapper .step .product-name {
    height: calc(1000px * .068);
  }
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step .product-name {
    height: calc(100vw * .077);
  }
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step .product-name.d-md-none {
    height: calc(100vw * .077 * 2);
  }
}
#new-sec-5 .steps-wrapper .step.image-on-left .product-name {
  margin-left: 7%;
}
#new-sec-5 .steps-wrapper .step h3 {
  font-size: calc(100vw * .0445);
  line-height: 1;
}
@media (min-width: 1000px) {
  #new-sec-5 .steps-wrapper .step h3 {
    font-size: 44.5px;
  }
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step h3 {
    font-size: calc(100vw * 20.5/375);
  }
}
#new-sec-5 .steps-wrapper .step.image-on-left h3 {
  margin-left: 7%;
}
#new-sec-5 .steps-wrapper .step p {
  background: rgba(255, 233, 141, 0.5);
  line-height: 1.25;
  padding: 3% 10% 6% 0;
  margin-right: -10%;
  font-family: "DB-Heavent-li";
  font-size: calc(100vw * 32/1000);
}
@media (min-width: 1000px) {
  #new-sec-5 .steps-wrapper .step p {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step p {
    line-height: 1.17;
    padding: 5% 15% 7% 0;
    margin-right: -17%;
    font-size: calc(100vw * 18/375);
  }
}
#new-sec-5 .steps-wrapper .step.image-on-left p {
  padding: 3% 0 6% 17%;
  margin-right: unset;
  margin-left: -10%;
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.image-on-left p {
    padding: 5% 0 7% 24%;
    margin-left: -17%;
  }
}
#new-sec-5 .steps-wrapper .step.step-2a {
  align-items: center;
}
#new-sec-5 .steps-wrapper .step.step-2b.d-md-none {
  align-items: flex-start;
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.step-2b.d-md-none p {
    padding: 5% 0 7% 39%;
    margin-left: -32%;
  }
}
#new-sec-5 .steps-wrapper .step.step-2b.d-md-flex {
  align-items: center;
}
#new-sec-5 .steps-wrapper .step.step-2b.d-md-flex p {
  padding: 3% 48.5% 6% 0;
  margin-right: -48.5%;
}
#new-sec-5 .steps-wrapper .step .product-image {
  z-index: 2;
  width: 23.5%;
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step .product-image {
    width: 32%;
    margin-right: -4%;
  }
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.image-on-left .product-image {
    margin-left: -4%;
  }
}
#new-sec-5 .steps-wrapper .step.step-2b.d-md-flex .product-image {
  width: 40%;
  margin-right: -7.5%;
}
#new-sec-5 .steps-wrapper .step .btn-user-review {
  margin-right: -31%;
}
#new-sec-5 .steps-wrapper .step .btn-user-review img {
  height: calc(100vw * .08);
  margin-top: calc(100vw * -.04);
}
@media (min-width: 1000px) {
  #new-sec-5 .steps-wrapper .step .btn-user-review img {
    height: 80px;
    margin-top: -40px;
  }
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step .btn-user-review img {
    height: calc(100vw * 40/375);
    margin-top: calc(100vw * -20/375);
  }
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step .btn-user-review {
    margin-right: -39%;
  }
}
#new-sec-5 .steps-wrapper .step.image-on-left .btn-user-review {
  margin-right: unset;
  margin-left: -31%;
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.image-on-left .btn-user-review {
    margin-left: -39%;
  }
}
#new-sec-5 .steps-wrapper .step.step-2b .btn-user-review {
  margin-right: -48.5%;
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.step-2a .btn-user-review, #new-sec-5 .steps-wrapper .step.step-2b .btn-user-review, #new-sec-5 .steps-wrapper .step.step-4a .btn-user-review {
    margin-right: unset;
    margin-left: -32%;
  }
}
#new-sec-5 .steps-wrapper .step.step-5 .btn-user-review {
  margin-right: unset;
  margin-left: -27.5%;
}
#new-sec-5 .steps-wrapper .step.step-6 .btn-user-review {
  margin-right: -22%;
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.step-6 .btn-user-review {
    margin-right: -24.25%;
  }
}
#new-sec-5 .steps-wrapper .step.step-5 {
  align-items: flex-start;
}
#new-sec-5 .steps-wrapper .step.step-5 .product-image {
  width: 21.5%;
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.step-5 .product-image {
    width: 29.5%;
  }
}
#new-sec-5 .steps-wrapper .step.step-6 {
  align-items: center;
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.step-6 p {
    padding: 5% 13.5% 7% 0;
    margin-right: -13.5%;
  }
}
#new-sec-5 .steps-wrapper .step.step-6 .product-image {
  width: 18%;
  margin-top: 12%;
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.step-6 .product-image {
    width: 23.5%;
    margin-top: 5%;
  }
}
#new-sec-5 .steps-wrapper .step.step-2a {
  margin-top: calc(100vw * 55/1000);
}
@media (min-width: 1000px) {
  #new-sec-5 .steps-wrapper .step.step-2a {
    margin-top: 55px;
  }
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.step-2a {
    margin-top: calc(100vw * 62/375);
  }
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.step-2b {
    margin-top: calc(100vw * 22/375);
  }
}
#new-sec-5 .steps-wrapper .step.step-3 .product-name {
  display: block;
  margin-left: auto;
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.step-3 {
    margin-top: calc((100vw * 0.204081632653061) - 14.530612244897959px);
  }
}
#new-sec-5 .steps-wrapper .step.step-4a {
  margin-top: calc(100vw * 15/1000);
}
@media (min-width: 1000px) {
  #new-sec-5 .steps-wrapper .step.step-4a {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.step-4a {
    margin-top: calc((100vw * 0.25) - 31.75px);
  }
}
#new-sec-5 .steps-wrapper .step.step-4b {
  margin-top: calc(100vw * -100/1000);
}
@media (min-width: 1000px) {
  #new-sec-5 .steps-wrapper .step.step-4b {
    margin-top: -100px;
  }
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.step-4b {
    margin-top: calc((100vw * -0.063775510204082) + 28.915816326530612px);
  }
}
#new-sec-5 .steps-wrapper .step.step-5 {
  margin-top: calc(100vw * 115/1000);
}
@media (min-width: 1000px) {
  #new-sec-5 .steps-wrapper .step.step-5 {
    margin-top: 115px;
  }
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.step-5 {
    margin-top: calc((100vw * 0.25) - 31.75px);
  }
}
#new-sec-5 .steps-wrapper .step.step-6 {
  margin-top: calc(100vw * -185/1000);
}
@media (min-width: 1000px) {
  #new-sec-5 .steps-wrapper .step.step-6 {
    margin-top: -185px;
  }
}
@media (max-width: 767px) {
  #new-sec-5 .steps-wrapper .step.step-6 {
    margin-top: calc((100vw * -0.14030612244898) + 72.614795918367347px);
  }
}

#new-sec-6 {
  background: #ffe98d;
}
#new-sec-6 .wrapper {
  background: url(https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/bg-leaf-ingredient.png) top 30vw right no-repeat transparent;
  background-size: 100% auto;
}
@media (max-width: 767px) {
  #new-sec-6 .wrapper {
    background-position: top 50vw right;
    background-size: 140vw auto;
  }
}
#new-sec-6 .quote {
  width: 85%;
  position: relative;
}
@media (max-width: 767px) {
  #new-sec-6 .quote {
    width: 100%;
  }
}
#new-sec-6 .quote:before, #new-sec-6 .quote:after {
  content: "";
  display: block;
  background-position: center center;
  background-size: 100% 100%;
  width: calc(100vw * 63/1000);
  height: calc(100vw * 54/1000);
  position: absolute;
  top: 50%;
  margin-top: calc(100vw * -54/1000 / 2);
}
@media (min-width: 1000px) {
  #new-sec-6 .quote:before, #new-sec-6 .quote:after {
    width: 63px;
    height: 54px;
  }
}
#new-sec-6 .quote:before {
  background-image: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/Comma-white-01.png");
  left: 0;
}
#new-sec-6 .quote:after {
  background-image: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/Comma-white-02.png");
  right: 0;
}
#new-sec-6 .quote h3 {
  color: #424242;
  font-size: calc(100vw * 56/1000);
  line-height: 1;
}
@media (min-width: 1000px) {
  #new-sec-6 .quote h3 {
    font-size: 56px;
  }
}
@media (max-width: 767px) {
  #new-sec-6 .quote h3 {
    font-size: calc(100vw * 23/375);
  }
}
#new-sec-6 .bubbles {
  max-width: 720px;
  margin: 0 auto;
}
#new-sec-6 .bubbles img {
  display: flex;
}
#new-sec-6 .bubbles .bubble-1, #new-sec-6 .bubbles .bubble-3 {
  width: 55%;
  margin-left: 0;
  margin-right: auto;
}
#new-sec-6 .bubbles .bubble-2 {
  width: 65%;
  margin: -30% auto;
  margin-right: 0;
}
#new-sec-6 .info {
  text-align: left;
  max-width: 874px;
  margin: 0 auto;
  border-left: 5px solid white;
  padding-left: 1.5rem;
  font-size: calc(100vw * 32/874);
  line-height: 1.25;
}
@media (min-width: 874px) {
  #new-sec-6 .info {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  #new-sec-6 .info {
    font-size: calc(100vw * 20/375);
    padding-left: 0;
    border-left: none;
  }
}
@media (min-width: 578px) and (max-width: 767px) {
  #new-sec-6 .info {
    padding: 0 15px;
  }
}
#new-sec-6 .info h3 {
  color: #EFB000;
  font-weight: bold;
  font-size: calc(100vw * 50/874);
  line-height: 1;
}
@media (min-width: 874px) {
  #new-sec-6 .info h3 {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  #new-sec-6 .info h3 {
    font-weight: normal;
    font-size: calc(100vw * 22/375);
    display: inline-block;
    background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/info-h3-bg.png") right center no-repeat transparent;
    background-size: auto 100%;
    padding: 1% 7.5% 0.75% 2.5%;
  }
}

#new-sec-7 {
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/Desktop-Background-Grid-02.png") center top white;
  background-size: 100vw auto;
  color: #404041;
}
#new-sec-7 .wrapper {
  background: url(https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/bg-leaf-howtouse.png) top 12.5vw right no-repeat transparent;
  background-size: 100% auto;
}
@media (max-width: 767px) {
  #new-sec-7 .wrapper {
    background-position: top 20vw right;
    background-size: 140vw auto;
  }
}
@media (min-width: 768px) {
  #new-sec-7 .section-header {
    padding-bottom: 0 !important;
    margin-bottom: -2.5%;
    z-index: 2;
    position: relative;
  }
}
#new-sec-7 .section-header .how-to-use-title {
  width: 75%;
}
@media (min-width: 768px) {
  #new-sec-7 .section-header .how-to-use-title {
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  #new-sec-7 .section-header .how-to-use-title {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #new-sec-7 .steps-wrapper {
    border-left: calc(100vw * 0.004) solid #FFD91F;
  }
}
#new-sec-7 .steps {
  display: flex;
  flex-wrap: wrap;
}
#new-sec-7 .steps .step {
  width: 50%;
  position: relative;
}
@media (max-width: 767px) {
  #new-sec-7 .steps .step {
    width: 100%;
  }
}
#new-sec-7 .steps .step p {
  width: 90%;
  line-height: 1.2;
  font-size: calc(100vw * 30/1000);
  margin: 0 auto;
}
@media (min-width: 1000px) {
  #new-sec-7 .steps .step p {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #new-sec-7 .steps .step p {
    width: 91%;
    text-align: left;
    font-size: calc(100vw * 19/375);
  }
}
#new-sec-7 .steps .step p:first-child {
  margin-top: 33.5%;
}
@media (max-width: 767px) {
  #new-sec-7 .steps .step p:first-child {
    margin-top: 10.5%;
  }
}
#new-sec-7 .steps .step.step-1, #new-sec-7 .steps .step.step-2, #new-sec-7 .steps .step.step-3, #new-sec-7 .steps .step.step-4 {
  height: calc(50vw * 442 / 580);
  margin-bottom: calc(50vw * -70 / 580);
}
@media (min-width: 1000px) {
  #new-sec-7 .steps .step.step-1, #new-sec-7 .steps .step.step-2, #new-sec-7 .steps .step.step-3, #new-sec-7 .steps .step.step-4 {
    height: calc(500px * 442 / 580);
    margin-bottom: calc(500px * -70 / 580);
  }
}
@media (max-width: 767px) {
  #new-sec-7 .steps .step.step-1, #new-sec-7 .steps .step.step-2, #new-sec-7 .steps .step.step-3, #new-sec-7 .steps .step.step-4 {
    height: calc((100vw - 30px) * 442 / 580);
    margin-bottom: calc(100vw * -32 / 768);
  }
}
@media (min-width: 768px) {
  #new-sec-7 .steps .step.step-2 p, #new-sec-7 .steps .step.step-4 p {
    font-size: calc(100vw * 28/1000);
  }
}
@media (min-width: 1000px) {
  #new-sec-7 .steps .step.step-2 p, #new-sec-7 .steps .step.step-4 p {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  #new-sec-7 .steps .step.step-2 p, #new-sec-7 .steps .step.step-4 p {
    padding-left: 5%;
    position: relative;
  }
  #new-sec-7 .steps .step.step-2 p:before, #new-sec-7 .steps .step.step-4 p:before {
    content: "-";
    position: absolute;
    margin-left: -5%;
  }
}
@media (min-width: 768px) {
  #new-sec-7 .steps .step.step-2 p:first-child, #new-sec-7 .steps .step.step-4 p:first-child {
    margin-top: 22%;
  }
}
#new-sec-7 .steps .step.step-2 dot, #new-sec-7 .steps .step.step-4 dot {
  content: "";
  display: block;
  height: 0.5rem;
  margin: 0.75rem auto;
  border-color: transparent;
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/point-Gray.png") center center no-repeat;
  background-size: auto 100%;
}
@media (max-width: 767px) {
  #new-sec-7 .steps .step.step-2 dot, #new-sec-7 .steps .step.step-4 dot {
    display: none;
  }
}
@media (max-width: 767px) {
  #new-sec-7 .steps .step.step-3 p:first-child {
    margin-top: 12.5%;
  }
}
@media (min-width: 768px) {
  #new-sec-7 .steps .step.step-4 p:first-child {
    margin-top: 28%;
  }
}
#new-sec-7 .steps .step.step-5, #new-sec-7 .steps .step.step-6 {
  height: calc(50vw * 303 / 580);
}
@media (min-width: 1000px) {
  #new-sec-7 .steps .step.step-5, #new-sec-7 .steps .step.step-6 {
    height: calc(500px * 303 / 580);
  }
}
@media (max-width: 767px) {
  #new-sec-7 .steps .step.step-5, #new-sec-7 .steps .step.step-6 {
    height: calc((100vw - 30px) * 303 / 580);
    margin-bottom: calc(100vw * -32 / 768);
  }
}
#new-sec-7 .steps .step.step-5 p:first-child, #new-sec-7 .steps .step.step-6 p:first-child {
  margin-top: 25%;
}
@media (max-width: 767px) {
  #new-sec-7 .steps .step.step-5 p:first-child, #new-sec-7 .steps .step.step-6 p:first-child {
    margin-top: 13.5%;
  }
}
@media (max-width: 767px) {
  #new-sec-7 .steps .step.step-6 p:first-child {
    margin-top: 11%;
  }
}
#new-sec-7 .steps .step.step-1 {
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/HOW-TO-USE-STEP-1.png") top center no-repeat transparent;
  background-size: 99% auto;
}
@media (max-width: 767px) {
  #new-sec-7 .steps .step.step-1 {
    background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/HOW-TO-USE-STEP-1-xs.png") top center no-repeat transparent;
    background-size: 100% auto;
    height: calc((100vw - 30px) * 242 / 768);
  }
}
#new-sec-7 .steps .step.step-2 {
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/HOW-TO-USE-STEP-2.png") top center no-repeat transparent;
  background-size: 99% auto;
}
@media (max-width: 767px) {
  #new-sec-7 .steps .step.step-2 {
    background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/HOW-TO-USE-STEP-2-xs.png") top center no-repeat transparent;
    background-size: 100% auto;
    height: calc((100vw - 30px) * 400 / 768);
  }
}
#new-sec-7 .steps .step.step-3 {
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/HOW-TO-USE-STEP-3.png") top center no-repeat transparent;
  background-size: 99% auto;
}
@media (max-width: 767px) {
  #new-sec-7 .steps .step.step-3 {
    background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/HOW-TO-USE-STEP-3-xs.png") top center no-repeat transparent;
    background-size: 100% auto;
    height: calc((100vw - 30px) * 325 / 768);
  }
}
#new-sec-7 .steps .step.step-4 {
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/HOW-TO-USE-STEP-4.png") top center no-repeat transparent;
  background-size: 99% auto;
}
@media (max-width: 767px) {
  #new-sec-7 .steps .step.step-4 {
    background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/HOW-TO-USE-STEP-4-xs.png") top center no-repeat transparent;
    background-size: 100% auto;
    height: calc((100vw - 30px) * 350 / 768);
  }
}
#new-sec-7 .steps .step.step-5 {
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/HOW-TO-USE-STEP-5.png") top center no-repeat transparent;
  background-size: 99% auto;
}
@media (max-width: 767px) {
  #new-sec-7 .steps .step.step-5 {
    background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/HOW-TO-USE-STEP-5-xs.png") top center no-repeat transparent;
    background-size: 100% auto;
    height: calc((100vw - 30px) * 271 / 768);
  }
}
#new-sec-7 .steps .step.step-6 {
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/HOW-TO-USE-STEP-6.png") top center no-repeat transparent;
  background-size: 99% auto;
}
@media (max-width: 767px) {
  #new-sec-7 .steps .step.step-6 {
    background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/HOW-TO-USE-STEP-6-xs.png") top center no-repeat transparent;
    background-size: 100% auto;
    height: calc((100vw - 30px) * 275 / 768);
  }
}
#new-sec-7 p.hashtag {
  width: 90%;
  line-height: 1.2;
  font-size: calc(100vw * 30/1000);
  margin: 0 auto;
}
@media (min-width: 1000px) {
  #new-sec-7 p.hashtag {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #new-sec-7 p.hashtag {
    width: 91%;
    text-align: left;
    font-size: calc(100vw * 20/375);
  }
}

#new-sec-8 {
  background: #ffe98d;
}
#new-sec-8 .wrapper {
  background: url("https://www.jeban.com/spotlight-item/OP-Skin-Solution-Complex/bg-shopping-cart.png") center center no-repeat transparent;
  background-size: auto 100%;
  height: calc((100vw - 30px) * 318 / 931);
  padding-top: 3%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1000px) {
  #new-sec-8 .wrapper {
    height: calc((1000px - 30px) * 318 / 931);
  }
}
#new-sec-8 .wrapper h3 {
  margin-bottom: 1.5%;
  font-size: calc(100vw * 40/1000);
}
@media (min-width: 1000px) {
  #new-sec-8 .wrapper h3 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  #new-sec-8 .wrapper h3 {
    font-size: calc(100vw * 20/375);
  }
}
#new-sec-8 .wrapper p, #new-sec-8 .wrapper a {
  font-size: calc(100vw * 36/1000);
  line-height: 1.15;
}
@media (min-width: 1000px) {
  #new-sec-8 .wrapper p, #new-sec-8 .wrapper a {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  #new-sec-8 .wrapper p, #new-sec-8 .wrapper a {
    font-size: calc(100vw * 18/375);
  }
}
@media (max-width: 767px) {
  #new-sec-8 .wrapper a {
    font-size: calc(100vw * 15/375);
  }
}

#new-sec-5 .steps-wrapper .step.step-4a,
#new-sec-5 .steps-wrapper .step.step-5 {
  position: relative;
  z-index: 2;
}</pre></body></html>