:root {
  --lp-font-size-xx-small: 1.7rem; /* Extra Extra Small */
  --lp-font-size-x-small: 1.87rem; /* Extra Small */
  --lp-font-size-small: 2.04rem; /* Small */
  --lp-font-size-medium: 2.38rem; /* Medium */
  --lp-font-size-large: 2.72rem; /* Large */
  --lp-font-size-x-large: 2.89rem; /* Extra Large */
  --lp-font-size-xx-large: 4.42rem; /* Extra Extra Large */

  --lp-carning-small: 0.02em;
  --lp-carning-medium: 0.04em;
  --lp-carning-large: 0.08em;

  --lp-color-black: #282828;
  --lp-color-gray: #505050;
  --lp-color-pink: #e27bb5;
  --lp-color-light-pink: #ffd9f7;
  --lp-color-blue: #727bd8;
  --lp-color-blue-line: #5b68e7;

  --lp-pc-size: 1.7;
  --lp-pc-inner: 63.75rem;
}

img {
  display: block;
}

ul,
ol {
  list-style: none;
}

li::marker {
  content: none;
}

em {
  font-style: normal;
}

#header,
#footer .menu {
  display: none;
}

#content {
  padding: 0;
  color: var(--lp-color-black);
}

#fade_wrap_content {
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "palt";
  z-index: 0;
  position: relative;
  overflow: hidden;
  font-family: YakuHanJP, "游ゴシック", "Yu Gothic", YuGothic, "メイリオ",
    "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Osaka",
    "Verdana", "ＭＳ Ｐゴシック", sans-serif;
  font-feature-settings: "palt";
}

#fade_wrap_content::before,
#fade_wrap_content::after {
  display: block;
  z-index: -1;
  position: fixed;
  top: 0;
  width: calc((100% - 63.75rem) / 2);
  height: 100%;
  max-height: 100vh;
  content: "";
}

#fade_wrap_content::before {
  left: 0;
  background: url(../img/left.png) no-repeat;
  background-position: center;
  background-size: cover;
}

#fade_wrap_content::after {
  right: 0;
  background: url(../img/right.png) no-repeat;
  background-position: center;
  background-size: cover;
}

