@charset "UTF-8";
/* CSS Document */

/* =========================
   Base
========================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}


img {
  max-width: 100%;
  vertical-align: bottom;
}

/* =========================
   Wrap
========================= */

.warp {
  width: 100%;
  max-width: 632px;
  margin: 0 auto;
  overflow: hidden;
  container-type: inline-size;
  container-name: biyoeki;
}

/* =========================
   FV
========================= */

.fv {
  position: relative;
  width: 100%;
  aspect-ratio: 768 / 1322;
  overflow: hidden;
  background: #fff9e8;
}

.fv__movie {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

/* =========================
   English Text
========================= */

.fv__brand {
position: absolute;
    z-index: 2;
    top: 5.1%;
    left: 28.4%;
    color: #d5952a;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 2.1px;
    white-space: nowrap;
}

.fv__brand-line {
  position: relative;
  display: inline-block;
}

.fv__brand-line::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 59%;
    width: 92%;
    height: 2px;
    background: #d5952a;
    border-radius: 10px;
}

/* =========================
   Catch Image
========================= */

.fv__catch {
	position: absolute;
    z-index: 2;
    top: 11.6%;
    left: 11.4%;
    width: 78.9%;
}

.fv__catch img {
  display: block;
  width: 100%;
}

/* =========================
   Product Images
========================= */

.fv__bottle {
    position: absolute;
    z-index: 2;
    top: 33.15%;
    left: 0;
    display: block;
    width: 100%;
}

.fv__award {
	position: absolute;
    z-index: 3;
    top: 53.2%;
    left: 67%;
    display: block;
    width: 21.7%!important;
}

/* =========================
   Bottom Text
========================= */

.fv__bottom {
  position: absolute;
  z-index: 2;
  top: 78.6%;
  left: 0;
  width: 100%;
  color: #683e1f;
  font-family: "Noto Serif JP", serif;
  text-align: center;
}

.fv__lead {
  margin: 0;
  font-size: 5.0316cqw;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 1px;
  white-space: nowrap;
}

.fv__divider {
  display: block;
  width: 65%;
  height: 1.2px;
  margin: 12px auto 9px;
  background: #d89930;
}

.fv__product-name {
  margin: 0;
  font-size: 67px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: 1.6px;
  white-space: nowrap;
}


.fv__scroll {
    position: absolute;
    z-index: 2;
    bottom: 0%;
    left: 50%;
    width: 6.2%!important;
    transform: translateX(-50%);
}



/* =========================
   648px未満では同比率で縮小
========================= */





/* =========================
   累計発送数
========================= */

#shipment-count {
  position: relative;
  width: 100%;
  overflow: hidden;
  color: #683e1f;
  font-family: "Noto Serif JP", serif;
}

#shipment-count .bg {
  display: block;
  width: 100%;
  height: auto;
}

#shipment-count .title {
  position: absolute;
  z-index: 2;
  top: 18.8%;
  left: 0;
  width: 100%;
  margin: 0;
  font-size: 41px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 2px;
  text-align: center;
  white-space: nowrap;
}

#shipment-count .total {
    position: absolute;
    z-index: 2;
    top: 29.5%;
    left: 0%;
    display: flex;
    align-items: flex-end;
    justify-content: right;
    width: 94%;
    white-space: nowrap;
}

#shipment-count .number {
  color: #ff6c53;
  font-family: "Noto Serif JP", serif;
  font-size: 109px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -4px;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

#shipment-count .unit {
  margin-left: 1.5%;
  padding-bottom: 0.8%;
  font-family: "Noto Serif JP", serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1;
}

#shipment-count .result {
    position: absolute;
    z-index: 2;
    top: 50.5%;
    left: 0;
    width: 100%;
    margin: 0;
    font-size: 75px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -1px;
    text-align: center;
    white-space: nowrap;
}

#shipment-count .note {
    position: absolute;
    z-index: 2;
    top: 80.1%;
    left: 10%;
    width: 80%;
    margin: 0;
    color: #606060;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16.1px;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0;
    white-space: nowrap;
}

/* =========================
   648px未満
========================= */



#shipment-count .result-mark {
  display: inline-block;
  margin-left: 0.02em;
  transform: rotate(12deg);
  transform-origin: center bottom;
}


/* =========================
   肌のお悩み
========================= */

#skin-concerns {
  position: relative;
  width: 100%;
  aspect-ratio: 1296 / 1477;
  overflow: hidden;
  background: #ecebe9;
  color: #333;
  font-family: "Noto Serif JP", serif;
}

#skin-concerns .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* =========================
   導入文
========================= */

#skin-concerns .intro {
  position: absolute;
  z-index: 2;
  top: 9.5%;
  left: 0;
  width: 100%;
  margin: 0;
  color: #3c5e7b;
  font-size: 31px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -1px;
  text-align: center;
  white-space: nowrap;
}

#skin-concerns .intro-line {
  position: absolute;
  z-index: 2;
  top: 17%;
  left: 40.5%;
  display: block;
  width: 19%;
  height: 2px;
  background: #d99528;
}

/* =========================
   見出し
========================= */

#skin-concerns .heading {
  margin: 0;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

#skin-concerns .heading-top {
    position: absolute;
    z-index: 2;
    top: 23%;
    left: 2%;
    display: block;
    width: 100%;
    color: #333;
    font-size: 43px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 3px;
    text-align: center;
    white-space: nowrap;
}

/* 「肌のサイン。」全体の配置範囲 */
#skin-concerns .heading-main {
  position: absolute;
  z-index: 2;
  top: 30.5%;
  left: 0;
  display: block;
  width: 100%;
  height: 14%;
  margin: 0;
  color: #3c5e7b;
  font-size: 75px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

/* 各文字を個別配置 */
#skin-concerns .heading-main span {
  position: absolute;
  display: block;
  white-space: nowrap;
}

/* 肌 */
#skin-concerns .heading-main .skin {
	top: 9%;
    left: 16%;
    font-size: 1.2em;
    line-height: 0.85;
}

/* の */
#skin-concerns .heading-main .particle {
    top: 21%;
    left: 29.8%;
    font-size: 0.96em;
    line-height: 1;
}

/* サイン */
#skin-concerns .heading-main .sign {
    top: 6%;
    left: 40%;
    font-size: 1.2em;
    line-height: 0.94;
    letter-spacing: -12px;
}

/* 。 */
#skin-concerns .heading-main .period {
    top: 6%;
    left: 77%;
    font-size: 1.2em;
    line-height: 0.94;
}

/* =========================
   お悩み一覧
========================= */

#skin-concerns .list {
  position: absolute;
  z-index: 2;
  top: 50.4%;
  left: 6%;
  width: 88%;
  margin: 0;
}

