.serumcoverliquidfounde .l-main .p-introduction__product .info .place {
    --fz          : 22;
    --lh          : 1.1;
    --fw          : 400;
    --ls          : 0;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-introduction__product .info .place .val {
    --fz          : 30;
    --lh          : 1;
    --fw          : 400;
    --ls          : -0.02em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-introduction__product .info .place .tax {
    font-feature-settings: "palt"on;
    vertical-align       : bottom
}

.serumcoverliquidfounde .l-main .p-introduction__product .info .place .tax {
    --fz          : 12;
    --lh          : 1.6;
    --fw          : 400;
    --ls          : 0.04em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-introduction__product .info .cap {
    display   : block;
    color     : #656261;
    text-align: center;
    margin-top: .6rem
}

.serumcoverliquidfounde .l-main .p-introduction__product .info .cap {
    --fz          : 10;
    --lh          : 1.6;
    --fw          : 400;
    --ls          : 0.14em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-introduction__product .feature {
    width : 33.4rem;
    margin: 2rem auto 0
}

.serumcoverliquidfounde .l-main .p-introduction__product .feature img {
    display: block;
    width  : 100%
}

.serumcoverliquidfounde .l-main .p-introduction__product .m-button {
    margin-top: 3.2rem
}

.serumcoverliquidfounde .l-main .p-approach {
    background-color: #fff;
    pointer-events  : all
}

.serumcoverliquidfounde .l-main .p-approach .container {
    --x          : 4.8rem;
    width        : calc(100% - var(--x));
    margin-inline: auto;
    padding-block: 3.2rem 2.4rem
}

.serumcoverliquidfounde .l-main .p-approach__wrap {
    padding: 3.2rem 2.4rem 2.4rem;
    border : 1px solid rgba(222, 2, 46, .2)
}

.serumcoverliquidfounde .l-main .p-approach__hl .red {
    margin-bottom: .2rem
}

.serumcoverliquidfounde .l-main .p-approach__hl .red>span {
    --ls: 0.08rem
}

.serumcoverliquidfounde .l-main .p-approach__hl .lead {
    text-align: center;
    margin-top: 2rem
}

.serumcoverliquidfounde .l-main .p-approach__hl .lead img {
    width: 31.4rem
}

.serumcoverliquidfounde .l-main .p-approach__list {
    margin-top: 1.6rem
}

.serumcoverliquidfounde .l-main .p-approach__list-item {
    padding      : 1.6rem 2rem 2rem;
    border-radius: .6rem;
    background   : linear-gradient(103deg, #FFF2DB 0%, #FFF9EF 15%, #FFF9EF 30%, #FFF2DB 64%, #FFF9EF 86%, #FFF9EF 100%)
}

.serumcoverliquidfounde .l-main .p-approach__list-item:first-child {
    position: relative
}

.serumcoverliquidfounde .l-main .p-approach__list-item:first-child::before {
    content                : "";
    position               : absolute;
    bottom                 : -0.8rem;
    translate              : 0 50%;
    left                   : 0;
    right                  : 0;
    margin-inline          : auto;
    width                  : 3.2rem;
    height                 : 3.2rem;
    border                 : 1px solid #e2a32e;
    background-color       : #fff;
    border-radius          : 50%;
    background-image       : url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3CforeignObject%20x%3D%22-6%22%20y%3D%22-6%22%20width%3D%2244%22%20height%3D%2244%22%3E%3Cdiv%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml%22%20style%3D%22backdrop-filter%3Ablur(3px)%3Bclip-path%3Aurl(%23bgblur_0_4099_307_clip_path)%3Bheight%3A100%25%3Bwidth%3A100%25%22%3E%3C%2Fdiv%3E%3C%2FforeignObject%3E%3Cg%20data-figma-bg-blur-radius%3D%226%22%3E%3Crect%20x%3D%2211.5%22%20y%3D%2219.8887%22%20width%3D%2212%22%20height%3D%221%22%20transform%3D%22rotate(-45%2011.5%2019.8887)%22%20fill%3D%22%23DF9710%22%2F%3E%3Crect%20width%3D%2212%22%20height%3D%221%22%20transform%3D%22matrix(-0.707107%20-0.707107%20-0.707107%200.707107%2020.5%2019.8887)%22%20fill%3D%22%23DF9710%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22bgblur_0_4099_307_clip_path%22%20transform%3D%22translate(6%206)%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    background-size        : 100%;
    background-repeat      : no-repeat;
    background-position    : center;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter        : blur(6px)
}

.serumcoverliquidfounde .l-main .p-approach__list-item+div {
    margin-top: 1.6rem
}

.serumcoverliquidfounde .l-main .p-approach__list dt {
    display        : flex;
    align-items    : center;
    -moz-column-gap: .8rem;
    column-gap     : .8rem
}

.serumcoverliquidfounde .l-main .p-approach__list dt {
    --fz          : 15;
    --lh          : 1.5;
    --fw          : 400;
    --ls          : 0.18em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-approach__list dt::before,
.serumcoverliquidfounde .l-main .p-approach__list dt::after {
    content         : "";
    height          : 1px;
    flex-grow       : 1;
    background-color: #e2a32e
}

.serumcoverliquidfounde .l-main .p-approach__list dd {
    margin-top: .8rem
}

.serumcoverliquidfounde .l-main .p-approach__list dd {
    --fz          : 13;
    --lh          : 1.8;
    --fw          : 400;
    --ls          : 0.1em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-approach__list dd sup {
    font-size     : 1rem;
    letter-spacing: 0;
    margin-right  : 2px
}

.serumcoverliquidfounde .l-main .p-approach__image {
    margin-top: 2.4rem
}

.serumcoverliquidfounde .l-main .p-approach__image img {
    display: block;
    width  : 100%
}

.serumcoverliquidfounde .l-main .p-approach__image figcaption {
    text-align: right;
    color     : #656261;
    margin-top: .8rem
}

.serumcoverliquidfounde .l-main .p-approach__image figcaption {
    --fz          : 10;
    --lh          : 1;
    --fw          : 400;
    --ls          : 0em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-approach__cap {
    margin-top: 1.6rem;
    color     : #656261
}

.serumcoverliquidfounde .l-main .p-approach__cap {
    --fz          : 10;
    --lh          : 1.8;
    --fw          : 400;
    --ls          : 0;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-approach__cap p {
    display              : grid;
    grid-template-columns: auto 1fr;
    -moz-column-gap      : .5em;
    column-gap           : .5em
}

.serumcoverliquidfounde .l-main .p-feature {
    --connect-mask-color   : #FFFFFF;
    --connect-mask-re-color: #FFF9EF;
    z-index                : 3
}

.serumcoverliquidfounde .l-main .p-feature .connect-mask+div {
    padding-top: 4rem
}

.serumcoverliquidfounde .l-main .p-feature__grad {
    background: linear-gradient(340deg, #FF7692 0.04%, #E70A36 34.16%, #FF6281 55.31%, #ED0B38 80.3%, #FF7692 100%)
}

.serumcoverliquidfounde .l-main .p-feature .m-loop-text {
    margin-top: 2.4rem
}

.serumcoverliquidfounde .l-main .p-feature .m-loop-text__track {
    display: flex;
    opacity: .5
}

.serumcoverliquidfounde .l-main .p-feature .m-loop-text__list {
    display        : flex;
    flex-shrink    : 0;
    padding-right  : 1.8rem;
    -moz-column-gap: 1.8rem;
    column-gap     : 1.8rem;
    will-change    : translate;
    translate      : var(--mod-translate, 0) 0
}

.serumcoverliquidfounde .l-main .p-feature__nav {
    --x           : 4.8rem;
    width         : calc(100% - var(--x));
    margin-inline : auto;
    margin-top    : 1.6rem;
    padding-bottom: 7.2rem
}

.serumcoverliquidfounde .l-main .p-feature__nav-item+li {
    margin-top: .8rem
}

.serumcoverliquidfounde .l-main .p-feature__nav-link {
    display              : grid;
    grid-template-columns: auto 1fr;
    align-items          : center;
    height               : 9.4rem;
    border-radius        : .6rem;
    background-color     : #fff;
    padding              : 1.6rem 2.4rem 1.6rem 1.6rem;
    position             : relative;
    text-decoration      : none;
    transition           : opacity .3s cubic-bezier(0.3, 0.015, 0.12, 1)
}

@media screen and (min-width: 1024px)and (hover: hover),
screen and (min-width: 1024px)and (pointer: fine) {
    .serumcoverliquidfounde .l-main .p-feature__nav-link:hover {
        opacity: .8
    }
}

.serumcoverliquidfounde .l-main .p-feature__nav-link .value {
    font-family     : "Figtree", sans-serif;
    width           : 4.2rem;
    height          : 4.2rem;
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
    background-color: #171414;
    border-radius   : .4rem;
    color           : rgba(255, 255, 255, .8)
}

.serumcoverliquidfounde .l-main .p-feature__nav-link .value {
    --fz          : 11;
    --lh          : 1;
    --fw          : 400;
    --ls          : 0.01em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__nav-link .value .num {
    color: #fff
}

.serumcoverliquidfounde .l-main .p-feature__nav-link .value .num {
    --fz          : 17;
    --lh          : 1;
    --fw          : 400;
    --ls          : 0.02em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__nav-link .label {
    text-align: center
}

.serumcoverliquidfounde .l-main .p-feature__nav-link .label-en {
    display    : block;
    font-family: "Figtree", sans-serif;
    color      : #de022e
}

.serumcoverliquidfounde .l-main .p-feature__nav-link .label-en {
    --fz          : 13;
    --lh          : 1;
    --fw          : 400;
    --ls          : 0.04em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__nav-link .label-jp {
    display   : block;
    margin-top: .6rem;
    color     : #171414
}

.serumcoverliquidfounde .l-main .p-feature__nav-link .label-jp {
    --fz          : 15;
    --lh          : 1.5;
    --fw          : 500;
    --ls          : 0.14em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__nav-link .label-jp sup {
    font-size     : 1rem;
    letter-spacing: 0;
    margin-right  : 2px
}

.serumcoverliquidfounde .l-main .p-feature__nav-link .arrow {
    position    : absolute;
    right       : 2rem;
    top         : .6rem;
    bottom      : 0;
    width       : .7rem;
    height      : 1rem;
    margin-block: auto;
    color       : #171414;
    opacity     : .25
}

.serumcoverliquidfounde .l-main .p-feature__nav-link .arrow svg {
    rotate: -90deg
}

.serumcoverliquidfounde .l-main .p-feature__nav-cap {
    margin-top: 1.2rem;
    color     : #fff
}

.serumcoverliquidfounde .l-main .p-feature__nav-cap {
    --fz          : 10;
    --lh          : 1.8;
    --fw          : 400;
    --ls          : 0;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__nav-cap p {
    display              : grid;
    grid-template-columns: auto 1fr;
    -moz-column-gap      : .5em;
    column-gap           : .5em
}

.serumcoverliquidfounde .l-main .p-feature__point {
    background-color: #fff
}

.serumcoverliquidfounde .l-main .p-feature__point-item {
    padding   : 3.2rem 2.4rem 6.4rem;
    border-top: 1px solid rgba(23, 20, 20, .15);
    position  : relative
}

.serumcoverliquidfounde .l-main .p-feature__point-value {
    font-family     : "Figtree", sans-serif;
    position        : absolute;
    top             : -1.5rem;
    left            : 0;
    right           : 0;
    margin-inline   : auto;
    display         : flex;
    align-items     : baseline;
    justify-content : center;
    width           : 9.7rem;
    height          : 2.8rem;
    border-radius   : .4rem;
    padding-top     : .6rem;
    -moz-column-gap : .4rem;
    column-gap      : .4rem;
    background-color: #171414;
    color           : rgba(255, 255, 255, .8)
}

.serumcoverliquidfounde .l-main .p-feature__point-value {
    --fz          : 14;
    --lh          : 1.1;
    --fw          : 400;
    --ls          : 0.02em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__point-value .num {
    color: #fff
}

.serumcoverliquidfounde .l-main .p-feature__point-value .num {
    --fz          : 17;
    --lh          : 1;
    --fw          : 400;
    --ls          : 0.02em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__point-text {
    margin-top: 2.4rem
}

.serumcoverliquidfounde .l-main .p-feature__point-text p {
    --fz          : 14;
    --lh          : 1.8;
    --fw          : 400;
    --ls          : 0.14em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__point-text p sup {
    font-size     : 1rem;
    letter-spacing: 0;
    margin-right  : 2px
}

.serumcoverliquidfounde .l-main .p-feature__point-image {
    margin-top: 1.6rem
}

.serumcoverliquidfounde .l-main .p-feature__point-image img {
    display: block;
    width  : 100%
}

.serumcoverliquidfounde .l-main .p-feature__point-image img+img {
    margin-top: .8rem
}

.serumcoverliquidfounde .l-main .p-feature__point-clip {
    margin-top: 1.6rem
}

.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-images {
    --toggle-size: 5rem;
    display      : grid;
    position     : relative;
    overflow     : hidden
}

.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-images__before,
.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-images__after {
    grid-column: 1;
    grid-row   : 1;
    position   : relative;
    overflow   : hidden
}

.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-images__before figcaption,
.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-images__after figcaption {
    font-family    : "Figtree", sans-serif;
    position       : absolute;
    bottom         : 0;
    display        : flex;
    align-items    : center;
    justify-content: center;
    width          : 6.3rem;
    height         : 2.3rem;
    color          : #fff
}

.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-images__before figcaption,
.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-images__after figcaption {
    --fz          : 12;
    --lh          : 1;
    --fw          : 400;
    --ls          : 0.06em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-images__before figcaption {
    left            : 0;
    background-color: #656261
}

.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-images__after {
    -webkit-clip-path: inset(0 0 0 calc(var(--toggle-size) * 0.5 + var(--clip-val, 42.5%)));
    clip-path        : inset(0 0 0 calc(var(--toggle-size) * 0.5 + var(--clip-val, 42.5%)))
}

.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-images__after figcaption {
    right           : 0;
    background-color: #de022e
}

.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-images__toggle {
    position           : absolute;
    width              : 100%;
    left               : 0;
    top                : 0;
    height             : 100%;
    translate          : var(--clip-val, 42.5%) 0;
    pointer-events     : none;
    -webkit-user-select: none;
    -moz-user-select   : none;
    user-select        : none
}

.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-images__toggle::before {
    content         : "";
    position        : absolute;
    top             : 0;
    left            : calc(var(--toggle-size)*.5);
    margin          : auto;
    width           : 1px;
    height          : 100%;
    background-color: #fff
}

.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-images__toggle .arrow {
    width                  : var(--toggle-size);
    height                 : var(--toggle-size);
    display                : flex;
    align-items            : center;
    justify-content        : center;
    border                 : 1px solid #fff;
    border-radius          : 50%;
    background-color       : rgba(255, 255, 255, .2);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter        : blur(5px);
    pointer-events         : all;
    cursor                 : -webkit-grab;
    cursor                 : grab;
    position               : absolute;
    top                    : 0;
    transform              : translateY(200%)
}

.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-images__toggle .arrow:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-images__toggle .arrow svg {
    padding: 25%
}

.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-cap {
    text-align: right;
    color     : #656261;
    margin-top: .8rem
}

.serumcoverliquidfounde .l-main .p-feature__point-clip .clip-cap {
    --fz          : 10;
    --lh          : 1;
    --fw          : 400;
    --ls          : 0em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__point-secret {
    margin-top: 3.2rem
}

.serumcoverliquidfounde .l-main .p-feature__point-secret-desc {
    padding: 2rem 1.7rem
}

.serumcoverliquidfounde .l-main .p-feature__point-secret-desc>p {
    --fz          : 14;
    --lh          : 1.8;
    --fw          : 400;
    --ls          : 0.14em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__point-secret-desc>p.center {
    text-align: center
}

.serumcoverliquidfounde .l-main .p-feature__point-secret-desc figure {
    margin-top: 2rem
}

.serumcoverliquidfounde .l-main .p-feature__point-secret-desc figure img {
    display: block;
    width  : 100%
}

.serumcoverliquidfounde .l-main .p-feature__point-secret-desc figure figcaption {
    text-align: right;
    color     : #656261;
    margin-top: .8rem
}

.serumcoverliquidfounde .l-main .p-feature__point-secret-desc figure figcaption {
    --fz          : 10;
    --lh          : 1;
    --fw          : 400;
    --ls          : 0em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__point-secret .secret__list {
    margin-top    : 2.4rem;
    padding-inline: .65rem
}

.serumcoverliquidfounde .l-main .p-feature__point-secret .secret__list-item {
    padding-block        : 1.6rem;
    border-top           : 1px dashed rgba(46, 14, 21, .3);
    display              : grid;
    grid-template-columns: auto 1fr;
    grid-template-areas  : "icon dt""icon dd";
    gap                  : .8rem 1.6rem
}

.serumcoverliquidfounde .l-main .p-feature__point-secret .secret__list-item:last-child {
    padding-bottom: 0
}

.serumcoverliquidfounde .l-main .p-feature__point-secret .secret__list dt {
    -ms-grid-row     : 1;
    -ms-grid-column  : 3;
    grid-area        : dt;
    display          : flex;
    height           : 2.5rem;
    background-color : #e2a32e;
    -webkit-clip-path: polygon(1.6rem 0%, 100% 0%, calc(100% - 1.6rem) 100%, 0% 100%);
    clip-path        : polygon(1.6rem 0%, 100% 0%, calc(100% - 1.6rem) 100%, 0% 100%)
}

.serumcoverliquidfounde .l-main .p-feature__point-secret .secret__list dt span {
    color          : #fff;
    flex-grow      : 1;
    display        : flex;
    align-items    : center;
    justify-content: center
}

.serumcoverliquidfounde .l-main .p-feature__point-secret .secret__list dt span {
    --fz          : 12;
    --lh          : 1;
    --fw          : 500;
    --ls          : 0.1em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__point-secret .secret__list dd {
    display: contents
}

.serumcoverliquidfounde .l-main .p-feature__point-secret .secret__list dd .icon {
    -ms-grid-row     : 1;
    -ms-grid-row-span: 3;
    -ms-grid-column  : 1;
    grid-area        : icon;
    width            : 5.6rem
}

.serumcoverliquidfounde .l-main .p-feature__point-secret .secret__list dd .icon img {
    display: block;
    width  : 100%
}

.serumcoverliquidfounde .l-main .p-feature__point-secret .secret__list dd p {
    -ms-grid-row   : 3;
    -ms-grid-column: 3;
    grid-area      : dd
}

.serumcoverliquidfounde .l-main .p-feature__point-secret .secret__list dd p {
    --fz          : 13;
    --lh          : 1.8;
    --fw          : 400;
    --ls          : 0.01em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__point-cap {
    margin-top: 1.6rem;
    color     : #656261
}

.serumcoverliquidfounde .l-main .p-feature__point-cap {
    --fz          : 10;
    --lh          : 1.8;
    --fw          : 400;
    --ls          : 0;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__point-cap p {
    display              : grid;
    grid-template-columns: auto 1fr;
    -moz-column-gap      : .5em;
    column-gap           : .5em
}

.serumcoverliquidfounde .l-main .p-feature__point-moisture {
    margin-top: 1.6rem
}

.serumcoverliquidfounde .l-main .p-feature__point-moisture .moisture__list {
    display        : flex;
    flex-wrap      : wrap;
    justify-content: center;
    gap            : 1.6rem 1.2rem
}

.serumcoverliquidfounde .l-main .p-feature__point-moisture .moisture__list-item {
    width: 8.6rem
}

.serumcoverliquidfounde .l-main .p-feature__point-moisture .moisture__list-item img {
    display      : block;
    width        : 100%;
    border-radius: 1.2rem
}

.serumcoverliquidfounde .l-main .p-feature__point-moisture .moisture__list-item figcaption {
    text-align: center;
    margin-top: .8rem
}

.serumcoverliquidfounde .l-main .p-feature__point-moisture .moisture__list-item figcaption {
    --fz          : 11;
    --lh          : 1.4;
    --fw          : 400 0.14em;
    --ls          : 0em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__point-moisture .moisture__list-item figcaption sup {
    font-size  : .7rem;
    margin-left: 2px
}

.serumcoverliquidfounde .l-main .p-feature__point-moisture .moisture-cap {
    text-align: right;
    color     : #656261;
    margin-top: 1.6rem
}

.serumcoverliquidfounde .l-main .p-feature__point-moisture .moisture-cap {
    --fz          : 10;
    --lh          : 1;
    --fw          : 400;
    --ls          : 0em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__movie {
    background: linear-gradient(340deg, #FF7692 0.04%, #E70A36 34.16%, #FF6281 55.31%, #ED0B38 80.3%, #FF7692 100%)
}

.serumcoverliquidfounde .l-main .p-feature__movie-inner {
    padding: 4rem 2.4rem 2.4rem
}

.serumcoverliquidfounde .l-main .p-feature__movie h3 {
    color     : #fff;
    text-align: center
}

.serumcoverliquidfounde .l-main .p-feature__movie h3 {
    --fz          : 34;
    --lh          : 1.2;
    --fw          : 400;
    --ls          : 0.04em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-feature__movie-media {
    position  : relative;
    margin-top: .8rem
}

.serumcoverliquidfounde .l-main .p-feature__movie-media .media img {
    display   : block;
    width     : 100%;
    position  : relative;
    z-index   : 2;
    transition: opacity .6s cubic-bezier(0.3, 0.015, 0.12, 1)
}

.serumcoverliquidfounde .l-main .p-feature__movie-media .media video {
    position     : absolute;
    inset        : 0;
    margin       : auto;
    width        : 100%;
    height       : 100%;
    -o-object-fit: cover;
    object-fit   : cover
}

.serumcoverliquidfounde .l-main .p-feature__movie-media .m-play-movie-button {
    z-index   : 3;
    transition: opacity .6s cubic-bezier(0.3, 0.015, 0.12, 1)
}

.serumcoverliquidfounde .l-main .p-feature__movie-media.isPlaying .media img {
    opacity       : 0;
    pointer-events: none
}

.serumcoverliquidfounde .l-main .p-feature__movie-media.isPlaying .m-play-movie-button {
    opacity       : 0;
    pointer-events: none
}

.serumcoverliquidfounde .l-main .p-feature .has-acdn-toggle {
    border: 1px solid rgba(226, 163, 46, .5)
}

.serumcoverliquidfounde .l-main .p-feature .acdn-toggle-btn {
    --acdn-btn-bdr-color : rgba(226, 163, 46, 0.7);
    --acdn-btn-icon-color: rgba(226, 163, 46, 0.7);
    padding-inline       : 2.4rem 1.6rem;
    position             : relative
}

.serumcoverliquidfounde .l-main .p-feature .acdn-toggle-btn::before {
    content          : "";
    width            : 1rem;
    height           : 1rem;
    background-color : #e2a32e;
    position         : absolute;
    left             : 0;
    top              : 0;
    -webkit-clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path        : polygon(100% 0, 100% 0%, 100% 100%, 0% 100%);
    scale            : -1
}

.serumcoverliquidfounde .l-main .p-feature .acdn-toggle-btn .label {
    --fz: 16;
    --fw: 500
}

.serumcoverliquidfounde .l-main .p-feature .acdn-toggle-btn .label span {
    color: #e2a32e
}

.serumcoverliquidfounde .l-main .p-feature .acdn-toggle-btn .label sup {
    font-size     : 1rem;
    font-weight   : 500;
    letter-spacing: 0;
    margin-right  : 2px
}

@media screen and (min-width: 1024px)and (hover: hover),
screen and (min-width: 1024px)and (pointer: fine) {
    .serumcoverliquidfounde .l-main .p-feature .acdn-toggle-btn:hover {
        --acdn-btn-bg-color  : #E2A32E;
        --acdn-btn-icon-color: #FFFFFF
    }
}

.serumcoverliquidfounde .l-main .p-feature .acdn-inner>*:first-child {
    border-top: 1px solid rgba(226, 163, 46, .5)
}

.serumcoverliquidfounde .l-main .p-color-lineup {
    background-color: #fff9ef;
    padding-top     : 4.8rem;
    margin-top      : -4.8rem
}

.serumcoverliquidfounde .l-main .p-color-lineup .container {
    --x          : 4.8rem;
    width        : calc(100% - var(--x));
    margin-inline: auto;
    padding-block: 4rem 2.4rem
}

.serumcoverliquidfounde .l-main .p-color-lineup__body {
    margin-top: 2.4rem
}

.serumcoverliquidfounde .l-main .p-color-lineup__body-graph {
    box-shadow: 0 0 2px 0 rgba(216, 145, 13, .5)
}

.serumcoverliquidfounde .l-main .p-color-lineup__body-graph img {
    display: block;
    width  : 100%
}

.serumcoverliquidfounde .l-main .p-color-lineup__list {
    display              : grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top           : 2.4rem;
    gap                  : .8rem
}

.serumcoverliquidfounde .l-main .p-color-lineup__list-item {
    border-radius: .6rem;
    box-shadow   : 0 0 2px 0 rgba(216, 145, 13, .5);
    overflow     : hidden
}

.serumcoverliquidfounde .l-main .p-color-lineup__list-item.is-color-10 {
    --lineup-clr: #FDE0D2
}

.serumcoverliquidfounde .l-main .p-color-lineup__list-item.is-color-01 {
    --lineup-clr: #FCDDC4
}

.serumcoverliquidfounde .l-main .p-color-lineup__list-item.is-color-02 {
    --lineup-clr: #F6D6B4
}

.serumcoverliquidfounde .l-main .p-color-lineup__list-item.is-color-03 {
    --lineup-clr: #F6E0B7
}

.serumcoverliquidfounde .l-main .p-color-lineup__list-item.is-color-04 {
    --lineup-clr: #EDC8A4
}

.serumcoverliquidfounde .l-main .p-color-lineup__list-item dt {
    height          : 2.3rem;
    display         : flex;
    align-items     : center;
    justify-content : center;
    background-color: var(--lineup-clr)
}

.serumcoverliquidfounde .l-main .p-color-lineup__list-item dt {
    --fz          : 13;
    --lh          : 1;
    --fw          : 500;
    --ls          : 0.08em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-color-lineup__list-item dd {
    background-color: #fff;
    padding-block   : .4rem 1.2rem;
    height          : 11.3rem
}

.serumcoverliquidfounde .l-main .p-color-lineup__list-item dd img {
    display      : block;
    width        : 11rem;
    margin-inline: auto
}

.serumcoverliquidfounde .l-main .p-color-lineup__list-item dd .label {
    display   : block;
    text-align: center
}

.serumcoverliquidfounde .l-main .p-color-lineup__list-item dd .label {
    --fz          : 13;
    --lh          : 1.3;
    --fw          : 400;
    --ls          : 0.08em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls);
    text-align    : left;
    width         : 85%;
    margin        : 0 auto
}

.serumcoverliquidfounde .l-main .p-htu {
    --color-yellow      : #E2A32E;
    --color-yellow-bg   : #FFF9EF;
    --connect-mask-color: var(--color-yellow-bg);
    background-color    : #fff
}

.serumcoverliquidfounde .l-main .p-htu .container {
    --x          : 4.8rem;
    width        : calc(100% - var(--x));
    margin-inline: auto;
    padding-block: 4rem 2.4rem
}

.serumcoverliquidfounde .l-main .p-htu__body {
    margin-top: 2.4rem
}

.serumcoverliquidfounde .l-main .p-htu__detail>picture img {
    display: block;
    width  : 100%;
    border : 1px solid rgba(23, 20, 20, .15)
}

.serumcoverliquidfounde .l-main .p-htu__detail>ul {
    padding-left: 0;
    list-style  : none
}

.serumcoverliquidfounde .l-main .p-htu__detail>ul li {
    display              : grid;
    grid-template-areas  : "mark text";
    grid-template-columns: auto 1fr
}

.serumcoverliquidfounde .l-main .p-htu__detail>ul li::before {
    -ms-grid-row   : 1;
    -ms-grid-column: 1;
    grid-area      : mark
}

.serumcoverliquidfounde .l-main .p-htu__detail>ul li+li {
    padding-top: .25lh
}

.serumcoverliquidfounde .l-main .p-htu__detail>ul li>ul,
.serumcoverliquidfounde .l-main .p-htu__detail>ul li>ol {
    grid-column  : 2;
    margin-top   : .25lh;
    margin-bottom: .25lh
}

.serumcoverliquidfounde .l-main .p-htu__detail>ul li>ul li,
.serumcoverliquidfounde .l-main .p-htu__detail>ul li>ol li {
    font-size: 1em
}

.serumcoverliquidfounde .l-main .p-htu__detail>ul>li {
    align-items: baseline
}

.serumcoverliquidfounde .l-main .p-htu__detail>ul>li::before {
    content         : "";
    width           : .5lh;
    height          : .5lh;
    border-radius   : 50%;
    flex-shrink     : 0;
    margin-inline   : 0 .3rem;
    background-color: var(--list-mark-color, currentColor);
    scale           : .5
}

.serumcoverliquidfounde .l-main .p-htu__detail>ul {
    --fz          : 14;
    --lh          : 1.8;
    --fw          : 400;
    --ls          : 0.14em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-htu__detail>ul li::before {
    border-radius   : 0;
    background-color: var(--color-yellow);
    rotate          : 45deg
}

.serumcoverliquidfounde .l-main .p-htu__detail dl {
    margin-top      : 1.6rem;
    background-color: var(--color-yellow-bg);
    border-radius   : .6rem;
    overflow        : hidden
}

.serumcoverliquidfounde .l-main .p-htu__detail dt {
    color           : #fff;
    background-color: var(--color-yellow);
    text-align      : center;
    padding-block   : .6rem
}

.serumcoverliquidfounde .l-main .p-htu__detail dt {
    --fz          : 13;
    --lh          : 1.3;
    --fw          : 500;
    --ls          : 0.1em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-htu__detail dd {
    padding: 1.2rem 1.6rem 2.2rem
}

.serumcoverliquidfounde .l-main .p-htu__detail dd>ul {
    --list-mark-color: rgba(23, 20, 20, 0.4);
    padding-left     : 0;
    list-style       : none
}

.serumcoverliquidfounde .l-main .p-htu__detail dd>ul li {
    display              : grid;
    grid-template-areas  : "mark text";
    grid-template-columns: auto 1fr
}

.serumcoverliquidfounde .l-main .p-htu__detail dd>ul li::before {
    -ms-grid-row   : 1;
    -ms-grid-column: 1;
    grid-area      : mark
}

.serumcoverliquidfounde .l-main .p-htu__detail dd>ul li+li {
    padding-top: .25lh
}

.serumcoverliquidfounde .l-main .p-htu__detail dd>ul li>ul,
.serumcoverliquidfounde .l-main .p-htu__detail dd>ul li>ol {
    grid-column  : 2;
    margin-top   : .25lh;
    margin-bottom: .25lh
}

.serumcoverliquidfounde .l-main .p-htu__detail dd>ul li>ul li,
.serumcoverliquidfounde .l-main .p-htu__detail dd>ul li>ol li {
    font-size: 1em
}

.serumcoverliquidfounde .l-main .p-htu__detail dd>ul>li {
    align-items: baseline
}

.serumcoverliquidfounde .l-main .p-htu__detail dd>ul>li::before {
    content         : "";
    width           : .5lh;
    height          : .5lh;
    border-radius   : 50%;
    flex-shrink     : 0;
    margin-inline   : 0 .3rem;
    background-color: var(--list-mark-color, currentColor);
    scale           : .5
}

.serumcoverliquidfounde .l-main .p-htu__detail dd>ul {
    --fz          : 13;
    --lh          : 1.8;
    --fw          : 400;
    --ls          : 0.1em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-htu__detail dd>ul .sg {
    font-weight: 500;
    color      : #de022e
}

.serumcoverliquidfounde .l-main .p-htu__detail dd>ul li:has(img) {
    padding-top : 1.2rem;
    padding-left: 1.6rem
}

.serumcoverliquidfounde .l-main .p-htu__detail dd>ul li:has(img) {
    --fz          : 12;
    --lh          : 1.6;
    --fw          : 400;
    --ls          : 0.1em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-htu__detail dd>ul li:has(img)::before {
    content: none
}

.serumcoverliquidfounde .l-main .p-htu__detail dd>ul li:has(img) picture {
    -ms-grid-row   : 1;
    -ms-grid-column: 1;
    grid-area      : mark;
    width          : 10rem;
    margin-right   : 1.2rem
}

.serumcoverliquidfounde .l-main .p-htu__recommend {
    margin-top: 4rem
}

.serumcoverliquidfounde .l-main .p-htu__recommend-hl [lang=en] {
    text-align: center;
    color     : var(--color-yellow);
    opacity   : .3
}

.serumcoverliquidfounde .l-main .p-htu__recommend-hl [lang=en] {
    --fz          : 34;
    --lh          : 1.2;
    --fw          : 400;
    --ls          : 0.04em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-htu__recommend-hl .bubble {
    color          : #de022e;
    display        : flex;
    justify-content: center;
    text-align     : center;
    -moz-column-gap: .8rem;
    column-gap     : .8rem;
    margin-top     : 1.6rem
}

.serumcoverliquidfounde .l-main .p-htu__recommend-hl .bubble {
    --fz          : 14;
    --lh          : 1.5;
    --fw          : 400;
    --ls          : 0.14em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-htu__recommend-hl .bubble::before,
.serumcoverliquidfounde .l-main .p-htu__recommend-hl .bubble::after {
    content          : "";
    display          : block;
    width            : 1.2rem;
    height           : 2.4rem;
    flex-shrink      : 0;
    margin-top       : auto;
    background-color : #de022e;
    -webkit-clip-path: polygon(calc(100% - 1px) 0%, 100% 0%, 1px 100%, 0% 100%);
    clip-path        : polygon(calc(100% - 1px) 0%, 100% 0%, 1px 100%, 0% 100%)
}

.serumcoverliquidfounde .l-main .p-htu__recommend-hl .bubble::before {
    scale: -1 1
}

.serumcoverliquidfounde .l-main .p-htu__recommend-hl h3 {
    text-align: center;
    margin-top: .8rem
}

.serumcoverliquidfounde .l-main .p-htu__recommend-hl h3 {
    --fz          : 22;
    --lh          : 1.5;
    --fw          : 400;
    --ls          : 0.1em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-htu__recommend-movie {
    position  : relative;
    margin-top: 2.4rem
}

.serumcoverliquidfounde .l-main .p-htu__recommend-movie .media img {
    display: block;
    width  : 100%
}

.serumcoverliquidfounde .l-main .p-htu__recommend-products {
    margin-top: 2.4rem
}

.serumcoverliquidfounde .l-main .p-htu__recommend-products h4 {
    display        : flex;
    justify-content: center;
    align-items    : center;
    -moz-column-gap: .8rem;
    column-gap     : .8rem
}

.serumcoverliquidfounde .l-main .p-htu__recommend-products h4 {
    --fz          : 15;
    --lh          : 1.5;
    --fw          : 400;
    --ls          : 0.14em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-htu__recommend-products h4::before,
.serumcoverliquidfounde .l-main .p-htu__recommend-products h4::after {
    content         : "";
    height          : 1px;
    flex-grow       : 1;
    background-color: currentColor;
    opacity         : .15
}

.serumcoverliquidfounde .l-main .p-htu__recommend-cap {
    margin-top: 1.6rem;
    color     : #656261
}

.serumcoverliquidfounde .l-main .p-htu__recommend-cap {
    --fz          : 10;
    --lh          : 1.8;
    --fw          : 400;
    --ls          : 0;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-htu__recommend-cap p {
    display              : grid;
    grid-template-columns: auto 1fr;
    -moz-column-gap      : .5em;
    column-gap           : .5em
}

.serumcoverliquidfounde .l-main .p-htu .products__list {
    margin-inline: calc(var(--x)*-0.5)
}

.serumcoverliquidfounde .l-main .p-htu .products__list-item+div {
    margin-top: 2.8rem
}

.serumcoverliquidfounde .l-main .p-htu .products__list-item.is-yellow {
    --product-dt-bg   : #FCDFA2;
    --product-dd-bg   : #FFF7E5;
    --product-step-ttl: #BB7F00
}

.serumcoverliquidfounde .l-main .p-htu .products__list-item.is-blue {
    --product-dt-bg   : #B3E0F1;
    --product-dd-bg   : #E7F2F6;
    --product-step-ttl: #3585A3
}

.serumcoverliquidfounde .l-main .p-htu .products__list-item.is-pink {
    --product-dt-bg   : #FCC7C9;
    --product-dd-bg   : #FFF6F8;
    --product-step-ttl: #CA5A5D
}

.serumcoverliquidfounde .l-main .p-htu .products__list-item.is-green {
    --product-dt-bg   : #9FE5D3;
    --product-dd-bg   : #E7FAF5;
    --product-step-ttl: #34997F
}

.serumcoverliquidfounde .l-main .p-htu .products__list dt {
    height          : 5.1rem;
    display         : flex;
    align-items     : center;
    justify-content : center;
    background-color: var(--product-dt-bg);
    border-radius   : 1rem 1rem 0 0
}

.serumcoverliquidfounde .l-main .p-htu .products__list dt {
    --fz          : 16;
    --lh          : 1.7;
    --fw          : 500;
    --ls          : 0.14em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-htu .products__list dt sup {
    font-size     : 1rem;
    line-height   : 1;
    letter-spacing: 0px;
    margin-bottom : .5lh;
    margin-right  : 2px
}

.serumcoverliquidfounde .l-main .p-htu .products__list dd {
    background-color: var(--product-dd-bg);
    padding         : 2.4rem 0 2rem
}

.serumcoverliquidfounde .l-main .p-htu .step__list {
    display           : flex;
    -moz-column-gap   : 1.6rem;
    column-gap        : 1.6rem;
    padding-inline    : 2.4rem;
    overflow-x        : auto;
    scrollbar-width   : none;
    -ms-overflow-style: none
}

.serumcoverliquidfounde .l-main .p-htu .step__list::-webkit-scrollbar {
    display: none
}

.serumcoverliquidfounde .l-main .p-htu .step__list-item {
    width      : 17rem;
    flex-shrink: 0;
    position   : relative;
    z-index    : 1
}

.serumcoverliquidfounde .l-main .p-htu .step__list-item:not(:last-child)::before {
    content          : "";
    position         : absolute;
    width            : 100%;
    height           : 3.2rem;
    top              : 0;
    left             : 2.4rem;
    z-index          : -1;
    background-color : var(--product-step-ttl);
    -webkit-clip-path: inset(calc(50% - 0.5px) 0);
    clip-path        : inset(calc(50% - 0.5px) 0)
}

.serumcoverliquidfounde .l-main .p-htu .step__list-ttl {
    width           : 100%;
    height          : 3.2rem;
    display         : flex;
    align-items     : center;
    justify-content : center;
    border-radius   : 100vmax;
    background-color: #fff;
    color           : var(--product-step-ttl);
    border          : 1px solid currentColor
}

.serumcoverliquidfounde .l-main .p-htu .step__list-ttl {
    --fz          : 13;
    --lh          : 1.5;
    --fw          : 400;
    --ls          : 0.1em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-htu .step__list-ttl .num {
    letter-spacing: .04em
}

.serumcoverliquidfounde .l-main .p-htu .step__list-product {
    position  : relative;
    margin-top: 2rem
}

.serumcoverliquidfounde .l-main .p-htu .step__list-product .batch {
    font-family    : "Figtree", sans-serif;
    color          : #fff;
    width          : 5rem;
    height         : 5rem;
    display        : flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 100%;
    background     : linear-gradient(135deg, #F02C53 0%, #DE022E 100%);
    position       : absolute;
    z-index        : 1;
    top            : 1rem;
    right          : 1.6rem
}

.serumcoverliquidfounde .l-main .p-htu .step__list-product .batch {
    --fz          : 12;
    --lh          : 1.2;
    --fw          : 500;
    --ls          : 0.04em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-htu .step__list-product img {
    display : block;
    width   : 100%;
    position: relative;
    z-index : 2
}

.serumcoverliquidfounde .l-main .p-htu .step__list-product .name {
    display   : block;
    text-align: center;
    margin-top: .6rem
}

.serumcoverliquidfounde .l-main .p-htu .step__list-product .name {
    --fz          : 14;
    --lh          : 1.4;
    --fw          : 400;
    --ls          : 0.14em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-htu .step__list-product .m-button {
    margin-top: 1.2rem
}

.serumcoverliquidfounde .l-main .p-htu .step__list-product .m-button-link {
    --m-btn-h: 4rem
}

.serumcoverliquidfounde .l-main .p-htu .step__list-product .m-button .label[lang=en] {
    --fz: 14;
    --lh: 1;
    --ls: 0.06em
}

.serumcoverliquidfounde .l-main .p-product {
    --color-01          : #FFF9EF;
    --color-02          : #E2A32E;
    --color-03          : #FFDE9B;
    --connect-mask-color: #FFFFFF;
    background-color    : var(--color-01)
}

.serumcoverliquidfounde .l-main .p-product .container {
    --x          : 4.8rem;
    width        : calc(100% - var(--x));
    margin-inline: auto;
    padding-block: 4rem 8rem
}

.serumcoverliquidfounde .l-main .p-product__body {
    margin-top: 2.4rem
}

.serumcoverliquidfounde .l-main .p-product__detail-inner {
    background-color: #fff;
    padding         : 6.4rem 2.4rem 3.2rem;
    position        : relative;
    z-index         : 1
}

.serumcoverliquidfounde .l-main .p-product__detail-en {
    position  : absolute;
    z-index   : -1;
    width     : 100%;
    top       : 1.6rem;
    left      : 0;
    text-align: center;
    color     : var(--color-02);
    opacity   : .4
}

.serumcoverliquidfounde .l-main .p-product__detail-en {
    --fz          : 40;
    --lh          : 1.1;
    --fw          : 400;
    --ls          : 0.08em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-product__detail-cap {
    margin-top: 1.6rem;
    color     : #656261
}

.serumcoverliquidfounde .l-main .p-product__detail-cap {
    --fz          : 10;
    --lh          : 1.8;
    --fw          : 400;
    --ls          : 0;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-product__slider-item {
    max-width: 33.4rem
}

.serumcoverliquidfounde .l-main .p-product__slider-item:not(:last-child) {
    margin-right: .8rem
}

.serumcoverliquidfounde .l-main .p-product__slider .m-control {
    margin-top: 1.6rem
}

.serumcoverliquidfounde .l-main .p-product__outline {
    margin-top: 2.4rem
}

.serumcoverliquidfounde .l-main .p-product__outline-name {
    text-align: center
}

.serumcoverliquidfounde .l-main .p-product__outline-name {
    --fz          : 18;
    --lh          : 1.6;
    --fw          : 600;
    --ls          : 0.14em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-product__outline-info {
    margin-top: 2rem
}

.serumcoverliquidfounde .l-main .p-product__outline .info .tag {
    display         : flex;
    align-items     : center;
    justify-content : center;
    width           : 12.7rem;
    height          : 2.1rem;
    background-color: var(--color-03);
    border-radius   : 100vmax;
    margin-inline   : auto
}

.serumcoverliquidfounde .l-main .p-product__outline .info .tag {
    --fz          : 10;
    --lh          : 1.1;
    --fw          : 400;
    --ls          : 0;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-product__outline .info .tag .num {
    font-size    : 1.2em;
    margin-inline: .1rem
}

.serumcoverliquidfounde .l-main .p-product__outline .info .tag .hr {
    font-weight   : 700;
    padding-inline: .3rem
}

.serumcoverliquidfounde .l-main .p-product__outline .info .place {
    margin-top: 1rem;
    display   : block;
    text-align: center
}

.serumcoverliquidfounde .l-main .p-product__outline .info .place {
    --fz          : 22;
    --lh          : 1.1;
    --fw          : 400;
    --ls          : 0;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-product__outline .info .place .val {
    --fz          : 30;
    --lh          : 1;
    --fw          : 400;
    --ls          : -0.02em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-product__outline .info .place .tax {
    font-feature-settings: "palt"on;
    vertical-align       : bottom
}

.serumcoverliquidfounde .l-main .p-product__outline .info .place .tax {
    --fz          : 12;
    --lh          : 1.6;
    --fw          : 400;
    --ls          : 0.04em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-product__outline .info .cap {
    display   : block;
    color     : #656261;
    text-align: center;
    margin-top: .6rem
}

.serumcoverliquidfounde .l-main .p-product__outline .info .cap {
    --fz          : 10;
    --lh          : 1.6;
    --fw          : 400;
    --ls          : 0.14em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-product__outline .point {
    margin-top: 2rem
}

.serumcoverliquidfounde .l-main .p-product__outline .point img {
    display: block;
    width  : 100%
}

.serumcoverliquidfounde .l-main .p-product__outline .m-button {
    margin-top: 3.2rem
}

.serumcoverliquidfounde .l-main .p-product__ingredient {
    border-top   : 1px solid rgba(23, 20, 20, .15);
    border-bottom: 1px solid rgba(23, 20, 20, .15);
    margin-top   : 4rem
}

.serumcoverliquidfounde .l-main .p-product__ingredient .acdn-toggle-btn {
    --acdn-btn-bdr-color : rgba(23, 20, 20, 0.5);
    --acdn-btn-icon-color: rgba(23, 20, 20, 0.5)
}

@media screen and (min-width: 1024px)and (hover: hover),
screen and (min-width: 1024px)and (pointer: fine) {
    .serumcoverliquidfounde .l-main .p-product__ingredient .acdn-toggle-btn:hover {
        --acdn-btn-bg-color  : rgba(23, 20, 20, 1);
        --acdn-btn-icon-color: #FFFFFF
    }
}

.serumcoverliquidfounde .l-main .p-product__ingredient .acdn-toggle-btn .label {
    --fz: 14
}

.serumcoverliquidfounde .l-main .p-product__ingredient-desc {
    padding-bottom: 2rem
}

.serumcoverliquidfounde .l-main .p-product__ingredient-item {
    background-color: rgba(255, 255, 255, .7);
    box-shadow      : 0 0 2px 0 rgba(0, 0, 0, .07);
    padding         : 1.2rem 1.6rem
}

.serumcoverliquidfounde .l-main .p-product__ingredient-item+div {
    margin-top: .8rem
}

.serumcoverliquidfounde .l-main .p-product__ingredient dt {
    color: var(--color-02)
}

.serumcoverliquidfounde .l-main .p-product__ingredient dt {
    --fz          : 12;
    --lh          : 1.8;
    --fw          : 600;
    --ls          : 0.14em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-product__ingredient dd {
    margin-top: .8rem
}

.serumcoverliquidfounde .l-main .p-product__ingredient dd {
    --fz          : 12;
    --lh          : 1.5;
    --fw          : 400;
    --ls          : 0.1em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-product__ingredient p {
    margin-top: .8rem
}

.serumcoverliquidfounde .l-main .p-product__ingredient p {
    --fz          : 12;
    --lh          : 1.7;
    --fw          : 400;
    --ls          : 0.1em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-cta {
    background: #fff;
    padding   : 2.4rem
}

.serumcoverliquidfounde .l-main .p-cta__nav-item+li {
    margin-top: .8rem
}

.serumcoverliquidfounde .l-main .p-cta__nav-link {
    padding         : 1.6rem 2rem;
    width           : 100%;
    height          : 100%;
    display         : flex;
    align-items     : center;
    text-decoration : none;
    background-color: #fff;
    border          : 1px solid rgba(46, 14, 21, .2);
    transition      : border-color .3s cubic-bezier(0.3, 0.015, 0.12, 1)
}

@media screen and (min-width: 1024px)and (hover: hover),
screen and (min-width: 1024px)and (pointer: fine) {
    .serumcoverliquidfounde .l-main .p-cta__nav-link:hover {
        border-color: rgba(46, 14, 21, .8)
    }
}

.serumcoverliquidfounde .l-main .p-cta__nav-icon {
    width: 7.4rem
}

.serumcoverliquidfounde .l-main .p-cta__nav-icon img {
    display: block;
    width  : 100%
}

.serumcoverliquidfounde .l-main .p-cta__nav-label {
    flex-grow : 1;
    text-align: center
}

.serumcoverliquidfounde .l-main .p-cta__nav-label .en {
    font-family: "Figtree", sans-serif;
    display    : block;
    color      : #171414
}

.serumcoverliquidfounde .l-main .p-cta__nav-label .en {
    --fz          : 26;
    --lh          : 1;
    --fw          : 300;
    --ls          : 0.04em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-cta__nav-label .jp {
    display   : block;
    color     : #656261;
    margin-top: .4rem
}

.serumcoverliquidfounde .l-main .p-cta__nav-label .jp {
    --fz          : 13;
    --lh          : 1.7;
    --fw          : 400;
    --ls          : 0.1em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-sp-movie__body h2 {
    --fz          : 58;
    --lh          : 1;
    --fw          : 400;
    --ls          : -0.01em;
    font-size     : calc(var(--fz)*.1rem);
    font-weight   : var(--fw);
    line-height   : var(--lh);
    letter-spacing: var(--ls)
}

.serumcoverliquidfounde .l-main .p-sp-movie__body h2 span {
    display                : block;
    background             : linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.75) 19.82%, #FFF 50.37%, rgba(255, 255, 255, 0.75) 79.72%, rgba(255, 255, 255, 0.9) 100%);
    background-clip        : text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.serumcoverliquidfounde .l-main .p-sp-movie__body-movie {
    width        : calc(100% - 4.8rem);
    margin-inline: auto;
    position     : relative;
    z-index      : 1
}

.serumcoverliquidfounde .l-main .p-sp-movie__body-movie .media img {
    display   : block;
    width     : 100%;
    position  : relative;
    z-index   : 2;
    transition: opacity .6s cubic-bezier(0.3, 0.015, 0.12, 1)
}

.serumcoverliquidfounde .l-main .p-sp-movie__body-movie .media iframe {
    position      : absolute;
    inset         : 0;
    margin        : auto;
    width         : 100%;
    height        : 100%;
    opacity       : 0;
    pointer-events: none
}

.serumcoverliquidfounde .l-main .p-sp-movie__body-movie .m-play-movie-button {
    inset     : inherit;
    right     : 0;
    bottom    : -7.2rem;
    z-index   : 3;
    transition: opacity .6s cubic-bezier(0.3, 0.015, 0.12, 1)
}

:has(.l-main__hero.isActive) .serumcoverliquidfounde .l-main .p-sp-movie__body-movie .m-play-movie-button img {
    -webkit-animation-play-state: running;
    animation-play-state        : running
}

.serumcoverliquidfounde .l-main .p-sp-movie__body-movie.isPlaying .media img {
    opacity       : 0;
    pointer-events: none
}

.serumcoverliquidfounde .l-main .p-sp-movie__body-movie.isPlaying .media iframe {
    opacity       : 1;
    pointer-events: all
}

.serumcoverliquidfounde .l-main .p-sp-movie__body-movie.isPlaying .m-play-movie-button {
    opacity       : 0;
    pointer-events: none
}

.serumcoverliquidfounde .l-main .p-sp-movie__bg {
    position: absolute;
    inset   : 0;
    margin  : auto;
    z-index : -1
}

.serumcoverliquidfounde .l-main .p-sp-movie__bg img {
    display      : block;
    width        : 100%;
    height       : 100%;
    -o-object-fit: cover;
    object-fit   : cover
}

.serumcoverliquidfounde .l-main .p-sp-movie__overlay {
    position        : absolute;
    inset           : 0;
    z-index         : 2;
    background-color: rgba(0, 0, 0, .6);
    pointer-events  : none;
    opacity         : 0
}

.serumcoverliquidfounde .l-main .connect-mask {
    height               : 4.8rem;
    -webkit-mask-image   : url("../imgs/common/connect-mask.svg");
    mask-image           : url("../imgs/common/connect-mask.svg");
    -webkit-mask-repeat  : no-repeat;
    mask-repeat          : no-repeat;
    -webkit-mask-position: center top -1px;
    mask-position        : center top -1px;
    -webkit-mask-size    : 100%;
    mask-size            : 100%;
    background-color     : var(--connect-mask-color)
}

.serumcoverliquidfounde .l-main .connect-mask-re {
    height               : 4.8rem;
    -webkit-mask-image   : url("../imgs/common/connect-mask-re.svg");
    mask-image           : url("../imgs/common/connect-mask-re.svg");
    -webkit-mask-repeat  : no-repeat;
    mask-repeat          : no-repeat;
    -webkit-mask-position: center bottom -1px;
    mask-position        : center bottom -1px;
    -webkit-mask-size    : 100%;
    mask-size            : 100%;
    background-color     : var(--connect-mask-re-color)
}