@charset 'UTF-8';

    .leaf-root {
        max-width: calc(840px + 8rem);
        margin: auto;
        line-height: 2;
    }
    @media (min-width: 768px) {
    .leaf-root .description-area[data-v-5e9544d0] {
        padding: 7.4rem 4rem 12rem;
        margin: 7rem auto 0;
    }
}
    .leaf-root .description-area[data-v-5e9544d0] {
    max-width: calc(840px + 8rem);
    border-top: 1px solid #eee;
}
.leaf-root .catch-text[data-v-5e9544d0] {
    text-align: center;
    letter-spacing: .16em;
}
@media (min-width: 768px) {
    .leaf-root .catch-text[data-v-5e9544d0] {
        font-size: 2.4rem;
        margin-bottom: 6rem;
    }
}
@media (min-width: 768px) {
    .leaf-root .description-text[data-v-5e9544d0] {
        font-size: 1.5rem;
        margin-bottom: 5rem;
    }
}
    @media (min-width: 768px) {
        .leaf-root .description-video[data-v-5e9544d0] {
            font-size: 1.3rem;
            margin: 6rem auto;
        }
    }

    @media (min-width: 768px) {
        .ui-video[data-column="1"][data-v-722572c0] {
            max-width: 340px;
        }
    }

    [data-intersect-animation][data-intersect-animation="bound"][data-is-intersected="true"] {
        animation: bound .3s;
        opacity: 1;
    }

    .ui-video[data-v-722572c0] {
        margin: 0 auto;
    }

    [data-intersect-animation] {
        position: relative;
    }

    .ui-video .item[data-v-722572c0] {
        position: relative;
        overflow: hidden;
    }
@media (max-width: 767px) and (max-width: 750px) {
    .leaf-root .description-video[data-v-5e9544d0] {
        margin: calc((60 / 750) * 100vw) auto;
    }
}
@media (max-width: 767px) and (max-width: 750px) {

    .ui-video .thumbnail[data-v-722572c0],
    .ui-video .video[data-v-722572c0] {
        border-radius: calc((10 / 750) * 100vw);
    }
}

@media (max-width: 767px) and (max-width: 750px) {
    .ui-video[data-column="1"][data-v-722572c0] {
        width: calc((430 / 750) * 430px);
    }
}

@media (max-width: 767px) and (max-width: 750px) {
    .ui-video[data-column="1"][data-v-722572c0] {
        width: calc((430 / 750) * 100vw);
    }
}

@media (max-width: 767px) {
    .ui-video .thumbnail .play-video[data-v-722572c0] {
        font-size: 2rem;
    }
}