#skin-concerns .item {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 3%;
    padding: 3.5% 4.3%;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
}

#skin-concerns .item:last-child {
  margin-bottom: 0;
}

#skin-concerns .item p {
	width: 84%;
    margin: 0;
    color: #3c5e7b;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: -0.4px;
    white-space: nowrap;
}

/* =========================
   チェックマーク
========================= */

#skin-concerns .check {
  position: relative;
  flex-shrink: 0;
  width: 7.8%;
  aspect-ratio: 1 / 1;
  margin-right: 4%;
  border: 2.5px solid #333;
  border-radius: 50%;
}

#skin-concerns .check::after {
    content: "";
    position: absolute;
    top: 16%;
    left: 34%;
    width: 35%;
    height: 59%;
    border-right: 4px solid #ae0013;
    border-bottom: 4px solid #ae0013;
    transform: rotate(45deg);
}

/* =========================
   赤い波線
========================= */

#skin-concerns .red-line {
  color: #ae0013;
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: #ae0013;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}

/* =========================
   位置確認画像
========================= */

.fv__guide {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  opacity: 0.5;
  pointer-events: none;
}

/* =========================
   648px未満
========================= */




/* =========================
   肌のハリ低下の原因
========================= */

.skin-cause {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #ecebe9;
  font-family: "Noto Serif JP", serif;
}

.skin-cause-bg {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
}

.skin-cause-image {
    position: absolute;
    z-index: 2;
    bottom: 0%;
    display: block;
    width: 100%;
    height: auto;
}

.skin-cause-position {
  position: absolute;
  z-index: 3;
  inset: 0;
  width: 100%;
  height: 100%;
}

.skin-cause-lead {
  position: absolute;
  z-index: 3;
  top: 12.5%;
  left: 3%;
  width: 100%;
  margin: 0;
  color: #333;
  font-size: 29px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}

.skin-cause-main {
  position: absolute;
  z-index: 3;
  top: 17.5%;
  left: 2%;
  width: 100%;
  margin: 0;
  font-size: 39px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: center;
  white-space: nowrap;
}

.skin-cause-blue {
  color: #3c5e7b;
}

.skin-cause-red {
  color: #ff6c53;
}





/* =========================
   POINTエリア
========================= */

.point-area {
  position: relative;
  width: 100%;
  overflow: hidden;
  color: #333;
  font-family: "Noto Serif JP", serif;
}