button {
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

#footer,
.followus,
.backtotop {
  background: #fff;
}

main {
  display: block;
  width: 63.75rem;
  max-width: 63.75rem;
  margin: 0 auto;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f6e8ec),
    color-stop(49%, #fff),
    color-stop(76%, #f2fafe),
    to(#e5edfd)
  );
  background-image: -webkit-linear-gradient(
    left,
    #f6e8ec 0%,
    #fff 49%,
    #f2fafe 76%,
    #e5edfd 100%
  );
  background-image: linear-gradient(
    90deg,
    #f6e8ec 0%,
    #fff 49%,
    #f2fafe 76%,
    #e5edfd 100%
  );
  -webkit-box-shadow: 0px 0px 16px -6px #000;
  box-shadow: 0px 0px 16px -6px #000;
}

.p-main {
  overflow: hidden;
  background-image: url(../img/p-main_bg.png);
  background-position: center;
  background-size: contain;
  background-repeat: repeat-y;
}

.l-bg_group01 {
  background: url(../img/l-trouble_bg.png) no-repeat;
  background-size: 100% auto;
  background-position: center 102.5%;
}

.l-bg_group02 {
  padding-top: 38.42rem;
  margin-top: -38.42rem;
  background: url(../img/bg02.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
}

.l-kv {
  position: relative;
  overflow: hidden;
}

.l-kv_img_dec01,
.l-kv_img_dec02,
.l-kv_img_dec03,
.l-kv_bubble01,
.l-kv_bubble02,
.l-kv_bubble03,
.l-kv_bubble04,
.l-kv_bubble05 {
  position: absolute;
}

.l-kv_img_dec01 {
  top: 7.14rem;
  left: 30.09rem;
  width: 10.88rem;
}

.l-kv_img_dec02 {
  top: 8.84rem;
  left: 41.14rem;
  width: 6.46rem;
}

.l-kv_img_dec03 {
  top: 9.01rem;
  left: 47.94rem;
  width: 7.14rem;
}

.l-kv_bubble01 {
  bottom: -3.57rem;
  left: -8.16rem;
  width: 15.13rem;
}

.l-kv_bubble02 {
  bottom: 4.25rem;
  left: 22.78rem;
  width: 6.97rem;
}

.l-kv_bubble03 {
  top: -1.87rem;
  left: 22.44rem;
  width: 9.01rem;
}

.l-kv_bubble04 {
  top: 24.99rem;
  right: 2.38rem;
  width: 5.44rem;
}

.l-kv_bubble05 {
  top: calc(28rem * var(--lp-pc-size));
  right: calc(-2rem * var(--lp-pc-size));
  width: 6.29rem;
}

.l-cp_bnr {
  position: relative;
  display: block;
  transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  z-index: 3;
}

/*  */
/* .l-lead */
/*  */
.l-lead {
  position: relative;
  z-index: 2;
  padding: calc(2.2rem * var(--lp-pc-size)) calc(1rem * var(--lp-pc-size)) 0;
}

.l-lead::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100rem * var(--lp-pc-size));
  background-image: url(../img/l-lead_bg.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -10;
}

.l-lead_img {
  position: relative;
  z-index: 10;
}

.l-lead_ttl_img {
  margin-top: calc(1.8rem * var(--lp-pc-size));
  width: calc(22.45rem * var(--lp-pc-size));
  margin-inline: auto;
  position: relative;
}

.l-lead_ttl_img img {
  margin-inline: auto;
}

.l-lead_products_img {
  margin-top: calc(2rem * var(--lp-pc-size));
}

.l-lead_list {
  font-size: var(--lp-font-size-x-small);
  line-height: 1.45454545;
  letter-spacing: 0.02em;
  margin-top: calc(-2rem * var(--lp-pc-size));
  color: var(--lp-color-gray);
}

.l-lead_content {
  margin: calc(3rem * var(--lp-pc-size)) 0 calc(3rem * var(--lp-pc-size));
  position: relative;
  z-index: 10;
}

.l-lead_content_block {
  display: flex;
  align-items: center;
  gap: calc(2.4rem * var(--lp-pc-size));
}

.l-lead_content_block:nth-child(even) {
  flex-direction: row-reverse;
  justify-content: space-around;
  margin-top: calc(2rem * var(--lp-pc-size));
}

.l-lead_content_block_img {
  width: calc(14.45rem * var(--lp-pc-size));
  height: calc(14.7rem * var(--lp-pc-size));
}

.l-lead_content_block_ttl_img {
  width: calc(8.85rem * var(--lp-pc-size));
}

.l-lead_content_block_ttl {
  font-size: calc(2.3rem * var(--lp-pc-size));
  margin-top: calc(0.75rem * var(--lp-pc-size));
  line-height: 1.2;
}

.l-lead_content_block_ttl.is-pink {
  color: var(--lp-color-pink);
}

.l-lead_content_block_ttl.is-blue {
  color: #727bd8;
}

.l-lead_content_block_txt {
  font-size: var(--lp-font-size-medium);
  margin-top: calc(1rem * var(--lp-pc-size));
}

.l-lead_bubble {
  position: absolute;
  top: 0;
}

.l-lead_bubble_img,
.l-lead_bubble_img02,
.l-lead_bubble_img03,
.l-lead_bubble_img04 {
  position: absolute;
}

.l-lead_bubble_img {
  width: calc(7.3rem * var(--lp-pc-size));
  top: calc(18rem * var(--lp-pc-size));
  left: calc(-4rem * var(--lp-pc-size));
}

.l-lead_bubble_img02 {
  width: calc(7.8rem * var(--lp-pc-size));
  top: calc(15rem * var(--lp-pc-size));
  right: calc(-5rem * var(--lp-pc-size));
}

.l-lead_bubble_img03 {
  width: calc(3.7rem * var(--lp-pc-size));
  bottom: calc(3rem * var(--lp-pc-size));
  right: calc(-0.5rem * var(--lp-pc-size));
}

.l-lead_bubble_img04 {
  width: calc(4.7rem * var(--lp-pc-size));
  bottom: calc(-1rem * var(--lp-pc-size));
  left: calc(-3rem * var(--lp-pc-size));
}

/*  */
/* .l-brn */
/*  */
.l-brn {
  position: relative;
  z-index: 10;
}

.l-brn_img:nth-child(2) {
  margin-top: calc(0.5rem * var(--lp-pc-size));
}

/*  */
/* .l-lead02 */
/*  */
.l-lead02 {
  padding: calc(5.45rem * var(--lp-pc-size)) calc(1.5rem * var(--lp-pc-size))
    calc(3.8rem * var(--lp-pc-size));
  position: relative;
  background: url(../img/l-lead02_bg02.png);
  background-size: cover;
  background-position: center;
  background-repeat: repeat-y;
  z-index: 2;
}

.l-lead02::before {
  content: "";
  display: block;
  width: var(--lp-pc-inner);
  height: calc(23.9rem * var(--lp-pc-size));
  background-image: url(../img/l-lead02_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  position: absolute;
  z-index: 1;
  top: calc(-3rem * var(--lp-pc-size));
  left: 50%;
  transform: translateX(-50%);
}

.l-lead02_ttl {
  width: calc(28.1rem * var(--lp-pc-size));
  margin-inline: auto;
  position: relative;
  z-index: 1;
}

.l-lead02_ttl_sub {
  width: calc(19.75rem * var(--lp-pc-size));
  margin-inline: auto;
  margin-top: calc(3rem * var(--lp-pc-size));
}

.l-lead02_txt {
  text-align: center;
  font-size: var(--lp-font-size-large);
  font-weight: 700;
  margin-top: calc(3rem * var(--lp-pc-size));
  line-height: 2;
  letter-spacing: 0.08em;
}

.l-lead02_txt + .l-lead02_txt {
  margin-top: calc(0.5rem * var(--lp-pc-size));
}

.l-lead02_txt_sub {
  font-size: var(--lp-font-size-x-small);
  margin-top: calc(1rem * var(--lp-pc-size));
  color: var(--lp-color-gray);
}

.l-lead02_bubble_img01,
.l-lead02_bubble_img02,
.l-lead02_bubble_img03,
.l-lead02_bubble_img04,
.l-lead02_bubble_img05,
.l-lead02_bubble_img06 {
  position: absolute;
}

.l-lead02_bubble_img01 {
  top: 21.25rem;
  left: -12.92rem;
  width: 20.06rem;
}

.l-lead02_bubble_img02 {
  top: 49.13rem;
  left: 2.89rem;
  width: 6.12rem;
}

.l-lead02_bubble_img03 {
  top: 86.36rem;
  left: -4.5rem;
  width: 11.05rem;
}

.l-lead02_bubble_img04 {
  top: 31.28rem;
  right: 5.1rem;
  width: 4.25rem;
}

.l-lead02_bubble_img05 {
  top: 70.54rem;
  right: -4.25rem;
  width: 8.67rem;
}

.l-lead02_bubble_img06 {
  top: 79.56rem;
  left: 1.36rem;
  width: 4.25rem;
}

/*  */
/* .l-morning */
/*  */

.l-morning {
  padding: calc(2.5rem * var(--lp-pc-size)) calc(1.5rem * var(--lp-pc-size));
  position: relative;
  z-index: 1;
}

.l-morning::before {
  content: "";
  display: block;
  width: calc(100% - calc(3rem * var(--lp-pc-size)));
  height: 100%;
  background-image: url(../img/l-morning_bg.png);
  background-size: cover;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.l-morning_txt {
  font-size: calc(2.2rem * var(--lp-pc-size));
  text-align: center;
  line-height: 1.3;
  font-weight: 700;
}

.l-morning_txt_en {
  font-size: calc(3.6rem * var(--lp-pc-size));
}

.l-morning_img_wrapper {
  padding: 0 calc(1.5rem * var(--lp-pc-size));
  margin-top: calc(2rem * var(--lp-pc-size));
}

.l-morning_img:not(:first-child) {
  margin-top: calc(0.7rem * var(--lp-pc-size));
}

.l-morning_img.is-02 {
  padding-right: calc(1.5rem * var(--lp-pc-size));
}

.l-morning_img.is-03 {
  padding-left: calc(2.4rem * var(--lp-pc-size));
}

.l-morning_img.is-04 {
  padding-right: calc(4.25rem * var(--lp-pc-size));
}

.l-morning_txt02 {
  margin-top: calc(3.5rem * var(--lp-pc-size));
  font-size: calc(1.8rem * var(--lp-pc-size));
  text-align: center;
  line-height: 1.6;
  font-weight: 700;
  position: relative;
}

.l-morning_txt02::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(9.25rem * var(--lp-pc-size));
  background-image: url(../img/l-morning_txt02_bg.png);
  background-size: cover;
  background-position: bottom;
  position: absolute;
  z-index: -1;
  top: calc(-1rem * var(--lp-pc-size));
}

.l-morning_txt03 {
  color: #fff;
  text-align: center;
  margin-top: calc(3rem * var(--lp-pc-size));
  font-size: calc(1.8rem * var(--lp-pc-size));
  font-weight: 700;
  line-height: 1.6;
}

.l-morning_txt03_under {
  display: block;
  width: max-content;
  margin-inline: auto;
  font-size: calc(2.2rem * var(--lp-pc-size));
  border-bottom: calc(0.25rem * var(--lp-pc-size)) solid #fff;
}

.l-morning_keep {
  padding: calc(3.8rem * var(--lp-pc-size)) calc(1rem * var(--lp-pc-size)) 0;
  position: relative;
  z-index: 1;
}

.l-morning_keep::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/l-morning_keep_bg.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.l-morning_keep_bubble02,
.l-morning_keep_bubble03,
.l-morning_keep_bubble04 {
  position: absolute;
  z-index: -1;
}

.l-morning_txt_bubble {
  position: absolute;
  width: calc(9rem * var(--lp-pc-size));
  bottom: calc(-1rem * var(--lp-pc-size));
  right: calc(-3rem * var(--lp-pc-size));
  z-index: -10;
}

.l-morning_keep_bubble02 {
  width: calc(6.45rem * var(--lp-pc-size));
  top: calc(8rem * var(--lp-pc-size));
  left: calc(-4rem * var(--lp-pc-size));
}

.l-morning_keep_bubble03 {
  width: calc(7.2rem * var(--lp-pc-size));
  top: calc(20rem * var(--lp-pc-size));
  right: calc(-3rem * var(--lp-pc-size));
}

.l-morning_keep_bubble04 {
  width: calc(3.95rem * var(--lp-pc-size));
  bottom: calc(15rem * var(--lp-pc-size));
  left: calc(-1rem * var(--lp-pc-size));
}

.l-morning_keep_txt {
  text-align: center;
  font-size: var(--lp-font-size-large);
  font-weight: 700;
  line-height: 2;
}

.l-morning_keep_txt span {
  display: block;
  font-size: calc(2.2rem * var(--lp-pc-size));
}

.l-morning_keep_txt02 {
  margin-top: calc(7rem * var(--lp-pc-size));
  text-align: center;
  line-height: 1.54545455;
  font-size: calc(2.2rem * var(--lp-pc-size));
  font-weight: 700;
  position: relative;
  letter-spacing: 0.08em;
}

.l-morning_keep_txt02::before {
  content: "";
  display: block;
  width: calc(30.1rem * var(--lp-pc-size));
  height: calc(29.9rem * var(--lp-pc-size));
  background-image: url(../img/l-morning_keep_txt02_bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.l-morning_keep_list {
  margin-top: calc(6.5rem * var(--lp-pc-size));
  padding-left: calc(0.5rem * var(--lp-pc-size));
  letter-spacing: 0.04em;
}

.l-morning_keep_list_item span {
  font-size: var(--lp-font-size-medium);
  display: block;
  background-color: #fff;
  width: max-content;
  font-weight: 700;
  padding: calc(0.5rem * var(--lp-pc-size));
  padding-left: calc(2.7rem * var(--lp-pc-size));
  position: relative;
  line-height: 1.42857143;
}

.l-morning_keep_list_item span + span {
  margin-top: calc(-0.5rem * var(--lp-pc-size));
}

.l-morning_keep_list_item:not(:first-child) {
  margin-top: calc(0.65rem * var(--lp-pc-size));
}

.l-morning_keep_list_item span::before {
  content: "";
  display: block;
  top: calc(1rem * var(--lp-pc-size));
  width: calc(1.55rem * var(--lp-pc-size));
  height: calc(1.45rem * var(--lp-pc-size));
  position: absolute;
  background-image: url(../img/l-morning_keep_list_item.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  left: calc(0.8rem * var(--lp-pc-size));
}

.l-morning_keep_list_item span + span::before {
  content: none;
}

/*  */
/* .l-morning */
/*  */
.l-new {
  text-align: center;
  padding: calc(5rem * var(--lp-pc-size)) calc(1rem * var(--lp-pc-size)) 0;
  position: relative;
}

.l-new::before {
  content: "";
  display: block;
  height: 100%;
  width: var(--lp-pc-inner);
  background-image: url(../img/l-new_bg.png);
  background-size: cover;
  background-position: top;
  z-index: -1;
  position: absolute;
  top: calc(-4.5rem * var(--lp-pc-size));
  left: 50%;
  transform: translateX(-50%);
}

.l-new_bubble,
.l-new_bubble02,
.l-new_bubble03,
.l-new_bubble04,
.l-new_bubble05 {
  position: absolute;
}

.l-new_bubble {
  width: calc(3.6rem * var(--lp-pc-size));
  top: calc(2rem * var(--lp-pc-size));
  left: calc(-1rem * var(--lp-pc-size));
}

.l-new_bubble02 {
  width: calc(6.15rem * var(--lp-pc-size));
  top: calc(20rem * var(--lp-pc-size));
  right: calc(-3rem * var(--lp-pc-size));
}

.l-new_bubble03 {
  width: calc(4.8rem * var(--lp-pc-size));
  bottom: calc(3rem * var(--lp-pc-size));
  left: calc(-2.5rem * var(--lp-pc-size));
}

.l-new_bubble04 {
  width: calc(1.7rem * var(--lp-pc-size));
  bottom: calc(2rem * var(--lp-pc-size));
  right: calc(5rem * var(--lp-pc-size));
}

.l-new_bubble05 {
  width: calc(1.1rem * var(--lp-pc-size));
  bottom: calc(2rem * var(--lp-pc-size));
  left: calc(3rem * var(--lp-pc-size));
}

.l-new_txt {
  font-size: calc(1.8rem * var(--lp-pc-size));
  font-weight: 700;
}

.l-new_txt .l-new_txt_img {
  display: block;
  width: calc(27.2rem * var(--lp-pc-size));
  margin-inline: auto;
  margin-top: calc(1.5rem * var(--lp-pc-size));
}

.l-new_txt_sub {
  font-size: calc(2rem * var(--lp-pc-size));
}

.l-new_txt_wrapper {
  width: calc(25.65rem * var(--lp-pc-size));
  margin-left: auto;
  margin-top: calc(5rem * var(--lp-pc-size));
}

.l-new_txt02 {
  text-align: center;
  font-size: var(--lp-font-size-medium);
  font-weight: 700;
}

.l-new_txt03 {
  background-image: url(../img/l-new_txt03_bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  font-size: calc(1.8rem * var(--lp-pc-size));
  font-weight: 700;
  text-align: left;
  color: var(--lp-color-pink);
  line-height: 1.3;
  padding: calc(1rem * var(--lp-pc-size)) calc(2rem * var(--lp-pc-size));
  margin-top: calc(1.2rem * var(--lp-pc-size));
}

.l-new_txt03::before {
  content: "";
  display: block;
  width: calc(12.2rem * var(--lp-pc-size));
  height: calc(12.05rem * var(--lp-pc-size));
  background-image: url(../img/l-new_txt03.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  transform: translate(-70%, -50%);
}

.l-new_txt03 sup {
  font-size: 65%;
  vertical-align: super;
}

.l-new_txt03_sub {
  font-size: calc(1.5rem * var(--lp-pc-size));
}

.l-new_txt03_img {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  width: calc(3.4rem * var(--lp-pc-size));
}

.l-new_txt04 {
  font-size: var(--lp-font-size-x-small);
  text-align: left;
  margin-top: calc(3.5rem * var(--lp-pc-size));
}

.l-three {
  margin-top: calc(3.5rem * var(--lp-pc-size));
  position: relative;
  background: url(../img/l-three_bg.png);
  background-position: center;
  background-size: cover;
}

.l-three_txt {
  padding: 0 calc(1.5rem * var(--lp-pc-size));
  margin-bottom: calc(2.5rem * var(--lp-pc-size));
  font-size: var(--lp-font-size-x-small);
  color: var(--lp-color-gray);
}

.l-three_bubble {
  position: absolute;
  top: 0;
  width: calc(6.45rem * var(--lp-pc-size));
  left: calc(-5rem * var(--lp-pc-size));
}

.l-three_ttl {
  width: calc(31.85rem * var(--lp-pc-size));
  margin-inline: auto;
  position: relative;
}

.l-three_ttl::before {
  content: "";
  display: block;
  width: calc(19.9rem * var(--lp-pc-size));
  height: calc(16.65rem * var(--lp-pc-size));
  background-image: url(../img/l-three_ttl_bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -1;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.l-three_list {
  margin-top: calc(2.5rem * var(--lp-pc-size));
  width: calc(100% - (3rem * var(--lp-pc-size)));
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.l-three_list_item {
  text-align: center;
  font-size: var(--lp-font-size-medium);
  font-weight: 700;
}

.l-three_list_item img {
  width: calc(8.5rem * var(--lp-pc-size));
  margin-inline: auto;
  margin-top: calc(0.85rem * var(--lp-pc-size));
}

.l-three_list_item_ttl {
  font-size: var(--lp-font-size-small);
  margin-top: calc(1.5rem * var(--lp-pc-size));
  white-space: nowrap;
}

.l-three_list_item_txt {
  font-size: var(--lp-font-size-small);
  font-weight: 400;
  margin-top: calc(0.8rem * var(--lp-pc-size));
  line-height: 1.33333333;
}

.l-three_list_item_txt_em {
  font-weight: 700;
  border-bottom: calc(0.2rem * var(--lp-pc-size)) solid var(--lp-color-pink);
}

.l-three_list_item_txt_em_number {
  font-size: var(--lp-font-size-medium);
}

.l-three_list_item_txt sup {
  font-size: 65%;
  vertical-align: super;
}

.l-three_txt_under {
  font-size: var(--lp-font-size-x-small);
  padding: 0 calc(1.5rem * var(--lp-pc-size));
  line-height: 1.45454545;
  margin-top: calc(1rem * var(--lp-pc-size));
  color: var(--lp-color-gray);
}

/*  */
/* l-charge */
/*  */
.l-charge_wrapper {
  position: relative;
}

.l-charge {
  padding: calc(3rem * var(--lp-pc-size)) calc(2rem * var(--lp-pc-size));
  background-color: #fff;
  border-radius: calc(1rem * var(--lp-pc-size));
  width: 84%;
  margin-inline: auto;
  margin-top: calc(2.7rem * var(--lp-pc-size));
}

.l-charge_bubble,
.l-charge_bubble02,
.l-charge_bubble03 {
  position: absolute;
}

.l-charge_bubble {
  width: calc(6.15rem * var(--lp-pc-size));
  top: calc(-2rem * var(--lp-pc-size));
  left: calc(-2rem * var(--lp-pc-size));
}

.l-charge_bubble02 {
  width: calc(2.5rem * var(--lp-pc-size));
  top: calc(3rem * var(--lp-pc-size));
  right: calc(1.5rem * var(--lp-pc-size));
  z-index: -10;
}

.l-charge_bubble03 {
  width: calc(6.7rem * var(--lp-pc-size));
  bottom: calc(2rem * var(--lp-pc-size));
  left: calc(-2rem * var(--lp-pc-size));
}

.l-charge_img_txt {
  width: calc(22.7rem * var(--lp-pc-size));
  margin-inline: auto;
}

.l-charge_img {
  margin-top: calc(1.5rem * var(--lp-pc-size));
  position: relative;
}

.l-charge_img_txt02 {
  width: calc(17rem * var(--lp-pc-size));
  position: absolute;
  bottom: calc(0.65rem * var(--lp-pc-size));
  left: calc(0.6rem * var(--lp-pc-size));
}

/*  */
/* l-dryness */
/*  */
.l-dryness {
  margin-top: calc(3rem * var(--lp-pc-size));
  position: relative;
}

.l-dryness::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(24rem * var(--lp-pc-size));
  background-image: url(../img/l-dryness_bg.png);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(-5rem * var(--lp-pc-size));
  left: 50%;
  transform: translateX(-50%);
}

.l-dryness_bubble,
.l-dryness_bubble02 {
  position: absolute;
}

.l-dryness_bubble {
  width: calc(9.55rem * var(--lp-pc-size));
  top: calc(-4rem * var(--lp-pc-size));
  right: calc(-5rem * var(--lp-pc-size));
}

.l-dryness_bubble02 {
  width: calc(3.35rem * var(--lp-pc-size));
  bottom: 0;
  left: calc(3rem * var(--lp-pc-size));
}

.l-dryness_img {
  width: calc(26.2rem * var(--lp-pc-size));
  margin-inline: auto;
  position: relative;
}

.l-dryness_img02 {
  position: absolute;
  top: calc(1rem * var(--lp-pc-size));
  left: calc(5rem * var(--lp-pc-size));
  width: calc(20.65rem * var(--lp-pc-size));
}

/*  */
/* l-high_water */
/*  */
.l-high_water {
  margin-top: calc(6.5rem * var(--lp-pc-size));
  padding: 0 calc(1.5rem * var(--lp-pc-size));
}

.l-high_water_wrapper {
  position: relative;
  z-index: 1;
}

.l-high_water_bubble,
.l-high_water_bubble02 {
  position: absolute;
}

.l-high_water_bubble {
  width: calc(7.2rem * var(--lp-pc-size));
  top: calc(2rem * var(--lp-pc-size));
  left: calc(-3rem * var(--lp-pc-size));
  z-index: -1;
}

.l-high_water_bubble02 {
  width: calc(2.5rem * var(--lp-pc-size));
  top: 0;
  right: calc(-1rem * var(--lp-pc-size));
}

.l-high_water_ttl {
  width: calc(32.95rem * var(--lp-pc-size));
  margin-inline: auto;
}

.l-high_water_content {
  display: flex;
  gap: calc(1rem * var(--lp-pc-size));
  margin-top: calc(2.3rem * var(--lp-pc-size));
}

.l-high_water_content_img {
  width: calc(9.5rem * var(--lp-pc-size));
}

.l-high_water_txt {
  font-size: calc(1.3rem * var(--lp-pc-size));
  line-height: 1.53846154;
  flex: 1;
}

.l-high_water_txt_em {
  font-weight: 700;
  font-size: var(--lp-font-size-medium);
}

.l-high_water_txt_em_sub {
  font-size: calc(1.8rem * var(--lp-pc-size));
  color: var(--lp-color-pink);
  letter-spacing: -0.06em;
  margin-top: -1rem;
  display: inline-block;
}

.l-high_water_bottom {
  background-color: #fff;
  border: calc(0.1rem * var(--lp-pc-size)) solid #b88e54;
  border-radius: calc(1rem * var(--lp-pc-size));
  margin-top: calc(2.5rem * var(--lp-pc-size));
  padding: calc(1.2rem * var(--lp-pc-size)) 0;
  text-align: center;
}

.l-high_water_bottom_txt {
  font-size: var(--lp-font-size-medium);
  line-height: 1.42857143;
  font-weight: 700;
}

.l-high_water_bottom_txt_em {
  color: var(--lp-color-pink);
  font-size: calc(1.9rem * var(--lp-pc-size));
  position: relative;
}

.l-high_water_bottom_txt_em::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(0.25rem * var(--lp-pc-size));
  background-color: #e27bb5;
  position: absolute;
  left: 50%;
  bottom: calc(-0.5rem * var(--lp-pc-size));
  transform: translateX(-50%);
}

.l-high_water_bottom_txt_em span {
  font-size: var(--lp-font-size-medium);
}

.l-high_water_bottom_txt_em sup {
  font-size: 65%;
  vertical-align: super;
}

.l-high_water_bottom_arrow {
  margin-top: calc(1.25rem * var(--lp-pc-size));
  width: calc(7.1rem * var(--lp-pc-size));
  margin-inline: auto;
}

.l-high_water_bottom_arrow img {
  margin-inline: auto;
}

/*  */
/* l-pure */
/*  */
.l-pure {
  margin-top: calc(1.25rem * var(--lp-pc-size));
  padding: 0 calc(1.5rem * var(--lp-pc-size));
}

/*  */
/* l-glycyrrhiza */
/*  */
.l-glycyrrhiza {
  margin-top: calc(2.75rem * var(--lp-pc-size));
  text-align: center;
}

.l-glycyrrhiza_ttl {
  font-size: calc(1.8rem * var(--lp-pc-size));
  font-weight: 700;
}

.l-glycyrrhiza_ttl img {
  margin-inline: auto;
  width: calc(22.9rem * var(--lp-pc-size));
  margin-top: calc(1rem * var(--lp-pc-size));
}

.l-glycyrrhiza_img {
  padding: 0 calc(1.5rem * var(--lp-pc-size));
  margin-top: calc(2rem * var(--lp-pc-size));
}

.l-pure_btm {
  margin-top: calc(3.75rem * var(--lp-pc-size));
  text-align: center;
  font-size: calc(1.8rem * var(--lp-pc-size));
  line-height: 1.69444444;
  font-weight: 700;
  position: relative;
}

.l-pure_btm_bubble {
  position: absolute;
  width: calc(5.1rem * var(--lp-pc-size));
  top: calc(10rem * var(--lp-pc-size));
  left: calc(-2rem * var(--lp-pc-size));
}

.l-pure_btm_img {
  width: calc(20.75rem * var(--lp-pc-size));
  margin-inline: auto;
  margin-top: calc(1.2rem * var(--lp-pc-size));
}

.l-pure_btm_txt02 {
  margin-top: calc(2.5rem * var(--lp-pc-size));
  font-size: calc(2.2rem * var(--lp-pc-size));
}

.l-pure_btm_txt02_line {
  position: relative;
}

.l-pure_btm_txt02_line::before {
  content: "";
  display: block;
  position: absolute;
  height: calc(0.2rem * var(--lp-pc-size));
  width: 100%;
  background-color: var(--lp-color-pink);
  bottom: calc(-0.5rem * var(--lp-pc-size));
  left: 0;
}

.l-morning02 {
  position: relative;
  margin-top: calc(7rem * var(--lp-pc-size));
  padding-bottom: calc(9.5rem * var(--lp-pc-size));
}

.l-morning02_bubble,
.l-morning02_bubble02,
.l-morning02_bubble03,
.l-morning02_bubble04 {
  position: absolute;
}

.l-morning02_bubble {
  width: calc(2.05rem * var(--lp-pc-size));
  top: calc(-6rem * var(--lp-pc-size));
  left: calc(10rem * var(--lp-pc-size));
}

.l-morning02_bubble02 {
  width: calc(2.5rem * var(--lp-pc-size));
  bottom: calc(5rem * var(--lp-pc-size));
  left: calc(2rem * var(--lp-pc-size));
}

.l-morning02_bubble03 {
  width: calc(7.2rem * var(--lp-pc-size));
  bottom: calc(1rem * var(--lp-pc-size));
  left: calc(8rem * var(--lp-pc-size));
}

.l-morning02_bubble04 {
  width: calc(2.45rem * var(--lp-pc-size));
  bottom: calc(2rem * var(--lp-pc-size));
  right: calc(1rem * var(--lp-pc-size));
}

.l-morning02_txt {
  position: relative;
  z-index: 10;
}

.l-morning02_txt_main {
  width: calc(24.2rem * var(--lp-pc-size));
}

.l-morning02_txt_sub {
  position: absolute;
  top: calc(3rem * var(--lp-pc-size));
  left: calc(7.5rem * var(--lp-pc-size));
  width: calc(14.25rem * var(--lp-pc-size));
}

.l-morning02_img {
  width: calc(20.75rem * var(--lp-pc-size));
  position: absolute;
  top: calc(-4rem * var(--lp-pc-size));
  right: calc(-1rem * var(--lp-pc-size));
  z-index: 0;
}

.l-step {
  padding: 1.7rem 0 25.16rem;
  background: url(../img/l-step_bg.png) no-repeat;
  background-size: 100% auto;
  background-position-y: 28.39rem;
  position: relative;
}

.l-step_txt {
  font-size: var(--lp-font-size-xx-large);
  font-weight: 700;
  line-height: 1.53;
  letter-spacing: var(--lp-carning-large);
  text-align: center;
}

.l-step_wrapper {
  width: 100%;
  padding-left: 3.74rem;
  margin-top: 9.18rem;
  overflow-x: scroll;
}

.l-step_items {
  width: max-content;
  display: grid;
  grid-template-columns: repeat(5, auto);
  gap: 0 5.27rem;
  padding-bottom: 1.7rem;
}

.l-step_item {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  align-items: flex-end;
  text-align: center;
}

.l-step_item.is-step05 {
  padding-right: 3.74rem;
}

.l-step_item_img {
  margin: 0 auto;
}

.l-step_item.is-step01 .l-step_item_img {
  width: 9.52rem;
}

.l-step_item.is-step02 .l-step_item_img {
  width: 9.35rem;
}

.l-step_item.is-step03 .l-step_item_img {
  width: 10.2rem;
}

.l-step_item.is-step04 .l-step_item_img {
  width: 10.37rem;
}

.l-step_item.is-step04 .l-step_item_img {
  width: 10.54rem;
}

.l-step_item.is-step05 .l-step_item_img {
  width: 10.54rem;
}

.l-step_item_ttl {
  margin-top: 1.7rem;
  font-size: var(--lp-font-size-small);
  font-weight: 700;
}

.l-step_item.is-step02 .l-step_item_ttl {
  font-size: var(--lp-font-size-x-large);
}

.l-step_item_product {
  height: 17.34rem;
  object-fit: contain;
  object-position: bottom center;
  margin: 0 auto 1.7rem;
}

.l-step_item_product_wrapper {
  position: relative;
}

.l-step_item_product_wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -5.27rem;
  width: 5.27rem;
  height: 15.81rem;
  background: url(../img/step-arrow.png) no-repeat;
  background-size: contain;
  translate: 0 -50%;
}

.l-step_item.is-step02 .l-step_item_product_wrapper::before {
  translate: 0 calc(-50% + 3.57rem);
}

.l-step_item.is-step01 .l-step_item_product {
  width: 4.59rem;
}

.l-step_item.is-step02 .l-step_item_product {
  width: 6.29rem;
  height: 24.14rem;
}

.l-step_item.is-step03 .l-step_item_product {
  width: 4.59rem;
}

.l-step_item.is-step04 .l-step_item_product {
  width: 5.61rem;
}

.l-step_item.is-step05 .l-step_item_product {
  width: 3.4rem;
}

.l-step_item_txt {
  align-self: center;
  margin-top: 0.51rem;
  font-size: var(--lp-font-size-small);
  line-height: 1.21;
  letter-spacing: var(--lp-carning-medium);
}

.l-step_item_txt b {
  display: block;
  font-size: var(--lp-font-size-medium);
  font-weight: 400;
}

.l-step_bg {
  width: calc(7.85rem * var(--lp-pc-size));
  position: absolute;
  top: calc(-1rem * var(--lp-pc-size));
  right: calc(-4rem * var(--lp-pc-size));
}

.l-booster {
  position: relative;
  margin: -16.32rem auto 0;
  overflow: hidden;
}

.l-booster_head {
  position: relative;
  width: calc(100% - 5.1rem);
  height: 10.37rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 4.25rem;
  margin: 0 auto;
  background-image: -moz-linear-gradient(
    -180deg,
    rgb(183, 141, 83) 0%,
    rgb(215, 187, 106) 51%,
    rgb(183, 141, 83) 100%
  );
  background-image: -webkit-linear-gradient(
    -180deg,
    rgb(183, 141, 83) 0%,
    rgb(215, 187, 106) 51%,
    rgb(183, 141, 83) 100%
  );
  background-image: -ms-linear-gradient(
    -180deg,
    rgb(183, 141, 83) 0%,
    rgb(215, 187, 106) 51%,
    rgb(183, 141, 83) 100%
  );
  border-radius: 5.95rem 5.95rem 0 0;
  font-size: 4.08rem;
  letter-spacing: var(--lp-carning-large);
  color: #fff;
}

.l-booster_head::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 11.05rem;
  height: 100%;
  background: url(../img/l-booster_head_img.png) no-repeat;
  background-size: contain;
}

.l-booster_wrapper {
  width: calc(100% - 5.1rem);
  padding: 2.04rem 0 5.1rem;
  margin: 0 auto;
  background-image: -moz-linear-gradient(
    0deg,
    rgba(232, 206, 255, 0.99608) 0%,
    rgba(255, 228, 243, 0.7098) 48%,
    rgba(255, 228, 243, 0.71) 48%,
    rgba(244, 217, 249, 0.84) 72%,
    rgb(232, 206, 255) 100%
  );
  background-image: -webkit-linear-gradient(
    0deg,
    rgba(232, 206, 255, 0.99608) 0%,
    rgba(255, 228, 243, 0.7098) 48%,
    rgba(255, 228, 243, 0.71) 48%,
    rgba(244, 217, 249, 0.84) 72%,
    rgb(232, 206, 255) 100%
  );
  background-image: -ms-linear-gradient(
    0deg,
    rgba(232, 206, 255, 0.99608) 0%,
    rgba(255, 228, 243, 0.7098) 48%,
    rgba(255, 228, 243, 0.71) 48%,
    rgba(244, 217, 249, 0.84) 72%,
    rgb(232, 206, 255) 100%
  );
}

.l-booster_ttl {
  width: calc(26.2rem * var(--lp-pc-size));
  margin: 0 auto;
}

.l-booster_lead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.89rem;
}

.l-booster_lead_img {
  width: calc(50% - 7.14rem);
}

.l-booster_lead_txt {
  width: calc(50% + 4.08rem);
  padding-right: 2.55rem;
  font-size: var(--lp-font-size-medium);
  letter-spacing: var(--lp-carning-large);
  line-height: 1.57;
}

.l-booster_item {
  position: relative;
  width: calc(100% - 5.1rem);
  padding: 4.76rem 1.7rem;
  margin: 5.44rem auto 0;
  background: rgb(255 255 255 / 0.7);
  border-radius: 1.7rem;
}

.l-booster_item.is-item02 {
  padding-bottom: 4.25rem;
}

.l-booster_item.is-item03 {
  padding-top: 5.1rem;
  margin-top: 5.1rem;
}

.l-booster_item.is-item01 .l-booster_item_head {
  width: calc(100% - 3.4rem);
  margin: 0 auto;
}

.l-booster_item.is-item01 .l-booster_item_txt {
  padding: 0 1.36rem;
  margin-top: 1.87rem;
  font-size: var(--lp-font-size-xx-small);
  letter-spacing: var(--lp-carning-medium);
  line-height: 1.4;
  text-align: center;
  color: var(--lp-color-gray);
}

.l-booster_item_lead {
  position: relative;
  width: max-content;
  margin: 3.23rem auto 0;
  font-size: var(--lp-font-size-medium);
  font-weight: 700;
  text-align: center;
  letter-spacing: var(--lp-carning-large);
  line-height: 1.4;
  z-index: 2;
}

.l-booster_item_lead::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.02rem;
  background: var(--lp-color-light-pink);
  z-index: -1;
}

.l-booster_item.is-item01 .l-booster_item_lead + .l-booster_item_txt {
  margin-top: 2.46rem;
}

.l-booster_item.is-item02 .l-booster_item_head {
  width: 26.01rem;
  margin: 0 auto;
}

.l-booster_item_img {
  width: calc(100% - calc(2rem * var(--lp-pc-size)));
  margin: 4.93rem auto 0;
}

.l-booster_item.is-item03 .l-booster_item_img {
  margin-top: 4.42rem;
}

.l-booster_item.is-item02 .l-booster_item_txt,
.l-booster_item.is-item03 .l-booster_item_txt {
  margin-top: 2.04rem;
  font-size: var(--lp-font-size-medium);
  letter-spacing: var(--lp-carning-large);
  line-height: 1.57;
  text-align: center;
}

.l-booster_item.is-item03 .l-booster_item_head {
  width: calc(100% - calc(2rem * var(--lp-pc-size)));
  margin: 0 auto;
}

.l-booster_small_txt {
  width: calc(100% - 5.1rem);
  margin: 1.7rem auto 0;
  font-size: var(--lp-font-size-x-small);
  line-height: 1.45;
  letter-spacing: var(--lp-carning-small);
  color: var(--lp-color-gray);
}

.l-booster_bubble_img01 {
  position: absolute;
  top: 54.06rem;
  right: -4.59rem;
  width: 11.05rem;
}

.l-booster_bubble_img02 {
  position: absolute;
  top: 164.56rem;
  left: -5.1rem;
  width: 12.41rem;
}

.l-booster_item.is-item02 .l-booster_item_bubble_img01 {
  position: absolute;
  top: 7.31rem;
  left: 2.38rem;
  width: 2.55rem;
}

.l-booster_item.is-item03 .l-booster_item_bubble_img02 {
  position: absolute;
  top: calc(1rem * var(--lp-pc-size));
  right: -1.53rem;
  width: 7.99rem;
}

.l-booster_item.is-item03 .l-booster_item_bubble_img03 {
  position: absolute;
  top: 24.82rem;
  left: -10rem;
  width: 11.9rem;
}

.l-booster_btn {
  width: calc(100% - (3rem * var(--lp-pc-size)));
  margin-inline: auto;
  margin-top: calc(3.25rem * var(--lp-pc-size));
}

.l-booster_btn a {
  transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.l-booster_btn a:hover {
  opacity: 0.6;
}

.l-type {
  overflow: hidden;
}

.l-type_ttl {
  background: #fff;
}

.l-type_ttl_img {
  width: 57.46rem;
  padding: 6.12rem 0 5.44rem;
  margin: 0 auto;
}

.l-type_wrapper {
  position: relative;
  padding-bottom: calc(1.6rem * var(--lp-pc-size));
  background: url(../img/l-type_bg.png);
  background-size: cover;
  background-position: top;
  background-repeat: round;
}

.l-type_container {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  z-index: 2;
}

.l-type_content.is-content_01 .l-type_content_ttl {
  background: url(../img/l-type_content_ttl01.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.l-type_content.is-content_02 .l-type_content_ttl {
  background: url(../img/l-type_content_ttl02.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.l-type_content_ttl {
  height: 15.98rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.23rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: var(--lp-carning-large);
  line-height: 1.26;
  text-align: center;
}

.l-type_content_items {
  padding: 2.89rem 0 0 2.55rem;
}

.l-type_content_item {
  position: relative;
  padding-left: calc(1.9rem * var(--lp-pc-size));
  font-size: var(--lp-font-size-x-small);
  line-height: 1.83;
  letter-spacing: 0;
  list-style: none;
}

.l-type_content_item::before {
  content: "";
  position: absolute;
  top: 0.68rem;
  left: 0;
  width: 2.55rem;
  height: 2.55rem;
}

.l-type_content.is-content_01 .l-type_content_item::before {
  background: url(../img/check-pink.png) no-repeat;
  background-size: contain;
}

.l-type_content.is-content_02 .l-type_content_item::before {
  background: url(../img/check-blue.png) no-repeat;
  background-size: contain;
}

.l-type_design {
  position: relative;
  width: calc(100% - 5.1rem);
  padding: 2.72rem 2.55rem 3.74rem;
  margin: 3.74rem auto 0;
  background: #fff;
  border-radius: 1.7rem;
  z-index: 10;
}

.l-type_design_ttl {
  width: 34.68rem;
  margin: 0 auto;
}

.l-type_design_wrapper {
  margin-top: 4.25rem;
  display: grid;
  grid-template-columns: calc(50% - 2.55rem) 1fr;
  gap: 2.55rem;
}

.l-type_design_content_ttl {
  margin-top: -0.4em;
  font-weight: 700;
  font-size: var(--lp-font-size-x-small);
  line-height: 1.61;
  letter-spacing: var(--lp-carning-medium);
}

.l-type_design_content_ttl b {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0.68rem 0;
  background: linear-gradient(
    0deg,
    #e6eaf5 0%,
    #e6eaf5 40%,
    transparent 40.1%,
    transparent 100%
  );
  font-size: var(--lp-font-size-medium);
  letter-spacing: var(--lp-carning-large);
}

.l-type_design_content_ttl sup {
  margin-left: -0.5em;
  vertical-align: super;
  font-size: 65%;
}

.l-type_design_txt {
  margin-top: 1.87rem;
  font-size: var(--lp-font-size-medium);
  line-height: 1.57;
  letter-spacing: var(--lp-carning-large);
}

.l-type_design_content_annotation {
  width: calc(100% - 5.1rem);
  margin: 2.04rem auto 0;
  font-size: var(--lp-font-size-x-small);
  letter-spacing: 0.03em;
  color: var(--lp-color-gray);
}

.l-type_content {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 7;
  gap: 0;
}

.l-type_content.is-content_01 {
  --type-content-color: var(--lp-color-pink);
}

.l-type_content.is-content_02 {
  --type-content-color: var(--lp-color-blue);
}

.l-type_composition_icn {
  display: block;
  width: 3.91rem;
  height: 3.91rem;
  margin: 5.27rem auto 0;
}

.l-type_composition_img {
  width: calc(100% - 5.1rem);
  margin: 3.4rem auto 0;
}

.l-type_composition_ttl {
  margin: 2.55rem auto 0;
  color: var(--lp-color-black);
  font-size: 1.53rem;
  text-align: center;
  letter-spacing: -0.02em;
}

.l-type_composition_ttl b {
  font-size: var(--lp-font-size-medium);
}

.l-type_composition_ttl sup {
  font-size: 1.53rem;
  vertical-align: super;
}

.l-type_composition_txt {
  width: calc(100% - 5.1rem);
  margin: 1.7rem auto 0;
  font-size: var(--lp-font-size-medium);
  line-height: 1.57;
  letter-spacing: var(--lp-carning-large);
}

.l-type_composition_txt_annotation {
  width: calc(100% - 5.1rem);
  margin: 2.04rem auto 0;
  font-size: var(--lp-font-size-x-small);
  color: var(--lp-color-gray);
  letter-spacing: 0.03em;
  line-height: 1.45;
}

.l-type_concern {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 6;
  margin-top: 6.8rem;
}

.l-type_concern_ttl {
  width: calc(100% - 5.1rem);
  padding: 1.19rem;
  margin: 0 auto;
  border: 1px solid var(--type-content-color);
  background: rgb(255 255 255 / 0.6);
  border-radius: 1.7rem;
  font-size: var(--lp-font-size-medium);
  font-weight: 700;
  color: var(--type-content-color);
  line-height: 1.42;
  letter-spacing: var(--lp-carning-medium);
  text-align: center;
}

.l-type_concern_product {
  width: 9.35rem;
  margin: 2.72rem auto 0;
}

.l-type_concern_txt {
  width: calc(100% - 5.1rem);
  margin: 2.04rem auto 0;
  font-size: var(--lp-font-size-small);
  letter-spacing: var(--lp-carning-medium);
  line-height: 1.66;
}

.l-type_concern_img {
  width: calc(100% - 5.1rem);
  margin: 3.23rem auto 0;
}

.l-type_concern_flavor {
  margin-top: 2.72rem;
}

.l-type_concern_flavor_txt {
  margin-top: 2.72rem;
  font-size: var(--lp-font-size-small);
  line-height: 1.33;
  letter-spacing: var(--lp-carning-medium);
  text-align: center;
}

.l-type_container_bubble,
.l-type_container_bubble02,
.l-type_container_bubble03,
.l-type_container_bubble04,
.l-type_container_bubble05,
.l-type_container_bubble06 {
  position: absolute;
}

.l-type_container_bubble {
  width: calc(6.45rem * var(--lp-pc-size));
  top: calc(-8rem * var(--lp-pc-size));
  right: calc(-4rem * var(--lp-pc-size));
  z-index: -10;
}

.l-type_container_bubble02 {
  width: calc(7.2rem * var(--lp-pc-size));
  left: calc(-3rem * var(--lp-pc-size));
  top: calc(3rem * var(--lp-pc-size));
}

.l-type_container_bubble03 {
  width: calc(2.85rem * var(--lp-pc-size));
  left: calc(16rem * var(--lp-pc-size));
  top: calc(6rem * var(--lp-pc-size));
}

.l-type_container_bubble04 {
  width: calc(1.65rem * var(--lp-pc-size));
  left: calc(13rem * var(--lp-pc-size));
  top: calc(33rem * var(--lp-pc-size));
  z-index: -1;
}

.l-type_container_bubble05 {
  width: calc(6.45rem * var(--lp-pc-size));
  left: calc(-3rem * var(--lp-pc-size));
  top: calc(48rem * var(--lp-pc-size));
}

.l-type_container_bubble06 {
  width: calc(2.85rem * var(--lp-pc-size));
  right: calc(1rem * var(--lp-pc-size));
  top: calc(48rem * var(--lp-pc-size));
}

.l-type_step {
  position: relative;
  margin-top: 5.78rem;
  z-index: 2;
}

.l-type_step_img01,
.l-type_step_img02,
.l-type_step_img03,
.l-type_step_img04 {
  width: calc(100% - 5.1rem);
  margin: 0 auto;
}

.l-type_step_img02 {
  margin-top: 10.2rem;
}

.l-type_step_img02_wrapper {
  position: relative;
}

.l-type_step_img02_wrapper::before {
  content: "";
  position: absolute;
  top: -7.82rem;
  left: 0;
  right: 0;
  width: 10.2rem;
  height: 2.89rem;
  margin: 0 auto;
  background: url(../img/l-type_step_arrow.png) no-repeat;
  background-size: contain;
}

.l-type_step_img03,
.l-type_step_img04 {
  margin-top: 7.14rem;
}

.l-type_bubble_img01 {
  position: absolute;
  top: 75.99rem;
  right: -5.95rem;
  width: 11.05rem;
}

.l-type_bubble_img02 {
  position: absolute;
  top: 89.42rem;
  left: 27.37rem;
  width: 4.93rem;
}

.l-type_bubble_img03 {
  position: absolute;
  top: 139.06rem;
  left: -5.78rem;
  width: 12.24rem;
}

.l-type_bubble_img04 {
  position: absolute;
  top: 141.78rem;
  right: 3.4rem;
  width: 2.72rem;
}

.l-type_bubble_img05 {
  position: absolute;
  top: 169.32rem;
  left: 23.97rem;
  width: 2.89rem;
}

.l-type_bubble_img06 {
  position: absolute;
  top: 201.62rem;
  right: 0.85rem;
  width: 4.93rem;
}

.l-type_bubble_img07 {
  position: absolute;
  top: 233.75rem;
  right: 0;
  width: 5.1rem;
}

.l-type_bubble_img08 {
  position: absolute;
  top: 238.34rem;
  left: -4.42rem;
  width: 11.05rem;
}

.l-type_bubble_img09 {
  position: absolute;
  top: 288.66rem;
  left: 5.44rem;
  width: 14.79rem;
}

.l-type_bubble_img10 {
  position: absolute;
  top: 305.66rem;
  right: -2.72rem;
  width: 11.05rem;
}

.l-type_bubble_img11 {
  position: absolute;
  top: 390.32rem;
  left: -5.1rem;
  width: 15.3rem;
}

.l-faq {
  position: relative;
  margin-top: -4.93rem;
  z-index: 2;
}

.l-bnr {
  padding: 8.16rem 0 10.71rem;
  background: url(../img/l-bnr_bg.png?241122) no-repeat;
  background-size: 100% auto;
  background-position: top center;
}

.l-bnr_img01,
.l-bnr_img02,
.l-bnr_btn {
  transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.l-bnr_img02 {
  display: block;
  margin-top: 1.19rem;
}

.l-bnr_btn {
  display: block;
  width: calc(100% - 5.1rem);
  margin: 6.46rem auto 0;
}

.l-fixed_bnr {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 1.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 58.65rem;
  height: 7.65rem;
  margin: 0 auto;
  background: url(../img/l-fixed_bnr_bg.png) no-repeat;
  background-size: contain;
  font-size: var(--lp-font-size-medium);
  letter-spacing: var(--lp-carning-medium);
  color: #fff;
  text-decoration: none;
  z-index: 999;
  transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1),
    visible 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.isFooterUnitInAbove .l-fixed_bnr {
  opacity: 0;
  visibility: hidden;
}

.l-special_care_ttl {
  padding: calc(4rem * var(--lp-pc-size)) 0 calc(2.8rem * var(--lp-pc-size));
  background-image: url(../img/l-special_care_ttl_bg.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

.l-special_care_ttl_img {
  width: calc(24.8rem * var(--lp-pc-size));
  margin-inline: auto;
  display: block;
}

.l-special_care_ttl_bubble,
.l-special_care_ttl_bubble02 {
  position: absolute;
}

.l-special_care_ttl_bubble02 {
  width: calc(6.85rem * var(--lp-pc-size));
  top: calc(-5rem * var(--lp-pc-size));
  left: calc(-2rem * var(--lp-pc-size));
}

.l-special_care_ttl_bubble {
  width: calc(9rem * var(--lp-pc-size));
  right: calc(-6rem * var(--lp-pc-size));
  top: calc(-2rem * var(--lp-pc-size));
}

.l-special_care_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  position: relative;
}

.l-special_care_list_item {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: calc(2.5rem * var(--lp-pc-size));
}

.l-special_care_list_item.is-01 {
  background-image: url(../img/l-special_care_list_item_bg.png);
}

.l-special_care_list_item.is-02 {
  background-image: url(../img/l-special_care_list_item_bg02.png);
}

.l-special_care_list_item.is-03 {
  background-image: url(../img/l-special_care_list_item_bg03.png);
}

.l-special_care_list_ttl {
  text-align: center;
  position: absolute;
  width: calc(100% - (3rem * var(--lp-pc-size)));
  margin-inline: auto;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgb(255, 255, 255, 0.6);
  border-radius: calc(1rem * var(--lp-pc-size));
  font-size: var(--lp-font-size-medium);
  color: var(--lp-color-pink);
  font-weight: 700;
  padding: calc(1rem * var(--lp-pc-size)) 0;
}

.l-special_care_list_ttl.is-01 {
  top: calc(16.5rem * var(--lp-pc-size));
}

.l-special_care_list_ttl.is-02 {
  top: calc(31.5rem * var(--lp-pc-size));
}

.l-special_care_list_item_txt {
  margin-top: calc(7.25rem * var(--lp-pc-size));
  font-size: var(--lp-font-size-x-small);
  display: grid;
  gap: calc(0.8rem * var(--lp-pc-size));
}

.l-special_care_list_item_txt_item {
  line-height: 1.5;
  letter-spacing: -0.08em;
}

.l-special_care_list_item.is-01 .l-special_care_list_item_txt {
  padding-left: calc(1.5rem * var(--lp-pc-size));
}

.l-special_care_list_item.is-02 .l-special_care_list_item_txt {
  padding: 0 calc(0.8rem * var(--lp-pc-size));
}

.l-special_care_list_item.is-03 .l-special_care_list_item_txt {
  padding-right: calc(1.5rem * var(--lp-pc-size));
  padding-left: calc(0.8rem * var(--lp-pc-size));
}

.l-special_care_list_item_txt_btm {
  text-align: center;
  margin-top: calc(7rem * var(--lp-pc-size));
  font-size: var(--lp-font-size-small);
  letter-spacing: -0.03em;
}

.l-special_care_list_item_ttl {
  color: #fff;
  font-size: calc(1.5rem * var(--lp-pc-size));
  height: calc(4rem * var(--lp-pc-size));
  display: grid;
  place-items: center;
}

.l-special_care_list_item_ttl.is-blue {
  background-color: var(--lp-color-blue);
}

.l-special_care_list_item_ttl.is-purple {
  background-color: #cb9fe9;
}

.l-special_care_list_item_ttl.is-pink {
  background-color: #e991c3;
}

.l-special_care_list_item_img {
  margin-inline: auto;
  margin-top: calc(1.1rem * var(--lp-pc-size));
}

.l-special_care_list_item_img.is-01 {
  width: calc(6.1rem * var(--lp-pc-size));
}

.l-special_care_list_item_img.is-02 {
  width: calc(3.7rem * var(--lp-pc-size));
}

.l-special_care_list_item_img.is-03 {
  width: calc(2.35rem * var(--lp-pc-size));
}

.l-moisturizing_btn {
  width: calc(35rem * var(--lp-pc-size));
  margin-inline: auto;
  position: relative;
}

.l-moisturizing_btn_bubble {
  width: calc(2.45rem * var(--lp-pc-size));
  position: absolute;
  top: calc(1rem * var(--lp-pc-size));
}

.l-moisturizing_btn a {
  transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.l-moisturizing_btn a:hover {
  opacity: 0.6;
}

.l-moisturizing_ttl {
  width: calc(30.25rem * var(--lp-pc-size));
  margin-inline: auto;
  margin-top: calc(1rem * var(--lp-pc-size));
  position: relative;
  z-index: 10;
}

.l-moisturizing_ttl_bubble {
  width: calc(6.45rem * var(--lp-pc-size));
  position: absolute;
  left: calc(-7.5rem * var(--lp-pc-size));
  top: calc(-3rem * var(--lp-pc-size));
}

.l-moisturizing_ttl_bubble02 {
  width: calc(1.45rem * var(--lp-pc-size));
  position: absolute;
  right: calc(7.5rem * var(--lp-pc-size));
  top: calc(-3rem * var(--lp-pc-size));
}

.l-moisturizing_ttl_bubble03 {
  width: calc(9rem * var(--lp-pc-size));
  position: absolute;
  right: calc(-7.5rem * var(--lp-pc-size));
  top: calc(2rem * var(--lp-pc-size));
  z-index: -1;
}

.l-moisturizing_list {
  margin-top: calc(1.8rem * var(--lp-pc-size));
  padding: 0 calc(1.5rem * var(--lp-pc-size));
  display: grid;
  gap: calc(2.5rem * var(--lp-pc-size));
}

.l-moisturizing_list_item {
  display: flex;
  gap: calc(2.2rem * var(--lp-pc-size));
}

.l-moisturizing_list_item:nth-child(even) {
  flex-direction: row-reverse;
}

.l-moisturizing_list_item_img_block {
  width: calc(9.8rem * var(--lp-pc-size));
}

.l-moisturizing_list_item_ttl {
  font-size: calc(1.9rem * var(--lp-pc-size));
}

.l-moisturizing_list_item_txt {
  font-size: var(--lp-font-size-medium);
  line-height: 1.57142857;
  margin-top: calc(1rem * var(--lp-pc-size));
  letter-spacing: 0.08em;
}

.l-moisturizing_list_item_txt_em {
  font-weight: 700;
}

.l-moisturizing_txt {
  text-align: center;
  margin-top: calc(4rem * var(--lp-pc-size));
  font-size: calc(1.7rem * var(--lp-pc-size));
  font-weight: 700;
  line-height: 1.58823529;
  position: relative;
}

.l-moisturizing_txt_bubble,
.l-moisturizing_txt_bubble02 {
  position: absolute;
}

.l-moisturizing_txt_bubble {
  width: calc(7.2rem * var(--lp-pc-size));
  right: calc(-1rem * var(--lp-pc-size));
  top: calc(-4rem * var(--lp-pc-size));
  object-fit: contain;
}

.l-moisturizing_txt_bubble02 {
  width: calc(5.1rem * var(--lp-pc-size));
  left: calc(2rem * var(--lp-pc-size));
  bottom: calc(-3rem * var(--lp-pc-size));
}

.l-moisturizing_ttl02 {
  width: calc(24.65rem * var(--lp-pc-size));
  margin-inline: auto;
  position: relative;
  margin-top: calc(-3rem * var(--lp-pc-size));
}

.l-moisturizing_ttl02_bubble {
  position: absolute;
  width: calc(2.05rem * var(--lp-pc-size));
  right: calc(-5rem * var(--lp-pc-size));
  top: 50%;
}

.l-moisturizing_img {
  width: calc(34.5rem * var(--lp-pc-size));
  margin-inline: auto;
  margin: calc(1rem * var(--lp-pc-size)) auto calc(5rem * var(--lp-pc-size));
  position: relative;
}

.l-moisturizing_img_bg02 {
  position: absolute;
}

.l-moisturizing_img_bg02 {
  width: calc(4.8rem * var(--lp-pc-size));
  right: calc(-3rem * var(--lp-pc-size));
  bottom: calc(1rem * var(--lp-pc-size));
}

.l-moisturizing_list_item_block {
  position: relative;
  flex: 1;
}

.l-moisturizing_list_item_bubble,
.l-moisturizing_list_item_bubble03,
.l-moisturizing_list_item_bubble04 {
  position: absolute;
}

.l-moisturizing_list_item_bubble {
  width: calc(1.45rem * var(--lp-pc-size));
  top: calc(-1rem * var(--lp-pc-size));
  right: calc(2rem * var(--lp-pc-size));
}

.l-moisturizing_list_item_bubble03 {
  width: calc(2.45rem * var(--lp-pc-size));
  bottom: calc(-1rem * var(--lp-pc-size));
  right: calc(2rem * var(--lp-pc-size));
}

.l-moisturizing_list_item_bubble04 {
  width: calc(1.45rem * var(--lp-pc-size));
  bottom: 0;
  left: calc(10rem * var(--lp-pc-size));
}

@media screen and (max-width: 1040px) {
  main {
    width: 100%;
    max-width: none;
  }

  img {
    width: 100%;
    max-width: none;
  }
}

@media screen and (max-width: 1040px) {
  :root {
    --lp-font-size-xx-small: 2.6666666667vw;
    --lp-font-size-x-small: 2.9333333333vw;
    --lp-font-size-small: 3.2vw;
    --lp-font-size-medium: 3.7333333333vw;
    --lp-font-size-large: 4.2666666667vw;
    --lp-font-size-x-large: 4.5333333333vw;
    --lp-font-size-xx-large: 6.9333333333vw;
    --lp-pc-size: 750 * 100vw;
    --lp-sp-size: 2;
    --lp-pc-inner: calc(100% + 6rem);
  }

  html {
    /* font-size: 1.33333vw; */
  }

  .l-bg_group02 {
    margin-top: -60.2666666667vw;
    padding-top: 60.2666666667vw;
  }

  .l-kv_img_dec01 {
    top: 11.2vw;
    left: 47.2vw;
    width: 17.0666666667vw;
  }

  .l-kv_img_dec02 {
    top: 13.8666666667vw;
    left: 64.5333333333vw;
    width: 10.1333333333vw;
  }

  .l-kv_img_dec03 {
    top: 14.1333333333vw;
    left: 75.2vw;
    width: 11.2vw;
  }

  .l-kv_bubble01 {
    bottom: -5.6vw;
    left: -12.8vw;
    width: 23.7333333333vw;
  }

  .l-kv_bubble02 {
    bottom: 6.6666666667vw;
    left: 35.7333333333vw;
    width: 10.9333333333vw;
  }

  .l-kv_bubble03 {
    top: -2.9333333333vw;
    left: 35.2vw;
    width: 14.1333333333vw;
  }

  .l-kv_bubble04 {
    top: 39.2vw;
    right: 3.7333333333vw;
    width: 8.5333333333vw;
  }

  .l-kv_bubble05 {
    top: calc(280 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(-20 * var(--lp-sp-size) / var(--lp-pc-size));
    width: 9.8666666667vw;
  }

  .l-step {
    padding: 2.6666666667vw 0 39.4666666667vw;
    background-position-y: 44.5333333333vw;
  }

  .l-step_wrapper {
    margin-top: 14.4vw;
    padding-left: 5.8666666667vw;
  }

  .l-step_items {
    padding-bottom: 2.6666666667vw;
    gap: 0 8.2666666667vw;
  }

  .l-step_item.is-step01 .l-step_item_img {
    width: 14.9333333333vw;
  }

  .l-step_item.is-step02 .l-step_item_img {
    width: 14.6666666667vw;
  }

  .l-step_item.is-step03 .l-step_item_img {
    width: 16vw;
  }

  .l-step_item.is-step04 .l-step_item_img {
    width: 16.2666666667vw;
  }

  .l-step_item.is-step04 .l-step_item_img {
    width: 16.5333333333vw;
  }

  .l-step_item.is-step05 .l-step_item_img {
    width: 16.5333333333vw;
  }

  .l-step_item_ttl {
    margin-top: 2.6666666667vw;
  }

  .l-step_item_product {
    height: 27.2vw;
    margin-bottom: 2.6666666667vw;
  }

  .l-step_item_product_wrapper::before {
    right: -8.2666666667vw;
    width: 8.2666666667vw;
    height: 24.8vw;
  }

  .l-step_item.is-step01 .l-step_item_product,
  .l-step_item.is-step03 .l-step_item_product {
    width: 7.2vw;
  }

  .l-step_item.is-step02 .l-step_item_product {
    width: 9.8666666667vw;
    height: 37.8666666667vw;
  }

  .l-step_item.is-step04 .l-step_item_product {
    width: 8.8vw;
  }

  .l-step_item.is-step05 .l-step_item_product {
    width: 5.3333333333vw;
  }

  .l-step_item_txt {
    margin-top: 0.8vw;
  }

  .l-step_item.is-step02 .l-step_item_txt b::before {
    bottom: -1.3333333333vw;
  }

  .l-booster {
    margin-top: -25.3333333333vw;
  }

  .l-booster_head {
    width: calc(100% - 8vw);
    height: 16.2666666667vw;
    padding-left: 6.6666666667vw;
    border-radius: 9.3333333333vw 9.3333333333vw 0 0;
    font-size: 6.4vw;
  }

  .l-booster_head::before {
    width: 17.3333333333vw;
  }

  .l-booster_wrapper {
    width: calc(100% - 8vw);
    padding: 3.2vw 0 8vw;
  }

  .l-booster_ttl {
    width: 69.8666666667vw;
  }

  .l-booster_ttl b {
    font-size: 5.8666666667vw;
  }

  .l-booster_lead {
    margin-top: 4.5333333333vw;
  }

  .l-booster_lead_img {
    width: calc(50% - 11.2vw);
  }

  .l-booster_lead_txt {
    width: calc(50% + 6.4vw);
    padding-right: 4vw;
  }

  .l-booster_item {
    width: calc(100% - 8vw);
    margin: 8.5333333333vw auto 0;
    padding: 7.4666666667vw 2.6666666667vw;
    border-radius: 2.6666666667vw;
  }

  .l-booster_item.is-item02 {
    padding-bottom: 6.6666666667vw;
  }

  .l-booster_item.is-item03 {
    margin-top: 8vw;
    padding-top: 8vw;
  }

  .l-booster_item.is-item01 .l-booster_item_head {
    width: calc(100% - calc(20 * var(--lp-sp-size) / var(--lp-pc-size)));
  }

  .l-booster_item.is-item01 .l-booster_item_txt {
    margin-top: 2.9333333333vw;
    padding: 0 2.1333333333vw;
  }

  .l-booster_item_lead {
    margin-top: 7.7333333333vw;
  }

  .l-booster_item_lead::before {
    bottom: -0.8vw;
    height: 1.6vw;
  }

  .l-booster_item.is-item01 .l-booster_item_lead + .l-booster_item_txt {
    margin-top: 4.8vw;
  }

  .l-booster_item.is-item02 .l-booster_item_head {
    width: 40.8vw;
  }

  .l-booster_item_img {
    width: calc(100% - 5.3333333333vw);
    margin: 7.7333333333vw auto 0;
  }

  .l-booster_item.is-item03 .l-booster_item_img {
    margin-top: 6.9333333333vw;
  }

  .l-booster_item.is-item02 .l-booster_item_txt,
  .l-booster_item.is-item03 .l-booster_item_txt {
    margin-top: 3.2vw;
  }

  .l-booster_item.is-item03 .l-booster_item_head {
    width: calc(100% - calc(20 * var(--lp-sp-size) / var(--lp-pc-size)));
  }

  .l-booster_small_txt {
    width: calc(100% - 8vw);
    margin: 2.6666666667vw auto 0;
  }

  .l-booster_bubble_img01 {
    top: 84.8vw;
    right: -7.2vw;
    width: 17.3333333333vw;
  }

  .l-booster_bubble_img02 {
    top: 258.1333333333vw;
    left: -8vw;
    width: 19.4666666667vw;
  }

  .l-booster_item.is-item02 .l-booster_item_bubble_img01 {
    top: 11.4666666667vw;
    left: 3.7333333333vw;
    width: 4vw;
  }

  .l-booster_item.is-item03 .l-booster_item_bubble_img02 {
    top: 16vw;
    right: -2.4vw;
    width: 12.5333333333vw;
  }

  .l-booster_item.is-item03 .l-booster_item_bubble_img03 {
    top: 38.9333333333vw;
    left: calc(-60 * var(--lp-sp-size) / var(--lp-pc-size));
    width: 18.6666666667vw;
  }

  .l-product {
    margin-top: -9.6vw;
    padding-bottom: 15.2vw;
    background-position: center 46.9333333333vw;
  }

  .l-fixed_bnr {
    bottom: 2.6666666667vw;
    width: 92vw;
    height: 12vw;
  }

  .l-type_ttl_img {
    width: 90.1333333333vw;
    padding: 9.6vw 0 8.5333333333vw;
  }

  .l-type_wrapper {
    padding-bottom: 19.3333333333vw;
  }

  .l-type_content_ttl {
    height: 25.0666666667vw;
    font-size: 5.0666666667vw;
  }

  .l-type_content_items {
    padding: 4.5333333333vw 2.6666666667vw 4vw;
  }

  .l-type_content_item {
    padding-left: 5.3333333333vw;
  }

  .l-type_content_item::before {
    top: 1.0666666667vw;
    width: 4vw;
    height: 4vw;
  }

  .l-type_design {
    width: calc(100% - 8vw);
    margin: 5.8666666667vw auto 0;
    padding: 6.9333333333vw 4vw 5.8666666667vw;
    border-radius: 2.6666666667vw;
  }

  .l-type_design_ttl {
    width: 54.4vw;
  }

  .l-type_design_wrapper {
    grid-template-columns: calc(50% - 4vw) 1fr;
    margin-top: 6.6666666667vw;
    gap: 4vw;
  }

  .l-type_design_content_ttl b {
    padding: 1.0666666667vw 0;
  }

  .l-type_design_txt {
    margin-top: 2.9333333333vw;
  }

  .l-type_design_content_annotation {
    width: calc(100% - 8vw);
    margin-top: 3.2vw;
  }

  .l-type_composition_icn {
    width: 6.1333333333vw;
    height: 6.1333333333vw;
    margin-top: 8.2666666667vw;
  }

  .l-type_composition_img {
    width: calc(100% - 8vw);
    margin: 5.3333333333vw auto 0;
  }

  .l-type_composition_ttl {
    margin: 4vw auto 0;
    font-size: 2.4vw;
  }

  .l-type_composition_ttl sup {
    font-size: 2.4vw;
  }

  .l-type_composition_txt {
    width: calc(100% - 8vw);
    margin-top: 2rem;
  }

  .l-type_composition_txt_annotation {
    width: calc(100% - 8vw);
    margin: 3.2vw auto 0;
  }

  .l-type_concern {
    margin-top: 10.6666666667vw;
  }

  .l-type_concern_ttl {
    width: calc(100% - 8vw);
    padding: 1.8666666667vw;
    border-radius: 2.6666666667vw;
  }

  .l-type_concern_product {
    width: 14.6666666667vw;
    margin-top: 4.2666666667vw;
  }

  .l-type_concern_txt {
    width: calc(100% - 8vw);
    margin: 3.2vw auto 0;
  }

  .l-type_concern_img {
    width: calc(100% - 8vw);
    margin: 5.0666666667vw auto 0;
  }

  .l-type_concern_flavor {
    margin-top: 4.2666666667vw;
  }

  .l-type_concern_flavor_txt {
    margin-top: 4.2666666667vw;
  }

  .l-type_step {
    margin-top: 9.0666666667vw;
  }

  .l-type_step_img01,
  .l-type_step_img02,
  .l-type_step_img03,
  .l-type_step_img04 {
    width: calc(100% - 8vw);
  }

  .l-type_step_img02 {
    margin-top: 16vw;
  }

  .l-type_step_img02_wrapper::before {
    top: -11.4666666667vw;
    width: 16vw;
    height: 4.5333333333vw;
  }

  .l-type_step_img03,
  .l-type_step_img04 {
    margin-top: 11.2vw;
  }

  .l-type_bubble_img01 {
    top: 119.2vw;
    right: -9.3333333333vw;
    width: 17.3333333333vw;
  }

  .l-type_bubble_img02 {
    top: 140.2666666667vw;
    left: 42.9333333333vw;
    width: 7.7333333333vw;
  }

  .l-type_bubble_img03 {
    top: 218.1333333333vw;
    left: -9.0666666667vw;
    width: 19.2vw;
  }

  .l-type_bubble_img04 {
    top: 222.4vw;
    right: 5.3333333333vw;
    width: 4.2666666667vw;
  }

  .l-type_bubble_img05 {
    top: 265.6vw;
    left: 37.6vw;
    width: 4.5333333333vw;
  }

  .l-type_bubble_img06 {
    top: 316.2666666667vw;
    right: 1.3333333333vw;
    width: 7.7333333333vw;
  }

  .l-type_bubble_img07 {
    top: 366.6666666667vw;
    width: 8vw;
  }

  .l-type_bubble_img08 {
    top: 373.8666666667vw;
    left: -6.9333333333vw;
    width: 17.3333333333vw;
  }

  .l-type_bubble_img09 {
    top: 452.8vw;
    left: 8.5333333333vw;
    width: 23.2vw;
  }

  .l-type_bubble_img10 {
    top: 479.4666666667vw;
    right: -4.2666666667vw;
    width: 17.3333333333vw;
  }

  .l-type_bubble_img11 {
    top: 612.2666666667vw;
    left: -8vw;
    width: 24vw;
  }

  .l-type_container_bubble {
    width: calc(64.5 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(-80 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(-40 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-type_container_bubble02 {
    width: calc(72 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(-30 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-type_container_bubble03 {
    width: calc(28.5 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(160 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(60 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-type_container_bubble04 {
    width: calc(16.5 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(130 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(330 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-type_container_bubble05 {
    width: calc(64.5 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(-30 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(480 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-type_container_bubble06 {
    width: calc(28.5 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(480 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-faq {
    margin-top: -11.7333333333vw;
  }

  .l-bnr {
    padding: 12.8vw 0 16.8vw;
  }

  .l-bnr_img02 {
    margin-top: 1.8666666667vw;
  }

  .l-bnr_btn {
    width: calc(100% - 8vw);
    margin-top: 10.1333333333vw;
  }

  /* l-lead */
  .l-lead {
    padding: calc(22 * var(--lp-sp-size) / var(--lp-pc-size))
      calc(30 * var(--lp-sp-size) / var(--lp-pc-size)) 0;
  }

  .l-lead::before {
    height: calc(1000 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead_img {
    position: relative;
    z-index: 10;
  }

  .l-lead_ttl_img {
    margin-top: calc(18 * var(--lp-sp-size) / var(--lp-pc-size));
    width: calc(224.5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead_products_img {
    margin-top: calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead_list {
    margin-top: calc(-20 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead_content {
    margin: calc(30 * var(--lp-sp-size) / var(--lp-pc-size)) 0
      calc(30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead_content_block {
    gap: calc(24 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead_content_block:nth-child(even) {
    margin-top: calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead_content_block_img {
    width: calc(144.5 * var(--lp-sp-size) / var(--lp-pc-size));
    height: calc(147 * var(--lp-sp-size) / var(--lp-pc-size));
    flex: 1;
  }

  .l-lead_content_block_ttl_img {
    width: calc(88.5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead_content_block_ttl {
    font-size: calc(23 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(07.5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead_content_block_txt {
    font-size: var(--lp-font-size-medium);
    margin-top: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead_bubble_img {
    width: calc(73 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(180 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(-40 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead_bubble_img02 {
    width: calc(78 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(150 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(-50 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead_bubble_img03 {
    width: calc(37 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(30 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(-5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead_bubble_img04 {
    width: calc(47 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(-10 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(-30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  /*  */
  /* .l-brn */
  /*  */
  .l-brn_img:nth-child(2) {
    margin-top: calc(5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  /*  */
  /* .l-lead02 */
  /*  */
  .l-lead02 {
    padding: calc(54.5 * var(--lp-sp-size) / var(--lp-pc-size))
      calc(15 * var(--lp-sp-size) / var(--lp-pc-size))
      calc(38 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead02::before {
    height: calc(239 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(-30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead02_ttl {
    width: calc(281 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead02_ttl_sub {
    width: calc(197.5 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead02_txt {
    margin-top: calc(30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead02_txt + .l-lead02_txt {
    margin-top: calc(5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-lead02_txt_sub {
    margin-top: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
    color: var(--lp-color-gray);
  }

  .l-lead02_bubble_img01 {
    top: 33.3333333333vw;
    left: -20.2666666667vw;
    width: 31.4666666667vw;
  }

  .l-lead02_bubble_img02 {
    top: 77.0666666667vw;
    left: 4.5333333333vw;
    width: 9.6vw;
  }

  .l-lead02_bubble_img03 {
    top: 135.4666666667vw;
    left: -6.6666666667vw;
    width: 17.3333333333vw;
  }

  .l-lead02_bubble_img04 {
    top: 49.0666666667vw;
    right: 8vw;
    width: 6.6666666667vw;
  }

  .l-lead02_bubble_img05 {
    top: 69.8666666667vw;
    right: -6.6666666667vw;
    width: 13.6vw;
  }

  .l-lead02_bubble_img06 {
    top: 124.8vw;
    right: 2.1333333333vw;
    width: 6.6666666667vw;
  }

  /*  */
  /* .l-morning */
  /*  */
  .l-morning {
    padding: calc(25 * var(--lp-sp-size) / var(--lp-pc-size))
      calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning::before {
    width: calc(100% - calc(30 * var(--lp-sp-size) / var(--lp-pc-size)));
  }

  .l-morning_txt {
    font-size: calc(22 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_txt_en {
    font-size: calc(36 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_img_wrapper {
    padding: 0 calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_img:not(:first-child) {
    margin-top: calc(7 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_img.is-02 {
    padding-right: calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_img.is-03 {
    padding-left: calc(24 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_img.is-04 {
    padding-right: calc(42.5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_txt02 {
    margin-top: calc(35 * var(--lp-sp-size) / var(--lp-pc-size));
    font-size: calc(18 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_txt02::before {
    height: calc(92.5 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(-10 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_txt03 {
    margin-top: calc(30 * var(--lp-sp-size) / var(--lp-pc-size));
    font-size: calc(18 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_txt03_under {
    font-size: calc(22 * var(--lp-sp-size) / var(--lp-pc-size));
    border-bottom: calc(2.5 * var(--lp-sp-size) / var(--lp-pc-size)) solid #fff;
  }

  .l-morning_keep {
    padding: calc(38 * var(--lp-sp-size) / var(--lp-pc-size))
      calc(10 * var(--lp-sp-size) / var(--lp-pc-size)) 0;
  }

  .l-morning_txt_bubble {
    width: calc(90 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(-10 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(-30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_keep_bubble02 {
    width: calc(64.5 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(80 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(-40 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_keep_bubble03 {
    width: calc(72 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(200 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(-30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_keep_bubble04 {
    width: calc(39.5 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(150 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(-10 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_keep_txt span {
    font-size: calc(22 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_keep_txt02 {
    margin-top: calc(70 * var(--lp-sp-size) / var(--lp-pc-size));
    font-size: calc(22 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_keep_txt02::before {
    width: calc(301 * var(--lp-sp-size) / var(--lp-pc-size));
    height: calc(299 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_keep_list {
    margin-top: calc(65 * var(--lp-sp-size) / var(--lp-pc-size));
    padding-left: calc(5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_keep_list_item span {
    padding: calc(5 * var(--lp-sp-size) / var(--lp-pc-size));
    padding-left: calc(27 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_keep_list_item span + span {
    margin-top: calc(-5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_keep_list_item:not(:first-child) {
    margin-top: calc(6.5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning_keep_list_item span::before {
    top: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
    width: calc(15.5 * var(--lp-sp-size) / var(--lp-pc-size));
    height: calc(14.5 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(8 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  /*  */
  /* .l-new */
  /*  */
  .l-new {
    padding: calc(50 * var(--lp-sp-size) / var(--lp-pc-size))
      calc(10 * var(--lp-sp-size) / var(--lp-pc-size)) 0;
  }

  .l-new::before {
    top: calc(-45 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-new_bubble {
    width: calc(36 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(-10 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-new_bubble02 {
    width: calc(61.5 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(200 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(-30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-new_bubble03 {
    width: calc(48 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(30 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(-25 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-new_bubble04 {
    width: calc(17 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(50 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-new_bubble05 {
    width: calc(11 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-new_txt {
    font-size: calc(18 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-new_txt .l-new_txt_img {
    width: calc(272 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-new_txt_sub {
    font-size: calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-new_txt_wrapper {
    width: calc(256.5 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(50 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-new_txt03 {
    font-size: calc(18 * var(--lp-sp-size) / var(--lp-pc-size));
    padding: calc(10 * var(--lp-sp-size) / var(--lp-pc-size))
      calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(12 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-new_txt03::before {
    content: "";
    display: block;
    width: calc(122 * var(--lp-sp-size) / var(--lp-pc-size));
    height: calc(120.5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-new_txt03_sub {
    font-size: calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-new_txt03_img {
    width: calc(34 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-new_txt04 {
    margin-top: calc(35 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  /*  */
  /* .l-three */
  /*  */
  .l-three {
    margin-top: calc(35 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-three_txt {
    padding: 0 calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-bottom: calc(25 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-three_bubble {
    width: calc(64.5 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(-50 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-three_ttl {
    width: calc(318.5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-three_ttl::before {
    width: calc(199 * var(--lp-sp-size) / var(--lp-pc-size));
    height: calc(166.5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-three_list {
    margin-top: calc(25 * var(--lp-sp-size) / var(--lp-pc-size));
    width: calc(100% - (30 * var(--lp-sp-size) / var(--lp-pc-size)));
  }

  .l-three_list_item img {
    width: calc(85 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(8.5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-three_list_item_ttl {
    margin-top: calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-three_list_item_txt {
    margin-top: calc(8 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-three_list_item_txt_em {
    border-bottom: calc(2 * var(--lp-sp-size) / var(--lp-pc-size)) solid
      var(--lp-color-pink);
  }

  .l-three_txt_under {
    padding: 0 calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  /*  */
  /* l-charge */
  /*  */
  .l-charge {
    padding: calc(30 * var(--lp-sp-size) / var(--lp-pc-size))
      calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
    border-radius: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(27 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-charge_bubble {
    width: calc(61.5 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(-20 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(-20 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-charge_bubble02 {
    width: calc(25 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(3 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-charge_bubble03 {
    width: calc(67 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(-20 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-charge_img_txt {
    width: calc(227 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-charge_img {
    margin-top: calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-charge_img_txt02 {
    width: calc(170 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(6.5 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(6 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  /*  */
  /* l-dryness */
  /*  */
  .l-dryness {
    margin-top: calc(30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-dryness::before {
    height: calc(240 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(-50 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-dryness_bubble {
    width: calc(95.5 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(-40 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(-50 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-dryness_bubble02 {
    width: calc(33.5 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-dryness_img {
    width: calc(262 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-dryness_img02 {
    position: absolute;
    top: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(50 * var(--lp-sp-size) / var(--lp-pc-size));
    width: calc(206.5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  /*  */
  /* l-high_water */
  /*  */
  .l-high_water {
    margin-top: calc(65 * var(--lp-sp-size) / var(--lp-pc-size));
    padding: 0 calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-high_water_bubble {
    width: calc(72 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(-30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-high_water_bubble02 {
    width: calc(25 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(-10 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-high_water_ttl {
    width: calc(329.5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-high_water_content {
    gap: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(23 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-high_water_content_img {
    width: calc(95 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-high_water_txt {
    font-size: calc(13 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-high_water_txt_em_sub {
    font-size: calc(18 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(-10 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-high_water_bottom {
    border: calc(1 * var(--lp-sp-size) / var(--lp-pc-size)) solid #b88e54;
    border-radius: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(25 * var(--lp-sp-size) / var(--lp-pc-size));
    padding: calc(12 * var(--lp-sp-size) / var(--lp-pc-size)) 0;
  }

  .l-high_water_bottom_txt_em {
    font-size: calc(19 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-high_water_bottom_txt_em::before {
    height: calc(2.5 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(-5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-high_water_bottom_arrow {
    margin-top: calc(12.5 * var(--lp-sp-size) / var(--lp-pc-size));
    width: calc(71 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  /*  */
  /* l-pure */
  /*  */
  .l-pure {
    margin-top: calc(12.5 * var(--lp-sp-size) / var(--lp-pc-size));
    padding: 0 calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  /*  */
  /* l-glycyrrhiza */
  /*  */
  .l-glycyrrhiza {
    margin-top: calc(27.5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-glycyrrhiza_ttl {
    font-size: calc(18 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-glycyrrhiza_ttl img {
    margin-inline: auto;
    width: calc(229 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-glycyrrhiza_img {
    padding: 0 calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-pure_btm {
    margin-top: calc(37.5 * var(--lp-sp-size) / var(--lp-pc-size));
    font-size: calc(18 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-pure_btm_bubble {
    width: calc(51 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(100 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(-20 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-pure_btm_img {
    width: calc(207.5 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(12 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-pure_btm_txt02 {
    margin-top: calc(25 * var(--lp-sp-size) / var(--lp-pc-size));
    font-size: calc(22 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-pure_btm_txt02_line::before {
    height: calc(2 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(-5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning02 {
    margin-top: calc(70 * var(--lp-sp-size) / var(--lp-pc-size));
    padding-bottom: calc(95 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning02_bubble {
    width: calc(20.5 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(-60 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(100 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning02_bubble02 {
    width: calc(25 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(50 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning02_bubble03 {
    width: calc(72 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(80 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning02_bubble04 {
    width: calc(24.5 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning02_txt_main {
    width: calc(242 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning02_txt_sub {
    top: calc(3 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(75 * var(--lp-sp-size) / var(--lp-pc-size));
    width: calc(142.5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-morning02_img {
    width: calc(207.5 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(-40 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(-10 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-booster_btn {
    width: calc(100% - (30 * var(--lp-sp-size) / var(--lp-pc-size)));
    margin-top: calc(32.5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_ttl {
    padding: calc(40 * var(--lp-sp-size) / var(--lp-pc-size)) 0
      calc(28 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_ttl_img {
    width: calc(248 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_ttl_bubble02 {
    width: calc(68.5 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(-50 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(-20 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_ttl_bubble {
    width: calc(90 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(-60 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(-20 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_list_item {
    padding-bottom: calc(25 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_list_ttl {
    width: calc(100% - (30 * var(--lp-sp-size) / var(--lp-pc-size)));
    border-radius: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
    padding: calc(10 * var(--lp-sp-size) / var(--lp-pc-size)) 0;
  }

  .l-special_care_list_ttl.is-01 {
    top: calc(165 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_list_ttl.is-02 {
    top: calc(315 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_list_item_txt {
    margin-top: calc(72.5 * var(--lp-sp-size) / var(--lp-pc-size));
    gap: calc(8 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_list_item.is-01 .l-special_care_list_item_txt {
    padding-left: calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_list_item.is-02 .l-special_care_list_item_txt {
    padding: 0 calc(8 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_list_item.is-03 .l-special_care_list_item_txt {
    padding-right: calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
    padding-left: calc(8 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_list_item_txt_btm {
    margin-top: calc(70 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_list_item_ttl {
    font-size: calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
    height: calc(40 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_list_item_img {
    margin-top: calc(11 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_list_item_img.is-01 {
    width: calc(61 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_list_item_img.is-02 {
    width: calc(37 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-special_care_list_item_img.is-03 {
    width: calc(23.5 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_btn {
    width: calc(350 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_btn_bubble {
    width: calc(24.5 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_ttl {
    width: calc(302.5 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_ttl_bubble {
    width: calc(64.5 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(-75 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(-30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_ttl_bubble02 {
    width: calc(14.5 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(750 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(-30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_ttl_bubble03 {
    width: calc(90 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(-75 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_list {
    margin-top: calc(18 * var(--lp-sp-size) / var(--lp-pc-size));
    padding: 0 calc(15 * var(--lp-sp-size) / var(--lp-pc-size));
    gap: calc(25 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_list_item {
    gap: calc(22 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_list_item_img_block {
    width: calc(98 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_list_item_ttl {
    font-size: calc(19 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_list_item_txt {
    margin-top: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_txt {
    margin-top: calc(40 * var(--lp-sp-size) / var(--lp-pc-size));
    font-size: calc(17 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_txt_bubble {
    width: calc(72 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(-10 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(-40 * var(--lp-sp-size) / var(--lp-pc-size));
    object-fit: contain;
  }

  .l-moisturizing_txt_bubble02 {
    width: calc(51 * var(--lp-sp-size) / var(--lp-pc-size));
    left: calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(-30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_ttl02 {
    width: calc(246.5 * var(--lp-sp-size) / var(--lp-pc-size));
    margin-top: calc(-30 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_ttl02_bubble {
    width: calc(20.5 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(-50 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_img {
    width: calc(345 * var(--lp-sp-size) / var(--lp-pc-size));
    margin: calc(10 * var(--lp-sp-size) / var(--lp-pc-size)) auto
      calc(50 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_img_bg02 {
    width: calc(48 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(-30 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(10 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_list_item_bubble {
    width: calc(14.5 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(-10 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_list_item_bubble03 {
    width: calc(24.5 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: calc(-10 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(20 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-moisturizing_list_item_bubble04 {
    width: calc(14.5 * var(--lp-sp-size) / var(--lp-pc-size));
    bottom: 0;
    left: calc(100 * var(--lp-sp-size) / var(--lp-pc-size));
  }

  .l-step_bg {
    width: calc(78.5 * var(--lp-sp-size) / var(--lp-pc-size));
    top: calc(-10 * var(--lp-sp-size) / var(--lp-pc-size));
    right: calc(-40 * var(--lp-sp-size) / var(--lp-pc-size));
  }
}

@media (hover: hover) {
  .l-cp_bnr:hover,
  .l-fixed_bnr:hover,
  .l-bnr_btn:hover,
  .l-bnr_img01:hover,
  .l-bnr_img02:hover {
    opacity: 0.6;
  }

  .l-lead_link:hover {
    background: var(--lp-color-blue);
    color: #fff;
  }

  .l-lead_link:hover path {
    stroke: #fff;
  }
}