.l-content *,
.l-content *::before,
.l-content *::after {
    box-sizing: border-box;
}
.l-content ul,
.l-content ol {
    padding: 0;
    list-style: none;
}
.l-content img,
.l-content picture,
.l-content svg,
.l-content video,
.l-content canvas,
.l-content audio,
.l-content iframe,
.l-content embed,
.l-content object {
    display: block;
    max-width: 100%;
}
.l-content img,
.l-content picture,
.l-content svg,
.l-content video,
.l-content canvas {
    width: 100%;
    height: auto;
}
.l-content audio {
    width: 100%;
}
.l-content img {
    border-style: none;
}
.l-content svg {
    overflow: hidden;
}
.l-content article,
.l-content aside,
.l-content figcaption,
.l-content figure,
.l-content footer,
.l-content header,
.l-content hgroup,
.l-content main,
.l-content nav {
    display: block;
}
.l-content a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
}
.l-content {
    position: relative;
    overflow: hidden;
    width: 100%;
    color: #000;
    background-color: #fff;
}
.l-content.resize-animation-stopper * {
    -webkit-animation: none !important;
    animation: none !important;
    transition: none !important;
}
.l-content.resize-animation-stopper *:before,
.l-content.resize-animation-stopper *:after {
    -webkit-animation: none !important;
    animation: none !important;
    transition: none !important;
}
.l-content .svg-symbol {
    display: none;
}
@media (min-width: 769px) {
    .l-content .is-sp,
    .l-content .is-md {
        display: none !important;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .l-content .is-md {
        display: block !important;
    }
}
@media (max-width: 768.98px) {
    .l-content .is-pc,
    .l-content .is-md {
        display: none !important;
    }
}
@media (min-width: 769px) {
    .u-icon.u-icon--day {
        width: 1.875rem;
    }
    .u-icon.u-icon--night {
        width: 1.25rem;
        margin-left: 0.25rem;
        -webkit-transform: translate3d(0, -0.125rem, 0);
        transform: translate3d(0, -0.125rem, 0);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .u-icon.u-icon--day {
        width: 2.5vw;
    }
    .u-icon.u-icon--night {
        width: 1.6666666667vw;
        margin-left: 0.3333333333vw;
        -webkit-transform: translate3d(0, -0.1666666667vw, 0);
        transform: translate3d(0, -0.1666666667vw, 0);
    }
}
@media (max-width: 768.98px) {
    .u-icon.u-icon--day {
        width: 5.3333333333vw;
    }
    .u-icon.u-icon--night {
        width: 3.6vw;
        margin-left: 0.5333333333vw;
        -webkit-transform: translate3d(0, -0.2666666667vw, 0);
        transform: translate3d(0, -0.2666666667vw, 0);
    }
}
.u-icon-label {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    background-color: #b6000f;
}
.u-icon-label span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .u-icon-label {
        display: block;
        font-size: 0.75rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderRegular", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0em;
    }
    .u-icon-label::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .u-icon-label::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .u-icon-label {
        font-size: 1vw;
    }
}
@media (max-width: 768.98px) {
    .u-icon-label {
        display: block;
        font-size: 3.2vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderRegular", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0em;
    }
    .u-icon-label::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .u-icon-label::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
@media (min-width: 769px) {
    .u-icon-label {
        padding-top: 0.375rem;
        padding-right: 0.5rem;
        padding-bottom: 0.375rem;
        padding-left: 0.5rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .u-icon-label {
        padding-top: 0.5vw;
        padding-right: 0.6666666667vw;
        padding-bottom: 0.5vw;
        padding-left: 0.6666666667vw;
    }
}
@media (max-width: 768.98px) {
    .u-icon-label {
        padding-top: 1.3733333333vw;
        padding-right: 1.64vw;
        padding-bottom: 1.3733333333vw;
        padding-left: 1.64vw;
    }
}
.u-icon-label.u-icon-label--gray {
    color: #3a3a3a;
    background-color: #f0f0f0;
}
.u-icon-label.u-icon-label--white {
    border: 0.0625rem solid #fff;
    color: #fff;
    background-color: #151413;
}
.u-icon-spf {
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
}
@media (min-width: 769px) {
    .u-icon-spf {
        padding-top: 0.3125rem;
        padding-right: 0.5625rem;
        padding-bottom: 0.25rem;
        padding-left: 0.625rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .u-icon-spf {
        padding-top: 0.4166666667vw;
        padding-right: 0.75vw;
        padding-bottom: 0.3333333333vw;
        padding-left: 0.8333333333vw;
    }
}
@media (max-width: 768.98px) {
    .u-icon-spf {
        padding-top: 1.0666666667vw;
        padding-right: 1.7333333333vw;
        padding-bottom: 0.9333333333vw;
        padding-left: 1.7333333333vw;
    }
}
@media (min-width: 769px) {
    .u-icon-spf .u-icon-spf__label {
        margin-right: 0.25rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .u-icon-spf .u-icon-spf__label {
        margin-right: 0.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .u-icon-spf .u-icon-spf__label {
        margin-right: 1.0666666667vw;
    }
}
.u-icon-spf .u-icon-spf__label span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .u-icon-spf .u-icon-spf__label {
        display: block;
        font-size: 0.875rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderRegular", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0;
    }
    .u-icon-spf .u-icon-spf__label::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .u-icon-spf .u-icon-spf__label::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .u-icon-spf .u-icon-spf__label {
        font-size: 1.1666666667vw;
    }
}
@media (max-width: 768.98px) {
    .u-icon-spf .u-icon-spf__label {
        display: block;
        font-size: 3.2vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderRegular", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0;
    }
    .u-icon-spf .u-icon-spf__label::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .u-icon-spf .u-icon-spf__label::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
.u-icon-spf .u-icon-spf__val span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .u-icon-spf .u-icon-spf__val {
        display: block;
        font-size: 0.875rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderBold", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0;
    }
    .u-icon-spf .u-icon-spf__val::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .u-icon-spf .u-icon-spf__val::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .u-icon-spf .u-icon-spf__val {
        font-size: 1.1666666667vw;
    }
}
@media (max-width: 768.98px) {
    .u-icon-spf .u-icon-spf__val {
        display: block;
        font-size: 3.2vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderBold", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0;
    }
    .u-icon-spf .u-icon-spf__val::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .u-icon-spf .u-icon-spf__val::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
.u-inview {
    opacity: 0;
}
.u-inview.is-visible {
    transition: opacity 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s, -webkit-transform 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
    transition: transform 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s, opacity 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
    transition: transform 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s, opacity 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s, -webkit-transform 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
    transition-delay: 0.1s;
}
.u-inview.u-inview--delay1 {
    transition-delay: 0.1s;
}
.u-inview.u-inview--delay2 {
    transition-delay: 0.2s;
}
.u-inview.u-inview--delay3 {
    transition-delay: 0.3s;
}
@media (min-width: 769px) {
    .u-inview {
        -webkit-transform: translate3d(0, 1.25rem, 0) scale(1, 1);
        transform: translate3d(0, 1.25rem, 0) scale(1, 1);
    }
    .u-inview.is-visible {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
        transform: translate3d(0, 0, 0) scale(1, 1);
    }
}
@media (max-width: 768.98px) {
    .u-inview {
        -webkit-transform: translate3d(0, 2.6666666667vw, 0) scale(1, 1);
        transform: translate3d(0, 2.6666666667vw, 0) scale(1, 1);
    }
    .u-inview.is-visible {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
        transform: translate3d(0, 0, 0) scale(1, 1);
    }
}
@media (min-width: 769px) {
    .u-inview-pc {
        opacity: 0;
        -webkit-transform: translate3d(0, 1.25rem, 0) scale(1, 1);
        transform: translate3d(0, 1.25rem, 0) scale(1, 1);
        transition-delay: 0.3s;
    }
    .u-inview-pc.is-visible {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
        transform: translate3d(0, 0, 0) scale(1, 1);
        transition: opacity 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s, -webkit-transform 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
        transition: transform 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s, opacity 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
        transition: transform 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s, opacity 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s, -webkit-transform 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
    }
    .u-inview-pc.u-inview--delay1 {
        transition-delay: 0.4s;
    }
    .u-inview-pc.u-inview--delay2 {
        transition-delay: 0.5s;
    }
    .u-inview-pc.u-inview--delay3 {
        transition-delay: 0.6s;
    }
    .u-inview-pc.u-inview--delay4 {
        transition-delay: 0.7s;
    }
    .u-inview-pc.u-inview--delay5 {
        transition-delay: 0.8s;
    }
}
@media (max-width: 768.98px) {
    .u-inview-sp {
        opacity: 0;
        -webkit-transform: translate3d(0, 2.6666666667vw, 0) scale(1, 1);
        transform: translate3d(0, 2.6666666667vw, 0) scale(1, 1);
        transition-delay: 0.3s;
    }
    .u-inview-sp.is-visible {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
        transform: translate3d(0, 0, 0) scale(1, 1);
        transition: opacity 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s, -webkit-transform 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
        transition: transform 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s, opacity 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
        transition: transform 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s, opacity 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s, -webkit-transform 1.2s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
    }
    .u-inview-sp.u-inview--delay1 {
        transition-delay: 0.3s;
    }
    .u-inview-sp.u-inview--delay2 {
        transition-delay: 0.4s;
    }
    .u-inview-sp.u-inview--delay3 {
        transition-delay: 0.5s;
    }
    .u-inview-sp.u-inview--delay4 {
        transition-delay: 0.6s;
    }
    .u-inview-sp.u-inview--delay5 {
        transition-delay: 0.7s;
    }
}
.u-inview-gradient {
    position: relative;
    opacity: 0;
    transition: opacity 2.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
.u-inview-gradient:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 12%, rgb(255, 255, 255) 100%);
    background-repeat: no-repeat;
    background-size: 400% 100%;
    background-position: 50% 50%;
    pointer-events: none;
}
.u-inview-gradient.is-visible {
    opacity: 1;
}
.u-inview-gradient.is-visible:after {
    transition: background-position 3.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    background-position: -100% 50%;
}
@media (max-width: 768.98px) {
    .u-inview-gradient.is-visible:after {
        transition: background-position 2.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        background-position: -100% 50%;
    }
}
.u-inview-img {
    display: block;
    position: relative;
    overflow: hidden;
    will-change: transform;
    opacity: 0;
    -webkit-transform: translate3d(0, 3.75rem, 0) scale(1);
    transform: translate3d(0, 3.75rem, 0) scale(1);
    transition-delay: 0.2s;
}
.u-inview-img .u-inview-img__img {
    will-change: transform;
    -webkit-transform: translate3d(0, -0.9375rem, 0) scale(1.25);
    transform: translate3d(0, -0.9375rem, 0) scale(1.25);
}
.u-inview-img.u-inview-img--kv .u-inview-img__img {
    -webkit-transform: translate3d(0, -1.875rem, 0) scale(1.25);
    transform: translate3d(0, -1.875rem, 0) scale(1.25);
}
.u-inview-img.is-visible {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    transition: opacity 2.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, -webkit-transform 2.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: transform 2.2s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 2.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    transition: transform 2.2s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 2.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, -webkit-transform 2.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.u-inview-img.is-visible .u-inview-img__img {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    transition: -webkit-transform 2.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: transform 2.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: transform 2.2s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 2.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.u-inview-img .u-inview-img__img {
    transition-delay: 0.2s;
}
.u-inview-img.u-inview-img--kv {
    transition-delay: 0.2s;
}
.u-inview-img.u-inview-img--kv .u-inview-img__img {
    transition-delay: 0.2s;
}
@media (min-width: 769px) {
    .u-inview-pcimg {
        display: block;
        position: relative;
        overflow: hidden;
        will-change: transform;
        opacity: 0;
        -webkit-transform: translate3d(0, 3.75rem, 0) scale(1);
        transform: translate3d(0, 3.75rem, 0) scale(1);
        transition-delay: 0.2s;
    }
    .u-inview-pcimg .u-inview-img__img {
        will-change: transform;
        -webkit-transform: translate3d(0, -1.25rem, 0) scale(1.1);
        transform: translate3d(0, -1.25rem, 0) scale(1.1);
        transition-delay: 0.2s;
    }
    .u-inview-pcimg.is-visible {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        transition: opacity 2.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, -webkit-transform 2.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        transition: transform 2.2s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 2.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        transition: transform 2.2s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 2.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, -webkit-transform 2.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    }
    .u-inview-pcimg.is-visible .u-inview-img__img {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        transition: -webkit-transform 2.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        transition: transform 2.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        transition: transform 2.2s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 2.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    }
}
.c-banner-arrow {
    display: grid;
    align-items: center;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    text-decoration: none;
    color: currentColor;
    transition: opacity 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.c-banner-arrow:after {
    display: block;
    z-index: 1;
    content: "";
    grid-row: 1/2;
    grid-column: 1/2;
    margin-left: auto;
    background-image: url("../images/lp/collection/icon-arrow-right.svg?$staticlink$");
    background-repeat: no-repeat;
    background-size: contain;
    transition: -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
@media (min-width: 769px) {
    .c-banner-arrow:after {
        margin-right: 1.125rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .c-banner-arrow:after {
        margin-right: 1.5vw;
    }
}
@media (max-width: 768.98px) {
    .c-banner-arrow:after {
        margin-right: 3.7333333333vw;
    }
}
@media (hover) {
    .c-banner-arrow:hover {
        opacity: 0.4;
    }
    .c-banner-arrow:hover:after {
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
}
.ua-ie .c-banner-arrow:hover {
    opacity: 0.4;
}
.ua-ie .c-banner-arrow:hover:after {
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
}
.c-banner-arrow .c-banner-arrow__text {
    z-index: 1;
    grid-row: 1/2;
    grid-column: 1/2;
}
@media (min-width: 769px) {
    .c-banner-arrow .c-banner-arrow__text {
        padding-left: 2.5rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .c-banner-arrow .c-banner-arrow__text {
        padding-left: 3.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .c-banner-arrow .c-banner-arrow__text {
        padding-left: 5.3333333333vw;
    }
}
.c-banner-arrow .c-banner-arrow__text span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .c-banner-arrow .c-banner-arrow__text {
        display: block;
        font-size: 1.5rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0.048em;
    }
    .c-banner-arrow .c-banner-arrow__text::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .c-banner-arrow .c-banner-arrow__text::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-banner-arrow .c-banner-arrow__text {
        font-size: 2vw;
    }
}
@media (max-width: 768.98px) {
    .c-banner-arrow .c-banner-arrow__text {
        display: block;
        font-size: 4vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0.048em;
    }
    .c-banner-arrow .c-banner-arrow__text::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .c-banner-arrow .c-banner-arrow__text::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
.c-banner-arrow .c-banner-arrow__pict {
    grid-row: 1/2;
    grid-column: 1/2;
}
@media (min-width: 769px) {
    .c-banner-arrow.c-banner-arrow--compact .c-banner-arrow__text {
        padding-left: 1rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .c-banner-arrow.c-banner-arrow--compact .c-banner-arrow__text {
        padding-left: 1.3333333333vw;
    }
}
.c-banner-arrow.c-banner-arrow--compact .c-banner-arrow__text span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .c-banner-arrow.c-banner-arrow--compact .c-banner-arrow__text {
        display: block;
        font-size: 1.25rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0.048em;
    }
    .c-banner-arrow.c-banner-arrow--compact .c-banner-arrow__text::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .c-banner-arrow.c-banner-arrow--compact .c-banner-arrow__text::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-banner-arrow.c-banner-arrow--compact .c-banner-arrow__text {
        font-size: 1.6666666667vw;
    }
}
@media (min-width: 769px) {
    .c-banner-arrow {
        border: 0.125rem solid #000;
    }
    .c-banner-arrow:after {
        width: 0.75rem;
        height: 1.25rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-banner-arrow {
        border: 0.1666666667vw solid #000;
    }
    .c-banner-arrow:after {
        width: 1vw;
        height: 1.6666666667vw;
    }
}
@media (max-width: 768.98px) {
    .c-banner-arrow {
        border: 0.2666666667vw solid #000;
    }
    .c-banner-arrow:after {
        width: 2.5333333333vw;
        height: 4.4vw;
    }
}
.c-banner-line {
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    width: 100%;
    color: #fff;
    transition: opacity 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
@media (min-width: 769px) {
    .c-banner-line {
        padding-top: 0.9375rem;
        padding-right: 1rem;
        padding-bottom: 0.9375rem;
        padding-left: 1rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .c-banner-line {
        padding-top: 1.25vw;
        padding-right: 1.3333333333vw;
        padding-bottom: 1.25vw;
        padding-left: 1.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .c-banner-line {
        padding-top: 2.4vw;
        padding-right: 2.4vw;
        padding-bottom: 2.4vw;
        padding-left: 2.4vw;
    }
}
.c-banner-line:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #b6000f;
}
.c-banner-line.c-banner-line--ultimune {
    background: url("../images/lp/collection/bnr-brand-ultimune.jpg?$staticlink$") no-repeat right center/cover;
}
.c-banner-line.c-banner-line--vital-perfection {
    background: url("../images/lp/collection/bnr-brand-vital-perfection.jpg?$staticlink$") no-repeat right center/cover;
}
.c-banner-line.c-banner-line--benefiance {
    background: url("../images/lp/collection/bnr-brand-benefiance.jpg?$staticlink$") no-repeat right center/cover;
}
.c-banner-line.c-banner-line--white-lucent {
    background: url("../images/lp/collection/bnr-brand-white-lucent.jpg?$staticlink$") no-repeat right center/cover;
}
.c-banner-line.c-banner-line--essential-energy {
    color: #000;
    background: url("../images/lp/collection/bnr-brand-essential-energy.jpg?$staticlink$") no-repeat right center/cover;
}
.c-banner-line.c-banner-line--bio-performance {
    background: url("../images/lp/collection/bnr-brand-bio-performance.jpg?$staticlink$") no-repeat right center/cover;
}
.c-banner-line.c-banner-line--shiseido-eudermine {
    background: url("../images/lp/collection/bnr-brand-shiseido-eudermine.jpg?$staticlink$") no-repeat right center/cover;
}
.c-banner-line.c-banner-line--shiseido-men {
    background: url("../images/lp/collection/bnr-brand-shiseido-men.jpg?$staticlink$") no-repeat right center/cover;
}
.c-banner-line.c-banner-line--future-solution-lx {
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
    background: url("../images/lp/collection/bnr-brand-future-solution-lx.jpg?$staticlink$") no-repeat right center/cover;
}
.c-banner-line.c-banner-line--future-solution-lx:after {
    display: none;
}
.c-banner-line .c-banner-line__text span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .c-banner-line .c-banner-line__text {
        display: block;
        font-size: 1rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1;
        letter-spacing: 0em;
    }
    .c-banner-line .c-banner-line__text::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1) * 0.5em);
    }
    .c-banner-line .c-banner-line__text::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-banner-line .c-banner-line__text {
        font-size: 1.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .c-banner-line .c-banner-line__text {
        display: block;
        font-size: 3.2vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1;
        letter-spacing: 0em;
    }
    .c-banner-line .c-banner-line__text::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1) * 0.5em);
    }
    .c-banner-line .c-banner-line__text::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1) * 0.5em);
    }
}
@media (hover) {
    .c-banner-line:hover {
        opacity: 0.4;
    }
}
.ua-ie .c-banner-line:hover {
    opacity: 0.4;
}
@media (min-width: 769px) {
    .c-banner-line {
        min-height: 3.75rem;
    }
    .c-banner-line:after {
        width: 0.25rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-banner-line {
        min-height: 5vw;
    }
    .c-banner-line:after {
        width: 0.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .c-banner-line {
        min-height: 10.6666666667vw;
    }
    .c-banner-line:after {
        width: 1.0666666667vw;
    }
}
.c-btn-rectangle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    transition: color 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s, background-color 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s, border-color 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    border-style: solid;
    border-color: #000;
    color: #fff;
    background-color: #000;
}
@media (min-width: 769px) {
    .c-btn-rectangle {
        padding-top: 1.0625rem;
        padding-right: 1.125rem;
        padding-bottom: 1.0625rem;
        padding-left: 1.125rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .c-btn-rectangle {
        padding-top: 1.4166666667vw;
        padding-right: 1.5vw;
        padding-bottom: 1.4166666667vw;
        padding-left: 1.5vw;
    }
}
@media (max-width: 768.98px) {
    .c-btn-rectangle {
        padding-top: 4.2666666667vw;
        padding-right: 4.2666666667vw;
        padding-bottom: 4.2666666667vw;
        padding-left: 4.2666666667vw;
    }
}
.c-btn-rectangle.c-btn-rectangle--bgblack {
    border-color: #fff;
}
.c-btn-rectangle.c-btn-rectangle--white {
    border-color: #fff;
    color: #000;
    background-color: #fff;
}
.c-btn-rectangle .c-btn-rectangle__text span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .c-btn-rectangle .c-btn-rectangle__text {
        display: block;
        font-size: 0.875rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0.048em;
    }
    .c-btn-rectangle .c-btn-rectangle__text::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .c-btn-rectangle .c-btn-rectangle__text::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-btn-rectangle .c-btn-rectangle__text {
        font-size: 1.1666666667vw;
    }
}
@media (max-width: 768.98px) {
    .c-btn-rectangle .c-btn-rectangle__text {
        display: block;
        font-size: 3.7333333333vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0.048em;
    }
    .c-btn-rectangle .c-btn-rectangle__text::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .c-btn-rectangle .c-btn-rectangle__text::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
@media (hover) {
    .c-btn-rectangle:hover {
        opacity: 1;
        border-color: #000;
        color: #000;
        background-color: #fff;
    }
    .c-btn-rectangle:hover.c-btn-rectangle--bgblack {
        border-color: #fff;
    }
    .c-btn-rectangle:hover.c-btn-rectangle--white {
        border-color: #fff;
        color: #fff;
        background-color: rgba(255, 255, 255, 0.2);
    }
    .c-btn-rectangle:hover.c-btn-rectangle--white.c-btn-rectangle--bgwhite {
        color: rgba(0, 0, 0, 0.4);
    }
}
.ua-ie .c-btn-rectangle:hover {
    opacity: 1;
    border-color: #000;
    color: #000;
    background-color: #fff;
}
.ua-ie .c-btn-rectangle:hover.c-btn-rectangle--bgblack {
    border-color: #fff;
}
.ua-ie .c-btn-rectangle:hover.c-btn-rectangle--white {
    border-color: #fff;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
}
.ua-ie .c-btn-rectangle:hover.c-btn-rectangle--white.c-btn-rectangle--bgwhite {
    color: rgba(0, 0, 0, 0.4);
}
@media (min-width: 769px) {
    .c-btn-rectangle {
        border-width: 0.125rem;
    }
    .c-btn-rectangle.c-btn-rectangle--wide {
        max-width: 15.625rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-btn-rectangle {
        border-width: 0.1666666667vw;
    }
}
@media (max-width: 768.98px) {
    .c-btn-rectangle {
        border-width: 0.2666666667vw;
    }
}
.c-heading {
    text-transform: none;
}
.c-heading span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .c-heading {
        display: block;
        font-size: 3.5rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0;
    }
    .c-heading::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .c-heading::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-heading {
        font-size: 4.6666666667vw;
    }
}
@media (max-width: 768.98px) {
    .c-heading {
        display: block;
        font-size: 8vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: 0;
    }
    .c-heading::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.75) * 0.5em);
    }
    .c-heading::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.75) * 0.5em);
    }
}
.c-heading-title {
    text-transform: none;
}
@media (max-width: 768.98px) {
    .c-heading-title {
        padding-top: 2.6666666667vw;
    }
}
.c-heading-title .c-heading-title__lead span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .c-heading-title .c-heading-title__lead {
        display: block;
        font-size: 1.875rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 0.02em;
    }
    .c-heading-title .c-heading-title__lead::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.25) * 0.5em);
    }
    .c-heading-title .c-heading-title__lead::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.25) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-heading-title .c-heading-title__lead {
        font-size: 2.5vw;
    }
}
@media (max-width: 768.98px) {
    .c-heading-title .c-heading-title__lead {
        display: block;
        font-size: 5.0666666667vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 0.02em;
    }
    .c-heading-title .c-heading-title__lead::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.25) * 0.5em);
    }
    .c-heading-title .c-heading-title__lead::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.25) * 0.5em);
    }
}
@media (min-width: 769px) {
    .c-heading-title .c-heading-title__text {
        margin-top: 1.0625rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .c-heading-title .c-heading-title__text {
        margin-top: 1.4166666667vw;
    }
}
@media (max-width: 768.98px) {
    .c-heading-title .c-heading-title__text {
        margin-top: 2.6666666667vw;
    }
}
.c-heading-title .c-heading-title__text span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .c-heading-title .c-heading-title__text {
        display: block;
        font-size: 2.625rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 0.04em;
    }
    .c-heading-title .c-heading-title__text::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.25) * 0.5em);
    }
    .c-heading-title .c-heading-title__text::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.25) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-heading-title .c-heading-title__text {
        font-size: 3.5vw;
    }
}
@media (max-width: 768.98px) {
    .c-heading-title .c-heading-title__text {
        display: block;
        font-size: 6.4vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 0.04em;
    }
    .c-heading-title .c-heading-title__text::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.25) * 0.5em);
    }
    .c-heading-title .c-heading-title__text::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.25) * 0.5em);
    }
}
.c-heading-title.c-heading-title--logo {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 769px) {
    .c-heading-title.c-heading-title--logo {
        padding-top: 6.0625rem;
        padding-bottom: 6.5rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .c-heading-title.c-heading-title--logo {
        padding-top: 8.0833333333vw;
        padding-bottom: 8.6666666667vw;
    }
}
@media (max-width: 768.98px) {
    .c-heading-title.c-heading-title--logo {
        padding-top: 8.8vw;
        padding-bottom: 11.7333333333vw;
    }
}
.c-heading-title.c-heading-title--logo .c-heading-title__logo {
    display: block;
}
@media (min-width: 769px) {
    .c-heading-title.c-heading-title--logo .c-heading-title__lead {
        margin-top: 1.75rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .c-heading-title.c-heading-title--logo .c-heading-title__lead {
        margin-top: 2.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .c-heading-title.c-heading-title--logo .c-heading-title__lead {
        margin-top: 5.3333333333vw;
    }
}
.c-heading-title.c-heading-title--logo .c-heading-title__lead span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .c-heading-title.c-heading-title--logo .c-heading-title__lead {
        display: block;
        font-size: 2.5rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 0.02em;
    }
    .c-heading-title.c-heading-title--logo .c-heading-title__lead::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.25) * 0.5em);
    }
    .c-heading-title.c-heading-title--logo .c-heading-title__lead::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.25) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-heading-title.c-heading-title--logo .c-heading-title__lead {
        font-size: 3.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .c-heading-title.c-heading-title--logo .c-heading-title__lead {
        display: block;
        font-size: 5.6vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 0.02em;
    }
    .c-heading-title.c-heading-title--logo .c-heading-title__lead::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.25) * 0.5em);
    }
    .c-heading-title.c-heading-title--logo .c-heading-title__lead::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.25) * 0.5em);
    }
}
@media (min-width: 769px) {
    .c-heading-title.c-heading-title--logo .c-heading-title__text {
        margin-top: 1.25rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .c-heading-title.c-heading-title--logo .c-heading-title__text {
        margin-top: 1.6666666667vw;
    }
}
@media (max-width: 768.98px) {
    .c-heading-title.c-heading-title--logo .c-heading-title__text {
        margin-top: 2.6666666667vw;
    }
}
.c-heading-title.c-heading-title--logo .c-heading-title__text span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .c-heading-title.c-heading-title--logo .c-heading-title__text {
        display: block;
        font-size: 3.125rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 0.04em;
    }
    .c-heading-title.c-heading-title--logo .c-heading-title__text::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.25) * 0.5em);
    }
    .c-heading-title.c-heading-title--logo .c-heading-title__text::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.25) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-heading-title.c-heading-title--logo .c-heading-title__text {
        font-size: 4.1666666667vw;
    }
}
@media (max-width: 768.98px) {
    .c-heading-title.c-heading-title--logo .c-heading-title__text {
        display: block;
        font-size: 6.6666666667vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 0.04em;
    }
    .c-heading-title.c-heading-title--logo .c-heading-title__text::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.25) * 0.5em);
    }
    .c-heading-title.c-heading-title--logo .c-heading-title__text::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.25) * 0.5em);
    }
}
@media (min-width: 769px) {
    .c-heading-title.c-heading-title--logo {
        max-width: 70rem;
    }
    .c-heading-title.c-heading-title--logo .c-heading-title__logo {
        width: 5.625rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-heading-title.c-heading-title--logo {
        max-width: 93.3333333333vw;
    }
    .c-heading-title.c-heading-title--logo .c-heading-title__logo {
        width: 7.5vw;
    }
}
@media (max-width: 768.98px) {
    .c-heading-title.c-heading-title--logo {
        padding-left: 8vw;
    }
    .c-heading-title.c-heading-title--logo .c-heading-title__logo {
        width: 11.7333333333vw;
    }
}
.c-list-icon {
    display: flex;
    align-items: center;
}
.c-list-icon .c-list-icon__item {
    position: relative;
}
@media (min-width: 769px) {
    .c-list-icon .c-list-icon__item {
        padding-right: 0.625rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .c-list-icon .c-list-icon__item {
        padding-right: 0.8333333333vw;
    }
}
@media (max-width: 768.98px) {
    .c-list-icon .c-list-icon__item {
        padding-right: 1.7333333333vw;
    }
}
@media (min-width: 769px) {
    .c-list-icon .c-list-icon__item .u-icon-spf {
        margin-right: 0.3125rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .c-list-icon .c-list-icon__item .u-icon-spf {
        margin-right: 0.4166666667vw;
    }
}
@media (max-width: 768.98px) {
    .c-list-icon .c-list-icon__item .u-icon-spf {
        margin-right: 1.0666666667vw;
    }
}
.c-list-icon .c-list-icon__item + .c-list-icon__item:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0.0625rem;
    margin: auto;
    background-color: #e0e0e0;
}
@media (min-width: 769px) {
    .c-list-icon .c-list-icon__item + .c-list-icon__item {
        padding-left: 0.75rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .c-list-icon .c-list-icon__item + .c-list-icon__item {
        padding-left: 1vw;
    }
}
@media (max-width: 768.98px) {
    .c-list-icon .c-list-icon__item + .c-list-icon__item {
        padding-left: 1.8666666667vw;
    }
}
@media (min-width: 769px) {
    .c-list-icon .c-list-icon__item:before {
        height: 1.25rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-list-icon .c-list-icon__item:before {
        height: 1.6666666667vw;
    }
}
@media (max-width: 768.98px) {
    .c-list-icon .c-list-icon__item:before {
        height: 4.6666666667vw;
    }
}
.c-list-label {
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 769px) {
    .c-list-label .c-list-label__item {
        margin-right: 0.625rem;
        margin-bottom: 0.625rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .c-list-label .c-list-label__item {
        margin-right: 0.8333333333vw;
        margin-bottom: 0.8333333333vw;
    }
}
@media (max-width: 768.98px) {
    .c-list-label .c-list-label__item {
        margin-right: 1.6vw;
        margin-bottom: 1.6vw;
    }
}
.c-list-note .c-list-note__item {
    -webkit-hyphens: auto;
    hyphens: auto;
}
.c-list-note .c-list-note__item span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .c-list-note .c-list-note__item {
        display: block;
        font-size: 0.625rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderRegular", Arial, sans-serif;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: 0em;
    }
    .c-list-note .c-list-note__item::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.38) * 0.5em);
    }
    .c-list-note .c-list-note__item::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.38) * 0.5em);
    }
}
@media (max-width: 768.98px) {
    .c-list-note .c-list-note__item {
        display: block;
        font-size: 2.6666666667vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderRegular", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0em;
    }
    .c-list-note .c-list-note__item::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .c-list-note .c-list-note__item::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
.c-list-note.c-list-note--white {
    color: #fff;
}
.c-text {
    -webkit-hyphens: auto;
    hyphens: auto;
}
.c-text span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .c-text {
        display: block;
        font-size: 1rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderRegular", Arial, sans-serif;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: 0em;
    }
    .c-text::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.38) * 0.5em);
    }
    .c-text::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.38) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-text {
        font-size: 1.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .c-text {
        display: block;
        font-size: 3.2vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderRegular", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0em;
    }
    .c-text::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .c-text::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
.c-text.c-text--white {
    color: #fff;
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-text {
        font-size: max(0.75rem, 1.3333333333vw);
    }
}
.c-text-lead {
    text-transform: none;
}
.c-text-lead span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .c-text-lead {
        display: block;
        font-size: 2.5rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0em;
    }
    .c-text-lead::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .c-text-lead::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-text-lead {
        font-size: 3.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .c-text-lead {
        display: block;
        font-size: 8vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0em;
    }
    .c-text-lead::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .c-text-lead::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
.c-text-lead span:not([class]) {
    display: inline-block;
}
.c-text-lead.c-text-lead--white {
    color: #fff;
}
.c-text-lead.c-text-lead--s span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .c-text-lead.c-text-lead--s {
        display: block;
        font-size: 1.375rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 0em;
    }
    .c-text-lead.c-text-lead--s::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.25) * 0.5em);
    }
    .c-text-lead.c-text-lead--s::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.25) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-text-lead.c-text-lead--s {
        font-size: 1.8333333333vw;
    }
}
@media (max-width: 768.98px) {
    .c-text-lead.c-text-lead--s {
        display: block;
        font-size: 4vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 0em;
    }
    .c-text-lead.c-text-lead--s::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.25) * 0.5em);
    }
    .c-text-lead.c-text-lead--s::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.25) * 0.5em);
    }
}
.c-text-lead.c-text-lead--xs span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .c-text-lead.c-text-lead--xs {
        display: block;
        font-size: 1.1875rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: 0em;
    }
    .c-text-lead.c-text-lead--xs::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.2) * 0.5em);
    }
    .c-text-lead.c-text-lead--xs::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.2) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .c-text-lead.c-text-lead--xs {
        font-size: 1.5833333333vw;
    }
}
@media (max-width: 768.98px) {
    .c-text-lead.c-text-lead--xs {
        display: block;
        font-size: 5.3333333333vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: 0em;
    }
    .c-text-lead.c-text-lead--xs::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.2) * 0.5em);
    }
    .c-text-lead.c-text-lead--xs::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.2) * 0.5em);
    }
}
.p-block-compare {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 769px) {
    .p-block-compare {
        padding-top: 7.375rem;
        padding-right: 2.5rem;
        padding-bottom: 7.5rem;
        padding-left: 2.5rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-block-compare {
        padding-top: 9.8333333333vw;
        padding-right: 3.3333333333vw;
        padding-bottom: 10vw;
        padding-left: 3.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .p-block-compare {
        padding-top: 15.7333333333vw;
        padding-bottom: 16.8vw;
    }
}
.p-block-compare .p-block-compare__list {
    display: flex;
}
@media (min-width: 769px) {
    .p-block-compare .p-block-compare__list {
        margin-top: 3.125rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-block-compare .p-block-compare__list {
        margin-top: 4.1666666667vw;
    }
}
@media (max-width: 768.98px) {
    .p-block-compare .p-block-compare__list {
        margin-top: 8vw;
    }
}
@media (min-width: 769px) {
    .p-block-compare {
        max-width: 75rem;
    }
    .p-block-compare.p-block-compare--column2 .p-block-compare__item {
        width: 49.1071428571%;
    }
    .p-block-compare.p-block-compare--column2 .p-block-compare__item:nth-child(odd) {
        margin-right: 1.7857142857%;
    }
    .p-block-compare.p-block-compare--column3 .p-block-compare__item {
        width: 32.3214285714%;
    }
    .p-block-compare.p-block-compare--column3 .p-block-compare__item:nth-child(3n-1),
    .p-block-compare.p-block-compare--column3 .p-block-compare__item:nth-child(3n-2) {
        margin-right: 1.5178571429%;
    }
}
@media (max-width: 768.98px) {
    .p-block-compare {
        padding-left: 8%;
        padding-right: 8%;
    }
    .p-block-compare .p-block-compare__list {
        flex-direction: column;
    }
    .p-block-compare .p-block-compare__item + .p-block-compare__item {
        margin-top: 4.2666666667vw;
    }
}
@media (min-width: 769px) {
    .p-content-brand .p-content-brand__content {
        padding-right: 2.5rem;
        padding-bottom: 7.5rem;
        padding-left: 2.5rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-content-brand .p-content-brand__content {
        padding-right: 3.3333333333vw;
        padding-bottom: 10vw;
        padding-left: 3.3333333333vw;
    }
}
@media (min-width: 769px) {
    .p-content-brand .p-media-brand + .p-media-brand {
        margin-top: 0.625rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-content-brand .p-media-brand + .p-media-brand {
        margin-top: 0.8333333333vw;
    }
}
@media (max-width: 768.98px) {
    .p-content-brand .p-media-brand + .p-media-brand {
        margin-top: 1.3333333333vw;
    }
}
@media (min-width: 769px) {
    .p-content-brand .p-content-brand__content {
        background: url("../images/lp/collection/bg-kv-collection_pc.jpg?$staticlink$") no-repeat right top/41.875rem #f2f2f2;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .p-content-brand .p-content-brand__content {
        background: url("../images/lp/collection/bg-kv-collection_pc.jpg?$staticlink$") no-repeat right top/55.8333333333vw #f2f2f2;
    }
}
@media (max-width: 768.98px) {
    .p-content-brand .p-content-brand__content {
        background: url("../images/lp/collection/bg-kv-collection_sp.jpg?$staticlink$") no-repeat right top/100% #f2f2f2;
    }
}
.p-kv-product {
    display: flex;
    align-items: center;
    width: 100%;
}
@media (min-width: 769px) {
    .p-kv-product {
        padding-top: 1.75rem;
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-kv-product {
        padding-top: 2.3333333333vw;
        padding-right: 3.3333333333vw;
        padding-left: 3.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .p-kv-product {
        padding-top: 0vw;
    }
}
.p-kv-product .c-heading-title {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 768.98px) {
    .p-kv-product .c-heading-title {
        padding-left: 8vw;
    }
}
@media (min-width: 769px) {
    .p-kv-product {
        height: 18rem;
    }
    .p-kv-product .c-heading-title {
        max-width: 70rem;
    }
    .p-kv-product.p-kv-product--lotions {
        background: url("../images/lp/collection/bg-kv-lotions_pc.jpg?$staticlink$") no-repeat right top/auto 100% #c4c4c6;
    }
    .p-kv-product.p-kv-product--creams {
        background: url("../images/lp/collection/bg-kv-creams_pc.jpg?$staticlink$") no-repeat right top/auto 100% #c4c4c6;
    }
    .p-kv-product.p-kv-product--serums {
        background: url("../images/lp/collection/bg-kv-serums_pc.jpg?$staticlink$") no-repeat right top/auto 100% #c4c4c6;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .p-kv-product {
        height: 24vw;
    }
}
@media (max-width: 768.98px) {
    .p-kv-product {
        height: 50vw;
    }
    .p-kv-product.p-kv-product--lotions {
        background: url("../images/lp/collection/bg-kv-lotions_sp.jpg?$staticlink$") no-repeat right top/cover;
    }
    .p-kv-product.p-kv-product--creams {
        background: url("../images/lp/collection/bg-kv-creams_sp.jpg?$staticlink$") no-repeat right top/cover;
    }
    .p-kv-product.p-kv-product--serums {
        background: url("../images/lp/collection/bg-kv-serums_sp.jpg?$staticlink$") no-repeat right top/cover;
    }
}
@media (min-width: 769px) {
    .p-list-product {
        padding-top: 6.25rem;
        padding-right: 1.25rem;
        padding-bottom: 6.25rem;
        padding-left: 1.25rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-list-product {
        padding-top: 8.3333333333vw;
        padding-right: 1.6666666667vw;
        padding-bottom: 8.3333333333vw;
        padding-left: 1.6666666667vw;
    }
}
@media (max-width: 768.98px) {
    .p-list-product {
        padding-top: 14.6666666667vw;
        padding-right: 8vw;
        padding-bottom: 1.3333333333vw;
        padding-left: 8vw;
    }
}
@media (min-width: 769px) {
    .p-list-product.p-list-product--eye-creams {
        padding-top: 7.375rem;
        padding-right: 1.25rem;
        padding-bottom: 0rem;
        padding-left: 1.25rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-list-product.p-list-product--eye-creams {
        padding-top: 9.8333333333vw;
        padding-right: 1.6666666667vw;
        padding-bottom: 0vw;
        padding-left: 1.6666666667vw;
    }
}
@media (max-width: 768.98px) {
    .p-list-product.p-list-product--eye-creams {
        padding-top: 15.7333333333vw;
        padding-right: 4vw;
        padding-bottom: 0vw;
        padding-left: 4vw;
    }
}
.p-list-product.p-list-product--eye-creams .p-list-product__title {
    width: 100%;
    max-width: 72.5rem;
    margin-left: auto;
    margin-right: auto;
    text-transform: none;
}
@media (min-width: 769px) {
    .p-list-product.p-list-product--eye-creams .p-list-product__title {
        padding-right: 1rem;
        padding-bottom: 2.625rem;
        padding-left: 1rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-list-product.p-list-product--eye-creams .p-list-product__title {
        padding-right: 1.3333333333vw;
        padding-bottom: 3.5vw;
        padding-left: 1.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .p-list-product.p-list-product--eye-creams .p-list-product__title {
        padding-bottom: 10.1333333333vw;
    }
}
.p-list-product.p-list-product--eye-creams .p-list-product__title span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .p-list-product.p-list-product--eye-creams .p-list-product__title {
        display: block;
        font-size: 3.5rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0.032em;
    }
    .p-list-product.p-list-product--eye-creams .p-list-product__title::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .p-list-product.p-list-product--eye-creams .p-list-product__title::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .p-list-product.p-list-product--eye-creams .p-list-product__title {
        font-size: 4.6666666667vw;
    }
}
@media (max-width: 768.98px) {
    .p-list-product.p-list-product--eye-creams .p-list-product__title {
        display: block;
        font-size: 8vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0.05em;
    }
    .p-list-product.p-list-product--eye-creams .p-list-product__title::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .p-list-product.p-list-product--eye-creams .p-list-product__title::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
.p-list-product.p-list-product--red {
    background-color: #b90027;
}
@media (min-width: 769px) {
    .p-list-product.p-list-product--red {
        padding-top: 8.625rem;
        padding-right: 1.25rem;
        padding-bottom: 8.75rem;
        padding-left: 1.25rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-list-product.p-list-product--red {
        padding-top: 11.5vw;
        padding-right: 1.6666666667vw;
        padding-bottom: 11.6666666667vw;
        padding-left: 1.6666666667vw;
    }
}
@media (max-width: 768.98px) {
    .p-list-product.p-list-product--red {
        padding-top: 4vw;
        padding-right: 4vw;
        padding-bottom: 4vw;
        padding-left: 4vw;
    }
}
.p-list-product.p-list-product--red .p-list-product__item {
    background-color: #fff;
}
@media (max-width: 768.98px) {
    .p-list-product.p-list-product--red .p-list-product__item {
        padding-top: 4vw;
        padding-right: 4vw;
        padding-bottom: 4vw;
        padding-left: 4vw;
    }
}
.p-list-product.p-list-product--red .p-media-product .p-media-product__head {
    grid-template-rows: 1fr auto auto;
}
.p-list-product.p-list-product--red .p-media-product .p-media-product__head .c-text-lead {
    margin-top: auto;
}
@media (max-width: 768.98px) {
    .p-list-product.p-list-product--red .p-media-product .p-media-product__head .c-list-icon {
        margin-top: 4vw;
    }
}
@media (min-width: 769px) {
    .p-list-product.p-list-product--red .p-media-product .p-media-product__head .p-media-product__banner {
        margin-top: 1.375rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-list-product.p-list-product--red .p-media-product .p-media-product__head .p-media-product__banner {
        margin-top: 1.8333333333vw;
    }
}
@media (max-width: 768.98px) {
    .p-list-product.p-list-product--red .p-media-product .p-media-product__head .p-media-product__banner {
        margin-top: 3.7333333333vw;
    }
}
.p-list-product .p-list-product__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 769px) {
    .p-list-product .p-list-product__item {
        padding-top: 1.25rem;
        padding-right: 1.25rem;
        padding-bottom: 1.25rem;
        padding-left: 1.25rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-list-product .p-list-product__item {
        padding-top: 1.6666666667vw;
        padding-right: 1.6666666667vw;
        padding-bottom: 1.6666666667vw;
        padding-left: 1.6666666667vw;
    }
}
@media (max-width: 768.98px) {
    .p-list-product .p-list-product__item {
        padding-bottom: 10.4vw;
    }
}
.p-list-product .p-media-product__btn-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.p-list-product .p-media-product__btn-item {
    width: 48.0769230769%;
}
.p-list-product.p-list-product--fslx {
    background-repeat: repeat-y;
    background-size: 100%;
    background-position: center top;
    background-color: #000;
}
@media (min-width: 769px) {
    .p-list-product.p-list-product--fslx {
        padding-top: 7.5rem;
        padding-bottom: 6.25rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-list-product.p-list-product--fslx {
        padding-top: 10vw;
        padding-bottom: 8.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .p-list-product.p-list-product--fslx {
        padding-top: 11.7333333333vw;
        padding-bottom: 1.3333333333vw;
    }
}
.p-list-product.p-list-product--fslx .p-list-product__title {
    text-align: center;
    color: #fff;
}
.p-list-product.p-list-product--fslx .p-list-product__title span:not([class]) {
    display: inline-block;
}
@media (min-width: 769px) {
    .p-list-product.p-list-product--fslx .p-list-product__title {
        display: block;
        font-size: 3.5rem;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0;
    }
    .p-list-product.p-list-product--fslx .p-list-product__title::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .p-list-product.p-list-product--fslx .p-list-product__title::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .p-list-product.p-list-product--fslx .p-list-product__title {
        font-size: 4.6666666667vw;
    }
}
@media (max-width: 768.98px) {
    .p-list-product.p-list-product--fslx .p-list-product__title {
        display: block;
        font-size: 6.6666666667vw;
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        font-family: "ReaderMedium", Arial, sans-serif;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0.05em;
    }
    .p-list-product.p-list-product--fslx .p-list-product__title::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-top: calc((0.95 - 1.5) * 0.5em);
    }
    .p-list-product.p-list-product--fslx .p-list-product__title::after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        margin-bottom: calc((0.5 - 1.5) * 0.5em);
    }
}
@media (min-width: 769px) {
    .p-list-product.p-list-product--fslx .p-list-product__list {
        margin-top: 4.6875rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-list-product.p-list-product--fslx .p-list-product__list {
        margin-top: 6.25vw;
    }
}
@media (max-width: 768.98px) {
    .p-list-product.p-list-product--fslx .p-list-product__list {
        margin-top: 8.2666666667vw;
    }
}
@media (min-width: 769px) {
    .p-list-product .p-list-product__list {
        max-width: 72.5rem;
    }
    .p-list-product .p-list-product__item {
        width: 48.275862069%;
    }
    .p-list-product .p-list-product__item:nth-child(n + 3) {
        margin-top: 5rem;
    }
    .p-list-product .p-list-product__item.u-inview:nth-child(even) {
        transition-delay: 0.4s;
    }
    .p-list-product.p-list-product--red .p-list-product__item:nth-child(n + 3) {
        margin-top: 2.5rem;
    }
    .p-list-product.p-list-product--fslx {
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("../images/lp/collection/bg-fslx2_pc.jpg?$staticlink$");
    }
    .p-list-product.p-list-product--fslx-center {
        background-position: center center;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .p-list-product .p-list-product__item:nth-child(n + 3) {
        margin-top: 6.6666666667vw;
    }
    .p-list-product.p-list-product--red .p-list-product__item:nth-child(n + 3) {
        margin-top: 3.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .p-list-product .p-list-product__item + .p-list-product__item {
        padding-top: 11.7333333333vw;
        border-top: 0.5333333333vw solid #b6000f;
    }
    .p-list-product.p-list-product--red .p-list-product__item + .p-list-product__item {
        padding-top: 4vw;
        margin-top: 4vw;
        border-top: none;
    }
    .p-list-product.p-list-product--fslx {
        background-image: url("../images/lp/collection/bg-fslx_sp.jpg?$staticlink$");
    }
    .p-list-product.p-list-product--fslx-center {
        background-image: url("../images/lp/collection/bg-fslx2_sp.jpg?$staticlink$");
        background-position: center bottom;
    }
}
.p-media-brand {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 769px) {
    .p-media-brand {
        padding-top: 3.625rem;
        padding-right: 36.25rem;
        padding-bottom: 3.625rem;
        padding-left: 3.75rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-media-brand {
        padding-top: 4.8333333333vw;
        padding-right: 48.3333333333vw;
        padding-bottom: 4.8333333333vw;
        padding-left: 5vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-brand {
        padding-right: 8vw;
        padding-bottom: 8vw;
        padding-left: 8vw;
    }
}
.p-media-brand .c-text-lead {
    margin-top: auto;
}
@media (min-width: 769px) {
    .p-media-brand .c-list-label {
        margin-top: 1.0625rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-media-brand .c-list-label {
        margin-top: 1.4166666667vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-brand .c-list-label {
        margin-top: 4.1333333333vw;
    }
}
.p-media-brand .c-text {
    word-break: normal;
    -webkit-hyphens: none;
    hyphens: none;
}
@media (min-width: 769px) {
    .p-media-brand .c-text {
        margin-top: 1.25rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-media-brand .c-text {
        margin-top: 1.6666666667vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-brand .c-text {
        margin-top: 5.0666666667vw;
    }
}
@media (min-width: 769px) {
    .p-media-brand .c-list-note {
        margin-top: 1.1875rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-media-brand .c-list-note {
        margin-top: 1.5833333333vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-brand .c-list-note {
        margin-top: 4vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-brand .c-list-note + .p-media-brand__btn {
        margin-top: 5.3333333333vw;
    }
}
@media (min-width: 769px) {
    .p-media-brand .p-media-brand__btn {
        margin-top: 1.875rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-media-brand .p-media-brand__btn {
        margin-top: 2.5vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-brand .p-media-brand__btn {
        margin-top: 4vw;
    }
}
@media (min-width: 769px) {
    .p-media-brand .p-media-detail {
        margin-top: 7.8125rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-media-brand .p-media-detail {
        margin-top: 10.4166666667vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-brand .p-media-detail {
        margin-top: 13.0666666667vw;
    }
}
@media (min-width: 769px) {
    .p-media-brand.p-media-brand--future-solution-lx {
        padding-right: 3.75rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-media-brand.p-media-brand--future-solution-lx {
        padding-right: 5vw;
    }
}
@media (min-width: 769px) {
    .p-media-brand {
        max-width: 70rem;
        min-height: 23.3125rem;
    }
    .p-media-brand.p-media-brand--ultimune {
        background: url("../images/lp/collection/img-brand-ultimune_pc1.jpg?$staticlink$") no-repeat right center/cover;
    }
    .p-media-brand.p-media-brand--vital-perfection {
        background: url("../images/lp/collection/img-brand-vital-perfection_pc1.jpg?$staticlink$") no-repeat right center/cover;
    }
    .p-media-brand.p-media-brand--benefiance {
        background: url("../images/lp/collection/img-brand-benefiance_pc.jpg?$staticlink$") no-repeat right center/cover;
    }
    .p-media-brand.p-media-brand--white-lucent {
        background: url("../images/lp/collection/img-brand-white-lucent_pc1.jpg?$staticlink$") no-repeat right center/cover;
    }
    .p-media-brand.p-media-brand--essential-energy {
        background: url("../images/lp/collection/img-brand-essential-energy_pc.jpg?$staticlink$") no-repeat right center/cover;
    }
    .p-media-brand.p-media-brand--bio-performance {
        background: url("../images/lp/collection/img-brand-bio-performance_pc.jpg?$staticlink$") no-repeat right center/cover;
    }
    .p-media-brand.p-media-brand--shiseido-eudermine {
        background: url("../images/lp/collection/img-brand-shiseido-eudermine_pc.jpg?$staticlink$") no-repeat right center/cover;
    }
    .p-media-brand.p-media-brand--shiseido-men {
        background: url("../images/lp/collection/img-brand-shiseido-men_pc.jpg?$staticlink$") no-repeat right center/cover;
    }
    .p-media-brand.p-media-brand--future-solution-lx {
        min-height: 48.4375rem;
        background: url("../images/lp/collection/img-brand-future-solution-lx_pc.jpg?$staticlink$") no-repeat right center/cover;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .p-media-brand {
        min-height: 31.0833333333vw;
    }
    .p-media-brand.p-media-brand--future-solution-lx {
        min-height: 64.5833333333vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-brand.p-media-brand--ultimune {
        min-height: 165.3333333333vw;
        background: url("../images/lp/collection/img-brand-ultimune_sp1.jpg?$staticlink$") no-repeat right top #590002;
        background-size: 100% auto;
    }
    .p-media-brand.p-media-brand--vital-perfection {
        min-height: 157.6vw;
        background: url("../images/lp/collection/img-brand-vital-perfection_sp1.jpg?$staticlink$") no-repeat right center/cover;
    }
    .p-media-brand.p-media-brand--benefiance {
        min-height: 154.9333333333vw;
        background: url("../images/lp/collection/img-brand-benefiance_sp.jpg?$staticlink$") no-repeat right center/cover;
    }
    .p-media-brand.p-media-brand--white-lucent {
        min-height: 158.9333333333vw;
        background: url("../images/lp/collection/img-brand-white-lucent_sp1.jpg?$staticlink$") no-repeat right center/cover;
    }
    .p-media-brand.p-media-brand--essential-energy {
        min-height: 153.0666666667vw;
        background: url("../images/lp/collection/img-brand-essential-energy_sp.jpg?$staticlink$") no-repeat right center/cover;
    }
    .p-media-brand.p-media-brand--bio-performance {
        min-height: 152.8vw;
        background: url("../images/lp/collection/img-brand-bio-performance_sp.jpg?$staticlink$") no-repeat right center/cover;
    }
    .p-media-brand.p-media-brand--shiseido-eudermine {
        min-height: 160.5333333333vw;
        background: url("../images/lp/collection/img-brand-shiseido-eudermine_sp.jpg?$staticlink$") no-repeat right center/cover;
    }
    .p-media-brand.p-media-brand--shiseido-eudermine .u-icon-label {
        border: 0.2666666667vw solid #fff;
    }
    .p-media-brand.p-media-brand--shiseido-men {
        min-height: 166.6666666667vw;
        background: url("../images/lp/collection/img-brand-shiseido-men_sp.jpg?$staticlink$") no-repeat right top #000;
        background-size: 100% auto;
    }
    .p-media-brand.p-media-brand--future-solution-lx {
        min-height: 252.2666666667vw;
        background: url("../images/lp/collection/img-brand-future-solution-lx_sp.jpg?$staticlink$") no-repeat right center/cover;
    }
}
@media (max-width: 768.98px) and (min-width: 769px) {
    .p-media-brand.p-media-brand--future-solution-lx {
        padding-right: 3.75rem;
    }
}
@media (max-width: 768.98px) and (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-media-brand.p-media-brand--future-solution-lx {
        padding-right: 5vw;
    }
}
@media (max-width: 768.98px) and (max-width: 768.98px) {
    .p-media-brand.p-media-brand--future-solution-lx {
        padding-bottom: 34vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-brand.p-media-brand--future-solution-lx .c-text-lead {
        margin-right: -5.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-brand.p-media-brand--future-solution-lx .p-media-brand__btn {
        position: absolute;
        bottom: 8vw;
        left: 8vw;
        width: calc(100% - 16vw);
    }
}
@media (max-width: 768.98px) {
    .p-media-detail {
        margin-right: 5.3333333333vw;
        margin-left: 5.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-detail .c-text-lead {
        margin-top: 5.3333333333vw;
    }
}
@media (min-width: 769px) {
    .p-media-detail .c-text {
        margin-top: 1.4375rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-media-detail .c-text {
        margin-top: 1.9166666667vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-detail .c-text {
        margin-top: 6.6666666667vw;
    }
}
@media (min-width: 769px) {
    .p-media-detail {
        display: grid;
        grid-auto-columns: auto auto;
        grid-template-columns: 48% 48%;
        grid-template-rows: auto auto;
        gap: 0 6%;
        grid-template-areas: "left right1" "left right2";
    }
    .p-media-detail .c-text-lead {
        margin-top: auto;
        grid-area: right1;
    }
    .p-media-detail .p-media-detail__pict {
        grid-area: left;
    }
    .p-media-detail .c-text {
        margin-bottom: auto;
        grid-area: right2;
    }
}
@media (max-width: 768.98px) {
    .p-media-detail {
        display: flex;
        flex-direction: column;
    }
    .p-media-detail .p-media-detail__pict {
        order: -1;
    }
}
.p-media-product {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.p-media-product .p-media-product__head {
    display: grid;
    grid-auto-columns: auto auto;
    grid-template-areas: "left right1" "left right2" "left right3";
}
@media (min-width: 769px) {
    .p-media-product .p-media-product__head {
        margin-bottom: 1.875rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-media-product .p-media-product__head {
        margin-bottom: 2.5vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-product .p-media-product__head {
        margin-bottom: 5.3333333333vw;
    }
}
.p-media-product .p-media-product__head .c-text-lead {
    grid-area: right1;
}
.p-media-product .p-media-product__head .c-list-icon {
    grid-area: right2;
}
@media (min-width: 769px) {
    .p-media-product .p-media-product__head .c-list-icon {
        margin-top: 1.25rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-media-product .p-media-product__head .c-list-icon {
        margin-top: 1.6666666667vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-product .p-media-product__head .c-list-icon {
        margin-top: 4.6666666667vw;
    }
}
.p-media-product .p-media-product__head .p-media-product__banner {
    margin-top: auto;
    grid-area: right3;
}
.p-media-product .p-media-product__head .p-media-product__pict {
    grid-area: left;
}
@media (min-width: 769px) {
    .p-media-product .c-list-label + .c-text {
        margin-top: 0.625rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-media-product .c-list-label + .c-text {
        margin-top: 0.8333333333vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-product .c-list-label + .c-text {
        margin-top: 2.6666666667vw;
    }
}
@media (min-width: 769px) {
    .p-media-product .c-list-note {
        margin-top: 1.25rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-media-product .c-list-note {
        margin-top: 1.6666666667vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-product .c-list-note {
        margin-top: 4vw;
    }
}
.p-media-product .p-media-product__btn-list {
    margin-top: auto;
}
@media (min-width: 769px) {
    .p-media-product .p-media-product__btn-item {
        margin-top: 2.5rem;
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) and (min-width: 769px) and (max-width: 1199.98px) {
    .p-media-product .p-media-product__btn-item {
        margin-top: 3.3333333333vw;
    }
}
@media (max-width: 768.98px) {
    .p-media-product .p-media-product__btn-item {
        margin-top: 8vw;
    }
}
@media (min-width: 769px) {
    .p-media-product .p-media-product__head {
        grid-template-columns: 48.0769230769% 46.1538461538%;
        grid-template-rows: auto auto 1fr;
        gap: 0 5.7692307692%;
    }
    .p-media-product .p-media-product__banner {
        box-shadow: 0 0 3.125rem 0 rgba(0, 0, 0, 0.08);
    }
}
@media (min-width: 769px) and (max-width: 1199.98px) {
    .p-media-product .p-media-product__banner {
        box-shadow: 0 0 4.1666666667vw 0 rgba(0, 0, 0, 0.08);
    }
}
@media (max-width: 768.98px) {
    .p-media-product .p-media-product__head {
        grid-template-columns: 45.3968253968% 48.253968254%;
        grid-template-rows: auto auto 1fr;
        gap: 0 6.3492063492%;
    }
}