.point-bg {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================
   POINT 01
========================= */

.point-title {
    position: absolute;
    z-index: 2;
    top: 10.4%;
    left: 52%;
    width: auto;
    margin: 0;
    color: #ff6c53;
    line-height: 1;
    white-space: nowrap;
    transform: translateX(-50%);
}

.point-word {
  display: inline-block;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 2px;
}

.point-number {
  display: inline-block;
  margin-left: 8px;
  font-size: 72px;
  font-weight: 400;
  letter-spacing: 0;
}

.point-line {
  position: absolute;
  z-index: 2;
  top: 18.1%;
  left: 42.5%;
  width: 15%;
  height: 2px;
  background: #ff6c53;
}

/* =========================
   説明文
========================= */

.point-description {
	position: absolute;
    z-index: 2;
    top: 21.5%;
    left: 0%;
    width: 100%;
    margin: 0;
    color: #333;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0.5px;
    text-align: center;
    white-space: nowrap;
}

.point-note-mark {
  display: inline-block;
  font-size: 0.55em;
  vertical-align: top;
}

/* =========================
   円形「ハリ」画像
========================= */

.point-hari-image {
  position: absolute;
  z-index: 3;
  top: 35%;
  left: 4%;
  width: 27%;
  height: auto;
}

/* =========================
   写真上テキスト
========================= */

.point-beauty {
    position: absolute;
    z-index: 3;
    top: 56.6%;
    left: 6.5%;
    width: 51%;
    margin: 0;
    padding: 0.5% 1.5%;
    background: rgba(255, 255, 255, 0.82);
    color: #ff6c53;
    font-size: 33px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: 0;
    text-align: left;
    white-space: nowrap;
}

.point-support {
    position: absolute;
    z-index: 3;
    top: 61%;
    left: 6.5%;
    width: 25%;
    margin: 0;
    padding: 0.5% 1.5%;
    background: rgba(255, 255, 255, 0.82);
    color: #333;
    font-size: 33px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -1px;
    text-align: left;
    white-space: nowrap;
}

/* =========================
   下部キャッチ
========================= */

.point-benefit {
    position: absolute;
    z-index: 3;
    top: 75.5%;
    left: 20%;
    width: 63%;
    margin: 0;
    padding: 1.1% 1%;
    background: #f5a000;
    color: #fff;
    font-size: 43.6px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0px;
    text-align: left;
    white-space: nowrap;
}

.point-particle {
    position: absolute;
    z-index: 3;
    top: 75.8%;
    left: 84%;
    width: 8%;
    margin: 0;
    color: #333;
    font-size: 39px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}

.point-result {
    position: absolute;
    z-index: 3;
    top: 82%;
    left: 39.8%;
    width: auto;
    margin: 0;
    color: #333;
    font-size: 45px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -2px;
    white-space: nowrap;
}

.point-footnote {
  position: absolute;
  z-index: 3;
  top: 89.2%;
  left: 10%;
  width: 40%;
  margin: 0;
  color: #606060;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
  white-space: nowrap;
}

/* =========================
   648px未満
========================= */





/* =========================
   POINT 02
========================= */

.point02-area {
  position: relative;
  width: 100%;
  overflow: hidden;
  color: #333;
  font-family: "Noto Serif JP", serif;
}

.point02-bg {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================
   POINT 02 タイトル
========================= */

.point02-word {
  position: absolute;
  z-index: 2;
  top: 5.9%;
  left: 34%;
  width: auto;
  margin: 0;
  color: #ff6c53;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 2px;
  white-space: nowrap;
}

.point02-number {
  position: absolute;
  z-index: 2;
  top: 4%;
  left: 56%;
  width: auto;
  margin: 0;
  color: #ff6c53;
  font-size: 72px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.point02-line {
  position: absolute;
  z-index: 2;
  top: 9.5%;
  left: 42.5%;
  display: block;
  width: 15%;
  height: 2px;
  background: #ff6c53;
}

/* =========================
   上部説明文
========================= */

.point02-description01 {
	position: absolute;
    z-index: 2;
    top: 12%;
    left: 9.5%;
    width: 100%;
    margin: 0;
    color: #333;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 2.5px;
    text-align: left;
    white-space: nowrap;
}

.point02-description02 {
    position: absolute;
    z-index: 2;
    top: 15.5%;
    left: 17%;
    width: 90%;
    margin: 0;
    color: #333;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 4.2px;
    text-align: left;
    white-space: nowrap;
}

.point02-description03 {
    position: absolute;
    z-index: 2;
    top: 18.6%;
    left: 10.5%;
    width: 90%;
    margin: 0;
    color: #333;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 3.75px;
    text-align: left;
    white-space: nowrap;
}

.point02-mark {
  display: inline-block;
  margin-left: 0.05em;
  font-size: 0.55em;
  vertical-align: top;
}

/* =========================
   浸透イメージ上のテキスト
========================= */

.point02-capsule,
.point02-drink,
.point02-penetration-power {
  font-family: "Noto Sans JP", sans-serif;
}

.point02-power {
  position: absolute;
  z-index: 3;
  top: 40.4%;
  left: 53%;
  width: 33%;
  margin: 0;
  padding: 0.26% 4%;
  background: rgba(255, 255, 255, 0.85);
  color: #333;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: left;
  white-space: nowrap;
}

.point02-penetration {
  position: absolute;
  z-index: 3;
  top: 43.5%;
  left: 53%;
  width: 33%;
  margin: 0;
  padding: 0.26% 4%;
  background: rgba(255, 255, 255, 0.85);
  color: #ff6c53;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: left;
  white-space: nowrap;
}

.point02-mark02 {
  display: inline-block;
  font-size: 0.55em;
  vertical-align: top;
}

.point02-particle {
  position: absolute;
  z-index: 3;
  top: 46.55%;
  left: 53%;
  width: 33%;
  margin: 0;
  padding: 0.26% 4%;
  background: rgba(255, 255, 255, 0.85);
  color: #333;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: left;
  white-space: nowrap;
}

.point02-note {
  position: absolute;
  z-index: 3;
  top: 49.4%;
  left: 10%;
  width: 55%;
  margin: 0;
  color: #606060;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17.1px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: left;
  white-space: nowrap;
}

/* =========================
   さらに
========================= */

.point02-more {
    position: absolute;
    z-index: 3;
    top: 57.7%;
    left: 39%;
    width: 22%;
    margin: 0;
    color: #ff6c53;
    font-size: 47px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 2px;
    text-align: center;
    white-space: nowrap;
}

/* =========================
   下部の青枠内テキスト
========================= */

.point02-capsule {
    position: absolute;
    z-index: 3;
    top: 62.75%;
    left: 24%;
    width: 64%;
    margin: 0;
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 2.1px;
    text-align: left;
    white-space: nowrap;
}

.point02-drink {
    position: absolute;
    z-index: 3;
    top: 66.25%;
    left: 22.3%;
    width: 55%;
    margin: 0;
    padding: 0.8% 1%;
    background: #00a3e5;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
}

.point02-penetration-power {
    position: absolute;
    z-index: 3;
    top: 69.8%;
    left: 28.3%;
    width: 24%;
    margin: 0;
    padding: 0.8% 1%;
    background: #00a3e5;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
}

.point02-mark03 {
  display: inline-block;
  font-size: 0.55em;
  vertical-align: top;
}

.point02-realize {
    position: absolute;
    z-index: 3;
    top: 70.25%;
    left: 55.55%;
    width: 23%;
    margin: 0;
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 4px;
    text-align: left;
    white-space: nowrap;
}

.point02-bottom-note {
    position: absolute;
    z-index: 3;
    top: 90.8%;
    left: 16.9%;
    width: 30%;
    margin: 0;
    color: #606060;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14.15px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: left;
    white-space: nowrap;
}

/* =========================
   648px未満
========================= */





/* =========================
   POINT 03
========================= */

.point03-area {
  position: relative;
  width: 100%;
  overflow: hidden;
  color: #333;
  font-family: "Noto Serif JP", serif;
}

.point03-bg {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================
   POINT 03 タイトル
========================= */

.point03-word {
  position: absolute;
  z-index: 2;
  top: 5%;
  left: 34.5%;
  width: auto;
  margin: 0;
  color: #ff6c53;
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 2px;
  white-space: nowrap;
}

.point03-number {
    position: absolute;
    z-index: 2;
    top: 2%;
    left: 57%;
    width: auto;
    margin: 0;
    color: #ff6c53;
    font-size: 72px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    white-space: nowrap;
}

.point03-line {
	position: absolute;
    z-index: 2;
    top: 11%;
    left: 42.5%;
    display: block;
    width: 15%;
    height: 2px;
    background: #ff6c53;
}

/* =========================
   上部説明文
========================= */

.point03-description01 {
    position: absolute;
    z-index: 2;
    top: 15.7%;
    left: 27%;
    width: 56%;
    margin: 0;
    color: #333;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 2px;
    text-align: left;
    white-space: nowrap;
}

.point03-description02 {
    position: absolute;
    z-index: 2;
    top: 20.89%;
    left: 29.5%;
    width: 52%;
    margin: 0;
    color: #333;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0px;
    text-align: left;
    white-space: nowrap;
}

.point03-description03 {
    position: absolute;
    z-index: 2;
    top: 26.1%;
    left: 19.6%;
    width: 68%;
    margin: 0;
    color: #333;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.5px;
    text-align: left;
    white-space: nowrap;
}

/* =========================
   画像上のテキスト
========================= */

.point03-focus {
	position: absolute;
    z-index: 3;
    top: 59.8%;
    left: 7.3%;
    width: 32%;
    margin: 0;
    padding: 0.3% 1%;
    background: rgba(255, 255, 255, 0.82);
    color: #333;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: left;
    white-space: nowrap;
}

.point03-moisture {
    position: absolute;
    z-index: 3;
    top: 65%;
    left: 7.3%;
    width: 59%;
    margin: 0;
    padding: 0.3% 1%;
    background: rgba(255, 255, 255, 0.82);
    color: #ff6c53;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: left;
    white-space: nowrap;
}

.point03-nmn {
    position: absolute;
    z-index: 3;
    top: 70.1%;
    left: 7.3%;
    width: 77%;
    margin: 0;
    padding: 0.3% 1%;
    background: rgba(255, 255, 255, 0.82);
    color: #ff6c53;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 1.6px;
    text-align: left;
}

.point03-mark01,
.point03-mark02 {
  display: inline-block;
  font-size: 0.55em;
  vertical-align: top;
}

.point03-note {
    position: absolute;
    z-index: 3;
    top: 76.7%;
    left: 59.6%;
    width: 38%;
    margin: 0;
    color: #606060;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17.3px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: left;
    white-space: nowrap;
}

/* =========================
   下部キャッチ
========================= */

.point03-blend {
    position: absolute;
    z-index: 3;
    top: 80.5%;
    left: 27.5%;
    width: 47%;
    margin: 0;
    color: #333;
    font-size: 44px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -3px;
    text-align: left;
    white-space: nowrap;
}

.point03-finish {
    position: absolute;
    z-index: 3;
    top: 86.95%;
    left: 15%;
    width: 70%;
    margin: 0;
    padding: 1.1% 1%;
    background: #9593e1;
    color: #fff;
    font-size: 43.6px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0px;
    text-align: left;
    white-space: nowrap;
}

/* =========================
   648px未満
========================= */





/* =========================
   朝までうるおうハリ肌
========================= */

.morning-skin {
  position: relative;
  width: 100%;
  overflow: hidden;
  font-family: "Noto Serif JP", serif;
}

.morning-skin-bg {
  display: block;
  width: 100%;
  height: auto;
}

/* 肌の奥まで浸透し、 */
.morning-skin-lead {
    position: absolute;
    z-index: 2;
    top: 8.3%;
    left: 24.5%;
    width: 100%;
    margin: 0;
    color: #333;
    font-size: 39px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    text-align: left;
    white-space: nowrap;
}

/* 朝までうるおう */
.morning-skin-main {
    position: absolute;
    z-index: 2;
    top: 14.2%;
    left: 15.4%;
    width: 100%;
    margin: 0;
    color: #9c0515;
    font-size: 68px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -3.1px;
    text-align: left;
    white-space: nowrap;
}

/* ハリ肌へ。 */
.morning-skin-result {
	position: absolute;
    z-index: 2;
    top: 22.7%;
    left: 26%;
    width: 100%;
    margin: 0;
    color: #9c0515;
    font-size: 68px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.5px;
    text-align: left;
    white-space: nowrap;
}

/* =========================
   648px未満
========================= */


@container biyoeki (max-width: 648px) {
  /* =========================
     FV
  ========================= */

  .fv__brand {
    font-size: 3.3951cqw;
    letter-spacing: 0.3241cqw;
  }

  .fv__brand-line::after {
    bottom: -2.3148cqw;
    height: 0.3086cqw;
  }

  .fv__lead {
    font-size: 4.9074cqw;
    letter-spacing: 0.1543cqw;
  }

  .fv__divider {
    height: 0.1852cqw;
    margin: 1.8519cqw auto 1.3889cqw;
  }

  .fv__product-name {
    font-size: 10.3395cqw;
    letter-spacing: 0.2469cqw;
  }

  /* .fv__scrollは画像のwidth: 6.2%で同比率縮小 */


  /* =========================
     累計発送数
  ========================= */

  #shipment-count .title {
    font-size: 6.3272cqw;
    letter-spacing: 0.3086cqw;
  }

  #shipment-count .number {
    font-size: 16.821cqw;
    letter-spacing: -0.6173cqw;
  }

  #shipment-count .unit {
    font-size: 7.4074cqw;
  }

  #shipment-count .result {
    font-size: 11.5741cqw;
    letter-spacing: -0.1543cqw;
  }

  #shipment-count .note {
    font-size: 2.4846cqw;
  }


  /* =========================
     肌のお悩み
  ========================= */

  #skin-concerns .intro {
    font-size: 4.784cqw;
    letter-spacing: -0.1543cqw;
  }

  #skin-concerns .intro-line {
    height: 0.3086cqw;
  }

  #skin-concerns .heading-top {
    font-size: 6.6358cqw;
    letter-spacing: 0.463cqw;
  }

  #skin-concerns .heading-main {
    font-size: 11.5741cqw;
  }

  #skin-concerns .heading-main .sign {
    letter-spacing: -1.8519cqw;
  }

  #skin-concerns .item {
    border-radius: 1.0802cqw;
    box-shadow: 0 0.6173cqw 2.7778cqw rgba(0, 0, 0, 0.12);
  }

  #skin-concerns .item p {
    font-size: 4.321cqw;
    letter-spacing: -0.0617cqw;
  }

  #skin-concerns .check {
    border-width: 0.3858cqw;
  }

  #skin-concerns .check::after {
    border-right-width: 0.6173cqw;
    border-bottom-width: 0.6173cqw;
  }

  #skin-concerns .red-line {
    text-decoration-thickness: 0.3086cqw;
    text-underline-offset: 1.2346cqw;
  }


  /* =========================
     肌のハリ低下の原因
  ========================= */

  .skin-cause-lead {
    font-size: 4.4753cqw;
  }

  .skin-cause-main {
    font-size: 6.3272cqw;
    letter-spacing: -0.3858cqw;
  }


  /* =========================
     POINT 01
  ========================= */

  .point-word {
    font-size: 6.1728cqw;
    letter-spacing: 0.3086cqw;
  }

  .point-number {
    margin-left: 1.2346cqw;
    font-size: 11.1111cqw;
  }

  .point-line {
    height: 0.1543cqw;
  }

  .point-description {
    font-size: 4.9383cqw;
    letter-spacing: 0.0772cqw;
  }

  .point-beauty,
  .point-support {
    font-size: 5.0926cqw;
  }

  .point-support {
    letter-spacing: -0.1543cqw;
  }

  .point-benefit {
    font-size: 6.7284cqw;
  }

  .point-particle {
    font-size: 6.0185cqw;
  }

  .point-result {
    font-size: 6.9444cqw;
    letter-spacing: -0.3086cqw;
  }

  .point-footnote {
    font-size: 2.6235cqw;
  }


  /* =========================
     POINT 02
  ========================= */

  .point02-word {
    font-size: 6.1728cqw;
    letter-spacing: 0.3086cqw;
  }

  .point02-number {
    font-size: 11.1111cqw;
  }

  .point02-line {
    height: 0.1543cqw;
  }

  .point02-description01 {
    font-size: 4.9383cqw;
    letter-spacing: 0.3858cqw;
  }

  .point02-description02 {
    font-size: 4.6296cqw;
    letter-spacing: 0.6481cqw;
  }

  .point02-description03 {
    font-size: 4.6296cqw;
    letter-spacing: 0.5787cqw;
  }

  .point02-power,
  .point02-penetration,
  .point02-particle {
    font-size: 5.2469cqw;
    letter-spacing: 0.1543cqw;
  }

  .point02-note {
    font-size: 2.6389cqw;
  }

  .point02-more {
    font-size: 7.2531cqw;
    letter-spacing: 0.3086cqw;
  }

  .point02-capsule {
    font-size: 4.9383cqw;
    letter-spacing: 0.3241cqw;
  }

  .point02-drink {
    font-size: 5.5556cqw;
  }

  .point02-penetration-power {
    font-size: 5.5556cqw;
  }

  .point02-realize {
    font-size: 4.9383cqw;
    letter-spacing: 0.6173cqw;
  }

  .point02-bottom-note {
    font-size: 2.1836cqw;
  }


  /* =========================
     POINT 03
  ========================= */

  .point03-word {
    font-size: 5.8642cqw;
    letter-spacing: 0.3086cqw;
  }

  .point03-number {
    font-size: 11.1111cqw;
  }

  .point03-line {
    height: 0.3086cqw;
  }

  .point03-description01,
  .point03-description02,
  .point03-description03 {
    font-size: 4.9383cqw;
  }

  .point03-description01 {
    letter-spacing: 0.3086cqw;
  }

  .point03-description02 {
    letter-spacing: 0;
  }

  .point03-description03 {
    letter-spacing: 0.0772cqw;
  }

  .point03-focus,
  .point03-moisture,
  .point03-nmn {
    font-size: 5.2469cqw;
  }

  .point03-nmn {
    letter-spacing: 0.2469cqw;
  }

  .point03-note {
    font-size: 2.6698cqw;
  }

  .point03-blend {
    font-size: 6.7901cqw;
    letter-spacing: -0.463cqw;
  }

  .point03-finish {
    font-size: 6.7284cqw;
    letter-spacing: 0;
  }


  /* =========================
     朝までうるおうハリ肌
  ========================= */

  .morning-skin-lead {
    font-size: 6.0185cqw;
    letter-spacing: 0;
  }

  .morning-skin-main {
    font-size: 10.4938cqw;
    letter-spacing: -0.4784cqw;
  }

  .morning-skin-result {
    font-size: 10.4938cqw;
    letter-spacing: 0.0772cqw;
  }
}