@media (max-width: 767px) and (max-width: 750px) {
    .ui-video .thumbnail .play-video i[data-v-722572c0] {
        width: calc((70 / 750) * 430px);
        height: calc((70 / 750) * 430px);
        margin-bottom: calc((20 / 750) * 430px);
    }
}
@media (max-width: 767px) and (max-width: 750px) {
    .ui-video .thumbnail .play-video i[data-v-722572c0] {
        margin-bottom: calc((20 / 750) * 100vw);
    }
}
@media (max-width: 767px) and (max-width: 750px) {
    .ui-video .thumbnail .play-video i[data-v-722572c0] {
        height: calc((70 / 750) * 100vw);
    }
}
@media (max-width: 767px) and (max-width: 750px) {
    .ui-video .thumbnail .play-video i[data-v-722572c0] {
        width: calc((70 / 750) * 100vw);
    }
}
.ui-video .thumbnail .play-video i[data-v-722572c0] {
    display: block;
}
    .ui-video .thumbnail[data-v-722572c0],
    .ui-video .video[data-v-722572c0] {
        overflow: hidden;
    }

    @media (min-width: 768px) {

        .ui-video .thumbnail[data-v-722572c0],
        .ui-video .video[data-v-722572c0] {
            border-radius: 1rem;
        }
    }

    .ui-video .thumbnail[data-v-722572c0] {
        position: relative;
        z-index: 1;
        cursor: pointer;
    }

    .ui-video .thumbnail[data-v-722572c0]::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 100%;
        background-color: #000;
        opacity: .1;
        transition: opacity .5s;
        pointer-events: none;
        z-index: 1;
    }

    img {
        max-width: 100%;
        height: auto;
        -webkit-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        vertical-align: middle;
        -webkit-touch-callout: none;
        -moz-touch-callout: none;
        -ms-touch-callout: none;
        -webkit-user-drag: none;
        user-drag: none;
    }

    .ui-video .thumbnail img[data-v-722572c0] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: "object-fit: cover;";
        transition: transform .5s;
    }

    .ui-video .thumbnail .play-video[data-v-722572c0] {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        pointer-events: none;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        font-family: var(--font-family--en);
        color: #fff;
        font-weight: 500;
        letter-spacing: .24em;
    }

    @media (min-width: 768px) {
        .ui-video .thumbnail .play-video[data-v-722572c0] {
            font-size: 1.3rem;
        }
    }

    .ui-video .thumbnail .play-video i[data-v-722572c0] {
        display: block;
    }

    @media (min-width: 768px) {
        .ui-video .thumbnail .play-video i[data-v-722572c0] {
            width: 5rem;
            height: 5rem;
            margin-bottom: 2rem;
        }
    }

    i[aria-hidden="true"]>svg,
    i[aria-label]>svg {
        width: 100%;
        height: 100%;
        vertical-align: top;
        overflow: visible;
    }

    .ui-video .video[data-v-722572c0] {
        padding-top: 100%;
        position: relative;
    }

    .ui-video .video>div[data-v-722572c0] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .ui-video .video[data-v-722572c0] iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .ui-video .thumbnail[aria-hidden="true"][data-v-722572c0] {
        display: none;
    }

    [data-intersect-animation] {
        position: relative;
    }

    [data-intersect-animation][data-intersect-animation="fade"] {
        opacity: 0;
        transition: opacity, transform;
        transition-duration: .3s;
    }

    @media (min-width: 768px) {
        [data-intersect-animation][data-intersect-animation="fade"] {
            transform: translateY(25%);
        }
    }

    [data-intersect-animation][data-intersect-animation="fade"][data-is-intersected="true"] {
        opacity: 1;
        transform: translateY(0);
    }

    .leaf-root .description-best-cosme[data-v-5e9544d0] {
        background-color: #f8f7f3;
    }

    @media (min-width: 768px) {
        .leaf-root .description-best-cosme[data-v-5e9544d0] {
            padding: 8rem 12rem;
        }
    }

    .leaf-root .description-area>*[data-v-5e9544d0]:last-child {
        margin-bottom: 0;
    }

    .leaf-root .description-best-cosme .heading-svg[data-v-5e9544d0] {
        display: block;
        margin: 0 auto;
    }

    @media (min-width: 768px) {
        .leaf-root .description-best-cosme .heading-svg[data-v-5e9544d0] {
            width: 10rem;
            height: 8rem;
            margin-bottom: 1.8rem;
        }
    }

    i[aria-hidden="true"]>svg,
    i[aria-label]>svg {
        width: 100%;
        height: 100%;
        vertical-align: top;
        overflow: visible;
    }

    .leaf-root .description-best-cosme .heading[data-v-5e9544d0] {
        text-align: center;
    }

    @media (min-width: 768px) {
        .leaf-root .description-best-cosme .heading[data-v-5e9544d0] {
            font-size: 1.3rem;
            margin-bottom: 5rem;
        }
    }

    .leaf-root .description-best-cosme .heading[data-v-5e9544d0]::before,
    .leaf-root .description-best-cosme .heading[data-v-5e9544d0]::after {
        display: block;
        width: 0;
        height: 0;
        content: "";
    }

    .leaf-root .description-best-cosme .heading[data-v-5e9544d0]::before {
        margin-top: calc((1 - var(--line-height)) * .5em);
    }

    .leaf-root .description-best-cosme .heading[data-v-5e9544d0]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em);
    }

    .leaf-root .description-best-cosme .heading span[data-v-5e9544d0]:first-child {
        font-family: var(--font-family--en);
        font-weight: 400;
    }

    .leaf-root .description-best-cosme .heading span[data-v-5e9544d0]:last-child {
        letter-spacing: .16em;
    }

    .leaf-root .description-best-cosme li[data-v-5e9544d0] {
        display: flex;
        align-items: baseline;
    }

    @media (min-width: 768px) {
        .leaf-root .description-best-cosme li[data-v-5e9544d0] {
            font-size: 1.5rem;
        }
    }

    @media (min-width: 768px) {
        .leaf-root .description-best-cosme li[data-v-5e9544d0]:not(:last-child) {
            margin-bottom: 1.5rem;
        }
    }

    .leaf-root .description-best-cosme li i[data-v-5e9544d0] {
        display: block;
        flex-shrink: 0;
        position: relative;
    }

    @media (min-width: 768px) {
        .leaf-root .description-best-cosme li i[data-v-5e9544d0] {
            width: 1.5rem;
            height: 1.5rem;
            margin-right: 1rem;
            bottom: -.5rem;
        }
    }

    i[aria-hidden="true"]>svg,
    i[aria-label]>svg {
        width: 100%;
        height: 100%;
        vertical-align: top;
        overflow: visible;
    }

    .leaf-root .description-best-cosme li p[data-v-5e9544d0]::before,
    .leaf-root .description-best-cosme li p[data-v-5e9544d0]::after {
        display: block;
        width: 0;
        height: 0;
        content: "";
    }

    .leaf-root .description-best-cosme li p[data-v-5e9544d0]::before {
        margin-top: calc((1 - var(--line-height)) * .5em);
    }

    .leaf-root .description-best-cosme li p[data-v-5e9544d0]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em);
    }

    @media (min-width: 768px) {
        .leaf-root .description-best-cosme .heading-svg[data-v-5e9544d0] {
            width: 10rem;
            height: 8rem;
            margin-bottom: 1.8rem;
        }
    }

    i[aria-hidden="true"]>svg,
    i[aria-label]>svg {
        width: 100%;
        height: 100%;
        vertical-align: top;
        overflow: visible;
    }


@media (min-width: 768px) {
    .leaf-root .description-note-list[data-v-5e9544d0] {
        font-size: 1.3rem;
        margin-bottom: 6rem;
    }
}

.leaf-root .description-note-list[data-v-5e9544d0] {
    color: #888;
}

.leaf-root .description-note-list li[data-v-5e9544d0] {
    display: flex;
    align-items: baseline;
}