@import url(fonts.googleapis.com/css);


    /* Document
 * ========================================================================== */
    /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
    html {
        line-height: 1.15;
        /* 1 */
        -ms-text-size-adjust: 100%;
        /* 2 */
        -webkit-text-size-adjust: 100%;
        /* 2 */
    }

    /* Sections
 * ========================================================================== */
    /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
    h1 {
        font-size: 2em;
        margin: 0.67em 0;
    }

    /* Grouping content
 * ========================================================================== */
    /**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
    dl dl,
    dl ol,
    dl ul,
    ol dl,
    ul dl {
        margin: 0;
    }

    /**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
    ol ol,
    ol ul,
    ul ol,
    ul ul {
        margin: 0;
    }

    /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */
    hr {
        box-sizing: content-box;
        /* 1 */
        height: 0;
        /* 1 */
        overflow: visible;
        /* 2 */
    }

    /**
 * Add the correct display in IE.
 */
    main {
        display: block;
    }

    /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
    pre {
        font-family: monospace, monospace;
        /* 1 */
        font-size: 1em;
        /* 2 */
    }

    /* Text-level semantics
 * ========================================================================== */
    /**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
    abbr[title] {
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
    }

    /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
    b,
    strong {
        font-weight: bolder;
    }

    /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
    code,
    kbd,
    samp {
        font-family: monospace, monospace;
        /* 1 */
        font-size: 1em;
        /* 2 */
    }

    /**
 * Add the correct font size in all browsers.
 */
    small {
        font-size: 80%;
    }

    /* Embedded content
 * ========================================================================== */
    /**
 * Hide the overflow in IE.
 */
    svg:not(:root) {
        overflow: hidden;
    }

    /* Forms
 * ========================================================================== */
    /**
 * Remove the margin on controls in Safari.
 */
    button,
    input,
    select {
        margin: 0;
    }

    /**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
    button {
        overflow: visible;
        /* 1 */
        text-transform: none;
        /* 2 */
    }

    /**
 * Correct the inability to style buttons in iOS and Safari.
 */
    button,
    [type="button"],
    [type="reset"],
    [type="submit"] {
        -webkit-appearance: button;
    }

    /**
 * Correct the padding in Firefox.
 */
    fieldset {
        padding: 0.35em 0.75em 0.625em;
    }

    /**
 * Show the overflow in Edge 18- and IE.
 */
    input {
        overflow: visible;
    }

    /**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
    legend {
        box-sizing: border-box;
        /* 1 */
        color: inherit;
        /* 2 */
        display: table;
        /* 1 */
        max-width: 100%;
        /* 1 */
        white-space: normal;
        /* 1 */
    }

    /**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
    progress {
        display: inline-block;
        /* 1 */
        vertical-align: baseline;
        /* 2 */
    }

    /**
 * Remove the inheritance of text transform in Firefox.
 */
    select {
        text-transform: none;
    }

    /**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 */
    textarea {
        margin: 0;
        /* 1 */
        overflow: auto;
        /* 2 */
    }

    /**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
    [type="search"] {
        -webkit-appearance: textfield;
        /* 1 */
        outline-offset: -2px;
        /* 2 */
    }

    /**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto;
    }

    /**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
    ::-webkit-input-placeholder {
        color: inherit;
        opacity: 0.54;
    }

    /**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
    ::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    /**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        /* 1 */
        font: inherit;
        /* 2 */
    }

    /**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
    ::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    /**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
    :-moz-focusring {
        outline: 1px dotted ButtonText;
    }

    /**
 * Remove the additional :invalid styles in Firefox.
 */
    :-moz-ui-invalid {
        box-shadow: none;
    }

    /* Interactive
 * ========================================================================== */
    /*
 * Add the correct display in Edge 18- and IE.
 */
    details {
        display: block;
    }

    /*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
    dialog {
        background-color: white;
        border: solid;
        color: black;
        display: block;
        height: -moz-fit-content;
        height: -webkit-fit-content;
        height: fit-content;
        left: 0;
        margin: auto;
        padding: 1em;
        position: absolute;
        right: 0;
        width: -moz-fit-content;
        width: -webkit-fit-content;
        width: fit-content;
    }

    dialog:not([open]) {
        display: none;
    }

    /*
 * Add the correct display in all browsers.
 */
    summary {
        display: list-item;
    }

    /* Scripting
 * ========================================================================== */
    /**
 * Add the correct display in IE.
 */
    template {
        display: none;
    }

    /* User interaction
 * ========================================================================== */
    .swiper-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1
    }

    .swiper-container-no-flexbox .swiper-slide {
        float: left
    }

    .swiper-container-vertical>.swiper-wrapper {
        flex-direction: column
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box
    }

    .swiper-container-android .swiper-slide,
    .swiper-wrapper {
        transform: translate3d(0px, 0, 0)
    }

    .swiper-container-multirow>.swiper-wrapper {
        flex-wrap: wrap
    }

    .swiper-container-free-mode>.swiper-wrapper {
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    .swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform
    }

    .swiper-slide-invisible-blank {
        visibility: hidden
    }

    .swiper-container-autoheight,
    .swiper-container-autoheight .swiper-slide {
        height: auto
    }

    .swiper-container-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform, height
    }

    .swiper-container-3d {
        perspective: 1200px
    }

    .swiper-container-3d .swiper-wrapper,
    .swiper-container-3d .swiper-slide,
    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top,
    .swiper-container-3d .swiper-slide-shadow-bottom,
    .swiper-container-3d .swiper-cube-shadow {
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top,
    .swiper-container-3d .swiper-slide-shadow-bottom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-container-wp8-horizontal,
    .swiper-container-wp8-horizontal>.swiper-wrapper {
        touch-action: pan-y
    }

    .swiper-container-wp8-vertical,
    .swiper-container-wp8-vertical>.swiper-wrapper {
        touch-action: pan-x
    }

    .swiper-button-prev,
    .swiper-button-next {
        position: absolute;
        top: 50%;
        width: 27px;
        height: 44px;
        margin-top: -22px;
        cursor: pointer;
        background-size: 27px 44px;
        background-position: center;
        background-repeat: no-repeat
    }

    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next.swiper-button-disabled {
        opacity: .5;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
        left: 10px;
        right: auto
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
        right: 10px;
        left: auto
    }

    .swiper-button-prev.swiper-button-white,
    .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-next.swiper-button-white,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-prev.swiper-button-black,
    .swiper-container-rtl .swiper-button-next.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-next.swiper-button-black,
    .swiper-container-rtl .swiper-button-prev.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-lock {
        display: none
    }

    .swiper-pagination {
        position: absolute;
        text-align: center;
        transition: 300ms opacity;
        transform: translate3d(0, 0, 0)
    }

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-pagination-fraction,
    .swiper-pagination-custom,
    .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 10px;
        left: 0;
        width: 100%
    }

    .swiper-pagination-bullets-dynamic {
        overflow: hidden;
        font-size: 0
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(0.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(0.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(0.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(0.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(0.33)
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 100%;
        background: #000;
        opacity: .2
    }

    button.swiper-pagination-bullet {
        border: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #007aff
    }

    .swiper-container-vertical>.swiper-pagination-bullets {
        right: 10px;
        top: 50%;
        transform: translate3d(0px, -50%, 0)
    }

    .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block
    }

    .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

    .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        display: inline-block;
        transition: 200ms transform, 200ms top
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 4px
    }

    .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap
    }

    .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: 200ms transform, 200ms left
    }

    .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: 200ms transform, 200ms right
    }

    .swiper-pagination-progressbar {
        background: rgba(0, 0, 0, 0.25);
        position: absolute
    }

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

    .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        transform-origin: right top
    }

    .swiper-container-horizontal>.swiper-pagination-progressbar,
    .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: 100%;
        height: 4px;
        left: 0;
        top: 0
    }

    .swiper-container-vertical>.swiper-pagination-progressbar,
    .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
    }

    .swiper-pagination-white .swiper-pagination-bullet-active {
        background: #fff
    }

    .swiper-pagination-progressbar.swiper-pagination-white {
        background: rgba(255, 255, 255, 0.25)
    }

    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
        background: #fff
    }

    .swiper-pagination-black .swiper-pagination-bullet-active {
        background: #000
    }

    .swiper-pagination-progressbar.swiper-pagination-black {
        background: rgba(0, 0, 0, 0.25)
    }

    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
        background: #000
    }

    .swiper-pagination-lock {
        display: none
    }

    .swiper-scrollbar {
        border-radius: 10px;
        position: relative;
        -ms-touch-action: none;
        background: rgba(0, 0, 0, 0.1)
    }

    .swiper-container-horizontal>.swiper-scrollbar {
        position: absolute;
        left: 1%;
        bottom: 3px;
        z-index: 50;
        height: 5px;
        width: 98%
    }

    .swiper-container-vertical>.swiper-scrollbar {
        position: absolute;
        right: 3px;
        top: 1%;
        z-index: 50;
        width: 5px;
        height: 98%
    }

    .swiper-scrollbar-drag {
        height: 100%;
        width: 100%;
        position: relative;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        left: 0;
        top: 0
    }

    .swiper-scrollbar-cursor-drag {
        cursor: move
    }

    .swiper-scrollbar-lock {
        display: none
    }

    .swiper-zoom-container {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .swiper-zoom-container>img,
    .swiper-zoom-container>svg,
    .swiper-zoom-container>canvas {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

    .swiper-slide-zoomed {
        cursor: move
    }

    .swiper-lazy-preloader {
        width: 42px;
        height: 42px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -21px;
        margin-top: -21px;
        transform-origin: 50%;
        animation: swiper-preloader-spin 1s steps(12, end) infinite
    }

    .swiper-lazy-preloader::after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat
    }

    .swiper-lazy-preloader-white::after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
    }

    @keyframes swiper-preloader-spin {
        100% {
            transform: rotate(360deg)
        }
    }

    .swiper-container .swiper-notification {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        opacity: 0;
        z-index: -1000
    }

    .swiper-container-fade.swiper-container-free-mode .swiper-slide {
        transition-timing-function: ease-out
    }

    .swiper-container-fade .swiper-slide {
        pointer-events: none;
        transition-property: opacity
    }

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

    .swiper-container-fade .swiper-slide-active,
    .swiper-container-fade .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube {
        overflow: visible
    }

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

    .swiper-container-cube .swiper-slide .swiper-slide {
        pointer-events: none
    }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active,
    .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-active,
    .swiper-container-cube .swiper-slide-next,
    .swiper-container-cube .swiper-slide-prev,
    .swiper-container-cube .swiper-slide-next+.swiper-slide {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-slide-shadow-top,
    .swiper-container-cube .swiper-slide-shadow-bottom,
    .swiper-container-cube .swiper-slide-shadow-left,
    .swiper-container-cube .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        filter: blur(50px);
        z-index: 0
    }

    .swiper-container-flip {
        overflow: visible
    }

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

    .swiper-container-flip .swiper-slide .swiper-slide {
        pointer-events: none
    }

    .swiper-container-flip .swiper-slide-active,
    .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-flip .swiper-slide-shadow-top,
    .swiper-container-flip .swiper-slide-shadow-bottom,
    .swiper-container-flip .swiper-slide-shadow-left,
    .swiper-container-flip .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-coverflow .swiper-wrapper {
        -ms-perspective: 1200px
    }

    body[data-aos-duration="50"] [data-aos],
    [data-aos][data-aos][data-aos-duration="50"] {
        transition-duration: 50ms
    }

    body[data-aos-delay="50"] [data-aos],
    [data-aos][data-aos][data-aos-delay="50"] {
        transition-delay: 0
    }

    body[data-aos-delay="50"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="50"].aos-animate {
        transition-delay: 50ms
    }

    body[data-aos-duration="100"] [data-aos],
    [data-aos][data-aos][data-aos-duration="100"] {
        transition-duration: 100ms
    }

    body[data-aos-delay="100"] [data-aos],
    [data-aos][data-aos][data-aos-delay="100"] {
        transition-delay: 0
    }

    body[data-aos-delay="100"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="100"].aos-animate {
        transition-delay: 100ms
    }

    body[data-aos-duration="150"] [data-aos],
    [data-aos][data-aos][data-aos-duration="150"] {
        transition-duration: 150ms
    }

    body[data-aos-delay="150"] [data-aos],
    [data-aos][data-aos][data-aos-delay="150"] {
        transition-delay: 0
    }

    body[data-aos-delay="150"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="150"].aos-animate {
        transition-delay: 150ms
    }

    body[data-aos-duration="200"] [data-aos],
    [data-aos][data-aos][data-aos-duration="200"] {
        transition-duration: 200ms
    }

    body[data-aos-delay="200"] [data-aos],
    [data-aos][data-aos][data-aos-delay="200"] {
        transition-delay: 0
    }

    body[data-aos-delay="200"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="200"].aos-animate {
        transition-delay: 200ms
    }

    body[data-aos-duration="250"] [data-aos],
    [data-aos][data-aos][data-aos-duration="250"] {
        transition-duration: 250ms
    }

    body[data-aos-delay="250"] [data-aos],
    [data-aos][data-aos][data-aos-delay="250"] {
        transition-delay: 0
    }

    body[data-aos-delay="250"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="250"].aos-animate {
        transition-delay: 250ms
    }

    body[data-aos-duration="300"] [data-aos],
    [data-aos][data-aos][data-aos-duration="300"] {
        transition-duration: 300ms
    }

    body[data-aos-delay="300"] [data-aos],
    [data-aos][data-aos][data-aos-delay="300"] {
        transition-delay: 0
    }

    body[data-aos-delay="300"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="300"].aos-animate {
        transition-delay: 300ms
    }

    body[data-aos-duration="350"] [data-aos],
    [data-aos][data-aos][data-aos-duration="350"] {
        transition-duration: 350ms
    }

    body[data-aos-delay="350"] [data-aos],
    [data-aos][data-aos][data-aos-delay="350"] {
        transition-delay: 0
    }

    body[data-aos-delay="350"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="350"].aos-animate {
        transition-delay: 350ms
    }

    body[data-aos-duration="400"] [data-aos],
    [data-aos][data-aos][data-aos-duration="400"] {
        transition-duration: 400ms
    }

    body[data-aos-delay="400"] [data-aos],
    [data-aos][data-aos][data-aos-delay="400"] {
        transition-delay: 0
    }

    body[data-aos-delay="400"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="400"].aos-animate {
        transition-delay: 400ms
    }

    body[data-aos-duration="450"] [data-aos],
    [data-aos][data-aos][data-aos-duration="450"] {
        transition-duration: 450ms
    }

    body[data-aos-delay="450"] [data-aos],
    [data-aos][data-aos][data-aos-delay="450"] {
        transition-delay: 0
    }

    body[data-aos-delay="450"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="450"].aos-animate {
        transition-delay: 450ms
    }

    body[data-aos-duration="500"] [data-aos],
    [data-aos][data-aos][data-aos-duration="500"] {
        transition-duration: 500ms
    }

    body[data-aos-delay="500"] [data-aos],
    [data-aos][data-aos][data-aos-delay="500"] {
        transition-delay: 0
    }

    body[data-aos-delay="500"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="500"].aos-animate {
        transition-delay: 500ms
    }

    body[data-aos-duration="550"] [data-aos],
    [data-aos][data-aos][data-aos-duration="550"] {
        transition-duration: 550ms
    }

    body[data-aos-delay="550"] [data-aos],
    [data-aos][data-aos][data-aos-delay="550"] {
        transition-delay: 0
    }

    body[data-aos-delay="550"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="550"].aos-animate {
        transition-delay: 550ms
    }

    body[data-aos-duration="600"] [data-aos],
    [data-aos][data-aos][data-aos-duration="600"] {
        transition-duration: 600ms
    }

    body[data-aos-delay="600"] [data-aos],
    [data-aos][data-aos][data-aos-delay="600"] {
        transition-delay: 0
    }

    body[data-aos-delay="600"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="600"].aos-animate {
        transition-delay: 600ms
    }

    body[data-aos-duration="650"] [data-aos],
    [data-aos][data-aos][data-aos-duration="650"] {
        transition-duration: 650ms
    }

    body[data-aos-delay="650"] [data-aos],
    [data-aos][data-aos][data-aos-delay="650"] {
        transition-delay: 0
    }

    body[data-aos-delay="650"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="650"].aos-animate {
        transition-delay: 650ms
    }

    body[data-aos-duration="700"] [data-aos],
    [data-aos][data-aos][data-aos-duration="700"] {
        transition-duration: 700ms
    }

    body[data-aos-delay="700"] [data-aos],
    [data-aos][data-aos][data-aos-delay="700"] {
        transition-delay: 0
    }

    body[data-aos-delay="700"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="700"].aos-animate {
        transition-delay: 700ms
    }

    body[data-aos-duration="750"] [data-aos],
    [data-aos][data-aos][data-aos-duration="750"] {
        transition-duration: 750ms
    }

    body[data-aos-delay="750"] [data-aos],
    [data-aos][data-aos][data-aos-delay="750"] {
        transition-delay: 0
    }

    body[data-aos-delay="750"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="750"].aos-animate {
        transition-delay: 750ms
    }

    body[data-aos-duration="800"] [data-aos],
    [data-aos][data-aos][data-aos-duration="800"] {
        transition-duration: 800ms
    }

    body[data-aos-delay="800"] [data-aos],
    [data-aos][data-aos][data-aos-delay="800"] {
        transition-delay: 0
    }

    body[data-aos-delay="800"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="800"].aos-animate {
        transition-delay: 800ms
    }

    body[data-aos-duration="850"] [data-aos],
    [data-aos][data-aos][data-aos-duration="850"] {
        transition-duration: 850ms
    }

    body[data-aos-delay="850"] [data-aos],
    [data-aos][data-aos][data-aos-delay="850"] {
        transition-delay: 0
    }

    body[data-aos-delay="850"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="850"].aos-animate {
        transition-delay: 850ms
    }

    body[data-aos-duration="900"] [data-aos],
    [data-aos][data-aos][data-aos-duration="900"] {
        transition-duration: 900ms
    }

    body[data-aos-delay="900"] [data-aos],
    [data-aos][data-aos][data-aos-delay="900"] {
        transition-delay: 0
    }

    body[data-aos-delay="900"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="900"].aos-animate {
        transition-delay: 900ms
    }

    body[data-aos-duration="950"] [data-aos],
    [data-aos][data-aos][data-aos-duration="950"] {
        transition-duration: 950ms
    }

    body[data-aos-delay="950"] [data-aos],
    [data-aos][data-aos][data-aos-delay="950"] {
        transition-delay: 0
    }

    body[data-aos-delay="950"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="950"].aos-animate {
        transition-delay: 950ms
    }

    body[data-aos-duration="1000"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1000"] {
        transition-duration: 1000ms
    }

    body[data-aos-delay="1000"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1000"] {
        transition-delay: 0
    }

    body[data-aos-delay="1000"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
        transition-delay: 1000ms
    }

    body[data-aos-duration="1050"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1050"] {
        transition-duration: 1050ms
    }

    body[data-aos-delay="1050"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1050"] {
        transition-delay: 0
    }

    body[data-aos-delay="1050"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
        transition-delay: 1050ms
    }

    body[data-aos-duration="1100"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1100"] {
        transition-duration: 1100ms
    }

    body[data-aos-delay="1100"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1100"] {
        transition-delay: 0
    }

    body[data-aos-delay="1100"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
        transition-delay: 1100ms
    }

    body[data-aos-duration="1150"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1150"] {
        transition-duration: 1150ms
    }

    body[data-aos-delay="1150"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1150"] {
        transition-delay: 0
    }

    body[data-aos-delay="1150"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
        transition-delay: 1150ms
    }

    body[data-aos-duration="1200"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1200"] {
        transition-duration: 1200ms
    }

    body[data-aos-delay="1200"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1200"] {
        transition-delay: 0
    }

    body[data-aos-delay="1200"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
        transition-delay: 1200ms
    }

    body[data-aos-duration="1250"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1250"] {
        transition-duration: 1250ms
    }

    body[data-aos-delay="1250"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1250"] {
        transition-delay: 0
    }

    body[data-aos-delay="1250"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
        transition-delay: 1250ms
    }

    body[data-aos-duration="1300"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1300"] {
        transition-duration: 1300ms
    }

    body[data-aos-delay="1300"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1300"] {
        transition-delay: 0
    }

    body[data-aos-delay="1300"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
        transition-delay: 1300ms
    }

    body[data-aos-duration="1350"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1350"] {
        transition-duration: 1350ms
    }

    body[data-aos-delay="1350"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1350"] {
        transition-delay: 0
    }

    body[data-aos-delay="1350"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
        transition-delay: 1350ms
    }

    body[data-aos-duration="1400"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1400"] {
        transition-duration: 1400ms
    }

    body[data-aos-delay="1400"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1400"] {
        transition-delay: 0
    }

    body[data-aos-delay="1400"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
        transition-delay: 1400ms
    }

    body[data-aos-duration="1450"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1450"] {
        transition-duration: 1450ms
    }

    body[data-aos-delay="1450"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1450"] {
        transition-delay: 0
    }

    body[data-aos-delay="1450"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
        transition-delay: 1450ms
    }

    body[data-aos-duration="1500"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1500"] {
        transition-duration: 1500ms
    }

    body[data-aos-delay="1500"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1500"] {
        transition-delay: 0
    }

    body[data-aos-delay="1500"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
        transition-delay: 1500ms
    }

    body[data-aos-duration="1550"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1550"] {
        transition-duration: 1550ms
    }

    body[data-aos-delay="1550"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1550"] {
        transition-delay: 0
    }

    body[data-aos-delay="1550"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
        transition-delay: 1550ms
    }

    body[data-aos-duration="1600"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1600"] {
        transition-duration: 1600ms
    }

    body[data-aos-delay="1600"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1600"] {
        transition-delay: 0
    }

    body[data-aos-delay="1600"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
        transition-delay: 1600ms
    }

    body[data-aos-duration="1650"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1650"] {
        transition-duration: 1650ms
    }

    body[data-aos-delay="1650"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1650"] {
        transition-delay: 0
    }

    body[data-aos-delay="1650"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
        transition-delay: 1650ms
    }

    body[data-aos-duration="1700"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1700"] {
        transition-duration: 1700ms
    }

    body[data-aos-delay="1700"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1700"] {
        transition-delay: 0
    }

    body[data-aos-delay="1700"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
        transition-delay: 1700ms
    }

    body[data-aos-duration="1750"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1750"] {
        transition-duration: 1750ms
    }

    body[data-aos-delay="1750"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1750"] {
        transition-delay: 0
    }

    body[data-aos-delay="1750"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
        transition-delay: 1750ms
    }

    body[data-aos-duration="1800"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1800"] {
        transition-duration: 1800ms
    }

    body[data-aos-delay="1800"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1800"] {
        transition-delay: 0
    }

    body[data-aos-delay="1800"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
        transition-delay: 1800ms
    }

    body[data-aos-duration="1850"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1850"] {
        transition-duration: 1850ms
    }

    body[data-aos-delay="1850"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1850"] {
        transition-delay: 0
    }

    body[data-aos-delay="1850"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
        transition-delay: 1850ms
    }

    body[data-aos-duration="1900"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1900"] {
        transition-duration: 1900ms
    }

    body[data-aos-delay="1900"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1900"] {
        transition-delay: 0
    }

    body[data-aos-delay="1900"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
        transition-delay: 1900ms
    }

    body[data-aos-duration="1950"] [data-aos],
    [data-aos][data-aos][data-aos-duration="1950"] {
        transition-duration: 1950ms
    }

    body[data-aos-delay="1950"] [data-aos],
    [data-aos][data-aos][data-aos-delay="1950"] {
        transition-delay: 0
    }

    body[data-aos-delay="1950"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
        transition-delay: 1950ms
    }

    body[data-aos-duration="2000"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2000"] {
        transition-duration: 2000ms
    }

    body[data-aos-delay="2000"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2000"] {
        transition-delay: 0
    }

    body[data-aos-delay="2000"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
        transition-delay: 2000ms
    }

    body[data-aos-duration="2050"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2050"] {
        transition-duration: 2050ms
    }

    body[data-aos-delay="2050"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2050"] {
        transition-delay: 0
    }

    body[data-aos-delay="2050"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
        transition-delay: 2050ms
    }

    body[data-aos-duration="2100"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2100"] {
        transition-duration: 2100ms
    }

    body[data-aos-delay="2100"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2100"] {
        transition-delay: 0
    }

    body[data-aos-delay="2100"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
        transition-delay: 2100ms
    }

    body[data-aos-duration="2150"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2150"] {
        transition-duration: 2150ms
    }

    body[data-aos-delay="2150"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2150"] {
        transition-delay: 0
    }

    body[data-aos-delay="2150"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
        transition-delay: 2150ms
    }

    body[data-aos-duration="2200"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2200"] {
        transition-duration: 2200ms
    }

    body[data-aos-delay="2200"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2200"] {
        transition-delay: 0
    }

    body[data-aos-delay="2200"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
        transition-delay: 2200ms
    }

    body[data-aos-duration="2250"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2250"] {
        transition-duration: 2250ms
    }

    body[data-aos-delay="2250"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2250"] {
        transition-delay: 0
    }

    body[data-aos-delay="2250"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
        transition-delay: 2250ms
    }

    body[data-aos-duration="2300"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2300"] {
        transition-duration: 2300ms
    }

    body[data-aos-delay="2300"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2300"] {
        transition-delay: 0
    }

    body[data-aos-delay="2300"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
        transition-delay: 2300ms
    }

    body[data-aos-duration="2350"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2350"] {
        transition-duration: 2350ms
    }

    body[data-aos-delay="2350"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2350"] {
        transition-delay: 0
    }

    body[data-aos-delay="2350"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
        transition-delay: 2350ms
    }

    body[data-aos-duration="2400"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2400"] {
        transition-duration: 2400ms
    }

    body[data-aos-delay="2400"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2400"] {
        transition-delay: 0
    }

    body[data-aos-delay="2400"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
        transition-delay: 2400ms
    }

    body[data-aos-duration="2450"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2450"] {
        transition-duration: 2450ms
    }

    body[data-aos-delay="2450"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2450"] {
        transition-delay: 0
    }

    body[data-aos-delay="2450"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
        transition-delay: 2450ms
    }

    body[data-aos-duration="2500"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2500"] {
        transition-duration: 2500ms
    }

    body[data-aos-delay="2500"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2500"] {
        transition-delay: 0
    }

    body[data-aos-delay="2500"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
        transition-delay: 2500ms
    }

    body[data-aos-duration="2550"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2550"] {
        transition-duration: 2550ms
    }

    body[data-aos-delay="2550"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2550"] {
        transition-delay: 0
    }

    body[data-aos-delay="2550"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
        transition-delay: 2550ms
    }

    body[data-aos-duration="2600"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2600"] {
        transition-duration: 2600ms
    }

    body[data-aos-delay="2600"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2600"] {
        transition-delay: 0
    }

    body[data-aos-delay="2600"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
        transition-delay: 2600ms
    }

    body[data-aos-duration="2650"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2650"] {
        transition-duration: 2650ms
    }

    body[data-aos-delay="2650"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2650"] {
        transition-delay: 0
    }

    body[data-aos-delay="2650"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
        transition-delay: 2650ms
    }

    body[data-aos-duration="2700"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2700"] {
        transition-duration: 2700ms
    }

    body[data-aos-delay="2700"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2700"] {
        transition-delay: 0
    }

    body[data-aos-delay="2700"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
        transition-delay: 2700ms
    }

    body[data-aos-duration="2750"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2750"] {
        transition-duration: 2750ms
    }

    body[data-aos-delay="2750"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2750"] {
        transition-delay: 0
    }

    body[data-aos-delay="2750"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
        transition-delay: 2750ms
    }

    body[data-aos-duration="2800"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2800"] {
        transition-duration: 2800ms
    }

    body[data-aos-delay="2800"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2800"] {
        transition-delay: 0
    }

    body[data-aos-delay="2800"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
        transition-delay: 2800ms
    }

    body[data-aos-duration="2850"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2850"] {
        transition-duration: 2850ms
    }

    body[data-aos-delay="2850"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2850"] {
        transition-delay: 0
    }

    body[data-aos-delay="2850"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
        transition-delay: 2850ms
    }

    body[data-aos-duration="2900"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2900"] {
        transition-duration: 2900ms
    }

    body[data-aos-delay="2900"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2900"] {
        transition-delay: 0
    }

    body[data-aos-delay="2900"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
        transition-delay: 2900ms
    }

    body[data-aos-duration="2950"] [data-aos],
    [data-aos][data-aos][data-aos-duration="2950"] {
        transition-duration: 2950ms
    }

    body[data-aos-delay="2950"] [data-aos],
    [data-aos][data-aos][data-aos-delay="2950"] {
        transition-delay: 0
    }

    body[data-aos-delay="2950"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
        transition-delay: 2950ms
    }

    body[data-aos-duration="3000"] [data-aos],
    [data-aos][data-aos][data-aos-duration="3000"] {
        transition-duration: 3000ms
    }

    body[data-aos-delay="3000"] [data-aos],
    [data-aos][data-aos][data-aos-delay="3000"] {
        transition-delay: 0
    }

    body[data-aos-delay="3000"] [data-aos].aos-animate,
    [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
        transition-delay: 3000ms
    }

    body[data-aos-easing="linear"] [data-aos],
    [data-aos][data-aos][data-aos-easing="linear"] {
        transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75)
    }

    body[data-aos-easing="ease"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease"] {
        transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1)
    }

    body[data-aos-easing="ease-in"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-in"] {
        transition-timing-function: cubic-bezier(0.42, 0, 1, 1)
    }

    body[data-aos-easing="ease-out"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-out"] {
        transition-timing-function: cubic-bezier(0, 0, 0.58, 1)
    }

    body[data-aos-easing="ease-in-out"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-in-out"] {
        transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
    }

    body[data-aos-easing="ease-in-back"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-in-back"] {
        transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
    }

    body[data-aos-easing="ease-out-back"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-out-back"] {
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
    }

    body[data-aos-easing="ease-in-out-back"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
        transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
    }

    body[data-aos-easing="ease-in-sine"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-in-sine"] {
        transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
    }

    body[data-aos-easing="ease-out-sine"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-out-sine"] {
        transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)
    }

    body[data-aos-easing="ease-in-out-sine"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
        transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
    }

    body[data-aos-easing="ease-in-quad"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-in-quad"] {
        transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
    }

    body[data-aos-easing="ease-out-quad"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-out-quad"] {
        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }

    body[data-aos-easing="ease-in-out-quad"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
        transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
    }

    body[data-aos-easing="ease-in-cubic"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
        transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
    }

    body[data-aos-easing="ease-out-cubic"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }

    body[data-aos-easing="ease-in-out-cubic"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
        transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
    }

    body[data-aos-easing="ease-in-quart"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-in-quart"] {
        transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
    }

    body[data-aos-easing="ease-out-quart"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-out-quart"] {
        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }

    body[data-aos-easing="ease-in-out-quart"] [data-aos],
    [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
        transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
    }

    [data-aos^="fade"][data-aos^="fade"] {
        opacity: 0;
        transition-property: opacity, transform
    }

    [data-aos^="fade"][data-aos^="fade"].aos-animate {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    [data-aos="fade-up"] {
        transform: translate3d(0, 50px, 0)
    }

    [data-aos="fade-down"] {
        transform: translate3d(0, -50px, 0)
    }

    [data-aos="fade-right"] {
        transform: translate3d(-50px, 0, 0)
    }

    [data-aos="fade-left"] {
        transform: translate3d(50px, 0, 0)
    }

    [data-aos="fade-up-right"] {
        transform: translate3d(-50px, 50px, 0)
    }

    [data-aos="fade-up-left"] {
        transform: translate3d(50px, 50px, 0)
    }

    [data-aos="fade-down-right"] {
        transform: translate3d(-50px, -50px, 0)
    }

    [data-aos="fade-down-left"] {
        transform: translate3d(50px, -50px, 0)
    }

    [data-aos^="zoom"][data-aos^="zoom"] {
        opacity: 0;
        transition-property: opacity, transform
    }

    [data-aos^="zoom"][data-aos^="zoom"].aos-animate {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1)
    }

    [data-aos="zoom-in"] {
        transform: scale(0.9)
    }

    [data-aos="zoom-in-up"] {
        transform: translate3d(0, 50px, 0) scale(0.6)
    }

    [data-aos="zoom-in-down"] {
        transform: translate3d(0, -50px, 0) scale(0.6)
    }

    [data-aos="zoom-in-right"] {
        transform: translate3d(-50px, 0, 0) scale(0.6)
    }

    [data-aos="zoom-in-left"] {
        transform: translate3d(50px, 0, 0) scale(0.6)
    }

    [data-aos="zoom-out"] {
        transform: scale(1.2)
    }

    [data-aos="zoom-out-up"] {
        transform: translate3d(0, 50px, 0) scale(1.2)
    }

    [data-aos="zoom-out-down"] {
        transform: translate3d(0, -50px, 0) scale(1.2)
    }

    [data-aos="zoom-out-right"] {
        transform: translate3d(-50px, 0, 0) scale(1.2)
    }

    [data-aos="zoom-out-left"] {
        transform: translate3d(50px, 0, 0) scale(1.2)
    }

    [data-aos^="slide"][data-aos^="slide"] {
        transition-property: transform
    }

    [data-aos^="slide"][data-aos^="slide"].aos-animate {
        transform: translate3d(0, 0, 0)
    }

    [data-aos="slide-up"] {
        transform: translate3d(0, 100%, 0)
    }

    [data-aos="slide-down"] {
        transform: translate3d(0, -100%, 0)
    }

    [data-aos="slide-right"] {
        transform: translate3d(-100%, 0, 0)
    }

    [data-aos="slide-left"] {
        transform: translate3d(100%, 0, 0)
    }

    [data-aos^="flip"][data-aos^="flip"] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition-property: transform
    }

    [data-aos="flip-left"] {
        transform: perspective(2500px) rotateY(-100deg)
    }

    [data-aos="flip-left"].aos-animate {
        transform: perspective(2500px) rotateY(0)
    }

    [data-aos="flip-right"] {
        transform: perspective(2500px) rotateY(100deg)
    }

    [data-aos="flip-right"].aos-animate {
        transform: perspective(2500px) rotateY(0)
    }

    [data-aos="flip-up"] {
        transform: perspective(2500px) rotateX(-100deg)
    }

    [data-aos="flip-up"].aos-animate {
        transform: perspective(2500px) rotateX(0)
    }

    [data-aos="flip-down"] {
        transform: perspective(2500px) rotateX(100deg)
    }

    [data-aos="flip-down"].aos-animate {
        transform: perspective(2500px) rotateX(0)
    }

    [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%)
        }
    }

    @media (max-width: 767px) {
        [data-intersect-animation][data-intersect-animation="fade"] {
            transform: translateY(10%)
        }
    }

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

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

    [data-intersect-animation][data-intersect-animation="fade-slow"][data-is-intersected="true"] {
        opacity: 1
    }

    [data-intersect-animation][data-intersect-animation="fade-slide-slow"] {
        opacity: 0;
        transition: opacity, transform;
        transition-duration: 1s;
        transform: translateY(10%)
    }

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

    [data-intersect-animation][data-intersect-animation="fade-slide-right"] {
        opacity: 0;
        transition: opacity, transform;
        transition-duration: 1.5s;
        transform: translateX(50%)
    }

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

    [data-intersect-animation][data-intersect-animation="fade-slide-left"] {
        opacity: 0;
        transition: opacity, transform;
        transition-duration: 1.5s;
        transform: translateX(-50%)
    }

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

    [data-intersect-animation][data-intersect-animation="bound"]:not([data-is-intersected="true"]) {
        opacity: 0
    }

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

    @keyframes bound {
        0% {
            opacity: 0;
            transform: scale(0.9)
        }

        75% {
            opacity: 1;
            transform: scale(1.025)
        }

        100% {
            opacity: 1;
            transform: scale(1)
        }
    }

    @-ms-viewport {
        width: device-width
    }

    @media print {
        @page {
            size: A3
        }
    }

    :root {
        --primary-color: #9f873f;
        --secondary-color-lv1: #a39187;
        --secondary-color-lv2: #beb1aa;
        --secondary-color-lv3: #d1c8c3;
        --secondary-color-lv4: #f6f4f3;
        --accent-color: #b1a685;
        --font-family--gothic: "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", noto-sans-cjk-jp, "ＭＳ Ｐゴシック", sans-serif;
        --font-family--en: "Montserrat", sans-serif;
        --icn-blank: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Ctitle%3Eicon_blank%3C%2Ftitle%3E%20%3Cg%20id%3D%22icon_blank%22%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M14.973%2C11.24a3.947%2C3.947%2C0%2C0%2C1-3.946%2C3.947H5.693A2.987%2C2.987%2C0%2C0%2C1%2C2.707%2C12.2V5.907A2.986%2C2.986%2C0%2C0%2C1%2C5.693%2C2.92H7.507a.96.96%2C0%2C0%2C0%2C.96-.96h0A.96.96%2C0%2C0%2C0%2C7.507%2C1H5.693A4.758%2C4.758%2C0%2C0%2C0%2C1%2C5.8v6.293A4.8%2C4.8%2C0%2C0%2C0%2C5.8%2C17h5.333a5.76%2C5.76%2C0%2C0%2C0%2C5.76-5.76v-.747a.96.96%2C0%2C0%2C0-.96-.96h0a.96.96%2C0%2C0%2C0-.96.96Z%22%20fill%3D%22%2371b3ae%22%2F%3E%20%3Cpath%20d%3D%22M14.973%2C1H12.16a.96.96%2C0%2C0%2C0-.96.96h0a.96.96%2C0%2C0%2C0%2C.96.96h1.533L9.679%2C6.935a.959.959%2C0%2C0%2C0%2C0%2C1.357l.029.029a.959.959%2C0%2C0%2C0%2C1.357%2C0L15.08%2C4.307V5.84a.96.96%2C0%2C0%2C0%2C.96.96h0A.96.96%2C0%2C0%2C0%2C17%2C5.84V3.027A2.026%2C2.026%2C0%2C0%2C0%2C14.973%2C1Z%22%20fill%3D%22%2371b3ae%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
        --icn-pdf: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Ctitle%3Eicon_pdf%3C%2Ftitle%3E%20%3Cg%20id%3D%22icon_pdf%22%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M12.9%2C17.1H3.96A3.06%2C3.06%2C0%2C0%2C1%2C.9%2C14.04V5.1%22%20fill%3D%22none%22%20stroke%3D%22%2371b3ae%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%2F%3E%20%3Crect%20x%3D%223%22%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%222.5%22%20fill%3D%22%2371b3ae%22%2F%3E%20%3Cpath%20d%3D%22M14.027%2C8.269a8.074%2C8.074%2C0%2C0%2C0-1.4.149A13.268%2C13.268%2C0%2C0%2C1%2C10.51%2C5.269c.557-2.344.278-2.676.155-2.832S10.35%2C2%2C10.14%2C2a2.025%2C2.025%2C0%2C0%2C0-.423.072.8.8%2C0%2C0%2C0-.472.506A4.106%2C4.106%2C0%2C0%2C0%2C9.77%2C5.344%2C27.841%2C27.841%2C0%2C0%2C1%2C8.192%2C9.82c-1.578.723-2.416%2C1.433-2.492%2C2.111a1%2C1%2C0%2C0%2C0%2C.464.933.668.668%2C0%2C0%2C0%2C.4.136h0c.365%2C0%2C.733-.279%2C1.159-.877a11.894%2C11.894%2C0%2C0%2C0%2C.992-1.771%2C20.008%2C20.008%2C0%2C0%2C1%2C3.676-1.175%2C2.769%2C2.769%2C0%2C0%2C0%2C1.754.952%2C1.107%2C1.107%2C0%2C0%2C0%2C.924-.5.842.842%2C0%2C0%2C0%2C.162-.9C15.074%2C8.422%2C14.679%2C8.269%2C14.027%2C8.269ZM6.576%2C12.3c-.195-.149-.183-.25-.179-.288.026-.232.388-.643%2C1.278-1.143C7%2C12.112%2C6.638%2C12.278%2C6.576%2C12.3ZM9.991%2C2.752c.018-.006.435.459.04%2C1.339A1%2C1%2C0%2C0%2C1%2C9.991%2C2.752ZM9.13%2C9.425a29.654%2C29.654%2C0%2C0%2C0%2C1.114-3.149%2C14.233%2C14.233%2C0%2C0%2C0%2C1.591%2C2.308A20.834%2C20.834%2C0%2C0%2C0%2C9.13%2C9.425Zm5.372-.2a.625.625%2C0%2C0%2C1-.5.184c-.221%2C0-.3-.132-.644-.393a5.962%2C5.962%2C0%2C0%2C1%2C.754-.045c.371%2C0%2C.438.054.49.082A.661.661%2C0%2C0%2C1%2C14.5%2C9.226Z%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
        --line-height: 1.8;
        --line-height--heading: 2.3;
        --max-width--heading: 620px;
        --max-width--block-text: 840px;
        --vw-base-width: 750;
        box-sizing: border-box;
        color: #434343;
        font-display: swap;
        font-family: var(--font-family--gothic);
        line-height: var(--line-height)
    }

    @media (min-width: 751px) {
        :root {
            font-size: 62.5%
        }
    }

    @media (max-width: 750px) {
        :root {
            font-size: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    body {
        line-height: inherit;
        min-width: 320px;
        margin: 0;
        font-weight: 300
    }

    @media (min-width: 768px) {
        body {
            font-size: 1.5rem;
            padding-top: 8rem
        }
    }

    @media (max-width: 767px) {
        body {
            font-size: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        body {
            padding-bottom: 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        body {
            padding-bottom: calc((120 / var(--vw-base-width)) * 100vw)
        }
    }

    *,
    ::after,
    ::before {
        box-sizing: inherit
    }

    html {
        -ms-overflow-style: scrollbar
    }

    h1,
    h2,
    h3,
    h4,
    h5 {
        line-height: var(--line-height--heading);
        margin: 0;
        padding: 0;
        font-weight: 600
    }

    b {
        font-weight: 600
    }

    strong {
        font-weight: 600
    }

    p {
        margin: 0
    }

    dl,
    dd {
        margin: 0
    }

    table {
        border-spacing: 0;
        border-collapse: collapse
    }

    td,
    th {
        padding: 0;
        text-align: left
    }

    li,
    ol,
    ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    figure {
        margin: 0
    }

    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
    }

    button {
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        outline: none;
        font: inherit;
        font-family: inherit;
        color: inherit
    }

    input {
        border: none;
        font: inherit;
        color: inherit
    }

    input:focus {
        outline: none
    }

    input:-ms-input-placeholder {
        color: #ccc;
        opacity: 1
    }

    input::-ms-input-placeholder {
        color: #ccc;
        opacity: 1
    }

    input::placeholder {
        color: #ccc;
        opacity: 1
    }

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

    [data-is-1byte="true"] {
        font-family: var(--font-family--en);
        font-weight: 300
    }

    .swiper-container,
    .swiper-container * {
        box-sizing: content-box
    }

    .swiper-button-prev,
    .swiper-container .swiper-button-prev,
    .swiper-button-next,
    .swiper-container .swiper-button-next {
        z-index: 1;
        background: none;
        margin-top: 0;
        width: auto;
        height: auto;
        transition: top .2s;
        outline: none
    }

    .swiper-button-prev-prev,
    .swiper-container .swiper-button-prev-prev,
    .swiper-button-next-prev,
    .swiper-container .swiper-button-next-prev {
        left: 0
    }

    .swiper-button-prev-next,
    .swiper-container .swiper-button-prev-next,
    .swiper-button-next-next,
    .swiper-container .swiper-button-next-next {
        right: 0
    }

    @media (max-width: 767px) {
        .free-html-pc-only {
            display: none
        }
    }

    @media (min-width: 768px) {
        .free-html-sp-only {
            display: none
        }
    }

    :root {
        --primary-color: #9f873f;
        --secondary-color-lv1: #a39187;
        --secondary-color-lv2: #beb1aa;
        --secondary-color-lv3: #d1c8c3;
        --secondary-color-lv4: #f6f4f3;
        --accent-color: #b1a685;
        --font-family--gothic: "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", noto-sans-cjk-jp, "ＭＳ Ｐゴシック", sans-serif;
        --font-family--en: "Montserrat", sans-serif;
        --icn-blank: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Ctitle%3Eicon_blank%3C%2Ftitle%3E%20%3Cg%20id%3D%22icon_blank%22%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M14.973%2C11.24a3.947%2C3.947%2C0%2C0%2C1-3.946%2C3.947H5.693A2.987%2C2.987%2C0%2C0%2C1%2C2.707%2C12.2V5.907A2.986%2C2.986%2C0%2C0%2C1%2C5.693%2C2.92H7.507a.96.96%2C0%2C0%2C0%2C.96-.96h0A.96.96%2C0%2C0%2C0%2C7.507%2C1H5.693A4.758%2C4.758%2C0%2C0%2C0%2C1%2C5.8v6.293A4.8%2C4.8%2C0%2C0%2C0%2C5.8%2C17h5.333a5.76%2C5.76%2C0%2C0%2C0%2C5.76-5.76v-.747a.96.96%2C0%2C0%2C0-.96-.96h0a.96.96%2C0%2C0%2C0-.96.96Z%22%20fill%3D%22%2371b3ae%22%2F%3E%20%3Cpath%20d%3D%22M14.973%2C1H12.16a.96.96%2C0%2C0%2C0-.96.96h0a.96.96%2C0%2C0%2C0%2C.96.96h1.533L9.679%2C6.935a.959.959%2C0%2C0%2C0%2C0%2C1.357l.029.029a.959.959%2C0%2C0%2C0%2C1.357%2C0L15.08%2C4.307V5.84a.96.96%2C0%2C0%2C0%2C.96.96h0A.96.96%2C0%2C0%2C0%2C17%2C5.84V3.027A2.026%2C2.026%2C0%2C0%2C0%2C14.973%2C1Z%22%20fill%3D%22%2371b3ae%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
        --icn-pdf: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Ctitle%3Eicon_pdf%3C%2Ftitle%3E%20%3Cg%20id%3D%22icon_pdf%22%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M12.9%2C17.1H3.96A3.06%2C3.06%2C0%2C0%2C1%2C.9%2C14.04V5.1%22%20fill%3D%22none%22%20stroke%3D%22%2371b3ae%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%2F%3E%20%3Crect%20x%3D%223%22%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%222.5%22%20fill%3D%22%2371b3ae%22%2F%3E%20%3Cpath%20d%3D%22M14.027%2C8.269a8.074%2C8.074%2C0%2C0%2C0-1.4.149A13.268%2C13.268%2C0%2C0%2C1%2C10.51%2C5.269c.557-2.344.278-2.676.155-2.832S10.35%2C2%2C10.14%2C2a2.025%2C2.025%2C0%2C0%2C0-.423.072.8.8%2C0%2C0%2C0-.472.506A4.106%2C4.106%2C0%2C0%2C0%2C9.77%2C5.344%2C27.841%2C27.841%2C0%2C0%2C1%2C8.192%2C9.82c-1.578.723-2.416%2C1.433-2.492%2C2.111a1%2C1%2C0%2C0%2C0%2C.464.933.668.668%2C0%2C0%2C0%2C.4.136h0c.365%2C0%2C.733-.279%2C1.159-.877a11.894%2C11.894%2C0%2C0%2C0%2C.992-1.771%2C20.008%2C20.008%2C0%2C0%2C1%2C3.676-1.175%2C2.769%2C2.769%2C0%2C0%2C0%2C1.754.952%2C1.107%2C1.107%2C0%2C0%2C0%2C.924-.5.842.842%2C0%2C0%2C0%2C.162-.9C15.074%2C8.422%2C14.679%2C8.269%2C14.027%2C8.269ZM6.576%2C12.3c-.195-.149-.183-.25-.179-.288.026-.232.388-.643%2C1.278-1.143C7%2C12.112%2C6.638%2C12.278%2C6.576%2C12.3ZM9.991%2C2.752c.018-.006.435.459.04%2C1.339A1%2C1%2C0%2C0%2C1%2C9.991%2C2.752ZM9.13%2C9.425a29.654%2C29.654%2C0%2C0%2C0%2C1.114-3.149%2C14.233%2C14.233%2C0%2C0%2C0%2C1.591%2C2.308A20.834%2C20.834%2C0%2C0%2C0%2C9.13%2C9.425Zm5.372-.2a.625.625%2C0%2C0%2C1-.5.184c-.221%2C0-.3-.132-.644-.393a5.962%2C5.962%2C0%2C0%2C1%2C.754-.045c.371%2C0%2C.438.054.49.082A.661.661%2C0%2C0%2C1%2C14.5%2C9.226Z%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
        --line-height: 2.3;
        --line-height--heading: 2.3;
        --max-width--heading: 840px;
        --max-width--block-text: 840px;
        --vw-base-width: 750;
        box-sizing: border-box;
        color: #434343;
        font-display: swap;
        font-family: var(--font-family--gothic);
        line-height: var(--line-height)
    }

    @media (min-width: 751px) {
        :root {
            font-size: 62.5%
        }
    }

    @media (max-width: 750px) {
        :root {
            font-size: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    body {
        line-height: inherit;
        min-width: 320px;
        margin: 0;
        font-weight: 300
    }

    @media (min-width: 768px) {
        body {
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        body {
            font-size: 2.4rem
        }
    }

    mark {
        background: #fffbcc
    }

    em {
        color: #ff7b91;
        font-style: normal;
        font-weight: 600
    }

    a {
        transition: opacity .2s
    }

    a:link,
    a:visited,
    a:active {
        color: #74b9b4
    }

    a:hover {
        color: rgba(116, 185, 180, 0.7)
    }


    .block-heading-lv1:first-of-type .text-container[data-v-3846b43a] {
        margin-top: 6rem
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1:first-of-type .text-container[data-v-3846b43a] {
            margin-top: 9rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-heading-lv1:first-of-type .text-container[data-v-3846b43a] {
            margin-top: calc((90 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-heading-lv1[data-v-3846b43a] {
            margin-bottom: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1[data-v-3846b43a] {
            margin-bottom: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-heading-lv1[data-v-3846b43a] {
            margin-bottom: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    a.block-heading-lv1[data-v-3846b43a] {
        display: block;
        text-decoration: none
    }

    .block-heading-lv1[data-align="center"][data-v-3846b43a] {
        text-align: center
    }

    .block-heading-lv1 .img-container[data-v-3846b43a] {
        position: relative;
        text-align: center
    }

    @media (min-width: 768px) {
        .block-heading-lv1 .img-container[data-v-3846b43a] {
            margin: 4rem auto
        }

        .block-heading-lv1 .img-container img[data-v-3846b43a] {
            max-width: 540px
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1 .img-container[data-v-3846b43a] {
            margin: 4rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-heading-lv1 .img-container[data-v-3846b43a] {
            margin: calc((40 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .block-heading-lv1 .text-container[data-v-3846b43a] {
        margin: 0 auto;
        max-width: calc(var(--max-width--heading) + 8rem)
    }

    @media (min-width: 768px) {
        .block-heading-lv1 .text-container[data-v-3846b43a] {
            padding: 0 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1 .text-container[data-v-3846b43a] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-heading-lv1 .text-container[data-v-3846b43a] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-heading-lv1 .text-container__upper[data-v-3846b43a] {
        display: flex;
        justify-content: space-between;
        font-family: var(--font-family--en)
    }

    .block-heading-lv1 .category[data-v-3846b43a] {
        color: #ff7b91
    }

    .block-heading-lv1 h1[data-v-3846b43a] {
        font-weight: 300;
        letter-spacing: .16em;
        line-height: 1.4
    }

    .block-heading-lv1 h1[data-v-3846b43a]::before,
    .block-heading-lv1 h1[data-v-3846b43a]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-heading-lv1 h1[data-v-3846b43a]::before {
        margin-top: calc((1 - 1.4) * .5em)
    }

    .block-heading-lv1 h1[data-v-3846b43a]::after {
        margin-bottom: calc((1 - 1.4) * .5em)
    }

    .block-heading-lv1 h1[data-is-text-color-white="true"][data-v-3846b43a] {
        color: #fff
    }

    @media (min-width: 768px) {
        .block-heading-lv1 h1[data-v-3846b43a] {
            font-size: 3rem;
            margin: 2.5rem auto
        }
    }

    @media (max-width: 767px) {
        .block-heading-lv1 h1[data-v-3846b43a] {
            font-size: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1 h1[data-v-3846b43a] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-heading-lv1 h1[data-v-3846b43a] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .block-heading-lv1 p[data-v-3846b43a] {
        letter-spacing: .12em
    }

    .block-heading-lv1 p[data-v-3846b43a]::before,
    .block-heading-lv1 p[data-v-3846b43a]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-heading-lv1 p[data-v-3846b43a]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-heading-lv1 p[data-v-3846b43a]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .block-heading-lv1 p[data-is-text-color-white="true"][data-v-3846b43a] {
        color: #fff
    }

    @media (min-width: 768px) {
        .block-heading-lv1 p[data-v-3846b43a] {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        .block-heading-lv1 p[data-v-3846b43a] {
            font-size: 2rem
        }
    }

    .block-heading-lv1 .tag[data-v-3846b43a] {
        display: flex;
        flex-wrap: wrap
    }

    @media (min-width: 768px) {
        .block-heading-lv1 .tag[data-v-3846b43a] {
            margin-top: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1 .tag[data-v-3846b43a] {
            margin-top: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-heading-lv1 .tag[data-v-3846b43a] {
            margin-top: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-heading-lv1 .tag li[data-v-3846b43a] {
        display: block;
        border: 1px solid #ff7b91;
        color: #ff7b91;
        text-decoration: none
    }

    .block-heading-lv1 .tag li[data-v-3846b43a]::before,
    .block-heading-lv1 .tag li[data-v-3846b43a]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-heading-lv1 .tag li[data-v-3846b43a]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-heading-lv1 .tag li[data-v-3846b43a]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-heading-lv1 .tag li[data-v-3846b43a] {
            font-size: 1.3rem;
            padding: .7rem 1.5rem;
            border-radius: .2rem;
            margin-right: 1rem;
            margin-top: 1rem
        }
    }

    @media (max-width: 767px) {
        .block-heading-lv1 .tag li[data-v-3846b43a] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1 .tag li[data-v-3846b43a] {
            padding: .8rem 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-heading-lv1 .tag li[data-v-3846b43a] {
            padding: calc((8 / var(--vw-base-width)) * 100vw) calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1 .tag li[data-v-3846b43a] {
            border-radius: .4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-heading-lv1 .tag li[data-v-3846b43a] {
            border-radius: calc((4 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1 .tag li[data-v-3846b43a] {
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-heading-lv1 .tag li[data-v-3846b43a] {
            margin-right: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1 .tag li[data-v-3846b43a] {
            margin-top: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-heading-lv1 .tag li[data-v-3846b43a] {
            margin-top: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-heading-lv1 .tag li span[data-v-3846b43a] {
        letter-spacing: .16rem
    }


    @media (min-width: 768px) {
        .ui-heading-lv2[data-v-c489baf8] {
            margin-bottom: 7.5rem
        }
    }

    @media (max-width: 767px) {
        .ui-heading-lv2[data-v-c489baf8] {
            opacity: 1
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-heading-lv2[data-v-c489baf8] {
            margin-bottom: 7.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-heading-lv2[data-v-c489baf8] {
            margin-bottom: calc((75 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-heading-lv2[data-align="center"][data-v-c489baf8] {
        text-align: center
    }

    .ui-heading-lv2[data-is-text-color-white][data-v-c489baf8] {
        color: #fff
    }

    .ui-heading-lv2 .heading[data-v-c489baf8] {
        letter-spacing: .24em;
        display: block;
        font-weight: 300
    }

    .ui-heading-lv2 .heading[data-v-c489baf8]::before,
    .ui-heading-lv2 .heading[data-v-c489baf8]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-heading-lv2 .heading[data-v-c489baf8]::before {
        margin-top: calc((1 - var(--line-height--heading)) * .5em)
    }

    .ui-heading-lv2 .heading[data-v-c489baf8]::after {
        margin-bottom: calc((1 - var(--line-height--heading)) * .5em)
    }

    .ui-heading-lv2 .heading[data-is-1byte="true"][data-v-c489baf8] {
        font-weight: 500
    }

    @media (min-width: 768px) {
        .ui-heading-lv2 .heading[data-v-c489baf8] {
            font-size: 3rem
        }
    }

    @media (max-width: 767px) {
        .ui-heading-lv2 .heading[data-v-c489baf8] {
            font-size: 4rem
        }
    }

    .ui-heading-lv2 .sub-heading[data-v-c489baf8] {
        letter-spacing: .16em;
        display: block;
        font-weight: 300
    }

    .ui-heading-lv2 .sub-heading[data-v-c489baf8]::before,
    .ui-heading-lv2 .sub-heading[data-v-c489baf8]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-heading-lv2 .sub-heading[data-v-c489baf8]::before {
        margin-top: calc((1 - var(--line-height--heading)) * .5em)
    }

    .ui-heading-lv2 .sub-heading[data-v-c489baf8]::after {
        margin-bottom: calc((1 - var(--line-height--heading)) * .5em)
    }

    @media (min-width: 768px) {
        .ui-heading-lv2 .sub-heading[data-v-c489baf8] {
            margin-top: 1rem;
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        .ui-heading-lv2 .sub-heading[data-v-c489baf8] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-heading-lv2 .sub-heading[data-v-c489baf8] {
            margin-top: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-heading-lv2 .sub-heading[data-v-c489baf8] {
            margin-top: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-heading-lv2 .sub-heading span[data-v-c489baf8]:first-child {
        font-family: var(--font-family--en);
        font-weight: 400
    }


    .block-heading-lv2[data-v-71e6b6d8] {
        margin: 0 auto;
        max-width: calc(var(--max-width--heading) + 8rem)
    }

    @media (min-width: 768px) {
        .block-heading-lv2[data-v-71e6b6d8] {
            margin: 12rem auto 4rem;
            padding: 0 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv2[data-v-71e6b6d8] {
            margin: 12rem auto 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-heading-lv2[data-v-71e6b6d8] {
            margin: calc((120 / var(--vw-base-width)) * 100vw) auto calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv2[data-v-71e6b6d8] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-heading-lv2[data-v-71e6b6d8] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .list-nav+.block-heading-lv2[data-v-71e6b6d8] {
            margin-top: 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .list-nav+.block-heading-lv2[data-v-71e6b6d8] {
            margin-top: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .list-nav+.block-heading-lv2[data-v-71e6b6d8] {
            margin-top: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    a.block-heading-lv2[data-v-71e6b6d8] {
        display: block;
        text-decoration: none
    }


    .ui-heading-lv3[data-v-1759edb0] {
        font-weight: 300;
        letter-spacing: .24em;
        line-height: 1.8
    }

    .ui-heading-lv3[data-v-1759edb0]::before,
    .ui-heading-lv3[data-v-1759edb0]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-heading-lv3[data-v-1759edb0]::before {
        margin-top: calc((1 - 1.8) * .5em)
    }

    .ui-heading-lv3[data-v-1759edb0]::after {
        margin-bottom: calc((1 - 1.8) * .5em)
    }

    @media (min-width: 768px) {
        .ui-heading-lv3[data-v-1759edb0] {
            font-size: 2.4rem;
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) {
        .ui-heading-lv3[data-v-1759edb0] {
            font-size: 3.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-heading-lv3[data-v-1759edb0] {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-heading-lv3[data-v-1759edb0] {
            margin-bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-heading-lv3[data-align="center"][data-v-1759edb0] {
        text-align: center
    }

    .ui-heading-lv3[data-is-1byte="true"][data-v-1759edb0] {
        font-weight: 500
    }


    .block-heading-lv3[data-v-64fcec28] {
        max-width: calc(var(--max-width--heading) + 8rem)
    }

    @media (min-width: 768px) {
        .block-heading-lv3[data-v-64fcec28] {
            padding: 0 4rem;
            margin: 6rem auto 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv3[data-v-64fcec28] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-heading-lv3[data-v-64fcec28] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv3[data-v-64fcec28] {
            margin: 6rem auto 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-heading-lv3[data-v-64fcec28] {
            margin: calc((60 / var(--vw-base-width)) * 100vw) auto calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    a.block-heading-lv3[data-v-64fcec28] {
        display: block;
        text-decoration: none
    }


    .block-heading-lv4[data-v-5595cafc] {
        max-width: calc(var(--max-width--heading) + 8rem)
    }

    @media (min-width: 768px) {
        .block-heading-lv4[data-v-5595cafc] {
            padding: 0 4rem;
            margin: 6rem auto 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv4[data-v-5595cafc] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-heading-lv4[data-v-5595cafc] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv4[data-v-5595cafc] {
            margin: 6rem auto 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-heading-lv4[data-v-5595cafc] {
            margin: calc((60 / var(--vw-base-width)) * 100vw) auto calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    a.block-heading-lv4[data-v-5595cafc] {
        display: block;
        text-decoration: none
    }

    .block-heading-lv4[data-align="center"][data-v-5595cafc] {
        text-align: center
    }

    .block-heading-lv4 h4[data-v-5595cafc] {
        font-weight: 300;
        letter-spacing: .24em
    }

    .block-heading-lv4 h4[data-v-5595cafc]::before,
    .block-heading-lv4 h4[data-v-5595cafc]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-heading-lv4 h4[data-v-5595cafc]::before {
        margin-top: calc((1 - var(--line-height--heading)) * .5em)
    }

    .block-heading-lv4 h4[data-v-5595cafc]::after {
        margin-bottom: calc((1 - var(--line-height--heading)) * .5em)
    }

    .block-heading-lv4 h4[data-is-1byte="true"][data-v-5595cafc] {
        font-weight: 500
    }

    @media (min-width: 768px) {
        .block-heading-lv4 h4[data-v-5595cafc] {
            font-size: 1.6rem
        }
    }

    @media (max-width: 767px) {
        .block-heading-lv4 h4[data-v-5595cafc] {
            font-size: 2.4rem
        }
    }


    .block-catch[data-v-81d30c4e] {
        margin: 0 auto;
        max-width: calc(var(--max-width--heading) + 8rem);
        letter-spacing: .36em
    }

    .block-catch[data-v-81d30c4e]::before,
    .block-catch[data-v-81d30c4e]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-catch[data-v-81d30c4e]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-catch[data-v-81d30c4e]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-catch[data-v-81d30c4e] {
            margin: 3rem auto;
            padding: 0 4rem;
            font-size: 1.6rem
        }
    }

    @media (max-width: 767px) {
        .block-catch[data-v-81d30c4e] {
            font-size: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-catch[data-v-81d30c4e] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-catch[data-v-81d30c4e] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-catch[data-v-81d30c4e] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-catch[data-v-81d30c4e] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-catch[data-align="center"][data-v-81d30c4e] {
        text-align: center
    }

    .block-catch span[data-v-81d30c4e]:first-child {
        font-family: var(--font-family--en);
        font-weight: 400
    }

    .block-catch span[data-is-1byte="true"][data-v-81d30c4e] {
        font-weight: 400
    }


    .block-catch-bg[data-v-600028d0] {
        letter-spacing: .36em
    }

    @media (min-width: 768px) {
        .block-catch-bg[data-v-600028d0] {
            padding-top: 3rem;
            padding-bottom: 3rem;
            font-size: 1.6rem
        }
    }

    @media (max-width: 767px) {
        .block-catch-bg[data-v-600028d0] {
            font-size: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-catch-bg[data-v-600028d0] {
            padding-top: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-catch-bg[data-v-600028d0] {
            padding-top: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-catch-bg[data-v-600028d0] {
            padding-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-catch-bg[data-v-600028d0] {
            padding-bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-catch-bg[data-align="center"][data-v-600028d0] {
        text-align: center
    }

    .block-catch-bg[data-is-text-color-light="true"][data-v-600028d0] {
        color: #fff
    }

    .block-catch-bg p[data-v-600028d0] {
        max-width: calc(var(--max-width--heading) + 8rem);
        margin: 0 auto
    }

    .block-catch-bg p[data-v-600028d0]::before,
    .block-catch-bg p[data-v-600028d0]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-catch-bg p[data-v-600028d0]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-catch-bg p[data-v-600028d0]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-catch-bg p[data-v-600028d0] {
            padding: 0 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-catch-bg p[data-v-600028d0] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-catch-bg p[data-v-600028d0] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-catch-bg strong[data-v-600028d0] {
        font-weight: 300
    }


    .block-paragraph[data-v-18b1da12]::before,
    .block-paragraph[data-v-18b1da12]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-paragraph[data-v-18b1da12]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-paragraph[data-v-18b1da12]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-paragraph[data-v-18b1da12] {
            font-size: 1.5rem;
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) {
        .block-paragraph[data-v-18b1da12] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-paragraph[data-v-18b1da12] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-paragraph[data-v-18b1da12] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .block-paragraph[data-align="center"][data-v-18b1da12] {
        text-align: center
    }

    .block-paragraph .text-container[data-v-18b1da12] {
        margin: 0 auto;
        max-width: calc(var(--max-width--block-text) + 8rem)
    }

    @media (min-width: 768px) {
        .block-paragraph .text-container[data-v-18b1da12] {
            padding: 0 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-paragraph .text-container[data-v-18b1da12] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-paragraph .text-container[data-v-18b1da12] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-paragraph .text-container[data-is-read-more-active="true"][data-v-18b1da12] {
        display: flex;
        align-items: baseline
    }

    .block-paragraph .text-container[data-is-read-more-active="true"] .text-inner[data-v-18b1da12] {
        display: flex
    }

    .block-paragraph .text-container[data-is-read-more-active="true"] .text[data-v-18b1da12] {
        max-height: 2em;
        overflow: hidden;
        display: inline-block;
        vertical-align: top
    }

    .block-paragraph .text-container[data-is-read-more-active="true"] .ellipsis[data-v-18b1da12] {
        vertical-align: top;
        flex-shrink: 0
    }

    .block-paragraph .text-container[data-is-read-more-active="true"] button[data-v-18b1da12] {
        color: #74b9b4;
        display: inline-block;
        margin: 0 auto;
        flex-shrink: 0;
        vertical-align: top;
        text-decoration: underline
    }

    .block-paragraph[data-v-18b1da12] a[target="_blank"]::after {
        content: "";
        display: inline-block;
        background-image: var(--icn-blank);
        background-size: contain;
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

    @media (min-width: 768px) {
        .block-paragraph[data-v-18b1da12] a[target="_blank"]::after {
            width: 1.5rem;
            height: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-paragraph[data-v-18b1da12] a[target="_blank"]::after {
            width: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-paragraph[data-v-18b1da12] a[target="_blank"]::after {
            width: calc((24 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-paragraph[data-v-18b1da12] a[target="_blank"]::after {
            height: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-paragraph[data-v-18b1da12] a[target="_blank"]::after {
            height: calc((24 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-paragraph[data-v-18b1da12] a[target="_blank"][href$=".pdf"]::after {
        background-image: var(--icn-pdf)
    }


    .block-detail-list[data-v-4916b680] {
        margin: 0 auto;
        max-width: calc(var(--max-width--block-text) + 8rem)
    }

    @media (min-width: 768px) {
        .block-detail-list[data-v-4916b680] {
            padding: 0 4rem;
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-detail-list[data-v-4916b680] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-detail-list[data-v-4916b680] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-detail-list[data-v-4916b680] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-detail-list[data-v-4916b680] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (min-width: 768px) {
        .block-detail-list dl[data-v-4916b680]:not(:last-child) {
            margin-bottom: 3.15rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-detail-list dl[data-v-4916b680]:not(:last-child) {
            margin-bottom: 3.65rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-detail-list dl[data-v-4916b680]:not(:last-child) {
            margin-bottom: calc((36.5 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-detail-list dl[data-v-4916b680]::after {
        content: "";
        display: block;
        border-bottom: 1px dashed #999
    }

    @media (min-width: 768px) {
        .block-detail-list dl[data-v-4916b680]::after {
            padding-top: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-detail-list dl[data-v-4916b680]::after {
            padding-top: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-detail-list dl[data-v-4916b680]::after {
            padding-top: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-detail-list dt[data-v-4916b680] {
        font-weight: 600
    }

    .block-detail-list dt[data-v-4916b680]::before,
    .block-detail-list dt[data-v-4916b680]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-detail-list dt[data-v-4916b680]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-detail-list dt[data-v-4916b680]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-detail-list dt[data-v-4916b680] {
            font-size: 1.8rem;
            margin-bottom: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .block-detail-list dt[data-v-4916b680] {
            font-size: 2.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-detail-list dt[data-v-4916b680] {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-detail-list dt[data-v-4916b680] {
            margin-bottom: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-detail-list dd[data-v-4916b680] {
            margin: 0 -4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-detail-list dd[data-v-4916b680] {
            margin: 0rem -4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-detail-list dd[data-v-4916b680] {
            margin: calc((0 / var(--vw-base-width)) * 100vw) calc((-40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-detail-list dd>*[data-v-4916b680]:first-child {
        margin-top: 0
    }

    .block-detail-list dd>*[data-v-4916b680]:last-child {
        margin-bottom: 0
    }


    .block-text-list[data-v-3e0a03f8] {
        max-width: calc(var(--max-width--block-text) + 8rem)
    }

    @media (min-width: 768px) {
        .block-text-list[data-v-3e0a03f8] {
            margin: 3rem auto;
            padding: 0 4rem;
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .block-text-list[data-v-3e0a03f8] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list[data-v-3e0a03f8] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list[data-v-3e0a03f8] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list[data-v-3e0a03f8] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list[data-v-3e0a03f8] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-text-list[data-align="center"][data-v-3e0a03f8] {
        text-align: center
    }

    @media (min-width: 768px) {
        .block-text-list[data-type^="vertical"] .item[data-v-3e0a03f8]:not(:last-child) {
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list[data-type^="vertical"] .item[data-v-3e0a03f8]:not(:last-child) {
            margin-bottom: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list[data-type^="vertical"] .item[data-v-3e0a03f8]:not(:last-child) {
            margin-bottom: calc((5 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-text-list[data-type="vertical-center"] .inner[data-v-3e0a03f8] {
        justify-content: center
    }

    .block-text-list[data-type="horizontal-divide"][data-v-3e0a03f8] {
        display: flex;
        flex-wrap: wrap
    }

    @media (min-width: 768px) and (min-width: 768px) {
        .block-text-list[data-type="horizontal-divide"] .item[data-v-3e0a03f8] {
            width: calc((99.9% - (4.5rem * (4 - 1))) / 4)
        }

        .block-text-list[data-type="horizontal-divide"] .item[data-v-3e0a03f8]:nth-child(n+5) {
            margin-top: 4.5rem
        }

        .block-text-list[data-type="horizontal-divide"] .item[data-v-3e0a03f8]:not(:nth-child(4n)):not(:last-child) {
            margin-right: 4.5rem
        }
    }

    @media (min-width: 768px) {
        .block-text-list[data-type="horizontal-divide"] .item[data-v-3e0a03f8]:nth-child(n+5) {
            margin-top: 2rem
        }
    }

    @media (max-width: 767px) {
        .block-text-list[data-type="horizontal-divide"] .item[data-v-3e0a03f8] {
            width: 50%
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list[data-type="horizontal-divide"] .item[data-v-3e0a03f8]:nth-child(n+3) {
            margin-top: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list[data-type="horizontal-divide"] .item[data-v-3e0a03f8]:nth-child(n+3) {
            margin-top: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-text-list .item[data-v-3e0a03f8]::before,
    .block-text-list .item[data-v-3e0a03f8]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-text-list .item[data-v-3e0a03f8]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-text-list .item[data-v-3e0a03f8]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (max-width: 767px) {
        .block-text-list .item[data-v-3e0a03f8] {
            opacity: 1
        }
    }

    .block-text-list .item .inner[data-v-3e0a03f8] {
        display: flex;
        align-items: baseline
    }

    .block-text-list .item .inner[data-is-icn-img-size-big="true"][data-v-3e0a03f8] {
        border-bottom: 1px dashed #999
    }

    @media (min-width: 768px) {
        .block-text-list .item .inner[data-is-icn-img-size-big="true"][data-v-3e0a03f8] {
            padding-bottom: 1.25rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list .item .inner[data-is-icn-img-size-big="true"][data-v-3e0a03f8] {
            padding-bottom: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list .item .inner[data-is-icn-img-size-big="true"][data-v-3e0a03f8] {
            padding-bottom: calc((15 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-text-list .item .inner[data-is-icn-img-size-big="true"] .icn-img[data-v-3e0a03f8] {
            width: 3.28rem;
            top: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list .item .inner[data-is-icn-img-size-big="true"] .icn-img[data-v-3e0a03f8] {
            width: 5.3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list .item .inner[data-is-icn-img-size-big="true"] .icn-img[data-v-3e0a03f8] {
            width: calc((53 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list .item .inner[data-is-icn-img-size-big="true"] .icn-img[data-v-3e0a03f8] {
            top: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list .item .inner[data-is-icn-img-size-big="true"] .icn-img[data-v-3e0a03f8] {
            top: calc((15 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-text-list .item a.inner[data-v-3e0a03f8] {
        text-decoration: none
    }

    .block-text-list .item a.inner>i[data-v-3e0a03f8] {
        flex-shrink: 0;
        fill: #a39187;
        position: relative
    }

    @media (min-width: 768px) {
        .block-text-list .item a.inner>i[data-v-3e0a03f8] {
            margin-right: 1rem;
            width: 1.5rem;
            height: 1.5rem;
            top: .85rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list .item a.inner>i[data-v-3e0a03f8] {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list .item a.inner>i[data-v-3e0a03f8] {
            margin-right: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list .item a.inner>i[data-v-3e0a03f8] {
            width: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list .item a.inner>i[data-v-3e0a03f8] {
            width: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list .item a.inner>i[data-v-3e0a03f8] {
            height: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list .item a.inner>i[data-v-3e0a03f8] {
            height: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list .item a.inner>i[data-v-3e0a03f8] {
            top: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list .item a.inner>i[data-v-3e0a03f8] {
            top: calc((15 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-text-list .item a.inner[target="_blank"]>span[data-v-3e0a03f8]::after {
        content: "";
        display: inline-block;
        background-image: var(--icn-blank);
        background-size: contain;
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

    @media (min-width: 768px) {
        .block-text-list .item a.inner[target="_blank"]>span[data-v-3e0a03f8]::after {
            width: 1.5rem;
            height: 1.5rem;
            margin: 0 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list .item a.inner[target="_blank"]>span[data-v-3e0a03f8]::after {
            width: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list .item a.inner[target="_blank"]>span[data-v-3e0a03f8]::after {
            width: calc((24 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list .item a.inner[target="_blank"]>span[data-v-3e0a03f8]::after {
            height: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list .item a.inner[target="_blank"]>span[data-v-3e0a03f8]::after {
            height: calc((24 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list .item a.inner[target="_blank"]>span[data-v-3e0a03f8]::after {
            margin: 0rem 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list .item a.inner[target="_blank"]>span[data-v-3e0a03f8]::after {
            margin: calc((0 / var(--vw-base-width)) * 100vw) calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-text-list .item a.inner[target="_blank"][href$=".pdf"]>span[data-v-3e0a03f8]::after {
        background-image: var(--icn-pdf)
    }

    .block-text-list .item p.inner>i[data-v-3e0a03f8] {
        flex-shrink: 0;
        background-color: #888;
        height: 1px;
        position: relative;
        bottom: .25em
    }

    @media (min-width: 768px) {
        .block-text-list .item p.inner>i[data-v-3e0a03f8] {
            margin-right: 1rem;
            width: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list .item p.inner>i[data-v-3e0a03f8] {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list .item p.inner>i[data-v-3e0a03f8] {
            margin-right: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list .item p.inner>i[data-v-3e0a03f8] {
            width: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list .item p.inner>i[data-v-3e0a03f8] {
            width: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-text-list .icn-img[data-v-3e0a03f8] {
        position: relative
    }

    @media (min-width: 768px) {
        .block-text-list .icn-img[data-v-3e0a03f8] {
            margin-right: 1rem;
            width: 2.4rem;
            top: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list .icn-img[data-v-3e0a03f8] {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list .icn-img[data-v-3e0a03f8] {
            margin-right: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list .icn-img[data-v-3e0a03f8] {
            width: 3.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list .icn-img[data-v-3e0a03f8] {
            width: calc((36 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-text-list .icn-img[data-v-3e0a03f8] {
            top: .7rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-text-list .icn-img[data-v-3e0a03f8] {
            top: calc((7 / var(--vw-base-width)) * 100vw)
        }
    }


    .block-anchor-link[data-v-28057314] {
        max-width: calc(var(--max-width--block-text) + 8rem)
    }

    @media (min-width: 768px) {
        .block-anchor-link[data-v-28057314] {
            padding: 0 4rem;
            margin: 3rem auto;
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .block-anchor-link[data-v-28057314] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-anchor-link[data-v-28057314] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-anchor-link[data-v-28057314] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-anchor-link[data-v-28057314] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-anchor-link[data-v-28057314] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-anchor-link .item[data-v-28057314]::before,
    .block-anchor-link .item[data-v-28057314]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-anchor-link .item[data-v-28057314]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-anchor-link .item[data-v-28057314]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .block-anchor-link .item a[data-v-28057314] {
        display: flex;
        align-items: baseline
    }

    .block-anchor-link .item i[data-v-28057314] {
        flex-shrink: 0;
        display: inline-block;
        position: relative
    }

    @media (min-width: 768px) {
        .block-anchor-link .item i[data-v-28057314] {
            width: 1.5rem;
            height: 1.5rem;
            margin-right: 1rem;
            top: .6rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-anchor-link .item i[data-v-28057314] {
            width: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-anchor-link .item i[data-v-28057314] {
            width: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-anchor-link .item i[data-v-28057314] {
            height: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-anchor-link .item i[data-v-28057314] {
            height: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-anchor-link .item i[data-v-28057314] {
            margin-right: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-anchor-link .item i[data-v-28057314] {
            margin-right: calc((5 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-anchor-link .item i[data-v-28057314] {
            top: .9rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-anchor-link .item i[data-v-28057314] {
            top: calc((9 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-anchor-link .item i svg[data-v-28057314] {
        transition: fill .2s;
        fill: #a39187
    }

    @media (min-width: 768px) {
        .block-anchor-link[data-type^="horizontal"][data-v-28057314] {
            margin-top: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-anchor-link[data-type^="horizontal"][data-v-28057314] {
            margin-top: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-anchor-link[data-type^="horizontal"][data-v-28057314] {
            margin-top: calc((5 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-anchor-link[data-type^="horizontal"] .block-anchor-link__inner[data-v-28057314] {
        display: flex;
        flex-wrap: wrap
    }

    @media (min-width: 768px) {
        .block-anchor-link[data-type^="horizontal"] .block-anchor-link__inner[data-v-28057314] {
            margin-bottom: -1.5rem;
            margin-right: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-anchor-link[data-type^="horizontal"] .block-anchor-link__inner[data-v-28057314] {
            margin-bottom: -2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-anchor-link[data-type^="horizontal"] .block-anchor-link__inner[data-v-28057314] {
            margin-bottom: calc((-25 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-anchor-link[data-type^="horizontal"] .block-anchor-link__inner[data-v-28057314] {
            margin-right: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-anchor-link[data-type^="horizontal"] .block-anchor-link__inner[data-v-28057314] {
            margin-right: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-anchor-link[data-type^="horizontal"] .item[data-v-28057314] {
            margin-bottom: 1.5rem;
            margin-right: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-anchor-link[data-type^="horizontal"] .item[data-v-28057314] {
            margin-bottom: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-anchor-link[data-type^="horizontal"] .item[data-v-28057314] {
            margin-bottom: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-anchor-link[data-type^="horizontal"] .item[data-v-28057314] {
            margin-right: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-anchor-link[data-type^="horizontal"] .item[data-v-28057314] {
            margin-right: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-anchor-link[data-type="horizontal-center"] .block-anchor-link__inner[data-v-28057314] {
        justify-content: center
    }

    .block-anchor-link[data-type="horizontal-center"] .item[data-v-28057314]:last-child {
        margin-right: 0
    }

    .block-anchor-link[data-type="horizontal-divide"][data-v-28057314] {
        display: flex;
        flex-wrap: wrap
    }

    .block-anchor-link[data-type="horizontal-divide"] .block-anchor-link__inner[data-v-28057314] {
        width: 100%
    }

    @media (min-width: 768px) {
        .block-anchor-link[data-type="horizontal-divide"] .item[data-v-28057314] {
            width: calc((99.9% - 4rem) / 2)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .block-anchor-link[data-type="horizontal-divide"] .item[data-v-28057314] {
            width: calc((99.9% - 4rem) / 2)
        }
    }

    @media (max-width: 640px) {
        .block-anchor-link[data-type="horizontal-divide"] .item[data-v-28057314] {
            width: calc((99.9% - 6.25vw) / 2)
        }
    }

    @media (min-width: 768px) {
        .block-anchor-link[data-type="horizontal-divide"] .item[data-v-28057314]:nth-child(odd) {
            margin-right: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-anchor-link[data-type="horizontal-divide"] .item[data-v-28057314]:nth-child(odd) {
            margin-right: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-anchor-link[data-type="horizontal-divide"] .item[data-v-28057314]:nth-child(odd) {
            margin-right: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-anchor-link[data-type="horizontal-divide"] .item[data-v-28057314]:nth-child(even) {
        margin-right: 0
    }

    @media (min-width: 768px) {
        .block-anchor-link[data-type="horizontal-divide"] .item[data-v-28057314]:nth-child(n+3) {
            margin-top: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-anchor-link[data-type="horizontal-divide"] .item[data-v-28057314]:nth-child(n+3) {
            margin-top: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-anchor-link[data-type="horizontal-divide"] .item[data-v-28057314]:nth-child(n+3) {
            margin-top: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-anchor-link[data-type^="vertical"] .item[data-v-28057314]:not(:last-child) {
            margin-bottom: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-anchor-link[data-type^="vertical"] .item[data-v-28057314]:not(:last-child) {
            margin-bottom: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-anchor-link[data-type^="vertical"] .item[data-v-28057314]:not(:last-child) {
            margin-bottom: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-anchor-link[data-type="vertical-center"] .item a[data-v-28057314] {
        justify-content: center
    }

    .block-anchor-link[data-type="vertical-center"] .item[data-v-28057314]:not(:last-child) {
        margin-bottom: 1em
    }


    .block-photo-diary[data-v-03886863] {
        background-color: #f8f7f3
    }

    @media (min-width: 768px) {
        .block-photo-diary[data-v-03886863] {
            margin: 0 auto;
            padding: 12rem 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-photo-diary[data-v-03886863] {
            margin: 0rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-photo-diary[data-v-03886863] {
            margin: calc((0 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-photo-diary[data-v-03886863] {
            padding: 12rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-photo-diary[data-v-03886863] {
            padding: calc((120 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .item-wrapper[data-v-03886863] {
        display: flex;
        flex-wrap: wrap;
        max-width: 1280px;
        margin: 0 auto;
        position: relative
    }

    @media (min-width: 768px) {
        .item-wrapper+.more-btn[data-v-03886863] {
            margin: 6rem auto 0
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item-wrapper+.more-btn[data-v-03886863] {
            margin: 6rem auto 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item-wrapper+.more-btn[data-v-03886863] {
            margin: calc((60 / var(--vw-base-width)) * 100vw) auto calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .item[data-v-03886863] {
            width: calc((99.9% - (2rem * (4 - 1))) / 4)
        }

        .item[data-v-03886863]:nth-child(n+5) {
            margin-top: 2rem
        }

        .item[data-v-03886863]:not(:nth-child(4n)):not(:last-child) {
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .item[data-v-03886863] {
            width: calc((99.9% - (2rem * (2 - 1))) / 2)
        }

        .item[data-v-03886863]:nth-child(n+3) {
            margin-top: 2rem
        }

        .item[data-v-03886863]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 2rem
        }
    }

    @media (max-width: 750px) {
        .item[data-v-03886863] {
            width: calc((99.9% - (3.125vw * (2 - 1))) / 2)
        }

        .item[data-v-03886863]:nth-child(n+3) {
            margin-top: 3.125vw
        }

        .item[data-v-03886863]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 3.125vw
        }
    }

    @media (min-width: 768px) {
        .item[data-v-03886863]:not(:nth-child(-n+4)) {
            margin-top: 4.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item[data-v-03886863]:not(:nth-child(-n+2)) {
            margin-top: 6.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item[data-v-03886863]:not(:nth-child(-n+2)) {
            margin-top: calc((64 / var(--vw-base-width)) * 100vw)
        }
    }

    .item>button[data-v-03886863] {
        width: 100%
    }

    .img-container[data-v-03886863] {
        display: block;
        width: 100%;
        padding-top: 100%;
        position: relative;
        box-shadow: 0px 0px 20px rgba(135, 135, 135, 0.15)
    }

    @media (min-width: 768px) {
        .img-container[data-v-03886863] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .img-container[data-v-03886863] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .img-container[data-v-03886863] {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .img-container img[data-v-03886863] {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        object-fit: cover
    }

    @media (min-width: 768px) {
        .img-container img[data-v-03886863] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .img-container img[data-v-03886863] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .img-container img[data-v-03886863] {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .txt-container[data-v-03886863] {
        display: block;
        position: relative
    }

    .txt-container span[data-v-03886863] {
        display: block
    }

    .txt-container span[data-v-03886863]::before,
    .txt-container span[data-v-03886863]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .txt-container span[data-v-03886863]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .txt-container span[data-v-03886863]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .txt-container .date[data-v-03886863] {
        color: #888;
        font-family: var(--font-family--en);
        font-weight: 500;
        letter-spacing: .16em
    }

    @media (min-width: 768px) {
        .txt-container .date[data-v-03886863] {
            margin-top: 2rem;
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .txt-container .date[data-v-03886863] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .txt-container .date[data-v-03886863] {
            margin-top: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .txt-container .date[data-v-03886863] {
            margin-top: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .txt-container .title[data-v-03886863] {
        text-align: center;
        letter-spacing: .12em
    }

    @media (min-width: 768px) {
        .txt-container .title[data-v-03886863] {
            margin: .4rem 2rem 0;
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        .txt-container .title[data-v-03886863] {
            color: #434343;
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .txt-container .title[data-v-03886863] {
            margin: .8rem 3rem 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .txt-container .title[data-v-03886863] {
            margin: calc((8 / var(--vw-base-width)) * 100vw) calc((30 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .txt-container .title[data-v-03886863] {
            line-height: 3.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .txt-container .title[data-v-03886863] {
            line-height: calc((36 / var(--vw-base-width)) * 100vw)
        }
    }

    .underlay[data-v-03886863] {
        width: 100%;
        height: 100%
    }

    @media (min-width: 768px) {
        .underlay[data-v-03886863] {
            background-color: rgba(0, 0, 0, 0.5)
        }
    }

    @media (max-width: 767px) {
        .underlay[data-v-03886863] {
            background-color: rgba(0, 0, 0, 0.75)
        }
    }

    .modal[data-v-03886863] {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 16
    }

    .modal__inner[data-v-03886863] {
        display: flex;
        max-width: 1060px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #fff;
        box-shadow: 0px 0px 20px rgba(135, 135, 135, 0.15)
    }

    @media (min-width: 768px) {
        .modal__inner[data-v-03886863] {
            width: calc(100% - 100px);
            height: calc(50vw - 50px);
            max-height: 530px;
            margin: auto;
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) {
        .modal__inner[data-v-03886863] {
            flex-direction: column;
            width: calc(100% - 10.66667vw);
            height: calc(100% - 22vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__inner[data-v-03886863] {
            margin: 4rem auto 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__inner[data-v-03886863] {
            margin: calc((40 / var(--vw-base-width)) * 100vw) auto calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__inner[data-v-03886863] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__inner[data-v-03886863] {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .modal__img-container[data-v-03886863] {
            width: 50%;
            flex-shrink: 0
        }
    }

    @media (max-width: 767px) {
        .modal__img-container[data-v-03886863] {
            width: 100%
        }
    }

    .modal__img-container .swiper-button-prev[data-v-03886863],
    .modal__img-container .swiper-button-next[data-v-03886863] {
        transform: translateY(-50%)
    }

    @media (min-width: 768px) {

        .modal__img-container .swiper-button-prev[data-v-03886863],
        .modal__img-container .swiper-button-next[data-v-03886863] {
            width: 4rem;
            height: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {

        .modal__img-container .swiper-button-prev[data-v-03886863],
        .modal__img-container .swiper-button-next[data-v-03886863] {
            width: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {

        .modal__img-container .swiper-button-prev[data-v-03886863],
        .modal__img-container .swiper-button-next[data-v-03886863] {
            width: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {

        .modal__img-container .swiper-button-prev[data-v-03886863],
        .modal__img-container .swiper-button-next[data-v-03886863] {
            height: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {

        .modal__img-container .swiper-button-prev[data-v-03886863],
        .modal__img-container .swiper-button-next[data-v-03886863] {
            height: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__img-container .swiper-button-prev[data-v-03886863] {
            left: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__img-container .swiper-button-prev[data-v-03886863] {
            left: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__img-container .swiper-button-next[data-v-03886863] {
            right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__img-container .swiper-button-next[data-v-03886863] {
            right: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__img-container[data-v-03886863] .swiper-container {
        overflow: hidden
    }

    @media (min-width: 768px) {
        .modal__img-container[data-v-03886863] .swiper-container {
            border-top-left-radius: 1rem;
            border-bottom-left-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__img-container[data-v-03886863] .swiper-container {
            border-top-left-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__img-container[data-v-03886863] .swiper-container {
            border-top-left-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__img-container[data-v-03886863] .swiper-container {
            border-top-right-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__img-container[data-v-03886863] .swiper-container {
            border-top-right-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .modal__img-container[data-v-03886863] .swiper-container .swiper-slide {
            border-top-left-radius: 1rem;
            border-bottom-left-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__img-container[data-v-03886863] .swiper-container .swiper-slide {
            border-top-left-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__img-container[data-v-03886863] .swiper-container .swiper-slide {
            border-top-left-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__img-container[data-v-03886863] .swiper-container .swiper-slide {
            border-top-right-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__img-container[data-v-03886863] .swiper-container .swiper-slide {
            border-top-right-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__img-container[data-v-03886863] .swiper-pagination {
        z-index: 1;
        line-height: 1
    }

    @media (min-width: 768px) {
        .modal__img-container[data-v-03886863] .swiper-pagination {
            bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__img-container[data-v-03886863] .swiper-pagination {
            bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__img-container[data-v-03886863] .swiper-pagination {
            bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__img-container[data-v-03886863] .swiper-pagination .swiper-pagination-bullet {
        opacity: .6;
        background-color: #fff;
        outline: none
    }

    @media (min-width: 768px) {
        .modal__img-container[data-v-03886863] .swiper-pagination .swiper-pagination-bullet {
            width: 1rem;
            height: 1rem;
            margin: 0 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__img-container[data-v-03886863] .swiper-pagination .swiper-pagination-bullet {
            width: 1.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__img-container[data-v-03886863] .swiper-pagination .swiper-pagination-bullet {
            width: calc((16 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__img-container[data-v-03886863] .swiper-pagination .swiper-pagination-bullet {
            height: 1.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__img-container[data-v-03886863] .swiper-pagination .swiper-pagination-bullet {
            height: calc((16 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__img-container[data-v-03886863] .swiper-pagination .swiper-pagination-bullet {
            margin: 0rem 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__img-container[data-v-03886863] .swiper-pagination .swiper-pagination-bullet {
            margin: calc((0 / var(--vw-base-width)) * 100vw) calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__img-container[data-v-03886863] .swiper-pagination .swiper-pagination-bullet-active {
        opacity: 1
    }

    .modal__img-container[data-v-03886863] .swiper-slide {
        position: relative;
        width: 100%;
        padding-top: 100%
    }

    .modal__img-container img[data-v-03886863],
    .modal__img-container video[data-v-03886863] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .modal__txt-container[data-v-03886863] {
        overflow-y: auto
    }

    @media (min-width: 768px) {
        .modal__txt-container[data-v-03886863] {
            width: calc(50% - 1rem);
            flex-shrink: 0;
            margin: 5.6rem 1rem 5.6rem 0;
            padding: 0 7rem 0 6rem
        }
    }

    @media (max-width: 767px) {
        .modal__txt-container[data-v-03886863] {
            height: 100%
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container[data-v-03886863] {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__txt-container[data-v-03886863] {
            margin-right: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container[data-v-03886863] {
            margin: 6rem 1rem 6rem 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__txt-container[data-v-03886863] {
            margin: calc((60 / var(--vw-base-width)) * 100vw) calc((10 / var(--vw-base-width)) * 100vw) calc((60 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container[data-v-03886863] {
            padding: 0rem 5rem 0rem 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__txt-container[data-v-03886863] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((50 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw) calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .modal__txt-container[data-v-03886863]::-webkit-scrollbar {
            width: 10px
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container[data-v-03886863]::-webkit-scrollbar {
            width: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__txt-container[data-v-03886863]::-webkit-scrollbar {
            width: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__txt-container[data-v-03886863]::-webkit-scrollbar-track {
        background: #fff
    }

    .modal__txt-container[data-v-03886863]::-webkit-scrollbar-thumb {
        background-color: #f2f0ea
    }

    @media (min-width: 768px) {
        .modal__txt-container[data-v-03886863]::-webkit-scrollbar-thumb {
            border-radius: 30px
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container[data-v-03886863]::-webkit-scrollbar-thumb {
            border-radius: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__txt-container[data-v-03886863]::-webkit-scrollbar-thumb {
            border-radius: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__txt-container .title[data-v-03886863] {
        letter-spacing: .16em;
        line-height: 1.4
    }

    .modal__txt-container .title[data-v-03886863]::before,
    .modal__txt-container .title[data-v-03886863]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .modal__txt-container .title[data-v-03886863]::before {
        margin-top: calc((1 - 1.4) * .5em)
    }

    .modal__txt-container .title[data-v-03886863]::after {
        margin-bottom: calc((1 - 1.4) * .5em)
    }

    @media (min-width: 768px) {
        .modal__txt-container .title[data-v-03886863] {
            margin-bottom: 3rem;
            font-size: 2.4rem
        }
    }

    @media (max-width: 767px) {
        .modal__txt-container .title[data-v-03886863] {
            font-size: 3.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container .title[data-v-03886863] {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__txt-container .title[data-v-03886863] {
            margin-bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__txt-container .date[data-v-03886863] {
        font-family: var(--font-family--en);
        font-weight: 500;
        color: #888;
        letter-spacing: .16em;
        line-height: 2.8;
        border-bottom: 1px solid #eee
    }

    .modal__txt-container .date[data-v-03886863]::before,
    .modal__txt-container .date[data-v-03886863]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .modal__txt-container .date[data-v-03886863]::before {
        margin-top: calc((1 - 2.8) * .5em)
    }

    .modal__txt-container .date[data-v-03886863]::after {
        margin-bottom: calc((1 - 2.8) * .5em)
    }

    @media (min-width: 768px) {
        .modal__txt-container .date[data-v-03886863] {
            padding-bottom: 3.8rem;
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .modal__txt-container .date[data-v-03886863] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container .date[data-v-03886863] {
            padding-bottom: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__txt-container .date[data-v-03886863] {
            padding-bottom: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__txt-container .paragraph[data-v-03886863] {
        letter-spacing: .12em;
        line-height: 2.3
    }

    .modal__txt-container .paragraph[data-v-03886863]::before,
    .modal__txt-container .paragraph[data-v-03886863]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .modal__txt-container .paragraph[data-v-03886863]::before {
        margin-top: calc((1 - 2.3) * .5em)
    }

    .modal__txt-container .paragraph[data-v-03886863]::after {
        margin-bottom: calc((1 - 2.3) * .5em)
    }

    @media (min-width: 768px) {
        .modal__txt-container .paragraph[data-v-03886863] {
            margin-top: 3.8rem
        }
    }

    @media (max-width: 767px) {
        .modal__txt-container .paragraph[data-v-03886863] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container .paragraph[data-v-03886863] {
            margin-top: 3.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__txt-container .paragraph[data-v-03886863] {
            margin-top: calc((36 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__txt-container .tag[data-v-03886863] {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    @media (min-width: 768px) {
        .modal__txt-container .tag[data-v-03886863] {
            margin-top: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container .tag[data-v-03886863] {
            margin-top: 3.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__txt-container .tag[data-v-03886863] {
            margin-top: calc((36 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .modal__txt-container .tag li[data-v-03886863] {
            margin-top: 1rem;
            margin-right: 2.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container .tag li[data-v-03886863] {
            margin-top: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__txt-container .tag li[data-v-03886863] {
            margin-top: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container .tag li[data-v-03886863] {
            margin-right: 4.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__txt-container .tag li[data-v-03886863] {
            margin-right: calc((46 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__txt-container .tag li p[data-v-03886863],
    .modal__txt-container .tag li a[data-v-03886863] {
        display: block;
        color: #ff7b91;
        letter-spacing: .16em;
        line-height: 1.4;
        text-decoration: none
    }

    .modal__txt-container .tag li p[data-v-03886863]::before,
    .modal__txt-container .tag li p[data-v-03886863]::after,
    .modal__txt-container .tag li a[data-v-03886863]::before,
    .modal__txt-container .tag li a[data-v-03886863]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .modal__txt-container .tag li p[data-v-03886863]::before,
    .modal__txt-container .tag li a[data-v-03886863]::before {
        margin-top: calc((1 - 1.4) * .5em)
    }

    .modal__txt-container .tag li p[data-v-03886863]::after,
    .modal__txt-container .tag li a[data-v-03886863]::after {
        margin-bottom: calc((1 - 1.4) * .5em)
    }

    @media (min-width: 768px) {

        .modal__txt-container .tag li p[data-v-03886863],
        .modal__txt-container .tag li a[data-v-03886863] {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {

        .modal__txt-container .tag li p[data-v-03886863],
        .modal__txt-container .tag li a[data-v-03886863] {
            font-size: 2rem
        }
    }

    .modal__close[data-v-03886863] {
        position: absolute
    }

    @media (min-width: 768px) {
        .modal__close[data-v-03886863] {
            top: -3.6rem;
            right: -3.6rem
        }
    }

    @media (max-width: 767px) {
        .modal__close[data-v-03886863] {
            display: flex;
            align-items: center;
            left: 50%;
            transform: translateX(-50%)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__close[data-v-03886863] {
            bottom: -8.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__close[data-v-03886863] {
            bottom: calc((-84 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) {
        .modal__close--text[data-v-03886863] {
            color: #fff;
            font-family: var(--font-family--en);
            font-size: 2.4rem;
            font-weight: 300;
            letter-spacing: .7rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__close--text[data-v-03886863] {
            margin-left: 1.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__close--text[data-v-03886863] {
            margin-left: calc((18 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .modal__close--svg[data-v-03886863] {
            width: 2rem;
            height: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__close--svg[data-v-03886863] {
            width: 1.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .modal__close--svg[data-v-03886863] {
            width: calc((16 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__close--svg>svg[data-v-03886863] {
        width: 100%
    }

    .more-btn[data-v-03886863] {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #512f2e;
        color: #512f2e;
        background-color: #fff;
        transition: color, background-color;
        transition-duration: .2s
    }

    @media (min-width: 768px) {
        .more-btn[data-v-03886863] {
            font-size: 1.5rem;
            padding: 1.5rem;
            width: 27rem;
            border-radius: 2.5rem
        }
    }

    @media (max-width: 767px) {
        .more-btn[data-v-03886863] {
            font-size: 2.4rem;
            width: 65.625%
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .more-btn[data-v-03886863] {
            padding: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .more-btn[data-v-03886863] {
            padding: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .more-btn[data-v-03886863] {
            border-radius: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .more-btn[data-v-03886863] {
            border-radius: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .more-btn span[data-v-03886863] {
        letter-spacing: .15em
    }

    .more-btn span[data-v-03886863]::before,
    .more-btn span[data-v-03886863]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .more-btn span[data-v-03886863]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .more-btn span[data-v-03886863]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .more-btn i[data-v-03886863] {
        display: block
    }

    @media (min-width: 768px) {
        .more-btn i[data-v-03886863] {
            width: .875rem;
            height: .875rem;
            margin-right: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .more-btn i[data-v-03886863] {
            width: 1.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .more-btn i[data-v-03886863] {
            width: calc((14 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .more-btn i[data-v-03886863] {
            height: 1.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .more-btn i[data-v-03886863] {
            height: calc((14 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .more-btn i[data-v-03886863] {
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .more-btn i[data-v-03886863] {
            margin-right: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .more-btn i svg[data-v-03886863] {
        transform: rotate(-90deg);
        fill: #512f2e;
        vertical-align: top;
        transition: fill .2s
    }

    .more-btn[data-v-03886863]:hover {
        background-color: #512f2e;
        color: #fff
    }

    .more-btn:hover svg[data-v-03886863] {
        fill: #fff
    }


    .ui-button[data-v-be2a6b1a] {
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        letter-spacing: .25em;
        transition: all .2s
    }

    @media (min-width: 768px) {
        .ui-button[data-v-be2a6b1a] {
            font-size: 1.5rem;
            padding: 1.3rem;
            width: 27rem;
            border-radius: 2.5rem;
            border: 1px solid;
            margin: 2rem auto
        }
    }

    @media (max-width: 767px) {
        .ui-button[data-v-be2a6b1a] {
            font-size: 2.2rem;
            line-height: 218.2%;
            border: 1px solid
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-button[data-v-be2a6b1a] {
            padding: 1.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-button[data-v-be2a6b1a] {
            padding: calc((16 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-button[data-v-be2a6b1a] {
            border-radius: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-button[data-v-be2a6b1a] {
            border-radius: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-button[data-v-be2a6b1a] {
            margin: 2rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-button[data-v-be2a6b1a] {
            margin: calc((20 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (max-width: 767px) {
        .ui-button[data-v-be2a6b1a]:not([data-is-full-width="true"]) {
            max-width: 40rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-button[data-v-be2a6b1a]:not([data-is-full-width="true"]) {
            width: 40rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-button[data-v-be2a6b1a]:not([data-is-full-width="true"]) {
            width: calc((400 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) {
        .ui-button[data-is-full-width="true"][data-v-be2a6b1a] {
            width: 100%
        }
    }

    .ui-button[data-design="weak"][data-v-be2a6b1a] {
        border-color: #eee;
        color: #666;
        background-color: #eee
    }

    html[data-is-touchdevice="false"] .ui-button[data-design="weak"][data-v-be2a6b1a]:hover {
        border-color: #ccc;
        background-color: #ccc
    }

    .ui-button[data-design="strong-fill"][data-v-be2a6b1a] {
        border-color: #512f2e;
        color: #fff;
        background-color: #512f2e
    }

    html[data-is-touchdevice="false"] .ui-button[data-design="strong-fill"][data-v-be2a6b1a]:hover {
        background-color: #fff;
        color: #512f2e
    }

    .ui-button[data-design="disabled"][data-v-be2a6b1a] {
        pointer-events: none;
        border-color: #eee;
        color: #bbb;
        background-color: #eee
    }

    .ui-button[data-design="default"][data-v-be2a6b1a] {
        border-color: #512f2e;
        color: #512f2e;
        background-color: #fff
    }

    .ui-button[data-design="default"] svg.icn-arr-down[data-v-be2a6b1a] {
        stroke: #512f2e
    }

    .ui-button[data-design="default"] svg.icn-pin[data-v-be2a6b1a],
    .ui-button[data-design="default"] svg.icn-blank[data-v-be2a6b1a] {
        fill: #512f2e
    }

    .ui-button[data-design="default"] svg.icn-search[data-v-be2a6b1a] {
        fill: #512f2e;
        stroke: #512f2e
    }

    html[data-is-touchdevice="false"] .ui-button[data-design="default"][data-v-be2a6b1a]:hover {
        color: #fff;
        background-color: #512f2e
    }

    html[data-is-touchdevice="false"] .ui-button[data-design="default"]:hover svg.icn-arr-down[data-v-be2a6b1a] {
        stroke: #fff
    }

    html[data-is-touchdevice="false"] .ui-button[data-design="default"]:hover svg.icn-pin[data-v-be2a6b1a],
    html[data-is-touchdevice="false"] .ui-button[data-design="default"]:hover svg.icn-blank[data-v-be2a6b1a] {
        fill: #fff
    }

    html[data-is-touchdevice="false"] .ui-button[data-design="default"]:hover svg.icn-search[data-v-be2a6b1a] {
        fill: #fff;
        stroke: #fff
    }

    .ui-button[data-design="strong"][data-v-be2a6b1a] {
        border-color: #ff7b91;
        color: #ff7b91;
        background-color: #fff
    }

    .ui-button[data-design="strong"] svg[data-v-be2a6b1a] {
        fill: #ff7b91
    }

    html[data-is-touchdevice="false"] .ui-button[data-design="strong"][data-v-be2a6b1a]:hover {
        color: #fff;
        background-color: #ff7b91
    }

    html[data-is-touchdevice="false"] .ui-button[data-design="strong"]:hover svg.icn-arr-down[data-v-be2a6b1a] {
        stroke: #fff
    }

    @media (min-width: 768px) {

        .ui-button span[data-v-be2a6b1a]::before,
        .ui-button span[data-v-be2a6b1a]::after {
            display: block;
            width: 0;
            height: 0;
            content: ""
        }

        .ui-button span[data-v-be2a6b1a]::before {
            margin-top: calc((1 - var(--line-height)) * .5em)
        }

        .ui-button span[data-v-be2a6b1a]::after {
            margin-bottom: calc((1 - var(--line-height)) * .5em)
        }
    }

    .ui-button i[data-v-be2a6b1a] {
        display: block
    }

    .ui-button i svg[data-v-be2a6b1a] {
        vertical-align: top
    }

    @media (min-width: 768px) {

        .ui-button i.search[data-v-be2a6b1a],
        .ui-button i.blank[data-v-be2a6b1a] {
            margin-right: 1rem;
            width: 1.35rem;
            height: 1.35rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {

        .ui-button i.search[data-v-be2a6b1a],
        .ui-button i.blank[data-v-be2a6b1a] {
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {

        .ui-button i.search[data-v-be2a6b1a],
        .ui-button i.blank[data-v-be2a6b1a] {
            margin-right: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {

        .ui-button i.search[data-v-be2a6b1a],
        .ui-button i.blank[data-v-be2a6b1a] {
            width: 1.9rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {

        .ui-button i.search[data-v-be2a6b1a],
        .ui-button i.blank[data-v-be2a6b1a] {
            width: calc((19 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {

        .ui-button i.search[data-v-be2a6b1a],
        .ui-button i.blank[data-v-be2a6b1a] {
            height: 1.9rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {

        .ui-button i.search[data-v-be2a6b1a],
        .ui-button i.blank[data-v-be2a6b1a] {
            height: calc((19 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .ui-button i.pin[data-v-be2a6b1a] {
            margin-right: 1rem;
            width: 1.4rem;
            height: 1.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-button i.pin[data-v-be2a6b1a] {
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-button i.pin[data-v-be2a6b1a] {
            margin-right: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-button i.pin[data-v-be2a6b1a] {
            width: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-button i.pin[data-v-be2a6b1a] {
            width: calc((24 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-button i.pin[data-v-be2a6b1a] {
            height: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-button i.pin[data-v-be2a6b1a] {
            height: calc((24 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {

        .ui-button i.arr-down[data-v-be2a6b1a],
        .ui-button i.arr-up[data-v-be2a6b1a] {
            margin-right: 1.5rem;
            width: .875rem;
            height: .875rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {

        .ui-button i.arr-down[data-v-be2a6b1a],
        .ui-button i.arr-up[data-v-be2a6b1a] {
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {

        .ui-button i.arr-down[data-v-be2a6b1a],
        .ui-button i.arr-up[data-v-be2a6b1a] {
            margin-right: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {

        .ui-button i.arr-down[data-v-be2a6b1a],
        .ui-button i.arr-up[data-v-be2a6b1a] {
            width: 1.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {

        .ui-button i.arr-down[data-v-be2a6b1a],
        .ui-button i.arr-up[data-v-be2a6b1a] {
            width: calc((14 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {

        .ui-button i.arr-down[data-v-be2a6b1a],
        .ui-button i.arr-up[data-v-be2a6b1a] {
            height: 1.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {

        .ui-button i.arr-down[data-v-be2a6b1a],
        .ui-button i.arr-up[data-v-be2a6b1a] {
            height: calc((14 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-button i.arr-up[data-v-be2a6b1a] {
        transform: scale(-1)
    }


    @media (min-width: 768px) {
        .block-button[data-v-4bea9f58] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-button[data-v-4bea9f58] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-button[data-v-4bea9f58] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (min-width: 768px) {
        .block-button .item[data-v-4bea9f58]:not(:first-child) {
            margin-top: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-button .item[data-v-4bea9f58]:not(:first-child) {
            margin-top: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-button .item[data-v-4bea9f58]:not(:first-child) {
            margin-top: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-button a[target="_blank"] span[data-v-4bea9f58]::after {
        content: "";
        display: inline-block;
        background-image: var(--icn-blank);
        background-size: contain;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        position: relative
    }

    @media (min-width: 768px) {
        .block-button a[target="_blank"] span[data-v-4bea9f58]::after {
            width: 1.5rem;
            height: 1.5rem;
            margin: 0 .5rem;
            top: .2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-button a[target="_blank"] span[data-v-4bea9f58]::after {
            width: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-button a[target="_blank"] span[data-v-4bea9f58]::after {
            width: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-button a[target="_blank"] span[data-v-4bea9f58]::after {
            height: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-button a[target="_blank"] span[data-v-4bea9f58]::after {
            height: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-button a[target="_blank"] span[data-v-4bea9f58]::after {
            margin: 0rem 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-button a[target="_blank"] span[data-v-4bea9f58]::after {
            margin: calc((0 / var(--vw-base-width)) * 100vw) calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-button a[target="_blank"] span[data-v-4bea9f58]::after {
            top: .2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-button a[target="_blank"] span[data-v-4bea9f58]::after {
            top: calc((2 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-button a[target="_blank"][href$=".pdf"][data-v-4bea9f58]::after {
        background-image: var(--icn-pdf)
    }


    .block-order-list[data-v-091acb53] {
        margin: 0 auto;
        max-width: calc(var(--max-width--block-text) + 8rem)
    }

    @media (min-width: 768px) {
        .block-order-list[data-v-091acb53] {
            padding: 0 4rem;
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-order-list[data-v-091acb53] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-order-list[data-v-091acb53] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-order-list[data-v-091acb53] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-order-list[data-v-091acb53] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .block-order-list li[data-v-091acb53] {
        display: flex;
        align-items: baseline
    }

    @media (min-width: 768px) {
        .block-order-list li[data-v-091acb53] {
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .block-order-list li[data-v-091acb53] {
            font-size: 2.2rem
        }
    }

    @media (min-width: 768px) {
        .block-order-list li[data-v-091acb53]:not(:last-child) {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-order-list li[data-v-091acb53]:not(:last-child) {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-order-list li[data-v-091acb53]:not(:last-child) {
            margin-bottom: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-order-list li p[data-v-091acb53]::before,
    .block-order-list li p[data-v-091acb53]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-order-list li p[data-v-091acb53]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-order-list li p[data-v-091acb53]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .block-order-list li .mark[data-v-091acb53] {
        flex-shrink: 0;
        font-family: var(--font-family--en);
        font-weight: 400
    }

    @media (min-width: 768px) {
        .block-order-list li .mark[data-v-091acb53] {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-order-list li .mark[data-v-091acb53] {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-order-list li .mark[data-v-091acb53] {
            margin-right: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-order-list li[data-is-colored][data-v-091acb53] {
        color: #ea0000
    }


    .block-note-list[data-v-7221f8a4] {
        margin: 0 auto;
        max-width: calc(var(--max-width--block-text) + 8rem)
    }

    @media (min-width: 768px) {
        .block-note-list[data-v-7221f8a4] {
            padding: 0 4rem;
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-note-list[data-v-7221f8a4] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-note-list[data-v-7221f8a4] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-note-list[data-v-7221f8a4] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-note-list[data-v-7221f8a4] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .block-note-list[data-align="center"] li[data-v-7221f8a4] {
        justify-content: center
    }

    .block-note-list li[data-v-7221f8a4] {
        display: flex;
        align-items: baseline;
        color: #888
    }

    .block-note-list li[data-align="center"][data-v-7221f8a4] {
        justify-content: center
    }

    @media (min-width: 768px) {
        .block-note-list li[data-v-7221f8a4] {
            font-size: 1.3rem
        }

        .block-note-list li[data-size="small"][data-v-7221f8a4] {
            font-size: 1.2rem
        }
    }

    @media (max-width: 767px) {
        .block-note-list li[data-v-7221f8a4] {
            font-size: 2rem;
            opacity: 1
        }
    }

    @media (min-width: 768px) {
        .block-note-list li[data-v-7221f8a4]:not(:last-child) {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-note-list li[data-v-7221f8a4]:not(:last-child) {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-note-list li[data-v-7221f8a4]:not(:last-child) {
            margin-bottom: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-note-list li p[data-v-7221f8a4]::before,
    .block-note-list li p[data-v-7221f8a4]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-note-list li p[data-v-7221f8a4]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-note-list li p[data-v-7221f8a4]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .block-note-list li .mark[data-v-7221f8a4] {
        flex-shrink: 0;
        font-family: var(--font-family--en);
        font-weight: 400
    }

    @media (min-width: 768px) {
        .block-note-list li .mark[data-v-7221f8a4]:not([data-is-dot="true"]) {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-note-list li .mark[data-v-7221f8a4]:not([data-is-dot="true"]) {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-note-list li .mark[data-v-7221f8a4]:not([data-is-dot="true"]) {
            margin-right: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-note-list li[data-is-colored][data-v-7221f8a4] {
        color: #ea0000
    }


    .block-date-list[data-v-27a1de0c] {
        max-width: calc(640px + 8rem)
    }

    @media (min-width: 768px) {
        .block-date-list[data-v-27a1de0c] {
            margin: 3rem auto;
            padding: 0 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-date-list[data-v-27a1de0c] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-date-list[data-v-27a1de0c] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-date-list[data-v-27a1de0c] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-date-list[data-v-27a1de0c] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-date-list .item[data-v-27a1de0c] {
        display: flex;
        align-items: center
    }

    @media (max-width: 767px) {
        .block-date-list .item[data-v-27a1de0c] {
            opacity: 1
        }
    }

    @media (min-width: 768px) {
        .block-date-list .item[data-v-27a1de0c]:not(:last-child) {
            margin-bottom: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-date-list .item[data-v-27a1de0c]:not(:last-child) {
            margin-bottom: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-date-list .item[data-v-27a1de0c]:not(:last-child) {
            margin-bottom: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-date-list .item .img-container[data-v-27a1de0c] {
        flex-shrink: 0;
        overflow: hidden;
        position: relative
    }

    .block-date-list .item .img-container[data-v-27a1de0c]::before {
        display: block;
        content: "";
        padding-top: 100%
    }

    @media (min-width: 768px) {
        .block-date-list .item .img-container[data-v-27a1de0c] {
            width: 27.27273%;
            margin-right: 4rem;
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) {
        .block-date-list .item .img-container[data-v-27a1de0c] {
            width: 30.30303%
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-date-list .item .img-container[data-v-27a1de0c] {
            margin-right: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-date-list .item .img-container[data-v-27a1de0c] {
            margin-right: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-date-list .item .img-container[data-v-27a1de0c] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-date-list .item .img-container[data-v-27a1de0c] {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-date-list .item .img-container img[data-v-27a1de0c] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: "object-fit: cover;"
    }

    .block-date-list .item .text-container__upper[data-v-27a1de0c] {
        display: flex;
        align-items: center
    }

    @media (min-width: 768px) {
        .block-date-list .item .text-container__upper[data-v-27a1de0c] {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-date-list .item .text-container__upper[data-v-27a1de0c] {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-date-list .item .text-container__upper[data-v-27a1de0c] {
            margin-bottom: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-date-list .item .text-container .date[data-v-27a1de0c] {
        letter-spacing: .16em;
        color: #888;
        font-family: var(--font-family--en);
        font-weight: 500
    }

    .block-date-list .item .text-container .date[data-v-27a1de0c]::before,
    .block-date-list .item .text-container .date[data-v-27a1de0c]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-date-list .item .text-container .date[data-v-27a1de0c]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-date-list .item .text-container .date[data-v-27a1de0c]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-date-list .item .text-container .date[data-v-27a1de0c] {
            font-size: 1.5rem;
            margin-right: 2.5rem
        }
    }

    @media (max-width: 767px) {
        .block-date-list .item .text-container .date[data-v-27a1de0c] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-date-list .item .text-container .date[data-v-27a1de0c] {
            margin-right: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-date-list .item .text-container .date[data-v-27a1de0c] {
            margin-right: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-date-list .item .text-container .category[data-v-27a1de0c] {
        letter-spacing: .16em;
        color: #ff7b91;
        font-family: var(--font-family--en);
        font-weight: 600
    }

    .block-date-list .item .text-container .category[data-v-27a1de0c]::before,
    .block-date-list .item .text-container .category[data-v-27a1de0c]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-date-list .item .text-container .category[data-v-27a1de0c]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-date-list .item .text-container .category[data-v-27a1de0c]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-date-list .item .text-container .category[data-v-27a1de0c] {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        .block-date-list .item .text-container .category[data-v-27a1de0c] {
            font-size: 2rem
        }
    }

    .block-date-list .item .text-container .text[data-v-27a1de0c] {
        letter-spacing: .16em
    }

    @media (min-width: 768px) {
        .block-date-list .item .text-container .text[data-v-27a1de0c] {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        .block-date-list .item .text-container .text[data-v-27a1de0c] {
            font-size: 2rem
        }
    }


    .block-pic[data-v-5d3c144b] {
        max-width: calc(var(--max-width--heading) + 12rem)
    }

    @media (min-width: 768px) {
        .block-pic[data-v-5d3c144b] {
            margin: 3rem auto;
            padding: 0 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic[data-v-5d3c144b] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic[data-v-5d3c144b] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic[data-v-5d3c144b] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic[data-v-5d3c144b] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic[data-align="center"][data-v-5d3c144b] {
        text-align: center
    }

    .block-pic[data-align="right"][data-v-5d3c144b] {
        text-align: right
    }

    .block-pic[data-is-fully="true"][data-v-5d3c144b] {
        max-width: 1000px;
        text-align: center
    }

    @media (min-width: 768px) {
        .block-pic[data-radius="square"] img[data-v-5d3c144b] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic[data-radius="square"] img[data-v-5d3c144b] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic[data-radius="square"] img[data-v-5d3c144b] {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic[data-radius="circle"] img[data-v-5d3c144b] {
        border-radius: 50%
    }

    .caption[data-v-5d3c144b]::before,
    .caption[data-v-5d3c144b]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .caption[data-v-5d3c144b]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .caption[data-v-5d3c144b]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .caption[data-v-5d3c144b] {
            font-size: 1.2rem;
            margin-top: 2rem;
            margin-bottom: 0
        }
    }

    @media (max-width: 767px) {
        .caption[data-v-5d3c144b] {
            font-size: 2rem;
            margin-bottom: 0
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .caption[data-v-5d3c144b] {
            margin-top: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .caption[data-v-5d3c144b] {
            margin-top: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }


    @media (min-width: 768px) {
        .block-pic-text[data-v-641be18c] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-v-641be18c] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text[data-v-641be18c] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (min-width: 768px) {
        .block-pic-text .item[data-radius="square"] img[data-v-641be18c] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text .item[data-radius="square"] img[data-v-641be18c] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text .item[data-radius="square"] img[data-v-641be18c] {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text .item[data-radius="circle"] img[data-v-641be18c] {
        border-radius: 50%
    }

    .block-pic-text .item__inner[data-v-641be18c] {
        color: inherit;
        text-decoration: none
    }

    .block-pic-text[data-type="0"][data-v-641be18c] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: calc(1280px + 8rem)
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="0"][data-v-641be18c] {
            padding: 0 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-type="0"][data-v-641be18c] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text[data-type="0"][data-v-641be18c] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text[data-type="0"] .item[data-v-641be18c] {
        display: block
    }

    @media (min-width: 768px) and (min-width: 768px) {
        .block-pic-text[data-type="0"] .item[data-v-641be18c] {
            width: calc((99.9% - (4rem * (4 - 1))) / 4)
        }

        .block-pic-text[data-type="0"] .item[data-v-641be18c]:nth-child(n+5) {
            margin-top: 4rem
        }

        .block-pic-text[data-type="0"] .item[data-v-641be18c]:not(:nth-child(4n)):not(:last-child) {
            margin-right: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-type="0"] .item[data-v-641be18c] {
            width: calc((99.9% - (4rem * (2 - 1))) / 2)
        }

        .block-pic-text[data-type="0"] .item[data-v-641be18c]:nth-child(n+3) {
            margin-top: 4rem
        }

        .block-pic-text[data-type="0"] .item[data-v-641be18c]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text[data-type="0"] .item[data-v-641be18c] {
            width: calc((99.9% - (6.25vw * (2 - 1))) / 2)
        }

        .block-pic-text[data-type="0"] .item[data-v-641be18c]:nth-child(n+3) {
            margin-top: 6.25vw
        }

        .block-pic-text[data-type="0"] .item[data-v-641be18c]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 6.25vw
        }
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="0"] .pic-container[data-v-641be18c] {
            margin-bottom: 2.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-type="0"] .pic-container[data-v-641be18c] {
            margin-bottom: 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text[data-type="0"] .pic-container[data-v-641be18c] {
            margin-bottom: calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text[data-type="0"] .heading[data-v-641be18c] {
        letter-spacing: .24em;
        text-align: center
    }

    .block-pic-text[data-type="0"] .heading[data-v-641be18c]::before,
    .block-pic-text[data-type="0"] .heading[data-v-641be18c]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-pic-text[data-type="0"] .heading[data-v-641be18c]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-pic-text[data-type="0"] .heading[data-v-641be18c]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="0"] .heading[data-v-641be18c] {
            font-size: 1.6rem
        }
    }

    @media (max-width: 767px) {
        .block-pic-text[data-type="0"] .heading[data-v-641be18c] {
            font-size: 2.4rem
        }
    }

    .block-pic-text[data-type="0"] .text[data-v-641be18c]::before,
    .block-pic-text[data-type="0"] .text[data-v-641be18c]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-pic-text[data-type="0"] .text[data-v-641be18c]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-pic-text[data-type="0"] .text[data-v-641be18c]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="0"] .text[data-v-641be18c] {
            font-size: 1.3rem;
            margin-top: 2.5rem
        }
    }

    @media (max-width: 767px) {
        .block-pic-text[data-type="0"] .text[data-v-641be18c] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-type="0"] .text[data-v-641be18c] {
            margin-top: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text[data-type="0"] .text[data-v-641be18c] {
            margin-top: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text[data-type="1"][data-v-641be18c] {
        max-width: calc(840px + 8rem)
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="1"][data-v-641be18c] {
            padding: 0 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-type="1"][data-v-641be18c] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text[data-type="1"][data-v-641be18c] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="1"] .item:nth-child(odd) .pic-container[data-v-641be18c] {
            margin-right: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-type="1"] .item:nth-child(odd) .pic-container[data-v-641be18c] {
            margin-right: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text[data-type="1"] .item:nth-child(odd) .pic-container[data-v-641be18c] {
            margin-right: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text[data-type="1"] .item:nth-child(even) .item__inner[data-v-641be18c] {
        flex-direction: row-reverse
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="1"] .item:nth-child(even) .pic-container[data-v-641be18c] {
            margin-left: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-type="1"] .item:nth-child(even) .pic-container[data-v-641be18c] {
            margin-left: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text[data-type="1"] .item:nth-child(even) .pic-container[data-v-641be18c] {
            margin-left: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text[data-type="1"] .item__inner[data-v-641be18c] {
        display: flex;
        align-items: center;
        justify-content: center
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="1"] .item[data-v-641be18c]:not(:last-child) {
            margin-bottom: 8rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-type="1"] .item[data-v-641be18c]:not(:last-child) {
            margin-bottom: 8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text[data-type="1"] .item[data-v-641be18c]:not(:last-child) {
            margin-bottom: calc((80 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text[data-type="1"] .pic-container[data-v-641be18c] {
        flex-shrink: 0
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="1"] .pic-container[data-v-641be18c] {
            max-width: 26.19048%
        }
    }

    @media (max-width: 767px) {
        .block-pic-text[data-type="1"] .pic-container[data-v-641be18c] {
            max-width: 38.80597%
        }
    }

    .block-pic-text[data-type="1"] .heading[data-v-641be18c] {
        letter-spacing: .24em
    }

    .block-pic-text[data-type="1"] .heading[data-v-641be18c]::before,
    .block-pic-text[data-type="1"] .heading[data-v-641be18c]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-pic-text[data-type="1"] .heading[data-v-641be18c]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-pic-text[data-type="1"] .heading[data-v-641be18c]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="1"] .heading[data-v-641be18c] {
            font-size: 1.6rem
        }
    }

    @media (max-width: 767px) {
        .block-pic-text[data-type="1"] .heading[data-v-641be18c] {
            font-size: 2.4rem
        }
    }

    .block-pic-text[data-type="1"] .text[data-v-641be18c]::before,
    .block-pic-text[data-type="1"] .text[data-v-641be18c]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-pic-text[data-type="1"] .text[data-v-641be18c]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-pic-text[data-type="1"] .text[data-v-641be18c]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="1"] .text[data-v-641be18c] {
            font-size: 1.5rem;
            margin-top: 3.5rem
        }
    }

    @media (max-width: 767px) {
        .block-pic-text[data-type="1"] .text[data-v-641be18c] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-type="1"] .text[data-v-641be18c] {
            margin-top: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text[data-type="1"] .text[data-v-641be18c] {
            margin-top: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .caption[data-v-641be18c] {
            font-size: 1.2rem;
            margin-top: 1rem;
            margin-bottom: 0
        }
    }

    @media (max-width: 767px) {
        .caption[data-v-641be18c] {
            font-size: 2rem;
            margin-bottom: 0
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .caption[data-v-641be18c] {
            margin-top: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .caption[data-v-641be18c] {
            margin-top: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }


    .block-pic-text-responsive[data-v-b5faa32c] {
        margin: 0 auto;
        max-width: calc(var(--max-width--block-text) + 8rem)
    }

    @media (min-width: 768px) {
        .block-pic-text-responsive[data-v-b5faa32c] {
            padding: 0 4rem;
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text-responsive[data-v-b5faa32c] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text-responsive[data-v-b5faa32c] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text-responsive[data-v-b5faa32c] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text-responsive[data-v-b5faa32c] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (min-width: 768px) {
        .block-pic-text-responsive .item[data-v-b5faa32c] {
            display: flex;
            align-items: center
        }

        .block-pic-text-responsive .item:nth-child(odd) .pic-container[data-v-b5faa32c] {
            margin-right: 4rem
        }

        .block-pic-text-responsive .item[data-v-b5faa32c]:nth-child(even) {
            flex-direction: row-reverse
        }

        .block-pic-text-responsive .item:nth-child(even) .pic-container[data-v-b5faa32c] {
            margin-left: 4rem
        }
    }

    @media (min-width: 768px) {
        .block-pic-text-responsive .item[data-v-b5faa32c]:not(:last-child) {
            margin-bottom: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text-responsive .item[data-v-b5faa32c]:not(:last-child) {
            margin-bottom: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text-responsive .item[data-v-b5faa32c]:not(:last-child) {
            margin-bottom: calc((50 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text-responsive .pic-container[data-v-b5faa32c] {
        color: #333;
        text-align: center;
        text-decoration: none
    }

    @media (min-width: 768px) {
        .block-pic-text-responsive .pic-container[data-v-b5faa32c] {
            width: 48%;
            flex-shrink: 0
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text-responsive .pic-container[data-v-b5faa32c]:not(:only-child) {
            margin-bottom: 3.7rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text-responsive .pic-container[data-v-b5faa32c]:not(:only-child) {
            margin-bottom: calc((37 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text-responsive .caption[data-v-b5faa32c]::before,
    .block-pic-text-responsive .caption[data-v-b5faa32c]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-pic-text-responsive .caption[data-v-b5faa32c]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-pic-text-responsive .caption[data-v-b5faa32c]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-pic-text-responsive .caption[data-v-b5faa32c] {
            font-size: 1.2rem;
            margin-top: 2rem;
            margin-bottom: 0
        }
    }

    @media (max-width: 767px) {
        .block-pic-text-responsive .caption[data-v-b5faa32c] {
            font-size: 2rem;
            margin-bottom: 0
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text-responsive .caption[data-v-b5faa32c] {
            margin-top: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text-responsive .caption[data-v-b5faa32c] {
            margin-top: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-pic-text-responsive .slot-container[data-v-b5faa32c] {
            flex-grow: 1;
            margin: 0 -4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text-responsive .slot-container[data-v-b5faa32c] {
            margin: 0rem -4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-pic-text-responsive .slot-container[data-v-b5faa32c] {
            margin: calc((0 / var(--vw-base-width)) * 100vw) calc((-40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text-responsive .slot-container>*[data-v-b5faa32c]:first-child {
        margin-top: 0
    }

    .block-pic-text-responsive .slot-container>*[data-v-b5faa32c]:last-child {
        margin-bottom: 0
    }

    .block-pic-text-responsive[data-v-b5faa32c] .block-border-frame>.inner {
        width: 100%
    }


    .block-border-frame[data-v-ad142784] {
        word-break: break-all
    }

    @media (min-width: 768px) {
        .block-border-frame[data-v-ad142784] {
            margin: 3rem auto;
            padding: 0 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-border-frame[data-v-ad142784] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-border-frame[data-v-ad142784] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-border-frame[data-v-ad142784] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-border-frame[data-v-ad142784] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-border-frame .inner[data-v-ad142784] {
        margin: auto
    }

    @media (min-width: 768px) {
        .block-border-frame .inner[data-v-ad142784] {
            border: 1px solid;
            width: calc(620px + 8rem)
        }
    }

    @media (max-width: 767px) {
        .block-border-frame .inner[data-v-ad142784] {
            border: 2px solid;
            width: 100% !important
        }
    }


    .block-bg-frame[data-v-16ead3d2] {
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%
    }

    .block-bg-frame__inner[data-v-16ead3d2] {
        z-index: 1;
        position: relative
    }

    .block-bg-frame__inner>*[data-v-16ead3d2]:first-child {
        margin-top: 0
    }

    .block-bg-frame__inner>*[data-v-16ead3d2]:last-child {
        margin-bottom: 0
    }

    .block-bg-frame__top-image[data-v-16ead3d2] {
        position: absolute;
        top: 0;
        margin: auto;
        text-align: center;
        width: 100%
    }

    .block-bg-frame__top-image img[data-v-16ead3d2] {
        width: 100%
    }

    .block-bg-frame__bottom-image[data-v-16ead3d2] {
        position: absolute;
        bottom: 0;
        margin: auto;
        text-align: center;
        width: 100%
    }

    .block-bg-frame__bottom-image img[data-v-16ead3d2] {
        width: 100%
    }


    .block-faq[data-v-1dfb4f72] {
        max-width: calc(920px + 8rem)
    }

    @media (min-width: 768px) {
        .block-faq[data-v-1dfb4f72] {
            margin: 3rem auto;
            padding: 0 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq[data-v-1dfb4f72] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-faq[data-v-1dfb4f72] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq[data-v-1dfb4f72] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-faq[data-v-1dfb4f72] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-faq .item[data-v-1dfb4f72] {
        border-bottom: 1px solid #eee
    }

    @media (min-width: 768px) {
        .block-faq .item[data-v-1dfb4f72] {
            padding-bottom: 4rem
        }
    }

    @media (max-width: 767px) {
        .block-faq .item[data-v-1dfb4f72] {
            opacity: 1
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item[data-v-1dfb4f72] {
            padding-bottom: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-faq .item[data-v-1dfb4f72] {
            padding-bottom: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-faq .item[data-v-1dfb4f72]:not(:last-child) {
            margin-bottom: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item[data-v-1dfb4f72]:not(:last-child) {
            margin-bottom: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-faq .item[data-v-1dfb4f72]:not(:last-child) {
            margin-bottom: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-faq .item__q[data-v-1dfb4f72] {
        cursor: pointer;
        position: relative;
        display: flex;
        align-items: center
    }

    @media (min-width: 768px) {
        .block-faq .item__q[data-v-1dfb4f72] {
            font-size: 1.6rem;
            padding-right: 2.5rem
        }
    }

    @media (max-width: 767px) {
        .block-faq .item__q[data-v-1dfb4f72] {
            font-size: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item__q[data-v-1dfb4f72] {
            padding-right: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-faq .item__q[data-v-1dfb4f72] {
            padding-right: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-faq .item__q .symbol-question[data-v-1dfb4f72] {
        flex-shrink: 0
    }

    @media (min-width: 768px) {
        .block-faq .item__q .symbol-question[data-v-1dfb4f72] {
            width: 4rem;
            height: 4rem;
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item__q .symbol-question[data-v-1dfb4f72] {
            width: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-faq .item__q .symbol-question[data-v-1dfb4f72] {
            width: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item__q .symbol-question[data-v-1dfb4f72] {
            height: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-faq .item__q .symbol-question[data-v-1dfb4f72] {
            height: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item__q .symbol-question[data-v-1dfb4f72] {
            margin-right: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-faq .item__q .symbol-question[data-v-1dfb4f72] {
            margin-right: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-faq .item__q .plus-minus[data-v-1dfb4f72] {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 0;
        transition: transform .2s
    }

    @media (min-width: 768px) {
        .block-faq .item__q .plus-minus[data-v-1dfb4f72] {
            width: 1.5rem;
            height: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item__q .plus-minus[data-v-1dfb4f72] {
            width: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-faq .item__q .plus-minus[data-v-1dfb4f72] {
            width: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item__q .plus-minus[data-v-1dfb4f72] {
            height: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-faq .item__q .plus-minus[data-v-1dfb4f72] {
            height: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-faq .item__q .plus-minus[data-v-1dfb4f72]::before,
    .block-faq .item__q .plus-minus[data-v-1dfb4f72]::after {
        position: absolute;
        margin: auto;
        display: block;
        content: "";
        background-color: #888
    }

    .block-faq .item__q .plus-minus[data-v-1dfb4f72]::before {
        width: 100%;
        height: 1px;
        top: 0;
        bottom: 0
    }

    .block-faq .item__q .plus-minus[data-v-1dfb4f72]::after {
        width: 1px;
        height: 100%;
        left: 0;
        right: 0
    }

    .block-faq .item__q[aria-expanded="true"] .plus-minus[data-v-1dfb4f72] {
        transform: rotate(90deg)
    }

    .block-faq .item__q[aria-expanded="true"] .plus-minus[data-v-1dfb4f72]::before {
        display: none
    }

    @media (min-width: 768px) {
        .block-faq .item__a__inner[data-v-1dfb4f72] {
            margin: auto -4rem;
            padding-top: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item__a__inner[data-v-1dfb4f72] {
            margin: auto -4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-faq .item__a__inner[data-v-1dfb4f72] {
            margin: auto calc((-40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item__a__inner[data-v-1dfb4f72] {
            padding-top: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-faq .item__a__inner[data-v-1dfb4f72] {
            padding-top: calc((50 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-faq .item__a__inner[data-v-1dfb4f72] .block-paragraph .text-container {
        max-width: calc(920px + 8rem)
    }

    .block-faq .item__a__inner[data-v-1dfb4f72]>*:first-child {
        margin-top: 0
    }

    .block-faq .item__a__inner[data-v-1dfb4f72]>*:last-child {
        margin-bottom: 0
    }


    @media (min-width: 768px) {
        .block-more-button[data-v-569193ae] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-more-button[data-v-569193ae] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-more-button[data-v-569193ae] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (min-width: 768px) {
        .block-more-button .btn-container[data-is-open="true"][data-v-569193ae] {
            padding-top: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-more-button .btn-container[data-is-open="true"][data-v-569193ae] {
            padding-top: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-more-button .btn-container[data-is-open="true"][data-v-569193ae] {
            padding-top: calc((50 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-more-button__slot-container[data-v-569193ae]>*:first-child {
        margin-top: 0
    }

    .block-more-button__slot-container[data-v-569193ae]>*:last-child {
        margin-bottom: 0
    }


    .ui-products[data-v-217d6db4] {
        display: flex;
        flex-wrap: wrap
    }

    .ui-products[data-design="io"][data-v-217d6db4] {
        --ui-products-color: #ff7b91
    }

    .ui-products[data-design="ig"][data-v-217d6db4] {
        --ui-products-color: #a39187
    }

    .ui-products[data-size-lv="2"] .item[data-v-217d6db4] {
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0 0 20px rgba(135, 135, 135, 0.15);
        position: relative;
        opacity: 1
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="2"] .item[data-v-217d6db4] {
            border-radius: 1rem;
            padding: 2.5rem 2rem
        }
    }

    @media (min-width: 768px) and (min-width: 768px) {
        .ui-products[data-size-lv="2"] .item[data-v-217d6db4] {
            width: calc((99.9% - (2rem * (4 - 1))) / 4)
        }

        .ui-products[data-size-lv="2"] .item[data-v-217d6db4]:nth-child(n+5) {
            margin-top: 2rem
        }

        .ui-products[data-size-lv="2"] .item[data-v-217d6db4]:not(:nth-child(4n)):not(:last-child) {
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="2"] .item[data-v-217d6db4] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-products[data-size-lv="2"] .item[data-v-217d6db4] {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="2"] .item[data-v-217d6db4] {
            padding: 2.5rem 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-products[data-size-lv="2"] .item[data-v-217d6db4] {
            padding: calc((25 / var(--vw-base-width)) * 100vw) calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="2"] .item[data-v-217d6db4] {
            width: calc((99.9% - (2rem * (2 - 1))) / 2)
        }

        .ui-products[data-size-lv="2"] .item[data-v-217d6db4]:nth-child(n+3) {
            margin-top: 2rem
        }

        .ui-products[data-size-lv="2"] .item[data-v-217d6db4]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-products[data-size-lv="2"] .item[data-v-217d6db4] {
            width: calc((99.9% - (3.125vw * (2 - 1))) / 2)
        }

        .ui-products[data-size-lv="2"] .item[data-v-217d6db4]:nth-child(n+3) {
            margin-top: 3.125vw
        }

        .ui-products[data-size-lv="2"] .item[data-v-217d6db4]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 3.125vw
        }
    }

    .ui-products[data-size-lv="3"][data-v-217d6db4] {
        position: relative;
        max-width: var(--max-width--block-text);
        margin: 0 auto
    }

    .ui-products[data-size-lv="3"] .swiper-container[data-v-217d6db4] {
        width: var(--max-width--block-text);
        margin: 0 auto
    }

    @media (max-width: 767px) {
        .ui-products[data-size-lv="3"] .arrows[data-v-217d6db4] {
            display: none
        }
    }

    .ui-products[data-size-lv="3"] .arrows button[data-v-217d6db4] {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 2;
        fill: #a39187;
        border-radius: 50%;
        box-shadow: 0 0 20px rgba(135, 135, 135, 0.15)
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="3"] .arrows button[data-v-217d6db4] {
            width: 5rem;
            height: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="3"] .arrows button[data-v-217d6db4] {
            width: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-products[data-size-lv="3"] .arrows button[data-v-217d6db4] {
            width: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="3"] .arrows button[data-v-217d6db4] {
            height: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-products[data-size-lv="3"] .arrows button[data-v-217d6db4] {
            height: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products[data-size-lv="3"] .arrows button[data-v-217d6db4]:first-child {
        left: -1rem
    }

    .ui-products[data-size-lv="3"] .arrows button[data-v-217d6db4]:last-child {
        right: -1rem
    }

    .ui-products[data-size-lv="3"] .arrows button[data-inactive="true"][data-v-217d6db4] {
        pointer-events: none;
        opacity: .3
    }

    .ui-products[data-size-lv="3"] .swiper-slide[data-v-217d6db4] {
        height: auto
    }

    @media (max-width: 767px) {
        .ui-products[data-size-lv="3"] .swiper-slide[data-v-217d6db4] {
            width: 38.66667vw !important
        }
    }

    .ui-products[data-size-lv="3"] .img-container[data-v-217d6db4] {
        border-radius: 50%;
        background-color: #d8f7fb
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="3"] .img-container[data-v-217d6db4] {
            margin-bottom: 2.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="3"] .img-container[data-v-217d6db4] {
            margin-bottom: 2.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-products[data-size-lv="3"] .img-container[data-v-217d6db4] {
            margin-bottom: calc((28 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="3"] .item[data-v-217d6db4] {
            padding: 3.8rem 1.5rem 2rem 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="3"] .item[data-v-217d6db4] {
            padding: 5.8rem 1.5rem 2rem 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-products[data-size-lv="3"] .item[data-v-217d6db4] {
            padding: calc((58 / var(--vw-base-width)) * 100vw) calc((15 / var(--vw-base-width)) * 100vw) calc((20 / var(--vw-base-width)) * 100vw) calc((15 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products[data-size-lv="3"] .item__inner[data-v-217d6db4] {
        color: #434343;
        text-decoration: none;
        display: block;
        box-shadow: 0 0 20px rgba(136, 136, 136, 0.15);
        background-color: #fff;
        transition: transform .2s
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="3"] .item__inner[data-v-217d6db4] {
            padding: 3rem 2rem;
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="3"] .item__inner[data-v-217d6db4] {
            padding: 3rem 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-products[data-size-lv="3"] .item__inner[data-v-217d6db4] {
            padding: calc((30 / var(--vw-base-width)) * 100vw) calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="3"] .item__inner[data-v-217d6db4] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-products[data-size-lv="3"] .item__inner[data-v-217d6db4] {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    html[data-is-touchdevice="false"] .ui-products[data-size-lv="3"] .item__inner[data-v-217d6db4]:hover {
        transform: translateY(-5.33333%)
    }

    .item[data-v-217d6db4] {
        display: block
    }

    .item a[data-v-217d6db4] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: rgba(255, 255, 255, 0);
        transition: background-color .2s
    }

    .item a[data-v-217d6db4]:hover {
        background-color: rgba(255, 255, 255, 0.3)
    }

    .img-container[data-v-217d6db4] {
        position: relative
    }

    .img-container[data-v-217d6db4]::before {
        content: "";
        padding-top: 100%;
        display: block
    }

    .img-container img[data-v-217d6db4] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: "object-fit: cover;"
    }

    .label[data-v-217d6db4] {
        position: absolute;
        top: 0;
        left: 0
    }

    .label span[data-v-217d6db4] {
        display: block;
        font-family: var(--font-family--en);
        font-weight: 600;
        letter-spacing: .16em;
        color: var(--ui-products-color)
    }

    .label span[data-v-217d6db4]::before,
    .label span[data-v-217d6db4]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .label span[data-v-217d6db4]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .label span[data-v-217d6db4]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .label span[data-v-217d6db4] {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        .label span[data-v-217d6db4] {
            font-size: 2rem
        }
    }

    .best-cosme[data-v-217d6db4] {
        position: absolute;
        display: block;
        top: 0;
        right: 0
    }

    @media (min-width: 768px) {
        .best-cosme svg[data-v-217d6db4] {
            width: 5rem;
            height: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .best-cosme svg[data-v-217d6db4] {
            width: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .best-cosme svg[data-v-217d6db4] {
            width: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .best-cosme svg[data-v-217d6db4] {
            height: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .best-cosme svg[data-v-217d6db4] {
            height: calc((50 / var(--vw-base-width)) * 100vw)
        }
    }

    .ranking[data-v-217d6db4] {
        position: absolute;
        left: 0;
        bottom: 0;
        display: flex;
        align-items: center
    }

    .ranking i[data-v-217d6db4] {
        display: block
    }

    @media (min-width: 768px) {
        .ranking i[data-v-217d6db4] {
            width: 1.6rem;
            height: 1.6rem;
            margin-right: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ranking i[data-v-217d6db4] {
            width: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ranking i[data-v-217d6db4] {
            width: calc((24 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ranking i[data-v-217d6db4] {
            height: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ranking i[data-v-217d6db4] {
            height: calc((24 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ranking i[data-v-217d6db4] {
            margin-right: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ranking i[data-v-217d6db4] {
            margin-right: calc((5 / var(--vw-base-width)) * 100vw)
        }
    }

    .ranking span[data-v-217d6db4] {
        color: #c3a87d;
        font-family: var(--font-family--en);
        font-weight: 600;
        position: relative
    }

    @media (min-width: 768px) {
        .ranking span[data-v-217d6db4] {
            font-size: 1.3rem;
            top: .2rem
        }
    }

    @media (max-width: 767px) {
        .ranking span[data-v-217d6db4] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ranking span[data-v-217d6db4] {
            top: .2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ranking span[data-v-217d6db4] {
            top: calc((2 / var(--vw-base-width)) * 100vw)
        }
    }

    .fav[data-v-217d6db4] {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 2
    }

    .fav:hover i[data-v-217d6db4] {
        transform: scale(1.25)
    }

    .fav[data-is-favorited="true"] svg[data-v-217d6db4] {
        stroke: var(--ui-products-color) !important;
        fill: var(--ui-products-color) !important;
        animation: favorited-data-v-217d6db4 .2s
    }

    @keyframes favorited-data-v-217d6db4 {
        50% {
            transform: scale(1.25)
        }

        100% {
            transform: sacale(1)
        }
    }

    .fav:not([data-is-favorited="true"]) svg[data-v-217d6db4] {
        animation: unfavorited-data-v-217d6db4 .2s
    }

    @keyframes unfavorited-data-v-217d6db4 {
        50% {
            transform: scale(1.25)
        }

        100% {
            transform: sacale(1)
        }
    }

    .fav i[data-v-217d6db4] {
        display: block;
        transition: transform .15s
    }

    @media (min-width: 768px) {
        .fav i[data-v-217d6db4] {
            width: 1.8rem;
            height: 1.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .fav i[data-v-217d6db4] {
            width: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .fav i[data-v-217d6db4] {
            width: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .fav i[data-v-217d6db4] {
            height: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .fav i[data-v-217d6db4] {
            height: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .fav svg[data-v-217d6db4] {
        stroke: var(--ui-products-color);
        fill: none;
        transition: .2s;
        width: 100%;
        vertical-align: top
    }

    .catch[data-v-217d6db4] {
        text-align: center;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        letter-spacing: .36em
    }

    .catch[data-v-217d6db4]::before,
    .catch[data-v-217d6db4]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .catch[data-v-217d6db4]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .catch[data-v-217d6db4]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .catch[data-v-217d6db4] {
            font-size: 1.3rem;
            margin: 2rem auto 3rem;
            padding: 2.5rem 0
        }
    }

    @media (max-width: 767px) {
        .catch[data-v-217d6db4] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .catch[data-v-217d6db4] {
            margin: 2rem auto 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .catch[data-v-217d6db4] {
            margin: calc((20 / var(--vw-base-width)) * 100vw) auto calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .catch[data-v-217d6db4] {
            padding: 3.5rem 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .catch[data-v-217d6db4] {
            padding: calc((35 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    .release[data-v-217d6db4] {
        color: #888;
        letter-spacing: .16em
    }

    .release[data-v-217d6db4]::before,
    .release[data-v-217d6db4]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .release[data-v-217d6db4]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .release[data-v-217d6db4]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .release[data-v-217d6db4] {
            font-size: 1.3rem;
            margin: 3rem auto 1.5rem
        }
    }

    @media (max-width: 767px) {
        .release[data-v-217d6db4] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .release[data-v-217d6db4] {
            margin: 3rem auto 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .release[data-v-217d6db4] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .series[data-v-217d6db4] {
        letter-spacing: .16em
    }

    .series[data-v-217d6db4]::before,
    .series[data-v-217d6db4]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .series[data-v-217d6db4]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .series[data-v-217d6db4]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .series[data-v-217d6db4] {
            font-size: 1.3rem;
            margin: 1.5rem auto .5rem
        }
    }

    @media (max-width: 767px) {
        .series[data-v-217d6db4] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .series[data-v-217d6db4] {
            margin: 2.5rem auto 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .series[data-v-217d6db4] {
            margin: calc((25 / var(--vw-base-width)) * 100vw) auto calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .name[data-v-217d6db4] {
        letter-spacing: .16em
    }

    .name[data-v-217d6db4]::before,
    .name[data-v-217d6db4]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .name[data-v-217d6db4]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .name[data-v-217d6db4]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .name[data-v-217d6db4] {
            font-size: 1.6rem;
            margin-bottom: .75rem
        }
    }

    @media (max-width: 767px) {
        .name[data-v-217d6db4] {
            font-size: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .name[data-v-217d6db4] {
            margin-bottom: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .name[data-v-217d6db4] {
            margin-bottom: calc((15 / var(--vw-base-width)) * 100vw)
        }
    }

    .category[data-v-217d6db4] {
        letter-spacing: .16em
    }

    .category[data-v-217d6db4]::before,
    .category[data-v-217d6db4]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .category[data-v-217d6db4]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .category[data-v-217d6db4]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .category[data-v-217d6db4] {
            font-size: 1.3rem;
            margin-bottom: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .category[data-v-217d6db4] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .category[data-v-217d6db4] {
            margin-bottom: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .category[data-v-217d6db4] {
            margin-bottom: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    .price .item__price[data-v-217d6db4] {
        display: flex;
        flex-wrap: wrap
    }

    .price__size[data-v-217d6db4],
    .price__price[data-v-217d6db4] {
        font-family: var(--font-family--en);
        font-weight: 400;
        letter-spacing: .16em;
        color: #888
    }

    @media (min-width: 768px) {

        .price__size[data-v-217d6db4],
        .price__price[data-v-217d6db4] {
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {

        .price__size[data-v-217d6db4],
        .price__price[data-v-217d6db4] {
            font-size: 2.2rem
        }
    }

    .price__box[data-v-217d6db4] {
        display: flex;
        flex-wrap: nowrap;
        align-items: center
    }

    .price__tax[data-v-217d6db4] {
        color: #888
    }

    @media (min-width: 768px) {
        .price__tax[data-v-217d6db4] {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        .price__tax[data-v-217d6db4] {
            font-size: 2rem
        }
    }


    .block-products[data-v-63da28de] {
        max-width: calc(1280px + 4rem)
    }

    @media (min-width: 768px) {
        .block-products[data-v-63da28de] {
            padding: 0 2rem;
            margin: 6rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-products[data-v-63da28de] {
            padding: 0rem 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-products[data-v-63da28de] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-products[data-v-63da28de] {
            margin: 6rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-products[data-v-63da28de] {
            margin: calc((60 / var(--vw-base-width)) * 100vw) auto
        }
    }


    .ui-banner-list[data-v-62a3983d] {
        max-width: calc(920px + 8rem);
        margin: 0 auto
    }

    @media (min-width: 768px) {
        .ui-banner-list[data-v-62a3983d] {
            padding: 0 4rem;
            display: flex;
            justify-content: center;
            flex-wrap: wrap
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-banner-list[data-v-62a3983d] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-banner-list[data-v-62a3983d] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .ui-banner-list+.ui-banner-list[data-v-62a3983d] {
            margin-top: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-banner-list+.ui-banner-list[data-v-62a3983d] {
            margin-top: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-banner-list+.ui-banner-list[data-v-62a3983d] {
            margin-top: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-banner-list .item[data-v-62a3983d] {
        overflow: hidden;
        box-shadow: 0 0 20px rgba(136, 136, 136, 0.15);
        background-color: #fff;
        display: flex;
        text-decoration: none;
        opacity: 1;
        transition: opacity .2s
    }

    html[data-is-touchdevice="false"] .ui-banner-list .item[data-v-62a3983d]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        .ui-banner-list .item[data-v-62a3983d] {
            border-radius: 1rem;
            width: 48.91304%
        }
    }

    @media (min-width: 768px) and (min-width: 768px) {
        .ui-banner-list .item[data-v-62a3983d] {
            width: calc((99.9% - (2rem * (2 - 1))) / 2)
        }

        .ui-banner-list .item[data-v-62a3983d]:nth-child(n+3) {
            margin-top: 2rem
        }

        .ui-banner-list .item[data-v-62a3983d]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 2rem
        }
    }

    @media (min-width: 768px) {
        .ui-banner-list .item[data-v-62a3983d]:only-child {
            margin-left: auto;
            margin-right: auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-banner-list .item[data-v-62a3983d] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-banner-list .item[data-v-62a3983d] {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-banner-list .item[data-v-62a3983d] {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-banner-list .item[data-v-62a3983d] {
            margin-bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-banner-list .img-container[data-v-62a3983d]:not(:only-child) {
        width: 31.11111%;
        flex-shrink: 0;
        position: relative
    }

    .ui-banner-list .img-container[data-v-62a3983d]:not(:only-child)::before {
        content: "";
        display: block;
        padding-top: 100%
    }

    .ui-banner-list .img-container:not(:only-child) img[data-v-62a3983d] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: "object-fit: cover;"
    }

    .ui-banner-list .text-container[data-v-62a3983d] {
        flex-grow: 1;
        margin: auto;
        word-break: break-all
    }

    @media (min-width: 768px) {
        .ui-banner-list .text-container[data-v-62a3983d] {
            padding: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-banner-list .text-container[data-v-62a3983d] {
            padding: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-banner-list .text-container[data-v-62a3983d] {
            padding: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-banner-list .heading-en[data-v-62a3983d] {
        color: #ff7b91;
        letter-spacing: .16em;
        font-family: var(--font-family--en);
        font-weight: 600
    }

    .ui-banner-list .heading-en[data-v-62a3983d]::before,
    .ui-banner-list .heading-en[data-v-62a3983d]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-banner-list .heading-en[data-v-62a3983d]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-banner-list .heading-en[data-v-62a3983d]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .ui-banner-list .heading-en[data-v-62a3983d] {
            font-size: 1.3rem;
            margin-bottom: 1.4rem
        }
    }

    @media (max-width: 767px) {
        .ui-banner-list .heading-en[data-v-62a3983d] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-banner-list .heading-en[data-v-62a3983d] {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-banner-list .heading-en[data-v-62a3983d] {
            margin-bottom: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-banner-list .heading-jp[data-v-62a3983d] {
        color: #434343;
        letter-spacing: .16em
    }

    .ui-banner-list .heading-jp[data-v-62a3983d]::before,
    .ui-banner-list .heading-jp[data-v-62a3983d]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-banner-list .heading-jp[data-v-62a3983d]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-banner-list .heading-jp[data-v-62a3983d]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .ui-banner-list .heading-jp[data-v-62a3983d] {
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .ui-banner-list .heading-jp[data-v-62a3983d] {
            font-size: 2.2rem
        }
    }


    @media (min-width: 768px) {
        .block-banner-list[data-v-b432b4d2] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-banner-list[data-v-b432b4d2] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-banner-list[data-v-b432b4d2] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }


    .ui-share-btn[data-v-0592f7df] {
        display: flex;
        align-items: center
    }

    .ui-share-btn[data-align="center"][data-v-0592f7df] {
        justify-content: center
    }

    .ui-share-btn[data-align="right"][data-v-0592f7df] {
        justify-content: flex-end
    }

    .ui-share-btn p[data-v-0592f7df] {
        font-family: var(--font-family--en);
        font-weight: 400;
        letter-spacing: .16em
    }

    .ui-share-btn p[data-v-0592f7df]::before,
    .ui-share-btn p[data-v-0592f7df]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-share-btn p[data-v-0592f7df]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-share-btn p[data-v-0592f7df]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .ui-share-btn p[data-v-0592f7df] {
            font-size: 1.3rem;
            margin-right: 3rem
        }
    }

    @media (max-width: 767px) {
        .ui-share-btn p[data-v-0592f7df] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-share-btn p[data-v-0592f7df] {
            margin-right: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-share-btn p[data-v-0592f7df] {
            margin-right: calc((50 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .ui-share-btn button[data-v-0592f7df]:not(:last-child) {
            margin-right: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-share-btn button[data-v-0592f7df]:not(:last-child) {
            margin-right: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-share-btn button[data-v-0592f7df]:not(:last-child) {
            margin-right: calc((50 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-share-btn button:hover svg[data-v-0592f7df] {
        fill: #ababab
    }

    .ui-share-btn i[data-v-0592f7df] {
        display: block;
        position: relative
    }

    @media (min-width: 768px) {
        .ui-share-btn i[data-v-0592f7df] {
            width: calc(1.6rem * 1.5);
            height: calc(1.6rem * 1.5)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-share-btn i[data-v-0592f7df] {
            width: 5.1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-share-btn i[data-v-0592f7df] {
            width: calc((51 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) {
        .ui-share-btn i[data-v-0592f7df]::before {
            content: "";
            padding-top: 100%;
            display: block;
            width: 100%
        }

        .ui-share-btn i svg[data-v-0592f7df] {
            position: absolute;
            top: 0;
            left: 0
        }
    }

    .ui-share-btn svg[data-v-0592f7df] {
        fill: #666;
        transition: fill .2s
    }


    .block-share-btn[data-v-459a67b5] {
        max-width: calc(var(--max-width--block-text) + 8rem)
    }

    @media (min-width: 768px) {
        .block-share-btn[data-v-459a67b5] {
            margin: 3rem auto;
            padding: 0 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-share-btn[data-v-459a67b5] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-share-btn[data-v-459a67b5] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-share-btn[data-v-459a67b5] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .block-share-btn[data-v-459a67b5] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }


    .common-store-modal[data-v-574416ca] {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 16;
        --line-height: 1.8
    }

    .common-store-modal>div[data-v-574416ca] {
        transition: opacity, visibility;
        transition-duration: .2s
    }

    .common-store-modal[aria-hidden="true"][data-v-574416ca] {
        pointer-events: none
    }

    .common-store-modal[aria-hidden="true"]>div[data-v-574416ca] {
        opacity: 0;
        visibility: hidden
    }

    .underlay[data-v-574416ca] {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5)
    }

    .inner[data-v-574416ca] {
        position: absolute;
        background-color: #fff;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        flex-direction: column;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .inner>*[data-v-574416ca]:not(.item-container) {
        flex-shrink: 0
    }

    @media (min-width: 768px) {
        .inner[data-v-574416ca] {
            width: 620px;
            height: calc(100vh - 12rem);
            padding: 4rem 0 6rem
        }
    }

    @media (max-width: 767px) {
        .inner[data-v-574416ca] {
            width: calc(100% - 10.66667vw);
            height: calc(100% - 16vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .inner[data-v-574416ca] {
            padding: 4rem 0rem 8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .inner[data-v-574416ca] {
            padding: calc((40 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw) calc((80 / var(--vw-base-width)) * 100vw)
        }
    }

    .close[data-v-574416ca] {
        margin-left: auto;
        display: block;
        transition: opacity .2s
    }

    .close[data-v-574416ca]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        .close[data-v-574416ca] {
            width: 1.16rem;
            height: 1.16rem;
            margin-right: 4rem;
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .close[data-v-574416ca] {
            width: 2.9rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .close[data-v-574416ca] {
            width: calc((29 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .close[data-v-574416ca] {
            height: 2.9rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .close[data-v-574416ca] {
            height: calc((29 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .close[data-v-574416ca] {
            margin-right: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .close[data-v-574416ca] {
            margin-right: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .close[data-v-574416ca] {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .close[data-v-574416ca] {
            margin-bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .close svg[data-v-574416ca] {
        width: 100%;
        height: 100%;
        vertical-align: top
    }

    h2[data-v-574416ca] {
        text-align: center;
        letter-spacing: .24em;
        font-weight: 300
    }

    h2[data-v-574416ca]::before,
    h2[data-v-574416ca]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    h2[data-v-574416ca]::before {
        margin-top: calc((1 - var(--line-height--heading)) * .5em)
    }

    h2[data-v-574416ca]::after {
        margin-bottom: calc((1 - var(--line-height--heading)) * .5em)
    }

    @media (min-width: 768px) {
        h2[data-v-574416ca] {
            font-size: 2.4rem;
            margin-bottom: 6rem
        }
    }

    @media (max-width: 767px) {
        h2[data-v-574416ca] {
            font-size: 3.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        h2[data-v-574416ca] {
            margin-bottom: 8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        h2[data-v-574416ca] {
            margin-bottom: calc((80 / var(--vw-base-width)) * 100vw)
        }
    }

    .item-container[data-v-574416ca] {
        flex-grow: 1;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    @media (min-width: 768px) {
        .item-container[data-v-574416ca] {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item-container[data-v-574416ca] {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item-container[data-v-574416ca] {
            margin-right: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .item-container[data-v-574416ca]::-webkit-scrollbar {
            width: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item-container[data-v-574416ca]::-webkit-scrollbar {
            width: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item-container[data-v-574416ca]::-webkit-scrollbar {
            width: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .item-container[data-v-574416ca]::-webkit-scrollbar-track {
        background: #fff
    }

    .item-container[data-v-574416ca]::-webkit-scrollbar-thumb {
        background-color: #f2f0ea
    }

    @media (min-width: 768px) {
        .item-container[data-v-574416ca]::-webkit-scrollbar-thumb {
            border-radius: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item-container[data-v-574416ca]::-webkit-scrollbar-thumb {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item-container[data-v-574416ca]::-webkit-scrollbar-thumb {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .item-container[data-v-574416ca] {
            margin-bottom: 4.6rem;
            padding: 0 6rem;
            min-height: 30rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item-container[data-v-574416ca] {
            margin-bottom: 8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item-container[data-v-574416ca] {
            margin-bottom: calc((80 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item-container[data-v-574416ca] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item-container[data-v-574416ca] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item-container[data-v-574416ca] {
            min-height: 30rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item-container[data-v-574416ca] {
            min-height: calc((300 / var(--vw-base-width)) * 100vw)
        }
    }

    .item[data-v-574416ca] {
        border-bottom: 1px solid #eee
    }

    @media (min-width: 768px) {
        .item[data-v-574416ca] {
            padding-bottom: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item[data-v-574416ca] {
            padding-bottom: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item[data-v-574416ca] {
            padding-bottom: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .item[data-v-574416ca]:not(:first-child) {
            padding-top: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item[data-v-574416ca]:not(:first-child) {
            padding-top: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item[data-v-574416ca]:not(:first-child) {
            padding-top: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    .item__heading[data-v-574416ca] {
        display: block;
        text-decoration: none;
        transition: opacity .2s
    }

    .item__heading[data-v-574416ca]:hover {
        opacity: .7
    }

    .item__heading h3[data-v-574416ca] {
        display: flex;
        align-items: flex-start;
        line-height: var(--line-height)
    }

    @media (min-width: 768px) {
        .item__heading h3[data-v-574416ca] {
            margin-bottom: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item__heading h3[data-v-574416ca] {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item__heading h3[data-v-574416ca] {
            margin-bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .item__heading h3 span[data-v-574416ca] {
        color: #512f2e;
        font-weight: 300;
        letter-spacing: .16em
    }

    .item__heading h3 span[data-v-574416ca]::before,
    .item__heading h3 span[data-v-574416ca]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .item__heading h3 span[data-v-574416ca]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .item__heading h3 span[data-v-574416ca]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .item__heading h3 span[data-v-574416ca] {
            font-size: 1.6rem
        }
    }

    @media (max-width: 767px) {
        .item__heading h3 span[data-v-574416ca] {
            font-size: 2.4rem
        }
    }

    .item__heading h3 i[data-v-574416ca] {
        display: block;
        flex-shrink: 0;
        fill: #512f2e
    }

    @media (min-width: 768px) {
        .item__heading h3 i[data-v-574416ca] {
            width: 1.2rem;
            height: 1.6rem;
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item__heading h3 i[data-v-574416ca] {
            width: 1.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item__heading h3 i[data-v-574416ca] {
            width: calc((18 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item__heading h3 i[data-v-574416ca] {
            height: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item__heading h3 i[data-v-574416ca] {
            height: calc((24 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item__heading h3 i[data-v-574416ca] {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item__heading h3 i[data-v-574416ca] {
            margin-right: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .item__text[data-v-574416ca] {
        letter-spacing: .16em
    }

    .item__text[data-v-574416ca]::before,
    .item__text[data-v-574416ca]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .item__text[data-v-574416ca]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .item__text[data-v-574416ca]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .item__text[data-v-574416ca] {
            font-size: 1.5rem;
            margin-bottom: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .item__text[data-v-574416ca] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item__text[data-v-574416ca] {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item__text[data-v-574416ca] {
            margin-bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .item__link[data-v-574416ca] {
        color: #74b9b4;
        display: flex
    }

    .item__link[data-v-574416ca]:hover {
        opacity: .7
    }

    .item__link span[data-v-574416ca] {
        letter-spacing: .12em
    }

    .item__link span[data-v-574416ca]::before,
    .item__link span[data-v-574416ca]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .item__link span[data-v-574416ca]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .item__link span[data-v-574416ca]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .item__link span[data-v-574416ca] {
            font-size: 1.3rem;
            margin-right: .8rem
        }
    }

    @media (max-width: 767px) {
        .item__link span[data-v-574416ca] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item__link span[data-v-574416ca] {
            margin-right: .8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item__link span[data-v-574416ca] {
            margin-right: calc((8 / var(--vw-base-width)) * 100vw)
        }
    }

    .item__link i[data-v-574416ca] {
        display: block;
        flex-shrink: 0;
        fill: #74b9b4
    }

    @media (min-width: 768px) {
        .item__link i[data-v-574416ca] {
            width: 1.2rem;
            height: 1.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item__link i[data-v-574416ca] {
            width: 1.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item__link i[data-v-574416ca] {
            width: calc((16 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item__link i[data-v-574416ca] {
            height: 1.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item__link i[data-v-574416ca] {
            height: calc((16 / var(--vw-base-width)) * 100vw)
        }
    }

    .more-button[data-v-574416ca] {
        display: block;
        margin: 0 auto;
        transition: opacity .2s
    }

    .more-button[data-v-574416ca]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        .more-button[data-v-574416ca] {
            margin-top: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .more-button[data-v-574416ca] {
            margin-top: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .more-button[data-v-574416ca] {
            margin-top: calc((50 / var(--vw-base-width)) * 100vw)
        }
    }

    .more-button[data-is-disable="true"][data-v-574416ca] {
        pointer-events: none
    }

    @media (min-width: 768px) {
        .more-button[data-is-disable="true"][data-v-574416ca] {
            padding-bottom: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .more-button[data-is-disable="true"][data-v-574416ca] {
            padding-bottom: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .more-button[data-is-disable="true"][data-v-574416ca] {
            padding-bottom: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    .more-button span[data-v-574416ca]::before,
    .more-button span[data-v-574416ca]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .more-button span[data-v-574416ca]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .more-button span[data-v-574416ca]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .more-button span[data-v-574416ca] {
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .more-button span[data-v-574416ca] {
            font-size: 2.2rem
        }
    }

    .ui-button[data-v-574416ca] {
        margin-top: 0;
        margin-bottom: 0
    }

    .reload[data-v-574416ca] {
        color: var(--reload-color);
        white-space: nowrap;
        margin: 0 auto;
        transition: opacity .2s
    }

    .reload[data-site-type="ig"][data-v-574416ca] {
        --reload-color: #a39187
    }

    .reload[data-site-type="io"][data-v-574416ca] {
        --reload-color: #74b9b4
    }

    .reload[data-v-574416ca]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        .reload[data-v-574416ca] {
            margin-top: 3rem;
            width: 21rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .reload[data-v-574416ca] {
            margin-top: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .reload[data-v-574416ca] {
            margin-top: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .reload[data-v-574416ca] {
            width: 32rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .reload[data-v-574416ca] {
            width: calc((320 / var(--vw-base-width)) * 100vw)
        }
    }

    .reload[data-v-574416ca]::after {
        content: "";
        display: block;
        border-bottom: 1px solid var(--reload-color);
        margin-top: -.25em
    }

    .reload span[data-v-574416ca] {
        display: inline-block;
        letter-spacing: .12em
    }

    .reload span[data-v-574416ca]::before,
    .reload span[data-v-574416ca]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .reload span[data-v-574416ca]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .reload span[data-v-574416ca]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .reload span[data-v-574416ca] {
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .reload span[data-v-574416ca] {
            font-size: 2.2rem
        }
    }

    .error-message[data-v-574416ca] {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 100%
    }

    .loading-spinner[data-v-574416ca] {
        position: relative;
        height: 100%
    }

    .loading-spinner[data-v-574416ca]::before {
        content: "";
        border-radius: 100%;
        border: 2px solid #512f2e;
        border-bottom-color: transparent;
        background: 0 0 !important;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        animation: loading-spinner-data-v-574416ca .5s infinite linear
    }

    @keyframes loading-spinner-data-v-574416ca {
        0% {
            transform: rotate(0)
        }

        100% {
            transform: rotate(360deg)
        }
    }

    @media (min-width: 768px) {
        .loading-spinner[data-v-574416ca]::before {
            height: 3rem;
            width: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .loading-spinner[data-v-574416ca]::before {
            width: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .loading-spinner[data-v-574416ca]::before {
            width: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .loading-spinner[data-v-574416ca]::before {
            height: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .loading-spinner[data-v-574416ca]::before {
            height: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }


    a[data-v-74a894cf],
    button[data-v-74a894cf] {
        display: block;
        text-decoration: none;
        color: inherit;
        transition: opacity .2s
    }

    .common-global-nav-pc[data-v-74a894cf] {
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        width: 100vw;
        height: 100vh;
        z-index: 10;
        opacity: 0;
        visibility: hidden;
        transition: opacity, visibility;
        transition-duration: .4s;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        padding-right: 15px
    }

    .common-global-nav-pc .grad-bg[data-v-74a894cf] {
        opacity: 0;
        transition: 1s opacity;
        z-index: 1
    }

    .common-global-nav-pc[data-is-active="true"][data-v-74a894cf] {
        pointer-events: auto;
        opacity: 1;
        visibility: visible
    }

    .common-global-nav-pc[data-is-active="true"] .grad-bg[data-v-74a894cf] {
        width: calc(100% - 10rem);
        height: 10rem;
        position: absolute;
        top: 0;
        right: 0;
        background: linear-gradient(to bottom, #fcfcfb 60%, rgba(255, 255, 255, 0));
        opacity: 1
    }

    .common-global-nav-pc[data-is-active="true"] .toggle-btn[data-v-74a894cf] {
        animation: toggle-btn-fade-in-data-v-74a894cf 1s
    }

    @keyframes toggle-btn-fade-in-data-v-74a894cf {
        0% {
            opacity: 0;
            transform: translateX(-25%)
        }

        25% {
            opacity: 0;
            transform: translateX(-25%)
        }

        100% {
            opacity: 1;
            transform: translateX(0)
        }
    }

    .common-global-nav-pc[data-site-type="ig"][data-v-74a894cf] {
        background-image: url(/common-ig/img/ig_bg.jpg)
    }

    .common-global-nav-pc[data-site-type="ig"] .toggle-btn[data-v-74a894cf] {
        background-color: #512f2e
    }

    .common-global-nav-pc[data-site-type="io"][data-v-74a894cf] {
        background-image: url(/common-io/img/io_bg.jpg)
    }

    .common-global-nav-pc[data-site-type="io"] .toggle-btn[data-v-74a894cf] {
        background-color: #a39187
    }

    .common-global-nav-pc .toggle-btn[data-v-74a894cf] {
        position: relative;
        width: 10rem;
        white-space: nowrap;
        flex-shrink: 0
    }

    .common-global-nav-pc .toggle-btn span[data-v-74a894cf] {
        color: #fff;
        font-weight: 500;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr
    }

    .common-global-nav-pc .toggle-btn i[data-v-74a894cf] {
        display: block;
        width: 5rem;
        height: 5rem;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -2.5rem;
        transition: transform .2s;
        border-radius: 50%;
        box-shadow: 0 0 20px rgba(135, 135, 135, 0.25)
    }

    .common-global-nav-pc .toggle-btn:hover i[data-v-74a894cf] {
        transform: translateX(25%)
    }

    .common-global-nav-pc .main-container[data-v-74a894cf] {
        display: flex;
        align-items: center;
        margin: 0 auto;
        flex-grow: 1;
        max-width: calc(950px + 7rem);
        height: calc(100% - 8rem);
        position: relative;
        padding-top: 8rem
    }

    html[data-is-touchdevice="true"] .common-global-nav-pc .main-container[data-v-74a894cf] {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    html[data-is-touchdevice="false"] .common-global-nav-pc .main-container[data-v-74a894cf] {
        overflow: hidden
    }

    .common-global-nav-pc .main-container__inner[data-v-74a894cf] {
        margin: 0 auto;
        max-width: 100%;
        max-height: 100%;
        margin-right: 3rem
    }

    .common-global-nav-pc .upper-area[data-v-74a894cf],
    .common-global-nav-pc .footer-area[data-v-74a894cf] {
        width: calc(950px + 7rem);
        padding: 0 2rem 0 5rem
    }

    .common-global-nav-pc .upper-area[data-v-74a894cf] {
        display: flex;
        justify-content: space-between;
        overflow: visible
    }

    .common-global-nav-pc .upper-area__right[data-v-74a894cf] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 45rem
    }

    .common-global-nav-pc .primary-nav[data-v-74a894cf] {
        flex-shrink: 0;
        margin-right: 16.84211%
    }

    .common-global-nav-pc .primary-nav-item[data-v-74a894cf]:not(:last-child) {
        margin-bottom: 2.8rem
    }

    .common-global-nav-pc .primary-nav-item button[data-v-74a894cf] {
        text-align: left
    }

    .common-global-nav-pc .primary-nav-item__heading[data-v-74a894cf] {
        display: flex;
        align-items: center;
        font-size: 2.4rem;
        line-height: 4.42rem;
        letter-spacing: .19em;
        font-family: var(--font-family--en);
        font-weight: 500;
        margin-bottom: .11rem
    }

    .common-global-nav-pc .primary-nav-item__heading[data-v-74a894cf]::before,
    .common-global-nav-pc .primary-nav-item__heading[data-v-74a894cf]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .common-global-nav-pc .primary-nav-item__heading[data-v-74a894cf]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .primary-nav-item__heading[data-v-74a894cf]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .primary-nav-item__heading i[data-v-74a894cf] {
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        margin-left: 1rem;
        position: relative;
        transition: transform .2s
    }

    .common-global-nav-pc .primary-nav-item__heading i[aria-expanded="true"][data-v-74a894cf] {
        transform: rotate(90deg)
    }

    .common-global-nav-pc .primary-nav-item__heading i[aria-expanded="true"][data-v-74a894cf]::after {
        display: none
    }

    .common-global-nav-pc .primary-nav-item__heading i[data-v-74a894cf]::before,
    .common-global-nav-pc .primary-nav-item__heading i[data-v-74a894cf]::after {
        content: "";
        display: block;
        background-color: #888;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .common-global-nav-pc .primary-nav-item__heading i[data-v-74a894cf]::before {
        width: 1px;
        height: 100%
    }

    .common-global-nav-pc .primary-nav-item__heading i[data-v-74a894cf]::after {
        width: 100%;
        height: 1px
    }

    .common-global-nav-pc .primary-nav-item__sub-heading[data-v-74a894cf] {
        color: #888;
        font-size: 1.3rem;
        letter-spacing: .16em;
        display: block
    }

    .common-global-nav-pc .primary-nav-item__sub-heading[data-v-74a894cf]::before,
    .common-global-nav-pc .primary-nav-item__sub-heading[data-v-74a894cf]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .common-global-nav-pc .primary-nav-item__sub-heading[data-v-74a894cf]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .primary-nav-item__sub-heading[data-v-74a894cf]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .primary-nav-item__sub-heading span[data-v-74a894cf]:first-child {
        font-family: var(--font-family--en);
        font-weight: 400
    }

    .common-global-nav-pc .child-nav[data-v-74a894cf] {
        display: -ms-grid;
        display: grid;
        grid-template-areas: "item1 item6 item11" "item2 item7 item12" "item3 item8 item13" "item4 item9 item14" "item5 item10 item15";
        min-height: 34rem;
        -ms-grid-columns: (20rem)[3];
        grid-template-columns: repeat(3, 20rem);
        -ms-grid-rows: (8rem)[5];
        grid-template-rows: repeat(5, 8rem);
        white-space: nowrap;
        padding-top: 1.5rem
    }

    .common-global-nav-pc .child-nav-enter-active[data-v-74a894cf],
    .common-global-nav-pc .child-nav-leave-active[data-v-74a894cf] {
        transition: all .3s
    }

    .common-global-nav-pc .child-nav-enter[data-v-74a894cf],
    .common-global-nav-pc .child-nav-leave-to[data-v-74a894cf] {
        opacity: 0;
        transform: translateX(-25%)
    }

    .common-global-nav-pc .child-nav-item[data-v-74a894cf]:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        grid-area: item1
    }

    .common-global-nav-pc .child-nav-item[data-v-74a894cf]:nth-child(2) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        grid-area: item2
    }

    .common-global-nav-pc .child-nav-item[data-v-74a894cf]:nth-child(3) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        grid-area: item3
    }

    .common-global-nav-pc .child-nav-item[data-v-74a894cf]:nth-child(4) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        grid-area: item4
    }

    .common-global-nav-pc .child-nav-item[data-v-74a894cf]:nth-child(5) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        grid-area: item5
    }

    .common-global-nav-pc .child-nav-item[data-v-74a894cf]:nth-child(6) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        grid-area: item6
    }

    .common-global-nav-pc .child-nav-item[data-v-74a894cf]:nth-child(7) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        grid-area: item7
    }

    .common-global-nav-pc .child-nav-item[data-v-74a894cf]:nth-child(8) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
        grid-area: item8
    }

    .common-global-nav-pc .child-nav-item[data-v-74a894cf]:nth-child(9) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
        grid-area: item9
    }

    .common-global-nav-pc .child-nav-item[data-v-74a894cf]:nth-child(10) {
        -ms-grid-row: 5;
        -ms-grid-column: 2;
        grid-area: item10
    }

    .common-global-nav-pc .child-nav-item__heading[data-v-74a894cf] {
        display: block;
        font-size: 1.6rem;
        letter-spacing: .16em;
        font-family: var(--font-family--en);
        font-weight: 500;
        margin-bottom: .5rem
    }

    .common-global-nav-pc .child-nav-item__heading[data-v-74a894cf]::before,
    .common-global-nav-pc .child-nav-item__heading[data-v-74a894cf]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .common-global-nav-pc .child-nav-item__heading[data-v-74a894cf]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .child-nav-item__heading[data-v-74a894cf]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .child-nav-item__sub-heading[data-v-74a894cf] {
        color: #888;
        font-size: 1.3rem;
        letter-spacing: .16em;
        display: block
    }

    .common-global-nav-pc .child-nav-item__sub-heading[data-v-74a894cf]::before,
    .common-global-nav-pc .child-nav-item__sub-heading[data-v-74a894cf]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .common-global-nav-pc .child-nav-item__sub-heading[data-v-74a894cf]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .child-nav-item__sub-heading[data-v-74a894cf]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .child-nav-item__sub-heading span[data-v-74a894cf]:first-child {
        font-family: var(--font-family--en);
        font-weight: 400
    }

    .common-global-nav-pc .secondary-nav[data-v-74a894cf] {
        display: flex;
        flex-wrap: wrap;
        width: 57rem
    }

    .common-global-nav-pc .secondary-nav-item[data-v-74a894cf] {
        width: 33%
    }

    .common-global-nav-pc .secondary-nav-item[data-v-74a894cf]:nth-child(n+4) {
        margin-top: 2.7rem
    }

    .common-global-nav-pc .secondary-nav-item a[data-v-74a894cf] {
        display: flex;
        align-items: center;
        height: 100%
    }

    .common-global-nav-pc .secondary-nav-item a[data-v-74a894cf]::before {
        content: "";
        display: block;
        background-color: #888;
        width: .5rem;
        height: 1px;
        margin-right: .5rem;
        flex-shrink: 0
    }

    .common-global-nav-pc .secondary-nav-item span[data-v-74a894cf] {
        letter-spacing: .16em;
        line-height: 1.82rem;
        font-size: 1.3rem
    }

    .common-global-nav-pc .secondary-nav-item span[data-v-74a894cf]::before,
    .common-global-nav-pc .secondary-nav-item span[data-v-74a894cf]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .common-global-nav-pc .secondary-nav-item span[data-v-74a894cf]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .secondary-nav-item span[data-v-74a894cf]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .footer-area[data-v-74a894cf] {
        margin-top: 6rem;
        padding-bottom: 11rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .common-global-nav-pc .footer-area[data-v-74a894cf]::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #dfdfdf;
        margin-bottom: 2rem
    }

    .common-global-nav-pc .sns[data-v-74a894cf] {
        color: #888;
        display: flex;
        align-items: center
    }

    .common-global-nav-pc .sns p[data-v-74a894cf] {
        font-size: 1.3rem;
        font-family: var(--font-family--en);
        font-weight: 500;
        flex-shrink: 0
    }

    .common-global-nav-pc .sns p[data-v-74a894cf]::before,
    .common-global-nav-pc .sns p[data-v-74a894cf]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .common-global-nav-pc .sns p[data-v-74a894cf]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .sns p[data-v-74a894cf]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .sns a[data-v-74a894cf],
    .common-global-nav-pc .sns p[data-v-74a894cf] {
        margin-right: 4rem
    }

    .common-global-nav-pc .sns i[data-v-74a894cf] {
        display: block;
        width: calc(1.6rem * 1.5);
        height: calc(1.6rem * 1.5);
        fill: #666
    }

    .common-global-nav-pc .search[data-v-74a894cf] {
        display: flex;
        align-items: center;
        background-color: #fff;
        width: 30rem;
        height: 4rem;
        border-radius: 2rem;
        padding: 1.2rem 4rem 1.2rem 2rem;
        font-size: 1.3rem;
        position: relative
    }

    .common-global-nav-pc .search input[data-v-74a894cf] {
        background: none;
        letter-spacing: .16em;
        width: 100%
    }

    .common-global-nav-pc .search button[data-v-74a894cf] {
        display: block;
        flex-shrink: 0;
        width: 1.35rem;
        height: 1.35rem;
        margin-left: 1.35rem;
        position: absolute;
        right: 20px
    }

    .common-global-nav-pc .search i[data-v-74a894cf] {
        display: block;
        height: 100%
    }

    .common-global-nav-pc .search svg[data-v-74a894cf] {
        fill: #c0c1c1;
        stroke: #c0c1c1
    }


    a[data-v-628d7d4f],
    button[data-v-628d7d4f] {
        display: block;
        text-decoration: none;
        color: inherit
    }

    .common-global-nav-sp[data-v-628d7d4f] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 10;
        opacity: 0;
        visibility: hidden;
        transition: opacity, visibility;
        transition-duration: .4s;
        background-color: #fff;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .common-global-nav-sp[data-v-628d7d4f] {
            padding-bottom: 12rem
        }
    }

    @media (max-width: 750px) {
        .common-global-nav-sp[data-v-628d7d4f] {
            padding-bottom: calc((120 / var(--vw-base-width)) * 100vw)
        }
    }

    .common-global-nav-sp[data-is-active="true"][data-v-628d7d4f] {
        pointer-events: auto;
        opacity: 1;
        visibility: visible
    }

    .common-global-nav-sp[data-site-type="ig"] .upper-container[data-v-628d7d4f] {
        background-image: url(/common-ig/img/ig_bg-sp.jpg)
    }

    .common-global-nav-sp[data-site-type="io"] .upper-container[data-v-628d7d4f] {
        background-image: url(/common-io/img/io_bg-sp.jpg)
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .inner[data-v-628d7d4f] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 750px) {
        .inner[data-v-628d7d4f] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .upper-container[data-v-628d7d4f] {
        display: flex;
        justify-content: space-between;
        position: relative;
        background-size: cover
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container[data-v-628d7d4f] {
            height: 34rem
        }
    }

    @media (max-width: 750px) {
        .upper-container[data-v-628d7d4f] {
            height: calc((340 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container[data-v-628d7d4f] {
            margin: 0rem -4rem
        }
    }

    @media (max-width: 750px) {
        .upper-container[data-v-628d7d4f] {
            margin: calc((0 / var(--vw-base-width)) * 100vw) calc((-40 / var(--vw-base-width)) * 100vw)
        }
    }

    .upper-container .logo[data-v-628d7d4f] {
        z-index: 1
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container .logo[data-v-628d7d4f] {
            margin: 4rem 0rem 0rem 4rem
        }
    }

    @media (max-width: 750px) {
        .upper-container .logo[data-v-628d7d4f] {
            margin: calc((40 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .common-global-nav-sp[data-site-type="ig"] .upper-container .logo[data-v-628d7d4f] {
            margin: 5rem 0rem 0rem 4rem
        }
    }

    @media (max-width: 750px) {
        .common-global-nav-sp[data-site-type="ig"] .upper-container .logo[data-v-628d7d4f] {
            margin: calc((50 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container .logo .io-logo[data-v-628d7d4f] {
            width: 14rem
        }
    }

    @media (max-width: 750px) {
        .upper-container .logo .io-logo[data-v-628d7d4f] {
            width: calc((140 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container .logo .io-logo[data-v-628d7d4f] {
            height: 6rem
        }
    }

    @media (max-width: 750px) {
        .upper-container .logo .io-logo[data-v-628d7d4f] {
            height: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container .logo .ig-logo[data-v-628d7d4f] {
            width: 23.1rem
        }
    }

    @media (max-width: 750px) {
        .upper-container .logo .ig-logo[data-v-628d7d4f] {
            width: calc((231 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container .logo .ig-logo[data-v-628d7d4f] {
            height: 4rem
        }
    }

    @media (max-width: 750px) {
        .upper-container .logo .ig-logo[data-v-628d7d4f] {
            height: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .upper-container .search-trigger[data-v-628d7d4f] {
        position: relative;
        z-index: 1
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container .search-trigger[data-v-628d7d4f] {
            width: 4rem
        }
    }

    @media (max-width: 750px) {
        .upper-container .search-trigger[data-v-628d7d4f] {
            width: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container .search-trigger[data-v-628d7d4f] {
            height: 4rem
        }
    }

    @media (max-width: 750px) {
        .upper-container .search-trigger[data-v-628d7d4f] {
            height: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container .search-trigger[data-v-628d7d4f] {
            margin: 4rem 4rem 0rem 0rem
        }
    }

    @media (max-width: 750px) {
        .upper-container .search-trigger[data-v-628d7d4f] {
            margin: calc((40 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    .upper-container .search-trigger i[data-v-628d7d4f] {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transition: opacity .2s
    }

    .upper-container .search-trigger[aria-expanded="true"] .open[data-v-628d7d4f] {
        opacity: 0
    }

    .upper-container .search-trigger:not([aria-expanded="true"]) .close[data-v-628d7d4f] {
        opacity: 0
    }

    .upper-container .search-trigger .open[data-v-628d7d4f] {
        width: 100%;
        height: 100%;
        stroke: #888
    }

    .upper-container .search-trigger .close[data-v-628d7d4f]::before,
    .upper-container .search-trigger .close[data-v-628d7d4f]::after {
        content: "";
        display: block;
        height: 1.5px;
        background-color: #888;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

    @media (max-width: 767px) and (min-width: 641px) {

        .upper-container .search-trigger .close[data-v-628d7d4f]::before,
        .upper-container .search-trigger .close[data-v-628d7d4f]::after {
            width: 2.8rem
        }
    }

    @media (max-width: 750px) {

        .upper-container .search-trigger .close[data-v-628d7d4f]::before,
        .upper-container .search-trigger .close[data-v-628d7d4f]::after {
            width: calc((28 / var(--vw-base-width)) * 100vw)
        }
    }

    .upper-container .search-trigger .close[data-v-628d7d4f]::before {
        transform: rotate(45deg)
    }

    .upper-container .search-trigger .close[data-v-628d7d4f]::after {
        transform: rotate(-45deg)
    }

    .fade-enter-active[data-v-628d7d4f],
    .fade-leave-active[data-v-628d7d4f] {
        transition: opacity .3s
    }

    .fade-enter[data-v-628d7d4f],
    .fade-leave-to[data-v-628d7d4f] {
        opacity: 0
    }

    .search-form[data-v-628d7d4f] {
        display: flex;
        align-items: center;
        background-color: #fff;
        font-size: 2rem;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .search-form[data-v-628d7d4f] {
            width: 67rem
        }
    }

    @media (max-width: 750px) {
        .search-form[data-v-628d7d4f] {
            width: calc((670 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .search-form[data-v-628d7d4f] {
            height: 8rem
        }
    }

    @media (max-width: 750px) {
        .search-form[data-v-628d7d4f] {
            height: calc((80 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .search-form[data-v-628d7d4f] {
            padding: 2.7rem 4rem
        }
    }

    @media (max-width: 750px) {
        .search-form[data-v-628d7d4f] {
            padding: calc((27 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .search-form[data-v-628d7d4f] {
            border-radius: 4rem
        }
    }

    @media (max-width: 750px) {
        .search-form[data-v-628d7d4f] {
            border-radius: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .search-form[data-v-628d7d4f] {
            top: 16rem
        }
    }

    @media (max-width: 750px) {
        .search-form[data-v-628d7d4f] {
            top: calc((160 / var(--vw-base-width)) * 100vw)
        }
    }

    .search-form input[data-v-628d7d4f] {
        flex-grow: 1;
        background: none;
        letter-spacing: .16em
    }

    .search-form button[data-v-628d7d4f] {
        display: block;
        flex-shrink: 0
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .search-form button[data-v-628d7d4f] {
            margin-left: 1.9rem
        }
    }

    @media (max-width: 750px) {
        .search-form button[data-v-628d7d4f] {
            margin-left: calc((19 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .search-form button[data-v-628d7d4f] {
            width: 1.9rem
        }
    }

    @media (max-width: 750px) {
        .search-form button[data-v-628d7d4f] {
            width: calc((19 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .search-form button[data-v-628d7d4f] {
            height: 1.9rem
        }
    }

    @media (max-width: 750px) {
        .search-form button[data-v-628d7d4f] {
            height: calc((19 / var(--vw-base-width)) * 100vw)
        }
    }

    .search-form i[data-v-628d7d4f] {
        display: block;
        height: 100%
    }

    .search-form svg[data-v-628d7d4f] {
        fill: #c0c1c1;
        stroke: #c0c1c1
    }

    .search-form__overlay[data-v-628d7d4f] {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.05)
    }

    .primary-nav[data-v-628d7d4f] {
        border-bottom: 1px solid #eee
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .primary-nav[data-v-628d7d4f] {
            margin: 0rem auto 8.5rem
        }
    }

    @media (max-width: 750px) {
        .primary-nav[data-v-628d7d4f] {
            margin: calc((0 / var(--vw-base-width)) * 100vw) auto calc((85 / var(--vw-base-width)) * 100vw)
        }
    }

    .primary-nav-item__inner[data-v-628d7d4f] {
        border-top: 1px solid #eee;
        text-align: left;
        display: flex;
        align-items: center;
        width: 100%;
        position: relative
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .primary-nav-item__inner[data-v-628d7d4f] {
            padding: 3.5rem 0rem
        }
    }

    @media (max-width: 750px) {
        .primary-nav-item__inner[data-v-628d7d4f] {
            padding: calc((35 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    .primary-nav-item__heading[data-v-628d7d4f] {
        display: block;
        letter-spacing: .16em;
        font-family: var(--font-family--en);
        font-weight: 500;
        font-size: 3.2rem
    }

    .primary-nav-item__heading[data-v-628d7d4f]::before,
    .primary-nav-item__heading[data-v-628d7d4f]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .primary-nav-item__heading[data-v-628d7d4f]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .primary-nav-item__heading[data-v-628d7d4f]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .primary-nav-item__heading[data-v-628d7d4f] {
            margin-right: 3rem
        }
    }

    @media (max-width: 750px) {
        .primary-nav-item__heading[data-v-628d7d4f] {
            margin-right: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .primary-nav-item__sub-heading[data-v-628d7d4f] {
        display: block;
        color: #888;
        letter-spacing: .16em;
        font-size: 2rem;
        position: relative;
        margin-top: .25em
    }

    .primary-nav-item__sub-heading[data-v-628d7d4f]::before,
    .primary-nav-item__sub-heading[data-v-628d7d4f]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .primary-nav-item__sub-heading[data-v-628d7d4f]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .primary-nav-item__sub-heading[data-v-628d7d4f]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .primary-nav-item__sub-heading span[data-v-628d7d4f]:first-child {
        font-family: var(--font-family--en);
        font-weight: 400
    }

    .primary-nav-item__trigger-symbol[data-v-628d7d4f] {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transition: transform .2s
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .primary-nav-item__trigger-symbol[data-v-628d7d4f] {
            width: 2rem
        }
    }

    @media (max-width: 750px) {
        .primary-nav-item__trigger-symbol[data-v-628d7d4f] {
            width: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .primary-nav-item__trigger-symbol[data-v-628d7d4f] {
            height: 2rem
        }
    }

    @media (max-width: 750px) {
        .primary-nav-item__trigger-symbol[data-v-628d7d4f] {
            height: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .primary-nav-item__trigger-symbol[aria-expanded="true"][data-v-628d7d4f] {
        transform: rotate(90deg)
    }

    .primary-nav-item__trigger-symbol[aria-expanded="true"][data-v-628d7d4f]::after {
        display: none
    }

    .primary-nav-item__trigger-symbol[data-v-628d7d4f]::before,
    .primary-nav-item__trigger-symbol[data-v-628d7d4f]::after {
        content: "";
        display: block;
        background-color: #888;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .primary-nav-item__trigger-symbol[data-v-628d7d4f]::before {
        width: 2px;
        height: 100%
    }

    .primary-nav-item__trigger-symbol[data-v-628d7d4f]::after {
        width: 100%;
        height: 2px
    }

    .child-nav[data-v-628d7d4f] {
        border-top: 1px solid #eee
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .child-nav[data-v-628d7d4f] {
            padding-left: 4rem
        }
    }

    @media (max-width: 750px) {
        .child-nav[data-v-628d7d4f] {
            padding-left: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .child-nav-item:last-child .child-nav-item__inner[data-v-628d7d4f] {
        border-bottom: none
    }

    .child-nav-item__inner[data-v-628d7d4f] {
        border-bottom: 1px solid #eee;
        display: flex;
        align-items: center;
        position: relative
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .child-nav-item__inner[data-v-628d7d4f] {
            padding: 3.5rem 0rem
        }
    }

    @media (max-width: 750px) {
        .child-nav-item__inner[data-v-628d7d4f] {
            padding: calc((35 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    .child-nav-item__heading[data-v-628d7d4f] {
        display: block;
        letter-spacing: .16em;
        font-family: var(--font-family--en);
        font-weight: 500;
        font-size: 2.4rem
    }

    .child-nav-item__heading[data-v-628d7d4f]::before,
    .child-nav-item__heading[data-v-628d7d4f]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .child-nav-item__heading[data-v-628d7d4f]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .child-nav-item__heading[data-v-628d7d4f]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .child-nav-item__heading[data-v-628d7d4f] {
            margin-right: 3rem
        }
    }

    @media (max-width: 750px) {
        .child-nav-item__heading[data-v-628d7d4f] {
            margin-right: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .child-nav-item__sub-heading[data-v-628d7d4f] {
        display: block;
        color: #888;
        letter-spacing: .16em;
        font-size: 2rem;
        position: relative;
        margin-top: .25em
    }

    .child-nav-item__sub-heading[data-v-628d7d4f]::before,
    .child-nav-item__sub-heading[data-v-628d7d4f]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .child-nav-item__sub-heading[data-v-628d7d4f]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .child-nav-item__sub-heading[data-v-628d7d4f]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .child-nav-item__sub-heading span[data-v-628d7d4f]:first-child {
        font-family: var(--font-family--en);
        font-weight: 400
    }

    .secondary-nav[data-v-628d7d4f] {
        display: flex;
        flex-wrap: wrap
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .secondary-nav-item[data-v-628d7d4f] {
            width: calc((99.9% - (2rem * (2 - 1))) / 2)
        }

        .secondary-nav-item[data-v-628d7d4f]:nth-child(n+3) {
            margin-top: 2rem
        }

        .secondary-nav-item[data-v-628d7d4f]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 2rem
        }
    }

    @media (max-width: 750px) {
        .secondary-nav-item[data-v-628d7d4f] {
            width: calc((99.9% - (3.125vw * (2 - 1))) / 2)
        }

        .secondary-nav-item[data-v-628d7d4f]:nth-child(n+3) {
            margin-top: 3.125vw
        }

        .secondary-nav-item[data-v-628d7d4f]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 3.125vw
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .secondary-nav-item[data-v-628d7d4f]:nth-child(n+3) {
            margin-top: 5rem
        }
    }

    @media (max-width: 750px) {
        .secondary-nav-item[data-v-628d7d4f]:nth-child(n+3) {
            margin-top: calc((50 / var(--vw-base-width)) * 100vw)
        }
    }

    .secondary-nav-item a[data-v-628d7d4f] {
        display: flex;
        height: 100%;
        align-items: center;
        word-break: break-all
    }

    .secondary-nav-item a[data-v-628d7d4f]::before {
        content: "";
        display: block;
        background-color: #888;
        height: 1px;
        flex-shrink: 0
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .secondary-nav-item a[data-v-628d7d4f]::before {
            width: 1rem
        }
    }

    @media (max-width: 750px) {
        .secondary-nav-item a[data-v-628d7d4f]::before {
            width: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .secondary-nav-item a[data-v-628d7d4f]::before {
            margin-right: 1rem
        }
    }

    @media (max-width: 750px) {
        .secondary-nav-item a[data-v-628d7d4f]::before {
            margin-right: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .secondary-nav-item span[data-v-628d7d4f] {
        letter-spacing: .16em;
        font-size: 2.2rem
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .secondary-nav-item span[data-v-628d7d4f] {
            line-height: 3.08rem
        }
    }

    @media (max-width: 750px) {
        .secondary-nav-item span[data-v-628d7d4f] {
            line-height: calc((30.8 / var(--vw-base-width)) * 100vw)
        }
    }

    .secondary-nav-item span[data-v-628d7d4f]::before,
    .secondary-nav-item span[data-v-628d7d4f]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .secondary-nav-item span[data-v-628d7d4f]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .secondary-nav-item span[data-v-628d7d4f]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .sns[data-v-628d7d4f] {
        color: #888;
        display: flex;
        align-items: center
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .sns[data-v-628d7d4f] {
            margin: 6rem auto
        }
    }

    @media (max-width: 750px) {
        .sns[data-v-628d7d4f] {
            margin: calc((60 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .sns p[data-v-628d7d4f] {
        font-size: 2rem;
        font-family: var(--font-family--en);
        font-weight: 500;
        letter-spacing: .16rem;
        flex-shrink: 0
    }

    .sns p[data-v-628d7d4f]::before,
    .sns p[data-v-628d7d4f]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .sns p[data-v-628d7d4f]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .sns p[data-v-628d7d4f]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (max-width: 767px) and (min-width: 641px) {

        .sns a[data-v-628d7d4f],
        .sns p[data-v-628d7d4f] {
            margin-right: 8rem
        }
    }

    @media (max-width: 750px) {

        .sns a[data-v-628d7d4f],
        .sns p[data-v-628d7d4f] {
            margin-right: calc((80 / var(--vw-base-width)) * 100vw)
        }
    }

    .sns i[data-v-628d7d4f] {
        display: block;
        fill: #666
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .sns i[data-v-628d7d4f] {
            width: 4.8rem
        }
    }

    @media (max-width: 750px) {
        .sns i[data-v-628d7d4f] {
            width: calc((48 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .sns i[data-v-628d7d4f] {
            height: 4.8rem
        }
    }

    @media (max-width: 750px) {
        .sns i[data-v-628d7d4f] {
            height: calc((48 / var(--vw-base-width)) * 100vw)
        }
    }

    .sns i .icn-mail[data-v-628d7d4f] {
        stroke: #888
    }


    .common-fixed-news[data-v-06ba1fe6] {
        position: fixed;
        z-index: 12;
        animation: init-data-v-06ba1fe6 .75s ease-in-out;
        transition: opacity .3s
    }

    .common-fixed-news[data-is-close-animating-now="true"][data-v-06ba1fe6] {
        opacity: 0;
        pointer-events: none
    }

    @keyframes init-data-v-06ba1fe6 {
        0% {
            opacity: 0;
            transform: translateY(100%)
        }

        100% {
            opacity: 1;
            transform: translateY(0)
        }
    }

    @media (min-width: 768px) {
        .common-fixed-news[data-v-06ba1fe6] {
            width: 400px;
            bottom: 0;
            right: 10.09375%
        }
    }

    @media (max-width: 767px) {
        .common-fixed-news[data-v-06ba1fe6] {
            width: 100%;
            left: 0
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-fixed-news[data-v-06ba1fe6] {
            bottom: 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-fixed-news[data-v-06ba1fe6] {
            bottom: calc((120 / var(--vw-base-width)) * 100vw)
        }
    }

    .close[data-v-06ba1fe6] {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        transition: opacity .2s
    }

    .close[data-v-06ba1fe6]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        .close[data-v-06ba1fe6] {
            width: 3rem;
            height: 3rem;
            top: 1.87rem;
            right: 1.87rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .close[data-v-06ba1fe6] {
            width: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .close[data-v-06ba1fe6] {
            width: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .close[data-v-06ba1fe6] {
            height: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .close[data-v-06ba1fe6] {
            height: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .close[data-v-06ba1fe6] {
            top: 2.444rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .close[data-v-06ba1fe6] {
            top: calc((24.44 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .close[data-v-06ba1fe6] {
            right: 2.444rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .close[data-v-06ba1fe6] {
            right: calc((24.44 / var(--vw-base-width)) * 100vw)
        }
    }

    .close svg[data-v-06ba1fe6] {
        vertical-align: top
    }

    @media (min-width: 768px) {
        .close svg[data-v-06ba1fe6] {
            width: 1.13rem;
            height: 1.13rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .close svg[data-v-06ba1fe6] {
            width: 1.556rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .close svg[data-v-06ba1fe6] {
            width: calc((15.56 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .close svg[data-v-06ba1fe6] {
            height: 1.556rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .close svg[data-v-06ba1fe6] {
            height: calc((15.56 / var(--vw-base-width)) * 100vw)
        }
    }

    .inner[data-v-06ba1fe6] {
        display: block;
        background-color: #f8f7f3;
        box-shadow: 0 0 20px rgba(136, 136, 136, 0.15);
        text-decoration: none;
        color: #ff7b91;
        position: relative
    }

    .inner[data-v-06ba1fe6]::before {
        pointer-events: none;
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        opacity: 0;
        transition: opacity .2s
    }

    .inner[data-v-06ba1fe6]:hover::before {
        opacity: .3
    }

    @media (min-width: 768px) {
        .inner[data-v-06ba1fe6] {
            padding: 3.7rem 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .inner[data-v-06ba1fe6] {
            padding: 3.5rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .inner[data-v-06ba1fe6] {
            padding: calc((35 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .inner p[data-v-06ba1fe6] {
        letter-spacing: .12em;
        line-height: 1.8
    }

    .inner p[data-v-06ba1fe6]::before,
    .inner p[data-v-06ba1fe6]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .inner p[data-v-06ba1fe6]::before {
        margin-top: calc((1 - 1.8) * .5em)
    }

    .inner p[data-v-06ba1fe6]::after {
        margin-bottom: calc((1 - 1.8) * .5em)
    }

    @media (min-width: 768px) {
        .inner .heading[data-v-06ba1fe6] {
            margin-top: .5rem
        }
    }

    @media (max-width: 767px) {
        .inner .heading[data-v-06ba1fe6] {
            font-weight: 600
        }
    }

    @media (min-width: 768px) {
        .inner .text[data-v-06ba1fe6] {
            margin-top: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .inner .text[data-v-06ba1fe6] {
            margin-top: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .inner .text[data-v-06ba1fe6] {
            margin-top: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }


    .common-header[data-v-1ec5558a] {
        --vw-base-width: 750
    }

    .toggle-overlay[data-v-1ec5558a] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 14;
        overflow: hidden;
        pointer-events: none
    }

    .toggle-overlay>div[data-v-1ec5558a] {
        height: 100%;
        transform: translateX(-100%)
    }

    .toggle-overlay[data-color-type="ig"]>div[data-v-1ec5558a] {
        background-color: #a39187
    }

    .toggle-overlay[data-color-type="io"]>div[data-v-1ec5558a] {
        background-color: #512f2e
    }

    @media (min-width: 768px) {
        .toggle-overlay.animation>div[data-v-1ec5558a] {
            animation: toggle-pc-data-v-1ec5558a .6s ease-in-out
        }

        @keyframes toggle-pc-data-v-1ec5558a {
            0% {
                transform: translateX(-100%)
            }

            40% {
                transform: translateX(0)
            }

            50% {
                transform: translateX(0)
            }

            60% {
                transform: translateX(0)
            }

            100% {
                transform: translateX(100%)
            }
        }
    }

    @media (max-width: 767px) {
        .toggle-overlay.animation>div[data-v-1ec5558a] {
            animation: toggle-sp-data-v-1ec5558a .6s ease-in-out
        }

        @keyframes toggle-sp-data-v-1ec5558a {
            0% {
                transform: translateY(100%)
            }

            40% {
                transform: translateY(0)
            }

            50% {
                transform: translateY(0)
            }

            60% {
                transform: translateY(0)
            }

            100% {
                transform: translateY(-100%)
            }
        }
    }

    .empty[data-v-1ec5558a] {
        transition: background-color .3s linear
    }

    @media (min-width: 768px) {
        .empty[data-v-1ec5558a] {
            display: block;
            height: 2rem;
            margin-top: -8rem
        }
    }

    @media (max-width: 767px) {
        .empty[data-v-1ec5558a] {
            display: none
        }
    }

    .empty.toppage-header-active[data-v-1ec5558a] {
        background-color: #fff
    }

    .toppage-header[data-v-1ec5558a] {
        z-index: 11
    }

    @media (min-width: 768px) {
        .toppage-header[data-v-1ec5558a] {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            left: 0
        }
    }

    .toppage-header header[data-v-1ec5558a] {
        position: relative
    }

    @media (max-width: 767px) {
        .toppage-header header[data-v-1ec5558a] {
            height: unset;
            top: 25px
        }
    }

    @media (max-width: 767px) {
        .toppage-header .io-logo[data-v-1ec5558a] {
            height: calc(40 / 375 * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .toppage-header .io-logo[data-v-1ec5558a] {
            width: 18.547rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .toppage-header .io-logo[data-v-1ec5558a] {
            width: calc((185.47 / var(--vw-base-width)) * 100vw)
        }
    }

    header[data-v-1ec5558a] {
        transition: background-color 1s
    }

    header[data-v-1ec5558a]:not([data-nav-is-active="true"]) {
        background-color: #fff
    }

    @media (max-width: 1440px) and (min-width: 768px) {
        header[data-nav-is-active="true"] .inner[data-v-1ec5558a] {
            padding-left: 14rem
        }
    }

    header[data-site-type="ig"][data-v-1ec5558a] {
        --header-base-color: #a39187
    }

    header[data-site-type="io"][data-v-1ec5558a] {
        --header-base-color: #512f2e
    }

    @media (min-width: 768px) {
        header[data-v-1ec5558a] {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 8rem;
            z-index: 11
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        header[data-v-1ec5558a] {
            height: 14rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        header[data-v-1ec5558a] {
            height: calc((140 / var(--vw-base-width)) * 100vw)
        }
    }

    header .inner[data-v-1ec5558a] {
        max-width: calc(1200px + 8rem);
        height: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        transition: padding 1s
    }

    @media (min-width: 768px) {
        header .inner[data-v-1ec5558a] {
            justify-content: space-between;
            padding: 0 4rem;
            position: relative;
            z-index: 1
        }

        header .inner .left[data-v-1ec5558a] {
            display: flex;
            align-items: center
        }

        header .inner .left>div[data-site-type="ig"][data-v-1ec5558a] {
            margin-right: 3.9rem
        }

        header .inner .right[data-v-1ec5558a] {
            display: flex;
            align-items: center
        }

        header .inner .right .product[data-v-1ec5558a] {
            color: #a39187;
            letter-spacing: .1rem;
            text-decoration: none;
            transition: opacity .2s;
            margin-right: 2.4rem;
            white-space: nowrap
        }
    }

    @media (min-width: 768px) and (min-width: 768px) {
        header .inner .right .product[data-v-1ec5558a] {
            font-size: clamp(13px, 1vw, 1.5rem)
        }
    }

    @media (min-width: 768px) {
        header .inner .right .product[data-v-1ec5558a]:hover {
            text-decoration: none;
            opacity: .7
        }
    }

    @media (max-width: 767px) {
        header .inner[data-v-1ec5558a] {
            justify-content: center
        }

        header .inner .right[data-v-1ec5558a] {
            display: none
        }
    }

    header .logo[data-v-1ec5558a] {
        transition: opacity .2s
    }

    header .logo[data-v-1ec5558a]:hover {
        opacity: .7
    }

    header .logo svg[data-v-1ec5558a] {
        width: 100%;
        height: 100%
    }

    @media (min-width: 768px) {
        header .io-logo[data-v-1ec5558a] {
            width: 10rem;
            height: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        header .io-logo[data-v-1ec5558a] {
            width: 14rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        header .io-logo[data-v-1ec5558a] {
            width: calc((140 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        header .io-logo[data-v-1ec5558a] {
            height: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        header .io-logo[data-v-1ec5558a] {
            height: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        header .ig-logo[data-v-1ec5558a] {
            width: 15.3rem;
            height: 3.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        header .ig-logo[data-v-1ec5558a] {
            width: 18.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        header .ig-logo[data-v-1ec5558a] {
            width: calc((188 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        header .ig-logo[data-v-1ec5558a] {
            height: 4.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        header .ig-logo[data-v-1ec5558a] {
            height: calc((45 / var(--vw-base-width)) * 100vw)
        }
    }

    header .assist-nav[data-v-1ec5558a] {
        margin-left: 3.9rem
    }

    @media (max-width: 767px) {
        header .assist-nav[data-v-1ec5558a] {
            display: none
        }
    }

    @media (min-width: 1281px) {
        header .assist-nav[data-site-type="ig"]>ul>li[data-v-1ec5558a] {
            margin-right: 2.4rem
        }
    }

    @media (max-width: 1280px) and (min-width: 768px) {
        header .assist-nav[data-site-type="ig"]>ul>li[data-v-1ec5558a] {
            margin-right: 1.875vw
        }
    }

    header .assist-nav[data-site-type="ig"]>ul>li>a[data-v-1ec5558a] {
        color: #a39187;
        letter-spacing: .1rem;
        font-size: clamp(13px, 1vw, 1.5rem)
    }

    header .assist-nav[data-site-type="io"]>ul>li>a[data-v-1ec5558a] {
        color: #888;
        letter-spacing: .16em;
        font-family: var(--font-family--en);
        font-weight: 600
    }

    header .assist-nav>ul[data-v-1ec5558a] {
        display: flex
    }

    header .assist-nav>ul>li[data-v-1ec5558a] {
        margin-right: 3rem
    }

    header .assist-nav>ul>li[data-v-1ec5558a]:last-child {
        margin-right: 0
    }

    header .assist-nav>ul>li>a[data-v-1ec5558a] {
        text-decoration: none;
        transition: opacity .2s
    }

    header .assist-nav>ul>li>a[data-v-1ec5558a]:hover {
        text-decoration: none;
        opacity: .7
    }

    header .icn-link[data-v-1ec5558a] {
        display: block;
        width: 2.1rem;
        height: 2.1rem;
        margin-top: .2rem;
        margin-right: 1.9rem
    }

    header .icn-link i[data-v-1ec5558a] {
        display: block;
        width: 2rem;
        height: 2rem
    }

    header .icn-link i[data-v-1ec5558a] svg {
        width: 100%;
        height: 100%
    }

    header .icn-link i[data-v-1ec5558a] svg .fill {
        fill: #fff !important
    }

    header .icn-link i[data-v-1ec5558a] svg .border {
        fill: #a39187 !important
    }

    header .icn-link i[data-v-1ec5558a] svg .io-border {
        stroke: #a39187
    }

    header .nav-trigger[data-v-1ec5558a] {
        width: 2.1rem;
        height: 1.5rem;
        --trigger-span-half-height: .1rem
    }

    header .nav-trigger span[data-v-1ec5558a] {
        height: .1rem;
        background-color: var(--header-base-color)
    }

    .toppage-header>header[data-v-1ec5558a] {
        background-color: rgba(0, 0, 0, 0);
        transition: background-color .3s linear
    }

    @media (max-width: 767px) {
        .toppage-header>header[data-v-1ec5558a] {
            position: absolute;
            left: 50%;
            transform: translateX(-50%)
        }
    }

    @media (min-width: 768px) {
        .toppage-header-active>header[data-v-1ec5558a] {
            background-color: #fff
        }
    }

    @media (max-width: 767px) {
        .toppage-header-active>header[data-v-1ec5558a] {
            background-color: rgba(0, 0, 0, 0)
        }
    }

    .toppage-header-active>header[data-nav-is-active="true"][data-v-1ec5558a] {
        background-color: rgba(0, 0, 0, 0)
    }

    .bottom-nav[data-v-1ec5558a] {
        overflow: hidden;
        position: fixed;
        left: 0;
        bottom: 0;
        display: flex;
        width: 100%;
        transition: background-color .5s;
        z-index: 13
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .bottom-nav[data-v-1ec5558a] {
            height: 12rem
        }
    }

    @media (max-width: 750px) {
        .bottom-nav[data-v-1ec5558a] {
            height: calc((120 / var(--vw-base-width)) * 100vw)
        }
    }

    .bottom-nav[data-site-type="ig"][data-v-1ec5558a] {
        background-color: #a39187
    }

    .bottom-nav[data-site-type="io"][data-v-1ec5558a] {
        background-color: #512f2e
    }

    .bottom-nav__item[data-v-1ec5558a] {
        text-decoration: none;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .bottom-nav__item span[data-v-1ec5558a] {
        color: #fff;
        font-size: 2rem;
        font-weight: 400;
        letter-spacing: .12em
    }

    .bottom-nav__item span[data-v-1ec5558a]::before,
    .bottom-nav__item span[data-v-1ec5558a]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .bottom-nav__item span[data-v-1ec5558a]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .bottom-nav__item span[data-v-1ec5558a]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .bottom-nav__item i[data-v-1ec5558a] {
        display: block;
        stroke: #fff;
        fill: none
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .bottom-nav__item i[data-v-1ec5558a] {
            width: 3.8rem
        }
    }

    @media (max-width: 750px) {
        .bottom-nav__item i[data-v-1ec5558a] {
            width: calc((38 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .bottom-nav__item i[data-v-1ec5558a] {
            height: 3.8rem
        }
    }

    @media (max-width: 750px) {
        .bottom-nav__item i[data-v-1ec5558a] {
            height: calc((38 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .bottom-nav__item i[data-v-1ec5558a] {
            margin-bottom: 1rem
        }
    }

    @media (max-width: 750px) {
        .bottom-nav__item i[data-v-1ec5558a] {
            margin-bottom: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .bottom-nav__item svg[data-v-1ec5558a] {
        stroke: #fff
    }

    .bottom-nav__item .nav-trigger[data-v-1ec5558a] {
        --trigger-span-half-height: 1px
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .bottom-nav__item .nav-trigger[data-v-1ec5558a] {
            height: 3rem
        }
    }

    @media (max-width: 750px) {
        .bottom-nav__item .nav-trigger[data-v-1ec5558a] {
            height: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .bottom-nav__item .nav-trigger span[data-v-1ec5558a] {
        height: 1px;
        background-color: #fff;
        border-radius: 1px
    }

    .bottom-nav .toggle-btn[data-v-1ec5558a] {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 74.66667%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2.4rem;
        color: #fff;
        font-weight: 500;
        font-family: var(--font-family--en);
        text-decoration: none;
        transition: transform .75s;
        letter-spacing: .36em
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .bottom-nav .toggle-btn[data-v-1ec5558a] {
            border-top-left-radius: 6rem
        }
    }

    @media (max-width: 750px) {
        .bottom-nav .toggle-btn[data-v-1ec5558a] {
            border-top-left-radius: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .bottom-nav .toggle-btn[data-v-1ec5558a] {
            border-bottom-left-radius: 6rem
        }
    }

    @media (max-width: 750px) {
        .bottom-nav .toggle-btn[data-v-1ec5558a] {
            border-bottom-left-radius: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    .bottom-nav .toggle-btn[aria-hidden="true"][data-v-1ec5558a] {
        transform: translateX(100%)
    }

    .bottom-nav .toggle-btn[data-color-type="ig"][data-v-1ec5558a] {
        background-color: #512f2e
    }

    .bottom-nav .toggle-btn[data-color-type="io"][data-v-1ec5558a] {
        background-color: #a39187
    }

    .bottom-nav .toggle-btn i[data-v-1ec5558a] {
        stroke: #fff;
        display: block;
        width: 12.12256%;
        margin-left: 8.52575%
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .bottom-nav .toggle-btn i[data-v-1ec5558a] {
            margin-left: 3rem
        }
    }

    @media (max-width: 750px) {
        .bottom-nav .toggle-btn i[data-v-1ec5558a] {
            margin-left: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .bottom-nav .toggle-btn i svg[data-v-1ec5558a] {
        vertical-align: middle;
        filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.75))
    }

    .nav-trigger[data-v-1ec5558a] {
        position: relative
    }

    @media (min-width: 768px) {
        .nav-trigger[data-v-1ec5558a] {
            top: 1px
        }
    }

    .nav-trigger span[data-v-1ec5558a] {
        position: absolute;
        left: 0;
        width: 100%
    }

    .nav-trigger span[data-v-1ec5558a]:nth-child(1) {
        transform: rotate(0);
        top: 0
    }

    .nav-trigger span[data-v-1ec5558a]:nth-child(2) {
        top: calc(50% - var(--trigger-span-half-height) + 1px)
    }

    .nav-trigger span[data-v-1ec5558a]:nth-child(3) {
        transform: rotate(0);
        bottom: 0
    }

    .nav-trigger:not([aria-expanded="true"]) span[data-v-1ec5558a]:nth-child(1) {
        animation: trigger-close-1-data-v-1ec5558a .75s
    }

    .nav-trigger:not([aria-expanded="true"]) span[data-v-1ec5558a]:nth-child(3) {
        animation: trigger-close-3-data-v-1ec5558a .75s
    }

    @keyframes trigger-close-1-data-v-1ec5558a {
        0% {
            transform: rotate(45deg);
            top: calc(50% - var(--trigger-span-half-height))
        }

        50% {
            transform: rotate(0);
            top: calc(50% - var(--trigger-span-half-height))
        }

        100% {
            transform: rotate(0);
            top: 0
        }
    }

    @keyframes trigger-close-3-data-v-1ec5558a {
        0% {
            transform: rotate(-45deg);
            bottom: calc(50% - var(--trigger-span-half-height))
        }

        50% {
            transform: rotate(0);
            bottom: calc(50% - var(--trigger-span-half-height))
        }

        100% {
            transform: rotate(0);
            bottom: 0
        }
    }

    .nav-trigger[aria-expanded="true"] span[data-v-1ec5558a]:nth-child(1) {
        animation: span-open-1-data-v-1ec5558a .75s;
        transform: rotate(45deg);
        top: calc(50% - var(--trigger-span-half-height))
    }

    .nav-trigger[aria-expanded="true"] span[data-v-1ec5558a]:nth-child(2) {
        animation: span-open-2-data-v-1ec5558a .75s;
        opacity: 0
    }

    .nav-trigger[aria-expanded="true"] span[data-v-1ec5558a]:nth-child(3) {
        animation: span-open-3-data-v-1ec5558a .75s;
        transform: rotate(-45deg);
        bottom: calc(50% - var(--trigger-span-half-height) + 1px)
    }

    @keyframes span-open-1-data-v-1ec5558a {
        0% {
            transform: rotate(0);
            top: 0
        }

        50% {
            transform: rotate(0);
            top: calc(50% - var(--trigger-span-half-height))
        }

        100% {
            transform: rotate(45deg);
            top: calc(50% - var(--trigger-span-half-height))
        }
    }

    @keyframes span-open-2-data-v-1ec5558a {
        0% {
            opacity: 1
        }

        49% {
            opacity: 1
        }

        50% {
            opacity: 0
        }

        100% {
            opacity: 0
        }
    }

    @keyframes span-open-3-data-v-1ec5558a {
        0% {
            transform: rotate(0);
            bottom: 0
        }

        50% {
            transform: rotate(0);
            bottom: calc(50% - var(--trigger-span-half-height))
        }

        100% {
            transform: rotate(-45deg);
            bottom: calc(50% - var(--trigger-span-half-height))
        }
    }


    .common-footer[data-v-14009a0e] {
        background-color: #f8f7f3
    }

    @media (min-width: 768px) {
        .common-footer[data-v-14009a0e] {
            padding: 0 0 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-footer[data-v-14009a0e] {
            padding: 0rem 0rem 8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-footer[data-v-14009a0e] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw) calc((80 / var(--vw-base-width)) * 100vw)
        }
    }

    .inner[data-v-14009a0e] {
        max-width: 1000px;
        margin: 0 auto
    }

    .page-to-top[data-v-14009a0e] {
        position: relative;
        text-align: center
    }

    @media (min-width: 768px) {
        .page-to-top[data-v-14009a0e] {
            top: -2.5rem;
            margin-bottom: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .page-to-top[data-v-14009a0e] {
            top: -3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .page-to-top[data-v-14009a0e] {
            top: calc((-30 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .page-to-top[data-v-14009a0e] {
            margin-bottom: 7rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .page-to-top[data-v-14009a0e] {
            margin-bottom: calc((70 / var(--vw-base-width)) * 100vw)
        }
    }

    .page-to-top button[data-v-14009a0e] {
        transition: opacity .2s
    }

    .page-to-top button[data-v-14009a0e]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        .page-to-top button[data-v-14009a0e] {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .page-to-top button[data-v-14009a0e] {
            margin-bottom: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .page-to-top button[data-v-14009a0e] {
            margin-bottom: calc((15 / var(--vw-base-width)) * 100vw)
        }
    }

    .page-to-top button i[data-v-14009a0e] {
        display: block;
        filter: drop-shadow(0px 0px 20px rgba(135, 135, 135, 0.15))
    }

    @media (min-width: 768px) {
        .page-to-top button i[data-v-14009a0e] {
            width: 5rem;
            height: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .page-to-top button i[data-v-14009a0e] {
            width: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .page-to-top button i[data-v-14009a0e] {
            width: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .page-to-top button i[data-v-14009a0e] {
            height: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .page-to-top button i[data-v-14009a0e] {
            height: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    .page-to-top span[data-v-14009a0e] {
        display: block;
        text-align: center;
        color: #888;
        letter-spacing: .24em;
        font-family: var(--font-family--en);
        font-weight: 400
    }

    .page-to-top span[data-v-14009a0e]::before,
    .page-to-top span[data-v-14009a0e]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .page-to-top span[data-v-14009a0e]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .page-to-top span[data-v-14009a0e]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .page-to-top span[data-v-14009a0e] {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        .page-to-top span[data-v-14009a0e] {
            font-size: 2rem
        }
    }

    .sns[data-v-14009a0e] {
        display: flex;
        justify-content: center
    }

    @media (min-width: 768px) {
        .sns[data-v-14009a0e] {
            margin-bottom: 4.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .sns[data-v-14009a0e] {
            margin-bottom: 7.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .sns[data-v-14009a0e] {
            margin-bottom: calc((76 / var(--vw-base-width)) * 100vw)
        }
    }

    .sns a[data-v-14009a0e] {
        display: block;
        transition: opacity .2s
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .sns a[data-v-14009a0e] {
            width: 3.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .sns a[data-v-14009a0e] {
            width: calc((32 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .sns a[data-v-14009a0e] {
            height: 3.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .sns a[data-v-14009a0e] {
            height: calc((32 / var(--vw-base-width)) * 100vw)
        }
    }

    .sns a[data-v-14009a0e]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        .sns a[data-v-14009a0e]:not(:last-child) {
            margin-right: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .sns a[data-v-14009a0e]:not(:last-child) {
            margin-right: 8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .sns a[data-v-14009a0e]:not(:last-child) {
            margin-right: calc((80 / var(--vw-base-width)) * 100vw)
        }
    }

    .sns i[data-v-14009a0e] {
        display: block;
        fill: #666
    }

    @media (min-width: 768px) {
        .sns i[data-v-14009a0e] {
            width: calc(2rem * 1.5);
            height: calc(2rem * 1.5)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .sns i[data-v-14009a0e] {
            width: 4.65rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .sns i[data-v-14009a0e] {
            width: calc((46.5 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .sns i[data-v-14009a0e] {
            height: 4.65rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .sns i[data-v-14009a0e] {
            height: calc((46.5 / var(--vw-base-width)) * 100vw)
        }
    }

    .sns i svg[data-v-14009a0e] {
        overflow: visible
    }

    @media (min-width: 768px) {
        nav[data-v-14009a0e] {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin-bottom: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        nav[data-v-14009a0e] {
            margin: -3rem auto 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        nav[data-v-14009a0e] {
            margin: calc((-30 / var(--vw-base-width)) * 100vw) auto calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) {
        nav div[data-v-14009a0e] {
            display: flex;
            flex-wrap: wrap;
            justify-content: center
        }
    }

    nav a[data-v-14009a0e] {
        color: #888;
        text-decoration: none;
        letter-spacing: .16em;
        transition: opacity .2s
    }

    nav a[data-v-14009a0e]::before,
    nav a[data-v-14009a0e]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    nav a[data-v-14009a0e]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    nav a[data-v-14009a0e]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    nav a[data-v-14009a0e]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        nav a[data-v-14009a0e] {
            font-size: 1.5rem;
            margin: 0 1.3rem
        }
    }

    @media (max-width: 767px) {
        nav a[data-v-14009a0e] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        nav a[data-v-14009a0e] {
            margin: 3rem 3rem 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        nav a[data-v-14009a0e] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) calc((30 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    small[data-v-14009a0e] {
        display: block;
        color: #888;
        letter-spacing: .16em;
        font-family: var(--font-family--en);
        font-weight: 400;
        text-align: center
    }

    small[data-v-14009a0e]::before,
    small[data-v-14009a0e]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    small[data-v-14009a0e]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    small[data-v-14009a0e]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        small[data-v-14009a0e] {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        small[data-v-14009a0e] {
            font-size: 2rem
        }
    }


    @media (min-width: 768px) {
        .common-footer-block-area[data-v-4dc9cd29] {
            margin: 12rem 0
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-footer-block-area[data-v-4dc9cd29] {
            margin: 12rem 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-footer-block-area[data-v-4dc9cd29] {
            margin: calc((120 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    .common-footer-block-area[data-v-4dc9cd29] .field-content>*[class^="block-"]:first-child {
        margin-top: 0
    }

    .common-footer-block-area[data-v-4dc9cd29] .field-content>*[class^="block-"]:first-child .ui-heading-lv2,
    .common-footer-block-area[data-v-4dc9cd29] .field-content>*[class^="block-"]:first-child .ui-heading-lv3,
    .common-footer-block-area[data-v-4dc9cd29] .field-content>*[class^="block-"]:first-child.block-button .item:first-child .ui-button,
    .common-footer-block-area[data-v-4dc9cd29] .field-content>*[class^="block-"]:first-child.block-more-button .btn-container .ui-button {
        margin-top: 0
    }

    .common-footer-block-area[data-v-4dc9cd29] .field-content>*[class^="block-"]:last-child {
        margin-bottom: 0
    }

    .common-footer-block-area[data-v-4dc9cd29] .field-content>*[class^="block-"]:last-child .ui-heading-lv2,
    .common-footer-block-area[data-v-4dc9cd29] .field-content>*[class^="block-"]:last-child .ui-heading-lv3,
    .common-footer-block-area[data-v-4dc9cd29] .field-content>*[class^="block-"]:last-child.block-button .item:last-child .ui-button,
    .common-footer-block-area[data-v-4dc9cd29] .field-content>*[class^="block-"]:last-child.block-more-button .btn-container .ui-button {
        margin-bottom: 0
    }


    @media (min-width: 768px) {
        .ui-aside-slider[data-v-70c4863e] {
            margin: 12rem auto 10rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-aside-slider[data-v-70c4863e] {
            margin: 12rem auto 10rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-aside-slider[data-v-70c4863e] {
            margin: calc((120 / var(--vw-base-width)) * 100vw) auto calc((100 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .ui-aside-slider[data-v-70c4863e]+*:not(.ui-aside-slider) {
            margin-top: 10rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-aside-slider[data-v-70c4863e]+*:not(.ui-aside-slider) {
            margin-top: 10rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-aside-slider[data-v-70c4863e]+*:not(.ui-aside-slider) {
            margin-top: calc((100 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .ui-aside-slider[data-v-70c4863e]+.ui-aside-slider {
            margin-top: 8rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-aside-slider[data-v-70c4863e]+.ui-aside-slider {
            margin-top: 8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-aside-slider[data-v-70c4863e]+.ui-aside-slider {
            margin-top: calc((80 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .ui-aside-slider[data-v-70c4863e]+.common-aside-product {
            margin-top: 10rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-aside-slider[data-v-70c4863e]+.common-aside-product {
            margin-top: 10rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-aside-slider[data-v-70c4863e]+.common-aside-product {
            margin-top: calc((100 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-aside-slider .heading[data-v-70c4863e] {
        max-width: calc(1280px + 7rem);
        margin: 0 auto
    }

    @media (min-width: 768px) {
        .ui-aside-slider .heading[data-v-70c4863e] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-aside-slider .heading[data-v-70c4863e] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-aside-slider .heading[data-v-70c4863e] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-aside-slider .heading h2[data-v-70c4863e] {
        font-family: var(--font-family--en);
        font-weight: 500;
        display: flex;
        align-items: center;
        letter-spacing: .24em
    }

    @media (min-width: 768px) {
        .ui-aside-slider .heading h2[data-v-70c4863e] {
            font-size: 2.4rem;
            margin-bottom: 1.2rem
        }
    }

    @media (max-width: 767px) {
        .ui-aside-slider .heading h2[data-v-70c4863e] {
            font-size: 3.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-aside-slider .heading h2[data-v-70c4863e] {
            margin-bottom: 1.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-aside-slider .heading h2[data-v-70c4863e] {
            margin-bottom: calc((18 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-aside-slider .heading h2 span[data-v-70c4863e] {
        flex-shrink: 0
    }

    .ui-aside-slider .heading h2 span[data-v-70c4863e]::before,
    .ui-aside-slider .heading h2 span[data-v-70c4863e]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-aside-slider .heading h2 span[data-v-70c4863e]::before {
        margin-top: calc((1 - var(--line-height--heading)) * .5em)
    }

    .ui-aside-slider .heading h2 span[data-v-70c4863e]::after {
        margin-bottom: calc((1 - var(--line-height--heading)) * .5em)
    }

    @media (min-width: 768px) {
        .ui-aside-slider .heading h2 span[data-v-70c4863e] {
            margin-right: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-aside-slider .heading h2 span[data-v-70c4863e] {
            margin-right: 4.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-aside-slider .heading h2 span[data-v-70c4863e] {
            margin-right: calc((42 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-aside-slider .heading h2[data-v-70c4863e]::after {
        content: "";
        display: block;
        height: 1px;
        flex-grow: 1;
        background-color: #eee
    }

    .ui-aside-slider .heading p[data-v-70c4863e] {
        letter-spacing: .16em
    }

    .ui-aside-slider .heading p[data-v-70c4863e]::before,
    .ui-aside-slider .heading p[data-v-70c4863e]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-aside-slider .heading p[data-v-70c4863e]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-aside-slider .heading p[data-v-70c4863e]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .ui-aside-slider .heading p[data-v-70c4863e] {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        .ui-aside-slider .heading p[data-v-70c4863e] {
            font-size: 2rem
        }
    }

    .ui-aside-slider .heading p span[data-v-70c4863e] {
        font-family: var(--font-family--en);
        font-weight: 400
    }

    .ui-aside-slider .swiper-container[data-v-70c4863e] {
        max-width: 1280px;
        margin: 0 auto
    }

    @media (min-width: 768px) {
        .ui-aside-slider .swiper-container[data-v-70c4863e] {
            padding: 2rem 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-aside-slider .swiper-container[data-v-70c4863e] {
            padding: 2rem 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-aside-slider .swiper-container[data-v-70c4863e] {
            padding: calc((20 / var(--vw-base-width)) * 100vw) calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-aside-slider .swiper-slide[data-v-70c4863e] {
        height: auto
    }

    @media (min-width: 768px) {
        .ui-aside-slider .swiper-slide[data-v-70c4863e] {
            width: 24rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-aside-slider .swiper-slide[data-v-70c4863e] {
            width: 29rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-aside-slider .swiper-slide[data-v-70c4863e] {
            width: calc((290 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-aside-slider .item[data-v-70c4863e] {
        height: 100%
    }

    @media (min-width: 768px) {
        .ui-aside-slider .item[data-v-70c4863e] {
            padding: 3.8rem 1.5rem 0 0
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-aside-slider .item[data-v-70c4863e] {
            padding: 5.8rem 1.5rem 0rem 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-aside-slider .item[data-v-70c4863e] {
            padding: calc((58 / var(--vw-base-width)) * 100vw) calc((15 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-aside-slider .item__inner[data-v-70c4863e] {
        color: #434343;
        text-decoration: none;
        display: block;
        box-shadow: 0 0 20px rgba(136, 136, 136, 0.15);
        transition: transform .2s
    }

    @media (min-width: 768px) {
        .ui-aside-slider .item__inner[data-v-70c4863e] {
            padding: 3rem 2rem;
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-aside-slider .item__inner[data-v-70c4863e] {
            padding: 3rem 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-aside-slider .item__inner[data-v-70c4863e] {
            padding: calc((30 / var(--vw-base-width)) * 100vw) calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-aside-slider .item__inner[data-v-70c4863e] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-aside-slider .item__inner[data-v-70c4863e] {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-aside-slider .item__inner[data-v-70c4863e]:hover {
        transform: translateY(-5.33333%)
    }

    .ui-aside-slider .img-container[data-v-70c4863e] {
        position: relative;
        border-radius: 50%;
        overflow: hidden;
        background-color: #d8f7fb
    }

    @media (min-width: 768px) {
        .ui-aside-slider .img-container[data-v-70c4863e] {
            margin-bottom: 2.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-aside-slider .img-container[data-v-70c4863e] {
            margin-bottom: 2.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-aside-slider .img-container[data-v-70c4863e] {
            margin-bottom: calc((28 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-aside-slider .img-container[data-v-70c4863e]::before {
        content: "";
        display: block;
        padding-top: 100%
    }

    .ui-aside-slider .img-container img[data-v-70c4863e] {
        border-radius: 50%;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
        font-family: "object-fit: cover;"
    }

    .ui-aside-slider .series[data-v-70c4863e] {
        letter-spacing: .16em
    }

    .ui-aside-slider .series[data-v-70c4863e]::before,
    .ui-aside-slider .series[data-v-70c4863e]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-aside-slider .series[data-v-70c4863e]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-aside-slider .series[data-v-70c4863e]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .ui-aside-slider .series[data-v-70c4863e] {
            font-size: 1.3rem;
            margin-bottom: .5rem
        }
    }

    @media (max-width: 767px) {
        .ui-aside-slider .series[data-v-70c4863e] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-aside-slider .series[data-v-70c4863e] {
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-aside-slider .series[data-v-70c4863e] {
            margin-bottom: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-aside-slider .name[data-v-70c4863e] {
        letter-spacing: .16em
    }

    .ui-aside-slider .name[data-v-70c4863e]::before,
    .ui-aside-slider .name[data-v-70c4863e]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-aside-slider .name[data-v-70c4863e]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-aside-slider .name[data-v-70c4863e]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .ui-aside-slider .name[data-v-70c4863e] {
            font-size: 1.6rem;
            line-height: normal;
            margin-bottom: .5rem
        }
    }

    @media (max-width: 767px) {
        .ui-aside-slider .name[data-v-70c4863e] {
            font-size: 2.4rem;
            line-height: normal
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-aside-slider .name[data-v-70c4863e] {
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-aside-slider .name[data-v-70c4863e] {
            margin-bottom: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-aside-slider .category[data-v-70c4863e] {
        color: #888;
        letter-spacing: .16em
    }

    .ui-aside-slider .category[data-v-70c4863e]::before,
    .ui-aside-slider .category[data-v-70c4863e]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-aside-slider .category[data-v-70c4863e]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-aside-slider .category[data-v-70c4863e]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .ui-aside-slider .category[data-v-70c4863e] {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        .ui-aside-slider .category[data-v-70c4863e] {
            font-size: 2rem
        }
    }


    @media (min-width: 768px) {
        .common-aside-product[data-v-725a00c5] {
            margin: 12rem auto;
            max-width: calc(920px + 8rem);
            padding: 0 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-aside-product[data-v-725a00c5] {
            margin: 11.5rem auto 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-aside-product[data-v-725a00c5] {
            margin: calc((115 / var(--vw-base-width)) * 100vw) auto calc((120 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-aside-product[data-v-725a00c5] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-aside-product[data-v-725a00c5] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .common-aside-product .item-container[data-v-725a00c5] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .common-aside-product .item[data-v-725a00c5] {
        transition: all .2s
    }

    @media (min-width: 768px) and (min-width: 768px) {
        .common-aside-product .item[data-v-725a00c5] {
            width: calc((99.9% - (2rem * (5 - 1))) / 5)
        }

        .common-aside-product .item[data-v-725a00c5]:nth-child(n+6) {
            margin-top: 2rem
        }

        .common-aside-product .item[data-v-725a00c5]:not(:nth-child(5n)):not(:last-child) {
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-aside-product .item[data-v-725a00c5] {
            width: calc((99.9% - (2rem * (3 - 1))) / 3)
        }

        .common-aside-product .item[data-v-725a00c5]:nth-child(n+4) {
            margin-top: 2rem
        }

        .common-aside-product .item[data-v-725a00c5]:not(:nth-child(3n)):not(:last-child) {
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-aside-product .item[data-v-725a00c5] {
            width: calc((99.9% - (3.125vw * (3 - 1))) / 3)
        }

        .common-aside-product .item[data-v-725a00c5]:nth-child(n+4) {
            margin-top: 3.125vw
        }

        .common-aside-product .item[data-v-725a00c5]:not(:nth-child(3n)):not(:last-child) {
            margin-right: 3.125vw
        }
    }

    .common-aside-product .item[data-v-725a00c5]:hover {
        opacity: .7
    }

    .common-aside-product .item a[data-v-725a00c5] {
        text-decoration: none;
        color: #888
    }

    .common-aside-product .item p[data-v-725a00c5] {
        text-align: center;
        letter-spacing: .16em
    }

    .common-aside-product .item p[data-v-725a00c5]::before,
    .common-aside-product .item p[data-v-725a00c5]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .common-aside-product .item p[data-v-725a00c5]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .common-aside-product .item p[data-v-725a00c5]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .common-aside-product .item p[data-v-725a00c5] {
            font-size: 1.3rem;
            margin: 1.8rem auto 0
        }
    }

    @media (max-width: 767px) {
        .common-aside-product .item p[data-v-725a00c5] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-aside-product .item p[data-v-725a00c5] {
            margin: 1.8rem auto 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-aside-product .item p[data-v-725a00c5] {
            margin: calc((18 / var(--vw-base-width)) * 100vw) auto calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    .common-aside-product .img-container[data-v-725a00c5] {
        position: relative;
        overflow: hidden
    }

    @media (min-width: 768px) {
        .common-aside-product .img-container[data-v-725a00c5] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-aside-product .img-container[data-v-725a00c5] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-aside-product .img-container[data-v-725a00c5] {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .common-aside-product .img-container[data-v-725a00c5]::before {
        content: "";
        display: block;
        padding-top: 100%
    }

    .common-aside-product .img-container img[data-v-725a00c5] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: "object-fit: cover;"
    }


    .common-aside-shop[data-v-d29cedd0] {
        position: relative
    }

    .upper[data-v-d29cedd0] {
        position: relative;
        overflow: hidden
    }

    .upper[data-v-d29cedd0]::after {
        background-color: #ececec;
        content: "";
        display: block
    }

    @media (min-width: 768px) {
        .upper[data-v-d29cedd0]::after {
            height: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .upper[data-v-d29cedd0]::after {
            height: 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .upper[data-v-d29cedd0]::after {
            height: calc((120 / var(--vw-base-width)) * 100vw)
        }
    }

    .upper .h2[data-v-d29cedd0] {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 1
    }

    @media (min-width: 768px) {
        .upper .h2[data-v-d29cedd0] {
            top: 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .upper .h2[data-v-d29cedd0] {
            top: 11.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .upper .h2[data-v-d29cedd0] {
            top: calc((115 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .upper .img img[data-v-d29cedd0] {
            display: block;
            min-width: 100%;
            width: 1600px;
            min-height: 67.2rem;
            object-fit: cover;
            margin-top: -6vw
        }
    }

    .button-container[data-v-d29cedd0] {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto
    }

    @media (min-width: 768px) {
        .button-container[data-v-d29cedd0] {
            bottom: 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .button-container[data-v-d29cedd0] {
            bottom: 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .button-container[data-v-d29cedd0] {
            bottom: calc((120 / var(--vw-base-width)) * 100vw)
        }
    }

    .lower[data-v-d29cedd0] {
        background-color: #ececec;
        position: relative
    }

    @media (min-width: 768px) {
        .lower[data-v-d29cedd0] {
            padding: 0 8rem 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .lower[data-v-d29cedd0] {
            padding: 0rem 8rem 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .lower[data-v-d29cedd0] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((80 / var(--vw-base-width)) * 100vw) calc((120 / var(--vw-base-width)) * 100vw)
        }
    }

    .lower[data-v-d29cedd0] .ui-button {
        margin-top: 0
    }

    .history-list[data-v-d29cedd0] {
        max-width: 620px;
        margin: 0 auto;
        border-bottom: 1px solid #ccc
    }

    @media (min-width: 768px) {
        .history-list[data-v-d29cedd0] {
            margin-top: -5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .history-list[data-v-d29cedd0] {
            margin-top: -2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .history-list[data-v-d29cedd0] {
            margin-top: calc((-20 / var(--vw-base-width)) * 100vw)
        }
    }

    .history-list__inner[data-v-d29cedd0] {
        display: flex;
        flex-wrap: wrap
    }

    @media (min-width: 768px) {
        .history-list__inner[data-v-d29cedd0] {
            padding: 6rem 4rem;
            margin-top: -4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .history-list__inner[data-v-d29cedd0] {
            padding: 6rem 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .history-list__inner[data-v-d29cedd0] {
            padding: calc((60 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .history-list__inner[data-v-d29cedd0] {
            margin-top: -5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .history-list__inner[data-v-d29cedd0] {
            margin-top: calc((-50 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .history-list__item[data-v-d29cedd0] {
            font-size: 1.5rem;
            margin: 3rem 5rem 0 0
        }
    }

    @media (max-width: 767px) {
        .history-list__item[data-v-d29cedd0] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .history-list__item[data-v-d29cedd0] {
            margin: 4rem 7rem 0rem 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .history-list__item[data-v-d29cedd0] {
            margin: calc((40 / var(--vw-base-width)) * 100vw) calc((70 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    .history-list__item a[data-v-d29cedd0] {
        color: #512f2e;
        text-decoration: none;
        display: flex;
        align-items: baseline
    }

    .history-list__item i[data-v-d29cedd0] {
        fill: #512f2e;
        display: block;
        flex-shrink: 0;
        position: relative
    }

    @media (min-width: 768px) {
        .history-list__item i[data-v-d29cedd0] {
            width: 1.05rem;
            height: 1.4rem;
            margin-right: 1rem;
            top: .8rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .history-list__item i[data-v-d29cedd0] {
            width: 1.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .history-list__item i[data-v-d29cedd0] {
            width: calc((18 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .history-list__item i[data-v-d29cedd0] {
            height: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .history-list__item i[data-v-d29cedd0] {
            height: calc((24 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .history-list__item i[data-v-d29cedd0] {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .history-list__item i[data-v-d29cedd0] {
            margin-right: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .history-list__item i[data-v-d29cedd0] {
            top: 1.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .history-list__item i[data-v-d29cedd0] {
            top: calc((12 / var(--vw-base-width)) * 100vw)
        }
    }

    .history-list__item span[data-v-d29cedd0]::before,
    .history-list__item span[data-v-d29cedd0]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .history-list__item span[data-v-d29cedd0]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .history-list__item span[data-v-d29cedd0]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .history-list-heading[data-v-d29cedd0] {
        display: flex;
        align-items: center
    }

    .history-list-heading h3[data-v-d29cedd0] {
        flex-shrink: 0;
        letter-spacing: .16em;
        font-weight: 300
    }

    .history-list-heading h3[data-v-d29cedd0]::before,
    .history-list-heading h3[data-v-d29cedd0]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .history-list-heading h3[data-v-d29cedd0]::before {
        margin-top: calc((1 - var(--line-height--heading)) * .5em)
    }

    .history-list-heading h3[data-v-d29cedd0]::after {
        margin-bottom: calc((1 - var(--line-height--heading)) * .5em)
    }

    @media (min-width: 768px) {
        .history-list-heading h3[data-v-d29cedd0] {
            font-size: 1.3rem;
            margin-right: 3.8rem
        }
    }

    @media (max-width: 767px) {
        .history-list-heading h3[data-v-d29cedd0] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .history-list-heading h3[data-v-d29cedd0] {
            margin-right: 3.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .history-list-heading h3[data-v-d29cedd0] {
            margin-right: calc((38 / var(--vw-base-width)) * 100vw)
        }
    }

    .history-list-heading h3 span[data-v-d29cedd0]:first-child {
        font-family: var(--fony-family--en);
        font-weight: 400
    }

    .history-list-heading[data-v-d29cedd0]::after {
        content: "";
        display: block;
        height: 1px;
        background-color: #ccc;
        flex-grow: 1
    }

    .ui-button[data-v-d29cedd0] {
        margin-top: 0;
        margin-bottom: 0
    }


    @media (min-width: 768px) {
        .common-aside-instagram[data-v-60ecf2c8] {
            margin: 11.5rem auto 12rem;
            padding: 0 8rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-aside-instagram[data-v-60ecf2c8] {
            margin: 11.5rem auto 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-aside-instagram[data-v-60ecf2c8] {
            margin: calc((115 / var(--vw-base-width)) * 100vw) auto calc((120 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-aside-instagram[data-v-60ecf2c8] {
            padding: 0rem 8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-aside-instagram[data-v-60ecf2c8] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((80 / var(--vw-base-width)) * 100vw)
        }
    }

    .heading[data-v-60ecf2c8] {
        text-align: center
    }

    @media (min-width: 768px) {
        .heading[data-v-60ecf2c8] {
            margin-bottom: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .heading[data-v-60ecf2c8] {
            margin-bottom: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .heading[data-v-60ecf2c8] {
            margin-bottom: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    .heading span[data-v-60ecf2c8] {
        display: block;
        font-weight: 500;
        font-family: var(--font-family--en);
        letter-spacing: .24em
    }

    .heading span[data-v-60ecf2c8]::before,
    .heading span[data-v-60ecf2c8]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .heading span[data-v-60ecf2c8]::before {
        margin-top: calc((1 - var(--line-height--heading)) * .5em)
    }

    .heading span[data-v-60ecf2c8]::after {
        margin-bottom: calc((1 - var(--line-height--heading)) * .5em)
    }

    @media (min-width: 768px) {
        .heading span[data-v-60ecf2c8] {
            font-size: 2.4rem;
            margin-bottom: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .heading span[data-v-60ecf2c8] {
            font-size: 3.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .heading span[data-v-60ecf2c8] {
            margin-bottom: 1.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .heading span[data-v-60ecf2c8] {
            margin-bottom: calc((18 / var(--vw-base-width)) * 100vw)
        }
    }

    .heading a[data-v-60ecf2c8] {
        text-decoration: none;
        color: inherit;
        display: block;
        font-weight: 400;
        font-family: var(--font-family--en);
        letter-spacing: .16em;
        transition: all .2s
    }

    .heading a[data-v-60ecf2c8]::before,
    .heading a[data-v-60ecf2c8]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .heading a[data-v-60ecf2c8]::before {
        margin-top: calc((1 - var(--line-height--heading)) * .5em)
    }

    .heading a[data-v-60ecf2c8]::after {
        margin-bottom: calc((1 - var(--line-height--heading)) * .5em)
    }

    .heading a[data-v-60ecf2c8]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        .heading a[data-v-60ecf2c8] {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        .heading a[data-v-60ecf2c8] {
            font-size: 2rem
        }
    }

    .heading a[data-v-60ecf2c8]:visited {
        color: inherit;
        text-decoration: none
    }

    .item-container[data-v-60ecf2c8] {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto
    }

    @media (min-width: 768px) {
        .item-container[data-v-60ecf2c8] {
            max-width: 620px
        }
    }

    .item[data-v-60ecf2c8] {
        display: block;
        overflow: hidden;
        position: relative;
        transition: opacity .2s;
        opacity: 1
    }

    .item[data-v-60ecf2c8]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        .item[data-v-60ecf2c8] {
            border-radius: 1rem
        }
    }

    @media (min-width: 768px) and (min-width: 768px) {
        .item[data-v-60ecf2c8] {
            width: calc((99.9% - (2rem * (3 - 1))) / 3)
        }

        .item[data-v-60ecf2c8]:nth-child(n+4) {
            margin-top: 2rem
        }

        .item[data-v-60ecf2c8]:not(:nth-child(3n)):not(:last-child) {
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item[data-v-60ecf2c8] {
            width: calc((99.9% - (2rem * (2 - 1))) / 2)
        }

        .item[data-v-60ecf2c8]:nth-child(n+3) {
            margin-top: 2rem
        }

        .item[data-v-60ecf2c8]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item[data-v-60ecf2c8] {
            width: calc((99.9% - (3.125vw * (2 - 1))) / 2)
        }

        .item[data-v-60ecf2c8]:nth-child(n+3) {
            margin-top: 3.125vw
        }

        .item[data-v-60ecf2c8]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 3.125vw
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item[data-v-60ecf2c8] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item[data-v-60ecf2c8] {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .item[data-v-60ecf2c8]::before {
        content: "";
        display: block;
        padding-top: 100%
    }

    .item img[data-v-60ecf2c8] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: "object-fit: cover;"
    }

    @media (min-width: 768px) {
        .item img[data-v-60ecf2c8] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item img[data-v-60ecf2c8] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item img[data-v-60ecf2c8] {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }


    .common-aside-gift[data-v-208d1484] {
        text-align: center;
        position: relative;
        overflow: hidden
    }

    @media (min-width: 768px) {
        .common-aside-gift[data-v-208d1484] {
            padding: 0 8rem 12rem;
            margin-top: 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-aside-gift[data-v-208d1484] {
            padding: 0rem 8rem 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-aside-gift[data-v-208d1484] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((80 / var(--vw-base-width)) * 100vw) calc((120 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-aside-gift[data-v-208d1484] {
            margin-top: 11.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-aside-gift[data-v-208d1484] {
            margin-top: calc((115 / var(--vw-base-width)) * 100vw)
        }
    }

    .common-aside-gift>*[data-v-208d1484] {
        position: relative;
        z-index: 1
    }

    .common-aside-gift[data-v-208d1484]::before {
        content: "";
        position: absolute;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent transparent #e8dfed transparent;
        border-width: 0 0 0 100vw
    }

    @media (min-width: 768px) {
        .common-aside-gift[data-v-208d1484]::before {
            bottom: 31.50838%;
            border-bottom-width: 24rem
        }
    }

    @media (max-width: 767px) {
        .common-aside-gift[data-v-208d1484]::before {
            bottom: 43.42479%
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-aside-gift[data-v-208d1484]::before {
            border-bottom-width: 24rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-aside-gift[data-v-208d1484]::before {
            border-bottom-width: calc((240 / var(--vw-base-width)) * 100vw)
        }
    }

    .common-aside-gift[data-v-208d1484]::after {
        content: "";
        width: 100%;
        background-color: #e8dfed;
        position: absolute;
        left: 0;
        bottom: 0
    }

    @media (min-width: 768px) {
        .common-aside-gift[data-v-208d1484]::after {
            height: 31.50838%
        }
    }

    @media (max-width: 767px) {
        .common-aside-gift[data-v-208d1484]::after {
            height: 43.42479%
        }
    }

    @media (min-width: 768px) {
        .common-aside-gift img[data-v-208d1484] {
            width: 50rem
        }
    }

    .common-aside-gift p[data-v-208d1484] {
        letter-spacing: .24em;
        line-height: 2.3
    }

    .common-aside-gift p[data-v-208d1484]::before,
    .common-aside-gift p[data-v-208d1484]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .common-aside-gift p[data-v-208d1484]::before {
        margin-top: calc((1 - 2.3) * .5em)
    }

    .common-aside-gift p[data-v-208d1484]::after {
        margin-bottom: calc((1 - 2.3) * .5em)
    }

    @media (min-width: 768px) {
        .common-aside-gift p[data-v-208d1484] {
            font-size: 1.5rem;
            margin: 5rem auto
        }
    }

    @media (max-width: 767px) {
        .common-aside-gift p[data-v-208d1484] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-aside-gift p[data-v-208d1484] {
            margin: 6rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-aside-gift p[data-v-208d1484] {
            margin: calc((60 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .common-aside-gift .ui-button[data-v-208d1484] {
        margin-top: 0;
        margin-bottom: 0
    }


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

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

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

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-video[data-column="1"][data-v-722572c0] {
            width: 43rem
        }
    }

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

    @media (min-width: 768px) {
        .ui-video[data-column="1"] .item[data-v-722572c0]:not(:last-child) {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-video[data-column="1"] .item[data-v-722572c0]:not(:last-child) {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-video[data-column="1"] .item[data-v-722572c0]:not(:last-child) {
            margin-bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-video[data-column="1"] .item .txt-container[data-v-722572c0] {
        pointer-events: none;
        color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    @media (min-width: 768px) {
        .ui-video[data-column="1"] .item .txt-container[data-v-722572c0] {
            font-size: 1.3rem;
            padding: 2rem
        }
    }

    @media (max-width: 767px) {
        .ui-video[data-column="1"] .item .txt-container[data-v-722572c0] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-video[data-column="1"] .item .txt-container[data-v-722572c0] {
            padding: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-video[data-column="1"] .item .txt-container[data-v-722572c0] {
            padding: calc((24 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-video[data-column="1"] .item .txt-container[aria-hidden="true"][data-v-722572c0] {
        display: none
    }

    .ui-video[data-column="1"] .item .time[data-v-722572c0] {
        flex-shrink: 0;
        font-family: var(--font-family--en);
        font-weight: 400
    }

    @media (min-width: 768px) {
        .ui-video[data-column="1"] .item .time[data-v-722572c0] {
            margin-left: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-video[data-column="1"] .item .time[data-v-722572c0] {
            margin-left: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-video[data-column="1"] .item .time[data-v-722572c0] {
            margin-left: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-video[data-column="2"][data-v-722572c0] {
        display: flex;
        flex-wrap: wrap;
        max-width: calc(680px + 8rem)
    }

    @media (min-width: 768px) {
        .ui-video[data-column="2"] .item[data-v-722572c0] {
            width: calc((99.9% - (4rem * (2 - 1))) / 2)
        }

        .ui-video[data-column="2"] .item[data-v-722572c0]:nth-child(n+3) {
            margin-top: 4rem
        }

        .ui-video[data-column="2"] .item[data-v-722572c0]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 4rem
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .ui-video[data-column="2"] .item[data-v-722572c0] {
            width: calc((99.9% - (3rem * (2 - 1))) / 2)
        }

        .ui-video[data-column="2"] .item[data-v-722572c0]:nth-child(n+3) {
            margin-top: 3rem
        }

        .ui-video[data-column="2"] .item[data-v-722572c0]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 3rem
        }
    }

    @media (max-width: 750px) {
        .ui-video[data-column="2"] .item[data-v-722572c0] {
            width: calc((99.9% - (4.6875vw * (2 - 1))) / 2)
        }

        .ui-video[data-column="2"] .item[data-v-722572c0]:nth-child(n+3) {
            margin-top: 4.6875vw
        }

        .ui-video[data-column="2"] .item[data-v-722572c0]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 4.6875vw
        }
    }

    @media (min-width: 768px) {
        .ui-video[data-column="2"] .txt-container[data-v-722572c0] {
            margin-top: 1.2rem;
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        .ui-video[data-column="2"] .txt-container[data-v-722572c0] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-video[data-column="2"] .txt-container[data-v-722572c0] {
            margin-top: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-video[data-column="2"] .txt-container[data-v-722572c0] {
            margin-top: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-video .item[data-v-722572c0] {
        position: relative;
        overflow: hidden
    }

    .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
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {

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

    @media (max-width: 767px) and (max-width: 750px) {

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

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

    .ui-video .thumbnail[aria-hidden="true"][data-v-722572c0] {
        display: 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[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
    }

    .ui-video .thumbnail:hover img[data-v-722572c0] {
        transform: scale(1.02)
    }

    .ui-video .thumbnail[data-v-722572c0]:hover::before {
        opacity: 0
    }

    .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
        }
    }

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

    .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
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-video .thumbnail .play-video i[data-v-722572c0] {
            width: 7rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-video .thumbnail .play-video i[data-v-722572c0] {
            width: calc((70 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-video .thumbnail .play-video i[data-v-722572c0] {
            height: 7rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-video .thumbnail .play-video i[data-v-722572c0] {
            height: calc((70 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-video .thumbnail .play-video i[data-v-722572c0] {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-video .thumbnail .play-video i[data-v-722572c0] {
            margin-bottom: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .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%
    }

    .video-caption[data-v-722572c0] {
        color: #999
    }

    .video-caption[data-v-722572c0]::before,
    .video-caption[data-v-722572c0]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .video-caption[data-v-722572c0]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .video-caption[data-v-722572c0]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .video-caption[data-v-722572c0] {
            margin-top: 1.5rem;
            font-size: 1.2rem
        }
    }

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

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .video-caption[data-v-722572c0] {
            margin-top: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .video-caption[data-v-722572c0] {
            margin-top: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }


    .common-aside-flow-line[data-v-11fa4cdd] {
        position: relative;
        overflow: hidden;
        background-color: #e3dedb
    }

    @media (min-width: 768px) {
        .common-aside-flow-line[data-v-11fa4cdd] {
            padding: 11.5rem 0 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-aside-flow-line[data-v-11fa4cdd] {
            padding: 11.5rem 0rem 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-aside-flow-line[data-v-11fa4cdd] {
            padding: calc((115 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw) calc((120 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .toppage-news+.common-aside-flow-line[data-v-11fa4cdd] {
            padding: 14.5rem 0rem 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .toppage-news+.common-aside-flow-line[data-v-11fa4cdd] {
            padding: calc((145 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw) calc((120 / var(--vw-base-width)) * 100vw)
        }
    }

    .flex-container[data-v-11fa4cdd] {
        max-width: 840px;
        margin: 0 auto;
        position: relative
    }

    @media (min-width: 768px) {
        .flex-container[data-v-11fa4cdd] {
            margin-top: 6rem;
            display: flex;
            align-items: center
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .flex-container[data-v-11fa4cdd] {
            margin-top: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .flex-container[data-v-11fa4cdd] {
            margin-top: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    .flex-container__l[data-v-11fa4cdd] {
        text-align: center
    }

    @media (min-width: 768px) {
        .flex-container__l[data-v-11fa4cdd] {
            width: 38rem;
            flex-shrink: 0;
            margin-right: 8rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .flex-container__l[data-v-11fa4cdd] {
            margin-bottom: 7.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .flex-container__l[data-v-11fa4cdd] {
            margin-bottom: calc((75 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .flex-container__l .ui-video[data-column="1"][data-v-11fa4cdd] {
            max-width: 380px
        }
    }

    @media (min-width: 768px) {
        .flex-container__l img[data-v-11fa4cdd] {
            max-width: 340px;
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) {
        .flex-container__l img[data-v-11fa4cdd] {
            opacity: 1
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .flex-container__l img[data-v-11fa4cdd] {
            width: 43rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .flex-container__l img[data-v-11fa4cdd] {
            width: calc((430 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .flex-container__l img[data-v-11fa4cdd] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .flex-container__l img[data-v-11fa4cdd] {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .flex-container__r .ui-button[data-v-11fa4cdd] {
            margin: 0
        }
    }

    @media (max-width: 767px) {
        .flex-container__r .ui-button[data-v-11fa4cdd] {
            opacity: 1
        }
    }

    @media (max-width: 767px) {
        .flex-container__r .text[data-v-11fa4cdd] {
            opacity: 1
        }
    }

    .text[data-v-11fa4cdd] {
        letter-spacing: .1em;
        line-height: 2.3
    }

    .text[data-v-11fa4cdd]::before,
    .text[data-v-11fa4cdd]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .text[data-v-11fa4cdd]::before {
        margin-top: calc((1 - 2.3) * .5em)
    }

    .text[data-v-11fa4cdd]::after {
        margin-bottom: calc((1 - 2.3) * .5em)
    }

    @media (min-width: 768px) {
        .text[data-v-11fa4cdd] {
            margin-bottom: 5rem
        }
    }

    @media (max-width: 767px) {
        .text[data-v-11fa4cdd] {
            text-align: center
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .text[data-v-11fa4cdd] {
            margin-bottom: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .text[data-v-11fa4cdd] {
            margin-bottom: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-button[data-v-11fa4cdd] {
        margin-top: 0;
        margin-bottom: 0
    }

    [data-v-11fa4cdd] .ui-heading-lv2 {
        margin-bottom: 0
    }


    .common-fixed-btn[data-v-9795c524] {
        position: fixed;
        z-index: 9;
        animation: init-data-v-9795c524 .75s ease-in-out;
        transition: opacity .3s, bottom .3s
    }

    .common-fixed-btn[data-is-close-animating-now="true"][data-v-9795c524] {
        opacity: 0;
        pointer-events: none
    }

    @media (min-width: 768px) {
        .common-fixed-btn[data-is-shown-fixed-news="true"][data-v-9795c524] {
            bottom: 14rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-fixed-btn[data-is-shown-fixed-news="true"][data-v-9795c524] {
            bottom: 30rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-fixed-btn[data-is-shown-fixed-news="true"][data-v-9795c524] {
            bottom: calc((300 / var(--vw-base-width)) * 100vw)
        }
    }

    @keyframes init-data-v-9795c524 {
        0% {
            opacity: 0;
            transform: translateY(100%)
        }

        100% {
            opacity: 1;
            transform: translateY(0)
        }
    }

    @media (min-width: 768px) {
        .common-fixed-btn[data-v-9795c524] {
            width: 11.2rem;
            right: 5%;
            bottom: 5.75vw
        }
    }

    @media (max-width: 767px) {
        .common-fixed-btn[data-v-9795c524] {
            right: 5%
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-fixed-btn[data-v-9795c524] {
            width: 17rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-fixed-btn[data-v-9795c524] {
            width: calc((170 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-fixed-btn[data-v-9795c524] {
            bottom: 17rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .common-fixed-btn[data-v-9795c524] {
            bottom: calc((170 / var(--vw-base-width)) * 100vw)
        }
    }

    .close[data-v-9795c524] {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        transition: transform .3s
    }

    .close[data-v-9795c524]:hover {
        transform: scale(1.2)
    }

    @media (min-width: 768px) {
        .close[data-v-9795c524] {
            width: 3.2rem;
            height: 3.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .close[data-v-9795c524] {
            width: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .close[data-v-9795c524] {
            width: calc((50 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .close[data-v-9795c524] {
            height: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .close[data-v-9795c524] {
            height: calc((50 / var(--vw-base-width)) * 100vw)
        }
    }

    .close svg[data-v-9795c524] {
        width: 100%;
        height: 100%;
        vertical-align: top
    }

    .inner[data-v-9795c524] {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        transition: transform .3s
    }

    @keyframes animation_puni-data-v-9795c524 {
        0% {
            transform: scale(1, 1) translateY(0)
        }

        49% {
            transform: scale(1, 1) translateY(0)
        }

        50% {
            transform: scale(0.9, 1.05) translateY(0)
        }

        58% {
            transform: scale(1.1, 0.9) translateY(10%)
        }

        65% {
            transform: scale(1, 1) translateY(0)
        }

        73% {
            transform: scale(1.05, 0.95) translateY(5%)
        }

        80% {
            transform: scale(1, 1) translateY(0)
        }

        87% {
            transform: scale(1.02, 0.98) translateY(2%)
        }

        95% {
            transform: scale(1, 1) translateY(0)
        }

        100% {
            transform: scale(1, 1) translateY(0)
        }
    }

    .inner[data-v-9795c524]:hover {
        transform: scale(1.1)
    }

    .inner img[data-v-9795c524] {
        filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2));
        animation: animation_puni-data-v-9795c524 2s infinite running
    }

    .inner div[data-v-9795c524] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        background-color: #fff;
        border-radius: 50%;
        animation: animation_puni-data-v-9795c524 2s infinite running;
        filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2))
    }

    @media (min-width: 768px) {
        .inner div[data-v-9795c524] {
            height: 11.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .inner div[data-v-9795c524] {
            height: 17rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .inner div[data-v-9795c524] {
            height: calc((170 / var(--vw-base-width)) * 100vw)
        }
    }

    .inner div p[data-v-9795c524] {
        text-align: center
    }

    @media (min-width: 768px) {
        .inner div p[data-v-9795c524] {
            font-size: 1.4rem;
            line-height: 1.6rem
        }
    }

    @media (max-width: 767px) {
        .inner div p[data-v-9795c524] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .inner div p[data-v-9795c524] {
            line-height: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .inner div p[data-v-9795c524] {
            line-height: calc((24 / var(--vw-base-width)) * 100vw)
        }
    }



    @media (min-width: 768px) {
        .ui-heading-lv2[data-v-4ddc0a1a] {
            margin-top: 9.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-heading-lv2[data-v-4ddc0a1a] {
            margin-top: 7.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .ui-heading-lv2[data-v-4ddc0a1a] {
            margin-top: calc((75 / var(--vw-base-width)) * 100vw)
        }
    }

    .action-root[data-v-4ddc0a1a] {
        overflow: hidden
    }

    .list-hero[data-v-4ddc0a1a] {
        margin-bottom: 11rem
    }

    .list-hero .upper[data-v-4ddc0a1a] {
        text-align: center;
        position: relative
    }

    .list-hero .upper[data-v-4ddc0a1a]::before {
        content: "";
        display: block
    }

    @media (min-width: 768px) {
        .list-hero .upper[data-v-4ddc0a1a]::before {
            padding-top: 33.75%
        }
    }

    @media (max-width: 767px) {
        .list-hero .upper[data-v-4ddc0a1a]::before {
            padding-top: 80vw
        }
    }

    .list-hero .upper img[data-v-4ddc0a1a] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: "object-fit: cover;"
    }

    @media (max-width: 767px) {
        .list-hero .upper img[data-v-4ddc0a1a] {
            height: 80vw
        }
    }

    .list-hero .upper__text-container[data-v-4ddc0a1a] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    @media (min-width: 768px) {
        .list-hero .upper__text-container[data-v-4ddc0a1a] {
            top: 1rem
        }
    }

    @media (max-width: 767px) {
        .list-hero .upper__text-container[data-v-4ddc0a1a] {
            height: 80vw;
            top: 2.4vw
        }
    }

    .list-hero .upper__text-container[data-is-text-color-white="true"][data-v-4ddc0a1a] {
        color: #fff
    }

    .list-hero .category-en[data-v-4ddc0a1a] {
        font-weight: 500;
        font-family: var(--font-family--en);
        letter-spacing: .24em
    }

    .list-hero .category-en[data-v-4ddc0a1a]::before,
    .list-hero .category-en[data-v-4ddc0a1a]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .list-hero .category-en[data-v-4ddc0a1a]::before {
        margin-top: calc((1 - var(--line-height--heading)) * .5em)
    }

    .list-hero .category-en[data-v-4ddc0a1a]::after {
        margin-bottom: calc((1 - var(--line-height--heading)) * .5em)
    }

    @media (min-width: 768px) {
        .list-hero .category-en[data-v-4ddc0a1a] {
            font-size: 4rem;
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) {
        .list-hero .category-en[data-v-4ddc0a1a] {
            font-size: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .list-hero .category-en[data-v-4ddc0a1a] {
            margin-bottom: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .list-hero .category-en[data-v-4ddc0a1a] {
            margin-bottom: calc((15 / var(--vw-base-width)) * 100vw)
        }
    }

    .list-hero .category-jp[data-v-4ddc0a1a] {
        letter-spacing: .16em
    }

    .list-hero .category-jp[data-v-4ddc0a1a]::before,
    .list-hero .category-jp[data-v-4ddc0a1a]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .list-hero .category-jp[data-v-4ddc0a1a]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .list-hero .category-jp[data-v-4ddc0a1a]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .list-hero .category-jp[data-v-4ddc0a1a] {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        .list-hero .category-jp[data-v-4ddc0a1a] {
            font-size: 2rem
        }
    }

    .list-hero+.txt-wrap[data-v-4ddc0a1a] {
        margin-bottom: 6rem
    }

    .background-heading[data-v-4ddc0a1a] {
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap
    }

    .background-heading.sustainable img[data-v-4ddc0a1a] {
        object-position: 0 31%
    }

    @media (min-width: 768px) {
        .background-heading[data-v-4ddc0a1a] {
            margin-top: 12rem;
            height: 25rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .background-heading[data-v-4ddc0a1a] {
            margin-top: 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .background-heading[data-v-4ddc0a1a] {
            margin-top: calc((120 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .background-heading[data-v-4ddc0a1a] {
            height: 20rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .background-heading[data-v-4ddc0a1a] {
            height: calc((200 / var(--vw-base-width)) * 100vw)
        }
    }

    .background-heading[data-v-4ddc0a1a]::before {
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.25);
        z-index: 1
    }

    .background-heading[data-pic-pos="left"][data-v-4ddc0a1a] {
        border-radius: 0 50rem 50rem 0
    }

    @media (min-width: 768px) {
        .background-heading[data-pic-pos="left"][data-v-4ddc0a1a] {
            margin-right: 50%
        }
    }

    @media (max-width: 767px) {
        .background-heading[data-pic-pos="left"][data-v-4ddc0a1a] {
            margin-right: 10%
        }
    }

    @media (min-width: 768px) {
        .background-heading[data-pic-pos="left"] .background-heading__holder[data-v-4ddc0a1a] {
            margin-right: -7%
        }
    }

    @media (max-width: 767px) {
        .background-heading[data-pic-pos="left"] .background-heading__holder[data-v-4ddc0a1a] {
            margin-right: 12%
        }
    }

    .background-heading[data-pic-pos="right"][data-v-4ddc0a1a] {
        border-radius: 50rem 0 0 50rem
    }

    @media (min-width: 768px) {
        .background-heading[data-pic-pos="right"][data-v-4ddc0a1a] {
            margin-left: 50%
        }
    }

    @media (max-width: 767px) {
        .background-heading[data-pic-pos="right"][data-v-4ddc0a1a] {
            margin-left: 10%
        }
    }

    @media (min-width: 768px) {
        .background-heading[data-pic-pos="right"] .background-heading__holder[data-v-4ddc0a1a] {
            margin-left: -7%
        }
    }

    @media (max-width: 767px) {
        .background-heading[data-pic-pos="right"] .background-heading__holder[data-v-4ddc0a1a] {
            margin-left: 12%
        }
    }

    .background-heading img[data-v-4ddc0a1a] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: "object-fit: cover;"
    }

    .background-heading .background-heading__holder h2[data-v-4ddc0a1a] {
        position: relative;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 5rem;
        font-family: var(--font-family--en);
        font-weight: 300;
        letter-spacing: .7rem;
        line-height: 1.7;
        text-shadow: #000 0 0 .5rem
    }

    @media (min-width: 768px) {
        .background-heading .background-heading__holder h2[data-v-4ddc0a1a] {
            font-size: 3rem
        }
    }

    @media (max-width: 767px) {
        .background-heading .background-heading__holder h2[data-v-4ddc0a1a] {
            font-size: 4rem
        }
    }

    .background-heading .background-heading__holder p[data-v-4ddc0a1a] {
        position: relative;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 1.8rem;
        font-weight: 300;
        letter-spacing: .5rem;
        line-height: 1.7;
        text-shadow: #000 0 0 .5rem
    }

    @media (min-width: 768px) {
        .background-heading .background-heading__holder p[data-v-4ddc0a1a] {
            font-size: 1.8rem
        }
    }

    @media (max-width: 767px) {
        .background-heading .background-heading__holder p[data-v-4ddc0a1a] {
            font-size: 2.2rem
        }
    }

    .item-pic-block[data-v-4ddc0a1a] {
        max-width: 104.6rem;
        margin: 0 auto
    }

    @media (min-width: 768px) {
        .item-pic-block[data-v-4ddc0a1a] {
            display: flex;
            align-items: center;
            padding: 0 4rem
        }
    }

    @media (max-width: 767px) {
        .item-pic-block[data-v-4ddc0a1a] {
            display: flex;
            flex-wrap: wrap
        }
    }

    @media (min-width: 768px) {
        .item-pic-block__pic[data-v-4ddc0a1a] {
            flex: 1 0 auto;
            width: 50%
        }
    }

    @media (max-width: 767px) {
        .item-pic-block__pic[data-v-4ddc0a1a] {
            order: 1;
            width: 100%;
            text-align: center
        }
    }

    @media (min-width: 768px) {
        .item-pic-block__pic img[data-v-4ddc0a1a] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item-pic-block__pic img[data-v-4ddc0a1a] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item-pic-block__pic img[data-v-4ddc0a1a] {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .item-pic-block__txt[data-v-4ddc0a1a] {
            flex: 1 0 auto;
            width: 50%
        }
    }

    @media (max-width: 767px) {
        .item-pic-block__txt[data-v-4ddc0a1a] {
            order: 0;
            width: 100%
        }
    }

    @media (min-width: 768px) {
        .item-pic-block[data-pic-pos="left"] .item-pic-block__pic[data-v-4ddc0a1a] {
            width: 42%
        }
    }

    @media (min-width: 768px) {
        .item-pic-block[data-pic-pos="left"] .item-pic-block__pic img[data-v-4ddc0a1a] {
            width: 100%
        }
    }

    @media (max-width: 767px) {
        .item-pic-block[data-pic-pos="left"] .item-pic-block__pic img[data-v-4ddc0a1a] {
            width: 85%
        }
    }

    @media (min-width: 768px) {
        .item-pic-block[data-pic-pos="left"] .item-pic-block__txt[data-v-4ddc0a1a] {
            width: calc(58% - 7%);
            margin-left: 7%
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item-pic-block[data-pic-pos="left"] .item-pic-block__txt[data-v-4ddc0a1a] {
            margin-bottom: 7rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item-pic-block[data-pic-pos="left"] .item-pic-block__txt[data-v-4ddc0a1a] {
            margin-bottom: calc((70 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .item-pic-block[data-pic-pos="right"][data-v-4ddc0a1a] {
            flex-direction: row-reverse
        }
    }

    @media (min-width: 768px) {
        .item-pic-block[data-pic-pos="right"] .item-pic-block__pic[data-v-4ddc0a1a] {
            width: 42%
        }
    }

    @media (min-width: 768px) {
        .item-pic-block[data-pic-pos="right"] .item-pic-block__pic img[data-v-4ddc0a1a] {
            width: 100%
        }
    }

    @media (max-width: 767px) {
        .item-pic-block[data-pic-pos="right"] .item-pic-block__pic img[data-v-4ddc0a1a] {
            width: 85%
        }
    }

    @media (min-width: 768px) {
        .item-pic-block[data-pic-pos="right"] .item-pic-block__txt[data-v-4ddc0a1a] {
            width: calc(67% - 7%);
            margin-right: 7%
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item-pic-block[data-pic-pos="right"] .item-pic-block__txt[data-v-4ddc0a1a] {
            margin-bottom: 7rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .item-pic-block[data-pic-pos="right"] .item-pic-block__txt[data-v-4ddc0a1a] {
            margin-bottom: calc((70 / var(--vw-base-width)) * 100vw)
        }
    }

    .txt-wrap[data-align="center"][data-v-4ddc0a1a] {
        max-width: 84rem;
        margin: 0 auto
    }

    @media (min-width: 768px) {
        .txt-wrap[data-align="center"][data-v-4ddc0a1a] {
            padding: 0 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .txt-wrap[data-align="center"][data-v-4ddc0a1a] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .txt-wrap[data-align="center"][data-v-4ddc0a1a] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .txt-wrap[data-v-4ddc0a1a] {
            margin: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .txt-wrap[data-v-4ddc0a1a] {
            margin: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .txt-item[data-v-4ddc0a1a] {
        letter-spacing: .24em;
        line-height: 2.3
    }

    .txt-item[data-align="center"][data-v-4ddc0a1a] {
        text-align: center
    }

    @media (min-width: 768px) {
        .txt-item[data-v-4ddc0a1a] {
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .txt-item[data-v-4ddc0a1a] {
            font-size: 2.2rem
        }
    }

    @media (min-width: 768px) {
        .txt-box+.txt-box[data-v-4ddc0a1a] {
            margin-top: 1.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .txt-box+.txt-box[data-v-4ddc0a1a] {
            margin-top: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .txt-box+.txt-box[data-v-4ddc0a1a] {
            margin-top: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    .about-main[data-v-4ddc0a1a] {
        margin-top: 12rem
    }

    @media (min-width: 768px) {
        .about-main[data-v-4ddc0a1a] {
            padding: 0 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .about-main[data-v-4ddc0a1a] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .about-main[data-v-4ddc0a1a] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .about-main .item-link-banner[data-v-4ddc0a1a] {
        max-width: 950px;
        margin: 0 auto
    }

    .about-main .item-link-banner__inner[data-v-4ddc0a1a] {
        display: block;
        text-decoration: none;
        overflow: hidden;
        position: relative;
        transition: opacity .2s;
        box-shadow: 0 0 20px rgba(135, 135, 135, 0.15)
    }

    .about-main .item-link-banner__inner[data-v-4ddc0a1a]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        .about-main .item-link-banner__inner[data-v-4ddc0a1a] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .about-main .item-link-banner__inner[data-v-4ddc0a1a] {
            border-radius: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .about-main .item-link-banner__inner[data-v-4ddc0a1a] {
            border-radius: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .about-main .item-link-banner__text-container[data-v-4ddc0a1a] {
        color: #434343;
        position: absolute;
        z-index: 1;
        text-align: center;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    @media (min-width: 768px) {
        .about-main .item-link-banner__text-container[data-v-4ddc0a1a] {
            padding: 0 21.05263%
        }
    }

    @media (max-width: 767px) {
        .about-main .item-link-banner__text-container[data-v-4ddc0a1a] {
            padding: 0 11.26761%
        }
    }

    .about-main .item-link-banner__text-container span[data-v-4ddc0a1a]::before,
    .about-main .item-link-banner__text-container span[data-v-4ddc0a1a]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .about-main .item-link-banner__text-container span[data-v-4ddc0a1a]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .about-main .item-link-banner__text-container span[data-v-4ddc0a1a]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .about-main .item-link-banner__text-container span[data-v-4ddc0a1a]:first-child {
        letter-spacing: .24em;
        font-family: var(--font-family--en);
        font-weight: 500
    }

    @media (min-width: 768px) {
        .about-main .item-link-banner__text-container span[data-v-4ddc0a1a]:first-child {
            font-size: 1.6rem;
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) {
        .about-main .item-link-banner__text-container span[data-v-4ddc0a1a]:first-child {
            font-size: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .about-main .item-link-banner__text-container span[data-v-4ddc0a1a]:first-child {
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 750px) {
        .about-main .item-link-banner__text-container span[data-v-4ddc0a1a]:first-child {
            margin-bottom: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .about-main .item-link-banner__text-container span[data-v-4ddc0a1a]:last-child {
        letter-spacing: .16em
    }

    @media (min-width: 768px) {
        .about-main .item-link-banner__text-container span[data-v-4ddc0a1a]:last-child {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        .about-main .item-link-banner__text-container span[data-v-4ddc0a1a]:last-child {
            font-size: 2rem
        }
    }


    /*!
 * 
 *   react-simple-keyboard v3.8.62
 *   https://github.com/hodgef/react-simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */
    /*!
 * 
 *   simple-keyboard v3.8.48
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */
    .hg-theme-default {
        background-color: #ececec;
        border-radius: 5px;
        box-sizing: border-box;
        font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
        overflow: hidden;
        padding: 5px;
        touch-action: manipulation;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 100%
    }

    .hg-theme-default .hg-button span,
    .hg-theme-default .hg-button span svg {
        pointer-events: none
    }

    .hg-theme-default button.hg-button {
        border-width: 0;
        font-size: inherit;
        outline: 0
    }

    .hg-theme-default .hg-button {
        display: inline-block;
        flex-grow: 1
    }

    .hg-theme-default .hg-row {
        display: flex
    }

    .hg-theme-default .hg-row:not(:last-child) {
        margin-bottom: 5px
    }

    .hg-theme-default .hg-row .hg-button-container,
    .hg-theme-default .hg-row .hg-button:not(:last-child) {
        margin-right: 5px
    }

    .hg-theme-default .hg-row>div:last-child {
        margin-right: 0
    }

    .hg-theme-default .hg-row .hg-button-container {
        display: flex
    }

    .hg-theme-default .hg-button {
        align-items: center;
        background: #fff;
        border-bottom: 1px solid #b5b5b5;
        border-radius: 5px;
        box-shadow: 0 0 3px -1px #0000004d;
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        height: 40px;
        justify-content: center;
        padding: 5px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .hg-theme-default .hg-button.hg-standardBtn {
        width: 20px
    }

    .hg-theme-default .hg-button.hg-activeButton {
        background: #efefef
    }

    .hg-theme-default.hg-layout-numeric .hg-button {
        align-items: center;
        display: flex;
        height: 60px;
        justify-content: center;
        width: 33.3%
    }

    .hg-theme-default .hg-button.hg-button-numpadadd,
    .hg-theme-default .hg-button.hg-button-numpadenter {
        height: 85px
    }

    .hg-theme-default .hg-button.hg-button-numpad0 {
        width: 105px
    }

    .hg-theme-default .hg-button.hg-button-com {
        max-width: 85px
    }

    .hg-theme-default .hg-button.hg-standardBtn.hg-button-at {
        max-width: 45px
    }

    .hg-theme-default .hg-button.hg-selectedButton {
        background: #05194687;
        color: #fff
    }

    .hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"] {
        max-width: 82px
    }

    .hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"] {
        max-width: 60px
    }

    .hg-candidate-box {
        background: #ececec;
        border-bottom: 2px solid #b5b5b5;
        border-radius: 5px;
        display: inline-flex;
        margin-top: -10px;
        position: absolute;
        transform: translateY(-100%);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    ul.hg-candidate-box-list {
        display: flex;
        flex: 1;
        list-style: none;
        margin: 0;
        padding: 0
    }

    li.hg-candidate-box-list-item {
        align-items: center;
        display: flex;
        height: 40px;
        justify-content: center;
        width: 40px
    }

    li.hg-candidate-box-list-item:hover {
        background: #00000008;
        cursor: pointer
    }

    li.hg-candidate-box-list-item:active {
        background: #0000001a
    }

    .hg-candidate-box-prev:before {
        content: "◄"
    }

    .hg-candidate-box-next:before {
        content: "►"
    }

    .hg-candidate-box-next,
    .hg-candidate-box-prev {
        align-items: center;
        color: #969696;
        cursor: pointer;
        display: flex;
        padding: 0 10px
    }

    .hg-candidate-box-next {
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px
    }

    .hg-candidate-box-prev {
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px
    }

    .hg-candidate-box-btn-active {
        color: #444
    }


    [data-uniweb--fv-outline]:focus-visible {
        outline: -webkit-focus-ring-color auto 1px;
        transition: all .1s ease;
    }