/* 「肌の奥」の注釈マーク */
.morning-skin-mark {
  display: inline-block;
  margin-left: 0.08em;
  font-size: 0.45em;
  vertical-align: top;
  transform: translateY(-0.1em);
}

/* 右下の注釈 */
.morning-skin .point03-note {
  top: auto;
  left: 4%;
  bottom: 3%;
  width: auto;
}

/* =========================
   口コミスライダー
========================= */

.ugc-slider-section {
  position: relative;
  width: 100%;
  padding-top: 15%;
  padding-bottom: 15%;
  overflow: hidden;
}



/* =========================
   まずは一度、試してみませんか？
========================= */

.trial-area {
  position: relative;
  width: 100%;
  overflow: hidden;
  font-family: "Noto Serif JP", serif;
}

.trial-bg {
  display: block;
  width: 100%;
  height: auto;
}

/* まずは一度、 */
.trial-lead {
    position: absolute;
    z-index: 2;
    top: 7.85%;
    left: 27.2%;
    width: 100%;
    margin: 0;
    color: #683e1f;
    font-size: 49px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 5px;
    text-align: left;
    white-space: nowrap;
}

/* 試してみませんか？ */
.trial-main {
    position: absolute;
    z-index: 2;
    top: 13.7%;
    left: 15.1%;
    width: 100%;
    margin: 0;
    color: #e30000;
    font-size: 49.4px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.8px;
    text-align: left;
    white-space: nowrap;
}

/* 動画 */
.trial-movie {
  position: absolute;
  z-index: 2;
  top: 25.5%;
  left: 11%;
  display: block;
  width: 78%;
  border-radius: 3%;
}

/* 朝、鏡を見るのが */
.trial-bottom01 {
    position: absolute;
    z-index: 2;
    top: 89.1%;
    left: 28%;
    width: 100%;
    margin: 0;
    color: #683e1f;
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.6px;
    text-align: left;
    white-space: nowrap;
}

/* 楽しみになる、そんな肌へ。 */
.trial-bottom02 {
    position: absolute;
    z-index: 2;
    top: 93.3%;
    left: 15.9%;
    width: 100%;
    margin: 0;
    color: #683e1f;
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.6px;
    text-align: left;
    white-space: nowrap;
}

.trial-emphasis > span {
  position: relative;
  display: inline-block;
}

.trial-emphasis > span::before {
  content: "";
  position: absolute;
  top: -18%;          /* 上下位置 */
  left: 50%;          /* 左右位置 */
  width: 9px;         /* 点の大きさ */
  height: 9px;        /* 点の大きさ */
  background: #e30000;
  border-radius: 50%;
  transform: translateX(-50%);
}

@container biyoeki (max-width: 648px) {
  .trial-emphasis > span::before {
    width: 1.08cqw;
    height: 1.08cqw;
  }
}

@container biyoeki (max-width: 648px) {
  .trial-lead {
    left: 0;
    font-size: 6.33cqw;
    letter-spacing: 0.15cqw;
    text-align: center;
  }

  .trial-main {
    left: 0;
    font-size: 8.64cqw;
    letter-spacing: 0.15cqw;
    text-align: center;
  }

  .trial-bottom01,
  .trial-bottom02 {
    left: 0;
    font-size: 6.02cqw;
    text-align: center;
  }

  .trial-bottom01 {
    letter-spacing: 0.31cqw;
  }

  .trial-bottom02 {
    letter-spacing: 0.15cqw;
  }
}


/* =========================
   CTA
========================= */

.cta-area {
  position: relative;
  width: 100%;
  overflow: hidden;
  font-family: "Noto Serif JP", serif;
}

.cta-bg {
  display: block;
  width: 100%;
  height: auto;
}

.cta-visual {
  position: absolute;
  z-index: 2;
  top: 3.5%;
  left: 3.7%;
  display: block;
  width: 92.6%;
  height: auto;
}


/* I’m PINCH美容液 */
.cta-product-name {
  position: absolute;
  z-index: 3;
  top: 8.5%;
  left: 38%;
  width: 51%;
  margin: 0;
  color: #683e1f;
  font-size: 38px;
  font-weight: 600;
  line-height: 1;
  text-align: left;
  letter-spacing: 0.8px;
  white-space: nowrap;
}


/* トライアル（10mL） */
.cta-product-size {
  position: absolute;
  z-index: 3;
  top: 13.6%;
  left: 42.7%;
  width: 42%;
  margin: 0;
  color: #683e1f;
  font-size: 29px;
  font-weight: 600;
  line-height: 1;
  text-align: left;
  letter-spacing: -1.4px;
  white-space: nowrap;
}


/* 送料無料・全額返金保証付き 共通 */
.cta-shipping,
.cta-refund {
  position: absolute;
  z-index: 3;
  margin: 0;
  padding: 0.7% 1.5%;
  border: 1.5px solid #683e1f;
  color: #683e1f;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
}


/* 送料無料 */
.cta-shipping {
  top: 18.7%;
  left: 36.1%;
  width: 17.4%;
}


/* 全額返金保証付き */
.cta-refund {
  top: 18.7%;
  left: 55.5%;
  width: 33.3%;
}


/* 初回購入者限定 */
.cta-limited {
  position: absolute;
  z-index: 3;
  top: 26%;
  left: 32.1%;
  width: 49%;
  margin: 0;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}


/* まずはお試しから始めたい方へ */
.cta-first-lead {
  position: absolute;
  z-index: 3;
  top: 32.5%;
  left: 15.8%;
  width: 69%;
  margin: 0;
  color: #683e1f;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  text-align: left;
  letter-spacing: 2.4px;
  white-space: nowrap;
}

.cta-first-lead span {
  color: #e60000;
  font-weight: 700;
}


/* 通常価格全体 */
.cta-old-price {
  position: absolute;
  z-index: 3;
  top: 40.5%;
  left: 15.5%;
  width: 20%;
  margin: 0;
  color: #333;
  white-space: nowrap;
}


/* 通常価格 */
.cta-old-label {
  position: relative;
  top: 0.95em;
  left: 0;
  display: inline-block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}


/* 2,138 */
.cta-old-number {
  position: relative;
  top: 0.6em;
  left: 0;
  display: inline-block;
  font-family: "Noto Serif JP", serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 1;
}


/* 赤い斜め線 */
.cta-old-number::after {
  content: "";
  position: absolute;
  top: 48%;
  left: -5%;
  width: 110%;
  height: 0.086em;
  background: #e60000;
  transform: rotate(-8deg);
  transform-origin: center;
}


/* 円 */
.cta-old-yen {
  position: relative;
  top: 1.188em;
  left: -0.063em;
  display: inline-block;
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}


/* 980円（税込）全体 */
.cta-price {
  position: absolute;
  z-index: 3;
  top: 36.5%;
  left: 38%;
  width: 48%;
  height: 10%;
  margin: 0;
  color: #e60000;
  white-space: nowrap;
}


/* 980 */
.cta-price-number {
  position: absolute;
  top: 0;
  left: 2%;
  display: block;
  font-family: "Noto Serif JP", serif;
  font-size: 126px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -5px;
}


/* 円 */
.cta-price-yen {
  position: absolute;
  top: 70.8%;
  left: 69.5%;
  display: block;
  font-family: "Noto Serif JP", serif;
  font-size: 46px;
  font-weight: 500;
  line-height: 1;
}


/* （税込） */
.cta-price-tax {
  position: absolute;
  top: 102%;
  left: 81%;
  display: block;
  color: #e60000;
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}


/* 初回購入用ボタン */
.cta-first-button {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 14.5%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 71%;
  height: 8.3%;
  aspect-ratio: 704 / 130;
  background: #e30000;
  color: #fff!important;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 2px;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}


/* 初回購入以外 */
.cta-standard-title {
  position: absolute;
  z-index: 3;
  top: 66.1%;
  left: 11.5%;
  width: 78%;
  margin: 0;
  color: #fff;
  font-size: 23px;
  font-weight: 500;
  line-height: 1;
  text-align: left;
  letter-spacing: -0.35px;
  white-space: nowrap;
}


/* 通常価格 2,138円（税込）全体 */
.cta-standard-price {
  position: absolute;
  z-index: 3;
  top: 70%;
  left: 14.5%;
  width: 34%;
  height: 8%;
  margin: 0;
  color: #683e1f;
  white-space: nowrap;
}


/* 通常価格 */
.cta-standard-label {
  position: absolute;
  top: 22%;
  left: 0;
  display: block;
  font-family: "Noto Serif JP", serif;
  font-size: 20.5px;
  font-weight: 500;
  line-height: 1;
}


/* 2,138 */
.cta-standard-number {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  font-family: "Noto Serif JP", serif;
  font-size: 38px;
  font-weight: 500;
  letter-spacing: 1.6px;
  line-height: 1;
}


/* 円 */
.cta-standard-yen {
  position: absolute;
  top: 71%;
  left: 48%;
  display: block;
  font-family: "Noto Serif JP", serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1;
}


/* （税込） */
.cta-standard-tax {
  position: absolute;
  top: 72%;
  left: 53%;
  display: block;
  font-family: "Noto Serif JP", serif;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1;
}


/* 通常購入用ボタン */
.cta-standard-button {
  position: absolute;
  z-index: 4;
  top: 71.6%;
  left: 51.5%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36.5%;
  aspect-ratio: 360 / 105;
  background: #683e1f;
  color: #fff!important;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}


.cta-refund-note {
	position: absolute;
    z-index: 3;
    right: 10%;
    bottom: 8.5%;
    left: 10%;
    margin: 0;
    color: #606060;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17.3px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: left;
}

@container biyoeki (max-width: 648px) {
  .cta-refund-note {
    font-size: 2.6698cqw;
  }
}

@supports not (container-type: inline-size) {
  @media screen and (max-width: 632px) {
    .cta-refund-note {
      font-size: calc(2.6698vw * var(--legacy-font-scale));
    }
  }
}



/* =========================
   CTA：648px未満
========================= */

@container biyoeki (max-width: 648px) {

  .cta-product-name {
    font-size: 5.8642cqw;
    letter-spacing: 0.1235cqw;
  }

  .cta-product-size {
    font-size: 4.4753cqw;
    letter-spacing: -0.216cqw;
  }

  .cta-shipping,
  .cta-refund {
    border-width: 0.2315cqw;
    font-size: 3.3951cqw;
  }

  .cta-limited {
    font-size: 5.5556cqw;
  }

  .cta-first-lead {
    font-size: 4.6296cqw;
    letter-spacing: 0.3704cqw;
  }

  .cta-old-label {
    font-size: 3.0864cqw;
  }

  .cta-old-number {
    font-size: 5.4012cqw;
  }

  .cta-old-yen {
    font-size: 2.4691cqw;
  }

  .cta-price-number {
    font-size: 19.4444cqw;
    letter-spacing: -0.7716cqw;
  }

  .cta-price-yen {
    font-size: 7.0988cqw;
  }

  .cta-price-tax {
    font-size: 2.1605cqw;
  }

  .cta-first-button {
    font-size: 4.9383cqw;
    letter-spacing: 0.3086cqw;
  }

  .cta-standard-title {
    font-size: 3.5494cqw;
    letter-spacing: -0.054cqw;
  }

  .cta-standard-label {
    font-size: 3.1636cqw;
  }

  .cta-standard-number {
    font-size: 5.8642cqw;
    letter-spacing: 0.2469cqw;
  }

  .cta-standard-yen {
    font-size: 2.9321cqw;
  }

  .cta-standard-tax {
    font-size: 2.9321cqw;
    letter-spacing: 0.0772cqw;
  }

  .cta-standard-button {
    font-size: 4.321cqw;
    letter-spacing: 0.1543cqw;
  }
}





/* =========================
   jQueryフェードイン
========================= */

.fade-in,
.fade-in-up,
.fade-in-down,
.fade-in-left,
.fade-in-right {
  opacity: 0;
  transition-property: opacity, translate;
  transition-duration: 0.8s;
  transition-timing-function: ease;
}

/* 下から上 */
.fade-in-up {
  translate: 0 40px;
}

/* 上から下 */
.fade-in-down {
  translate: 0 -40px;
}

/* 左から右 */
.fade-in-left {
  translate: -40px 0;
}

/* 右から左 */
.fade-in-right {
  translate: 40px 0;
}

/* 表示後 */
.fade-in.is-show,
.fade-in-up.is-show,
.fade-in-down.is-show,
.fade-in-left.is-show,
.fade-in-right.is-show {
  opacity: 1;
  translate: 0 0;
}

/* 0.5秒ずつ遅延 */
.delay-1 {
  transition-delay: 0.5s;
}

.delay-2 {
  transition-delay: 1s;
}

.delay-3 {
  transition-delay: 1.5s;
}

.delay-4 {
  transition-delay: 2s;
}

.delay-5 {
  transition-delay: 2.5s;
}


/* =========================
   古いiOS Safari向けフォールバック
   @container / cqw 非対応環境
========================= */
@supports not (container-type: inline-size) {

  @media screen and (max-width: 632px) {

    /*
     * 文字サイズの縮小率
     * 0.9 = 元の90％
     */
    .warp {
      --legacy-font-scale: 0.86;
    }

    .fv__brand {
      font-size: calc(3.3951vw * var(--legacy-font-scale));
      letter-spacing: calc(0.3241vw * var(--legacy-font-scale));
    }

    .fv__brand-line::after {
      bottom: -2.3148vw;
      height: 0.3086vw;
    }

    .fv__lead {
      font-size: calc(4.9074vw * var(--legacy-font-scale));
      letter-spacing: calc(0.1543vw * var(--legacy-font-scale));
    }

    .fv__divider {
      height: 0.1852vw;
      margin: 1.8519vw auto 1.3889vw;
    }

    .fv__product-name {
      font-size: calc(10.3395vw * var(--legacy-font-scale));
      letter-spacing: calc(0.2469vw * var(--legacy-font-scale));
    }

    #shipment-count .title {
      font-size: calc(6.3272vw * var(--legacy-font-scale));
      letter-spacing: calc(0.3086vw * var(--legacy-font-scale));
    }

    #shipment-count .number {
      font-size: calc(16.821vw * var(--legacy-font-scale));
      letter-spacing: calc(-0.6173vw * var(--legacy-font-scale));
    }

    #shipment-count .unit {
      font-size: calc(7.4074vw * var(--legacy-font-scale));
    }

    #shipment-count .result {
      font-size: calc(11.5741vw * var(--legacy-font-scale));
      letter-spacing: calc(-0.1543vw * var(--legacy-font-scale));
    }

    #shipment-count .note {
      font-size: calc(2.4846vw * var(--legacy-font-scale));
    }

    #skin-concerns .intro {
      font-size: calc(4.784vw * var(--legacy-font-scale));
      letter-spacing: calc(-0.1543vw * var(--legacy-font-scale));
    }

    #skin-concerns .intro-line {
      height: 0.3086vw;
    }

    #skin-concerns .heading-top {
      font-size: calc(6.6358vw * var(--legacy-font-scale));
      letter-spacing: calc(0.463vw * var(--legacy-font-scale));
    }

    #skin-concerns .heading-main {
      font-size: calc(11.5741vw * var(--legacy-font-scale));
    }

    #skin-concerns .heading-main .sign {
      letter-spacing: calc(-1.8519vw * var(--legacy-font-scale));
    }

    #skin-concerns .item {
      border-radius: 1.0802vw;
      box-shadow: 0 0.6173vw 2.7778vw rgba(0, 0, 0, 0.12);
    }

    #skin-concerns .item p {
      font-size: calc(4.321vw * var(--legacy-font-scale));
      letter-spacing: calc(-0.0617vw * var(--legacy-font-scale));
    }

    #skin-concerns .check {
      border-width: 0.3858vw;
    }

    #skin-concerns .check::after {
      border-right-width: 0.6173vw;
      border-bottom-width: 0.6173vw;
    }

    #skin-concerns .red-line {
      text-decoration-thickness: 0.3086vw;
      text-underline-offset: 1.2346vw;
    }

    .skin-cause-lead {
      font-size: calc(4.4753vw * var(--legacy-font-scale));
    }

    .skin-cause-main {
      font-size: calc(6.3272vw * var(--legacy-font-scale));
      letter-spacing: calc(-0.3858vw * var(--legacy-font-scale));
    }

    .point-word {
      font-size: calc(6.1728vw * var(--legacy-font-scale));
      letter-spacing: calc(0.3086vw * var(--legacy-font-scale));
    }

    .point-number {
      margin-left: 1.2346vw;
      font-size: calc(11.1111vw * var(--legacy-font-scale));
    }

    .point-line {
      height: 0.1543vw;
    }

    .point-description {
      font-size: calc(4.9383vw * var(--legacy-font-scale));
      letter-spacing: calc(0.0772vw * var(--legacy-font-scale));
    }

    .point-beauty,
    .point-support {
      font-size: calc(5.0926vw * var(--legacy-font-scale));
    }

    .point-support {
      letter-spacing: calc(-0.1543vw * var(--legacy-font-scale));
    }

    .point-benefit {
      font-size: calc(6.7284vw * var(--legacy-font-scale));
    }

    .point-particle {
      font-size: calc(6.0185vw * var(--legacy-font-scale));
    }

    .point-result {
      font-size: calc(6.9444vw * var(--legacy-font-scale));
      letter-spacing: calc(-0.3086vw * var(--legacy-font-scale));
    }

    .point-footnote {
      font-size: calc(2.6235vw * var(--legacy-font-scale));
    }

    .point02-word {
      font-size: calc(6.1728vw * var(--legacy-font-scale));
      letter-spacing: calc(0.3086vw * var(--legacy-font-scale));
    }

    .point02-number {
      font-size: calc(11.1111vw * var(--legacy-font-scale));
    }

    .point02-line {
      height: 0.1543vw;
    }

    .point02-description01 {
      font-size: calc(4.9383vw * var(--legacy-font-scale));
      letter-spacing: calc(0.3858vw * var(--legacy-font-scale));
    }

    .point02-description02 {
      font-size: calc(4.6296vw * var(--legacy-font-scale));
      letter-spacing: calc(0.6481vw * var(--legacy-font-scale));
    }

    .point02-description03 {
      font-size: calc(4.6296vw * var(--legacy-font-scale));
      letter-spacing: calc(0.5787vw * var(--legacy-font-scale));
    }

    .point02-power,
    .point02-penetration,
    .point02-particle {
      font-size: calc(5.2469vw * var(--legacy-font-scale));
      letter-spacing: calc(0.1543vw * var(--legacy-font-scale));
    }

    .point02-note {
      font-size: calc(2.6389vw * var(--legacy-font-scale));
    }

    .point02-more {
      font-size: calc(7.2531vw * var(--legacy-font-scale));
      letter-spacing: calc(0.3086vw * var(--legacy-font-scale));
    }

    .point02-capsule {
      font-size: calc(4.9383vw * var(--legacy-font-scale));
      letter-spacing: calc(0.3241vw * var(--legacy-font-scale));
    }

    .point02-drink,
    .point02-penetration-power {
      font-size: calc(5.5556vw * var(--legacy-font-scale));
    }

    .point02-realize {
      font-size: calc(4.9383vw * var(--legacy-font-scale));
      letter-spacing: calc(0.6173vw * var(--legacy-font-scale));
    }

    .point02-bottom-note {
      font-size: calc(2.1836vw * var(--legacy-font-scale));
    }

    .point03-word {
      font-size: calc(5.8642vw * var(--legacy-font-scale));
      letter-spacing: calc(0.3086vw * var(--legacy-font-scale));
    }

    .point03-number {
      font-size: calc(11.1111vw * var(--legacy-font-scale));
    }

    .point03-line {
      height: 0.3086vw;
    }

    .point03-description01,
    .point03-description02,
    .point03-description03 {
      font-size: calc(4.9383vw * var(--legacy-font-scale));
    }

    .point03-description01 {
      letter-spacing: calc(0.3086vw * var(--legacy-font-scale));
    }

    .point03-description03 {
      letter-spacing: calc(0.0772vw * var(--legacy-font-scale));
    }

    .point03-focus,
    .point03-moisture,
    .point03-nmn {
      font-size: calc(5.2469vw * var(--legacy-font-scale));
    }

    .point03-nmn {
      letter-spacing: calc(0.2469vw * var(--legacy-font-scale));
    }

    .point03-note {
      font-size: calc(2.6698vw * var(--legacy-font-scale));
    }

    .point03-blend {
      font-size: calc(6.7901vw * var(--legacy-font-scale));
      letter-spacing: calc(-0.463vw * var(--legacy-font-scale));
    }

    .point03-finish {
      font-size: calc(6.7284vw * var(--legacy-font-scale));
    }

    .morning-skin-lead {
      font-size: calc(6.0185vw * var(--legacy-font-scale));
    }

    .morning-skin-main {
      font-size: calc(10.4938vw * var(--legacy-font-scale));
      letter-spacing: calc(-0.4784vw * var(--legacy-font-scale));
    }

    .morning-skin-result {
      font-size: calc(10.4938vw * var(--legacy-font-scale));
      letter-spacing: calc(0.0772vw * var(--legacy-font-scale));
    }

    .trial-emphasis > span::before {
      width: 1.08vw;
      height: 1.08vw;
    }

    .trial-lead {
      left: 0;
      font-size: calc(6.33vw * var(--legacy-font-scale));
      letter-spacing: calc(0.15vw * var(--legacy-font-scale));
      text-align: center;
    }

    .trial-main {
      left: 0;
      font-size: calc(8.64vw * var(--legacy-font-scale));
      letter-spacing: calc(0.15vw * var(--legacy-font-scale));
      text-align: center;
    }

    .trial-bottom01,
    .trial-bottom02 {
      left: 0;
      font-size: calc(6.02vw * var(--legacy-font-scale));
      text-align: center;
    }

    .trial-bottom01 {
      letter-spacing: calc(0.31vw * var(--legacy-font-scale));
    }

    .trial-bottom02 {
      letter-spacing: calc(0.15vw * var(--legacy-font-scale));
    }

    .cta-product-name {
      font-size: calc(5.8642vw * var(--legacy-font-scale));
      letter-spacing: calc(0.1235vw * var(--legacy-font-scale));
    }

    .cta-product-size {
      font-size: calc(4.4753vw * var(--legacy-font-scale));
      letter-spacing: calc(-0.216vw * var(--legacy-font-scale));
    }

    .cta-shipping,
    .cta-refund {
      border-width: 0.2315vw;
      font-size: calc(3.3951vw * var(--legacy-font-scale));
    }

    .cta-limited {
      font-size: calc(5.5556vw * var(--legacy-font-scale));
    }

    .cta-first-lead {
      font-size: calc(4.6296vw * var(--legacy-font-scale));
      letter-spacing: calc(0.3704vw * var(--legacy-font-scale));
    }

    .cta-old-label {
      font-size: calc(3.0864vw * var(--legacy-font-scale));
    }

    .cta-old-number {
      font-size: calc(5.4012vw * var(--legacy-font-scale));
    }

    .cta-old-yen {
      font-size: calc(2.4691vw * var(--legacy-font-scale));
    }

    .cta-price-number {
      font-size: calc(19.4444vw * var(--legacy-font-scale));
      letter-spacing: calc(-0.7716vw * var(--legacy-font-scale));
    }

    .cta-price-yen {
      font-size: calc(7.0988vw * var(--legacy-font-scale));
    }

    .cta-price-tax {
      font-size: calc(2.1605vw * var(--legacy-font-scale));
    }

    .cta-first-button {
      font-size: calc(4.9383vw * var(--legacy-font-scale));
      letter-spacing: calc(0.3086vw * var(--legacy-font-scale));
    }

    .cta-standard-title {
      font-size: calc(3.5494vw * var(--legacy-font-scale));
      letter-spacing: calc(-0.054vw * var(--legacy-font-scale));
    }

    .cta-standard-label {
      font-size: calc(3.1636vw * var(--legacy-font-scale));
    }

    .cta-standard-number {
      font-size: calc(5.8642vw * var(--legacy-font-scale));
      letter-spacing: calc(0.2469vw * var(--legacy-font-scale));
    }

    .cta-standard-yen,
    .cta-standard-tax {
      font-size: calc(2.9321vw * var(--legacy-font-scale));
    }

    .cta-standard-tax {
      letter-spacing: calc(0.0772vw * var(--legacy-font-scale));
    }

    .cta-standard-button {
      font-size: calc(4.321vw * var(--legacy-font-scale));
      letter-spacing: calc(0.1543vw * var(--legacy-font-scale));
    }
  }
}