@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600&display=swap);

    @media (min-width: 768px) {
        .on-pc{
            display: block;
        }
        .on-sp{
            display: none !important;
        }
    }

    @media (max-width: 767px) {
        .on-sp{
            display: block;
        }
        .on-pc{
            display: none !important;
        }
    }

    a {
        text-decoration: underline;
    }

    /* 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: .35;
        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,
    .swiper-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;
        letter-spacing: normal;
        font-family: var(--font-family--gothic);
        color: #666;
    }

    * {
        word-break: normal;
    }

    @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: 640px) {
        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%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22%23a39187%22%20d%3D%22M54.7%200v11.1h26.4L39.7%2052.5l7.8%207.8%2041.4-41.4v26.4H100V0H54.7zm34.2%2088.9H11.1V11.1h24.3V0H11.1C5%200%200%205%200%2011.1v77.8C0%2095%205%20100%2011.1%20100h77.8c6.1%200%2011.1-5%2011.1-11.1V63H88.9v25.9z%22%2F%3E%3C%2Fsvg%3E%0A");
        --icn-blank--hover: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M54.7%200v11.1h26.4L39.7%2052.5l7.8%207.8%2041.4-41.4v26.4H100V0H54.7zm34.2%2088.9H11.1V11.1h24.3V0H11.1C5%200%200%205%200%2011.1v77.8C0%2095%205%20100%2011.1%20100h77.8c6.1%200%2011.1-5%2011.1-11.1V63H88.9v25.9z%22%2F%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%22100%22%20height%3D%22100%22%3E%3Cpath%20fill%3D%22%23CA0807%22%20d%3D%22M50.4%2057.5h-.3l.3.2-2.1.3c-.5.1-.9.2-1.4.2-1%20.2-1.9.3-2.8.5l.1-.2H44c0-.1.1-.2.1-.2.6-1.3%201.4-2.8%202.2-4.7l.1.2.2-.5c.8%201%201.6%201.9%202.5%202.8.4.6.9%201%201.3%201.4zm-3.9-22.7c.5-2.5.7-4.8.6-7%200-.7-.1-1.5-.1-2.2-.1-.5-.2-1.1-.3-1.6-.5-1.5-1.5-2.2-2.4-2.1-1.2.1-1.8%201.6-1.7%203.8.1%202.2.4%204.4.8%206.5.4%202.6%201.1%205.1%202%207.6.4-1.8.8-3.4%201.1-5zm-26.6%2040c-1.6%201.8-1.9%203.2-1.5%203.9.3.7%201.2%201%202.3.9.2%200%20.4-.1.7-.1%201.2-.3%202.5-1%203.6-2.2%201.3-1.3%202.7-3.1%204.2-5.2%201-1.4%202-2.9%203-4.4-5.8%202-9.8%204.4-12.3%207.1zm55.3-10.6c-2.3-1.1-5.4-1.8-9.4-1.9%202.9%202.2%205.3%203.9%207.4%205l.1.1c.9.5%201.7.9%202.6%201.2.4.2.9.3%201.3.2.7-.1%201.3-.4%201.4-1%20.1-.5-.2-1.3-1.1-2.1-.5-.5-1.3-1.1-2.3-1.5zM100%200v100H0V0h100zM83.1%2063.3c-.6-.9-1.5-1.8-2.5-2.6-.8-.7-1.8-1.2-2.9-1.8-4.3-2.1-10.3-2.9-18.4-2.3l-.8.1c-.5-.4-1-.7-1.5-1.1-3.3-2.5-5.9-5.3-8-8.5%203.1-8.5%204.4-15.9%203.7-22.1-.1-1-.3-2-.7-2.9-.5-1.4-1.3-2.7-2.3-3.7-1.6-1.6-3.8-2.4-5.9-2.2-2.1.2-4%201.2-5.4%203-1.3%201.8-1.9%204.2-1.7%206.9.3%204.2.9%208.1%201.8%2011.6.1.3.2.6.3.8.9%203.2%202.2%206.2%203.8%209.1-1.4%203.3-2.8%206.2-3.7%208.2-.8%201.6-1.6%203.1-2.4%204.6-4.3%201.1-7.9%202.3-11%203.7-4.2%201.9-7.6%204.2-9.9%206.8-1.5%201.7-2.5%203.4-2.9%205.2-.4%201.8-.3%203.6.5%205.1.7%201.4%201.9%202.6%203.3%203.3.4.2.7.3%201.1.4%201.1.4%202.3.5%203.5.4%202.9-.2%205.7-1.7%208-4%204.3-4.5%208.6-11.5%2011.1-15.9%202.3-.5%204.8-1%207.6-1.5%203.3-.6%206.3-1%208.9-1.3.9.7%201.7%201.3%202.5%202%204.5%203.5%207.9%205.9%2010.9%207.6%201.1.6%202.3%201.2%203.5%201.6%201.3.5%202.5.7%203.8.6%201.6-.1%203.1-.7%204.3-1.7%201.2-1%202-2.4%202.4-4%20.5-1.7.1-3.6-1-5.4z%22%2F%3E%3C%2Fsvg%3E%0A");
        --line-height: 1.8;
        --line-height--heading: 1.4;
        --vw-base-width: 750;
        box-sizing: border-box;
        color: #666;
        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: #feffdf
    }

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

    a {
        color: #a39187
    }

    @media (max-width: 767px) {
        br[pc-only] {
            display: none
        }
    }


    .block-heading-lv1:first-of-type .text-container[data-v-59f8038e] {
        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-59f8038e] {
            margin-top: 9rem
        }
    }

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

    .block-heading-lv1:first-of-type .img-container+.text-container[data-v-59f8038e] {
        margin-top: 0
    }

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

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1[data-v-59f8038e] {
            margin-bottom: calc((80 / var(--vw-base-width)) * 100vw)
        }
    }

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

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

    .block-heading-lv1 .img-container[data-v-59f8038e] {
        max-width: 750px;
        margin: 0 auto;
        position: relative;
        text-align: center
    }

    @media (min-width: 768px) {
        .block-heading-lv1 .img-container[data-v-59f8038e] {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1 .img-container[data-v-59f8038e] {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1 .img-container[data-v-59f8038e] {
            margin-bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-heading-lv1 .text-container[data-v-59f8038e] {
        margin: 0 auto;
        max-width: calc(750px + 7rem)
    }

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

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

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

    .block-heading-lv1 .text-container__upper[data-v-59f8038e] {
        display: flex
    }

    @media (min-width: 768px) {
        .block-heading-lv1 .text-container__upper[data-v-59f8038e] {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1 .text-container__upper[data-v-59f8038e] {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1 .text-container__upper[data-v-59f8038e] {
            margin-bottom: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-heading-lv1 .category[data-v-59f8038e] {
        color: #a39187;
        font-family: var(--font-family--en);
        letter-spacing: .05em;
        font-weight: 500;
        padding-right: 1rem;
        margin-right: 1rem;
        position: relative
    }

    .block-heading-lv1 .category[data-v-59f8038e]::before,
    .block-heading-lv1 .category[data-v-59f8038e]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

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

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

    .block-heading-lv1 .category[data-v-59f8038e]::after {
        position: absolute;
        content: "";
        border-right: 1px solid #999;
        top: 0;
        right: 0;
        width: 1px;
        height: 1.2rem
    }

    @media (max-width: 768px) {
        .block-heading-lv1 .category[data-v-59f8038e]::after {
            height: 1.6rem;
            top: -.2rem
        }
    }

    @media (min-width: 768px) {
        .block-heading-lv1 .category[data-v-59f8038e] {
            font-size: 1.6rem
        }
    }

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

    .block-heading-lv1 .date[data-v-59f8038e] {
        letter-spacing: .1em
    }

    .block-heading-lv1 .date[data-v-59f8038e]::before,
    .block-heading-lv1 .date[data-v-59f8038e]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

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

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

    @media (min-width: 768px) {
        .block-heading-lv1 .date[data-v-59f8038e] {
            font-size: 1.6rem
        }
    }

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

    .block-heading-lv1 h1[data-v-59f8038e] {
        color: #666;
        line-height: 1.3
    }

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

    @media (min-width: 768px) {
        .block-heading-lv1 h1[data-v-59f8038e] {
            font-size: 3rem;
            margin-bottom: 2.4rem
        }
    }

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

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1 h1[data-v-59f8038e] {
            margin-bottom: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1 h1[data-v-59f8038e] {
            margin-bottom: calc((24 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-heading-lv1 p[data-v-59f8038e] {
        color: #999;
        line-height: 1.6
    }

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

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

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

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

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

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1 .tag[data-v-59f8038e] {
            margin-top: calc((12 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-heading-lv1 .tag li[data-v-59f8038e] {
        border: 1px solid #ebebeb
    }

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

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

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

    @media (min-width: 768px) {
        .block-heading-lv1 .tag li[data-v-59f8038e] {
            font-size: 1.4rem;
            padding: .5rem 1.5rem;
            margin-top: .8rem;
            margin-right: .8rem;
            border-radius: .4rem
        }
    }

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

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

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

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

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

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

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

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

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


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

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

    .ui-heading-lv2 h2[data-v-328b678f] {
        font-weight: 300;
        line-height: 1.3
    }

    @media (min-width: 768px) {
        .ui-heading-lv2 h2[data-v-328b678f] {
            font-size: 3rem;
            letter-spacing: .6rem
        }
    }

    @media (max-width: 767px) {
        .ui-heading-lv2 h2[data-v-328b678f] {
            font-size: 3.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-heading-lv2 h2[data-v-328b678f] {
            letter-spacing: .6rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-heading-lv2 h2[data-v-328b678f] {
            letter-spacing: calc((6 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-heading-lv2 p[data-v-328b678f] {
        line-height: 1.6
    }

    @media (min-width: 768px) {
        .ui-heading-lv2 p[data-v-328b678f] {
            font-size: 1.5rem;
            margin-top: 1.4rem;
            letter-spacing: .52rem
        }
    }

    @media (max-width: 767px) {
        .ui-heading-lv2 p[data-v-328b678f] {
            font-size: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-heading-lv2 p[data-v-328b678f] {
            margin-top: 1.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-heading-lv2 p[data-v-328b678f] {
            margin-top: calc((14 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-heading-lv2 p[data-v-328b678f] {
            letter-spacing: .52rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-heading-lv2 p[data-v-328b678f] {
            letter-spacing: calc((5.2 / var(--vw-base-width)) * 100vw)
        }
    }


    .block-heading-lv2[data-v-0e7e08b4] {
        max-width: calc(750px + 7rem)
    }

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

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

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

    @media (min-width: 768px) {
        .block-heading-lv2[data-v-0e7e08b4] {
            padding: 0 3.5rem
        }
    }

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

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

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

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

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

    a.block-heading-lv2[data-v-0e7e08b4] {
        color: inherit;
        display: block;
        text-decoration: none
    }


    a.ui-heading-lv3[data-v-237d44a4] {
        display: block;
        text-decoration: none
    }

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

    .ui-heading-lv3 h3[data-v-237d44a4] {
        line-height: 1.5;
        font-weight: 300
    }

    @media (min-width: 768px) {
        .ui-heading-lv3 h3[data-v-237d44a4] {
            font-size: 2.6rem
        }
    }

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


    .block-heading-lv3[data-v-113c6d39] {
        max-width: calc(750px + 7rem)
    }

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

    .block-heading-lv3[data-v-113c6d39]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-heading-lv3[data-v-113c6d39]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-heading-lv3[data-v-113c6d39] {
            padding: 0 3.5rem
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv3[data-v-113c6d39] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-heading-lv3[data-v-113c6d39] {
            margin: 6rem auto 3rem
        }
    }

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

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


    .block-heading-lv4[data-v-2956dcba] {
        max-width: calc(750px + 7rem)
    }

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

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

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

    @media (min-width: 768px) {
        .block-heading-lv4[data-v-2956dcba] {
            padding: 0 3.5rem
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv4[data-v-2956dcba] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-heading-lv4[data-v-2956dcba] {
            margin: 6rem auto 3rem
        }
    }

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

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

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

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

    .block-heading-lv4 h4[data-v-2956dcba] {
        line-height: 1.5
    }

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

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

    .block-heading-lv3[data-v-113c6d39] {
        max-width: calc(750px + 7rem)
    }

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

    .block-heading-lv3[data-v-113c6d39]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-heading-lv3[data-v-113c6d39]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-heading-lv3[data-v-113c6d39] {
            padding: 0 3.5rem
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv3[data-v-113c6d39] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-heading-lv3[data-v-113c6d39] {
            margin: 6rem auto 3rem
        }
    }

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

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


    .block-catch[data-v-f4f30b56] {
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-catch[data-v-f4f30b56] {
            padding: 0 3.5rem
        }
    }

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

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

    @media (min-width: 768px) {
        .block-catch[data-v-f4f30b56] {
            margin: 3rem auto
        }
    }

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

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

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

    .block-catch strong[data-v-f4f30b56] {
        color: #a39187;
        font-weight: 600
    }

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

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

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

    @media (min-width: 768px) {
        .block-catch strong[data-v-f4f30b56] {
            font-size: 2.4rem
        }
    }

    @media (max-width: 767px) {
        .block-catch strong[data-v-f4f30b56] {
            font-size: 3.2rem
        }
    }


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

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

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-catch-bg[data-v-4b3b2512] {
            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-4b3b2512] {
            padding-bottom: 3rem
        }
    }

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

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

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

    .block-catch-bg p[data-v-4b3b2512] {
        max-width: calc(750px + 7rem);
        margin: 0 auto
    }

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

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-catch-bg p[data-v-4b3b2512] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

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


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

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

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

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

    @media (max-width: 767px) {
        .block-paragraph[data-v-24fb174e] {
            font-size: 2.4rem
        }
    }

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

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

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

    .block-paragraph .text-container[data-v-24fb174e] {
        margin: 0 auto;
        max-width: calc(750px + 7rem)
    }

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

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-paragraph .text-container[data-v-24fb174e] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

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

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

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

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

    .block-paragraph .text-container[data-is-read-more-active="true"] button[data-v-24fb174e] {
        color: #a39187;
        display: inline-block;
        margin: 0 auto;
        flex-shrink: 0;
        vertical-align: top
    }

    .block-paragraph[data-v-24fb174e] 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-24fb174e] 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-24fb174e] a[target="_blank"]::after {
            width: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-paragraph[data-v-24fb174e] 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-24fb174e] a[target="_blank"]::after {
            height: 2.4rem
        }
    }

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

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


    .block-text-list[data-v-34468760] {
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-text-list[data-v-34468760] {
            padding: 0 3.5rem
        }
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .block-text-list[data-type="horizontal-divide"] .item[data-v-34468760] {
        width: 50%
    }

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

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

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

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

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

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

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

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

    @media (min-width: 768px) {
        .block-text-list .item .inner[data-is-icn-img-size-big="true"][data-v-34468760] {
            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-34468760] {
            padding-bottom: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-text-list .item .inner[data-is-icn-img-size-big="true"][data-v-34468760] {
            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-34468760] {
            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-34468760] {
            width: 5.3rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-text-list .item .inner[data-is-icn-img-size-big="true"] .icn-img[data-v-34468760] {
            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-34468760] {
            top: 1.5rem
        }
    }

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

    .block-text-list .item a.inner[data-v-34468760] {
        text-decoration: none;
        transition: opacity .2s
    }

    .block-text-list .item a.inner[data-v-34468760]:hover {
        opacity: .7
    }

    .block-text-list .item a.inner>i[data-v-34468760] {
        flex-shrink: 0;
        stroke: #a39187;
        position: relative;
        transform: rotate(-90deg)
    }

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

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-text-list .item a.inner>i[data-v-34468760] {
            width: calc((12 / 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-34468760] {
            height: 1.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-text-list .item a.inner>i[data-v-34468760] {
            height: calc((12 / 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-34468760] {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-text-list .item a.inner>i[data-v-34468760] {
            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-34468760] {
            top: 1.6rem
        }
    }

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

    .block-text-list .item a.inner[target="_blank"]>span[data-v-34468760]::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-34468760]::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-34468760]::after {
            width: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-text-list .item a.inner[target="_blank"]>span[data-v-34468760]::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-34468760]::after {
            height: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-text-list .item a.inner[target="_blank"]>span[data-v-34468760]::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-34468760]::after {
            margin: 0rem 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-text-list .item a.inner[target="_blank"]>span[data-v-34468760]::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-34468760]::after {
        background-image: var(--icn-pdf)
    }

    .block-text-list .item p.inner>i[data-v-34468760] {
        flex-shrink: 0;
        border-radius: 50%;
        background-color: #ccc
    }

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

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-text-list .item p.inner>i[data-v-34468760] {
            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-34468760] {
            width: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-text-list .item p.inner>i[data-v-34468760] {
            width: calc((20 / 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-34468760] {
            height: 2rem
        }
    }

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

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

    @media (min-width: 768px) {
        .block-text-list .icn-img[data-v-34468760] {
            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-34468760] {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-text-list .icn-img[data-v-34468760] {
            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-34468760] {
            width: 3.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-text-list .icn-img[data-v-34468760] {
            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-34468760] {
            top: .7rem
        }
    }

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


    .block-note-list[data-v-333b2aa9] {
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-note-list[data-v-333b2aa9] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-note-list[data-v-333b2aa9] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-note-list[data-v-333b2aa9] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-note-list[data-v-333b2aa9]::before,
    .block-note-list[data-v-333b2aa9]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-note-list[data-v-333b2aa9]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-note-list[data-v-333b2aa9]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-note-list[data-v-333b2aa9] {
            margin: 3rem auto 3rem
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-note-list[data-v-333b2aa9] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (min-width: 768px) {
        .block-note-list+.block-note-list[data-v-333b2aa9] {
            margin-top: -2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-note-list+.block-note-list[data-v-333b2aa9] {
            margin-top: -2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-note-list+.block-note-list[data-v-333b2aa9] {
            margin-top: calc((-20 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-note-list[data-align="center"] li[data-v-333b2aa9] {
        justify-content: center
    }

    .block-note-list li[data-v-333b2aa9] {
        display: flex;
        align-items: baseline
    }

    @media (min-width: 768px) {
        .block-note-list li[data-v-333b2aa9] {
            margin-left: -.6rem;
            font-size: 1.4rem
        }

        .block-note-list li[data-size="small"][data-v-333b2aa9] {
            font-size: 1.2rem;
            margin-left: -.5rem
        }
    }

    @media (max-width: 767px) {
        .block-note-list li[data-v-333b2aa9] {
            font-size: 2.2rem
        }

        .block-note-list li[data-size="small"][data-v-333b2aa9] {
            font-size: 2rem
        }
    }

    @media (min-width: 768px) {
        .block-note-list li[data-v-333b2aa9]:not(:last-child) {
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-note-list li[data-v-333b2aa9]:not(:last-child) {
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-note-list li[data-v-333b2aa9]:not(:last-child) {
            margin-bottom: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-note-list li .mark[data-v-333b2aa9] {
        flex-shrink: 0
    }

    @media (min-width: 768px) {
        .block-note-list li .mark[data-v-333b2aa9]: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-333b2aa9]:not([data-is-dot="true"]) {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-note-list li .mark[data-v-333b2aa9]:not([data-is-dot="true"]) {
            margin-right: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-note-list li[data-is-colored][data-v-333b2aa9] {
        color: #ea0000
    }


    .block-order-list[data-v-21ee3088] {
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-order-list[data-v-21ee3088] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-order-list[data-v-21ee3088] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-order-list[data-v-21ee3088] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-order-list[data-v-21ee3088] {
            margin: 3rem auto
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-order-list[data-v-21ee3088] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .block-order-list li[data-v-21ee3088] {
        display: flex;
        align-items: baseline
    }

    @media (min-width: 768px) {
        .block-order-list li[data-v-21ee3088] {
            font-size: 1.4rem
        }
    }

    @media (max-width: 767px) {
        .block-order-list li[data-v-21ee3088] {
            font-size: 2.2rem
        }
    }

    @media (min-width: 768px) {
        .block-order-list li[data-v-21ee3088]:not(:last-child) {
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-order-list li[data-v-21ee3088]:not(:last-child) {
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-order-list li[data-v-21ee3088]:not(:last-child) {
            margin-bottom: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-order-list li .mark[data-v-21ee3088] {
        flex-shrink: 0
    }

    @media (min-width: 768px) {
        .block-order-list li .mark[data-v-21ee3088] {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-order-list li .mark[data-v-21ee3088] {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-order-list li .mark[data-v-21ee3088] {
            margin-right: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-order-list li[data-is-colored][data-v-21ee3088] {
        color: #ea0000
    }


    .block-faq[data-v-1bdcd546] {
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-faq[data-v-1bdcd546] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq[data-v-1bdcd546] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-faq[data-v-1bdcd546] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-faq[data-v-1bdcd546] {
            margin: 3rem auto
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-faq[data-v-1bdcd546] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .block-faq .item[data-v-1bdcd546]:not(:last-child) {
        border-bottom: 1px dashed #999
    }

    @media (min-width: 768px) {
        .block-faq .item[data-v-1bdcd546]:not(:last-child) {
            margin-bottom: 3rem;
            padding-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item[data-v-1bdcd546]:not(:last-child) {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-faq .item[data-v-1bdcd546]:not(:last-child) {
            margin-bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item[data-v-1bdcd546]:not(:last-child) {
            padding-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-faq .item[data-v-1bdcd546]:not(:last-child) {
            padding-bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-faq .item__q[data-v-1bdcd546],
    .block-faq .item__a[data-v-1bdcd546] {
        display: flex;
        align-items: baseline
    }

    .block-faq .item__q[data-v-1bdcd546]::before,
    .block-faq .item__a[data-v-1bdcd546]::before {
        flex-shrink: 0;
        color: #fff;
        font-family: var(--font-family--en);
        font-weight: 400;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    @media (min-width: 768px) {

        .block-faq .item__q[data-v-1bdcd546]::before,
        .block-faq .item__a[data-v-1bdcd546]::before {
            font-size: 2rem;
            width: 3.2rem;
            height: 3.2rem;
            margin-right: 1.7rem
        }
    }

    @media (max-width: 767px) {

        .block-faq .item__q[data-v-1bdcd546]::before,
        .block-faq .item__a[data-v-1bdcd546]::before {
            font-size: 3rem
        }
    }

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

        .block-faq .item__q[data-v-1bdcd546]::before,
        .block-faq .item__a[data-v-1bdcd546]::before {
            width: 5rem
        }
    }

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

        .block-faq .item__q[data-v-1bdcd546]::before,
        .block-faq .item__a[data-v-1bdcd546]::before {
            width: calc((50 / var(--vw-base-width)) * 100vw)
        }
    }

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

        .block-faq .item__q[data-v-1bdcd546]::before,
        .block-faq .item__a[data-v-1bdcd546]::before {
            height: 5rem
        }
    }

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

        .block-faq .item__q[data-v-1bdcd546]::before,
        .block-faq .item__a[data-v-1bdcd546]::before {
            height: calc((50 / var(--vw-base-width)) * 100vw)
        }
    }

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

        .block-faq .item__q[data-v-1bdcd546]::before,
        .block-faq .item__a[data-v-1bdcd546]::before {
            margin-right: 2.2rem
        }
    }

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

        .block-faq .item__q[data-v-1bdcd546]::before,
        .block-faq .item__a[data-v-1bdcd546]::before {
            margin-right: calc((22 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-faq .item__q[data-v-1bdcd546] {
        cursor: pointer;
        position: relative
    }

    @media (min-width: 768px) {
        .block-faq .item__q[data-v-1bdcd546] {
            font-size: 1.5rem;
            padding-right: 4.4rem
        }
    }

    @media (max-width: 767px) {
        .block-faq .item__q[data-v-1bdcd546] {
            font-size: 2.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item__q[data-v-1bdcd546] {
            padding-right: 4.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-faq .item__q[data-v-1bdcd546] {
            padding-right: calc((44 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-faq .item__q[data-v-1bdcd546]::before {
        background-color: #666;
        content: "Q"
    }

    .block-faq .item__q>i[data-v-1bdcd546] {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 0;
        transition: transform .2s
    }

    @media (min-width: 768px) {
        .block-faq .item__q>i[data-v-1bdcd546] {
            width: 1.5rem;
            height: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item__q>i[data-v-1bdcd546] {
            width: 2.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-faq .item__q>i[data-v-1bdcd546] {
            width: calc((28 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item__q>i[data-v-1bdcd546] {
            height: 2.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-faq .item__q>i[data-v-1bdcd546] {
            height: calc((28 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-faq .item__q>i[data-v-1bdcd546]::before,
    .block-faq .item__q>i[data-v-1bdcd546]::after {
        position: absolute;
        margin: auto;
        display: block;
        content: "";
        background-color: #606770
    }

    .block-faq .item__q>i[data-v-1bdcd546]::before {
        width: 100%;
        height: 1px;
        top: 0;
        bottom: 0
    }

    .block-faq .item__q>i[data-v-1bdcd546]::after {
        width: 1px;
        height: 100%;
        left: 0;
        right: 0
    }

    .block-faq .item__q[aria-expanded="true"]>i[data-v-1bdcd546] {
        transform: rotate(90deg)
    }

    .block-faq .item__q[aria-expanded="true"]>i[data-v-1bdcd546]::before {
        display: none
    }

    @media (min-width: 768px) {
        .block-faq .item__a[data-v-1bdcd546] {
            margin-top: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item__a[data-v-1bdcd546] {
            margin-top: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-faq .item__a[data-v-1bdcd546] {
            margin-top: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-faq .item__a[data-v-1bdcd546]::before {
        background-color: #a39187;
        content: "A"
    }

    @media (min-width: 768px) {
        .block-faq .item__a__inner[data-v-1bdcd546] {
            margin-left: -3.5rem;
            margin-right: -3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item__a__inner[data-v-1bdcd546] {
            margin-left: -3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-faq .item__a__inner[data-v-1bdcd546] {
            margin-left: calc((-35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-faq .item__a__inner[data-v-1bdcd546] {
            margin-right: -3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-faq .item__a__inner[data-v-1bdcd546] {
            margin-right: calc((-35 / var(--vw-base-width)) * 100vw)
        }
    }


    .block-anchor-link[data-v-f0e2d1e0] {
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-anchor-link[data-v-f0e2d1e0] {
            padding: 0 3.5rem
        }
    }

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

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

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

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

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

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

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

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

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

    .block-anchor-link .item a[data-v-f0e2d1e0] {
        display: flex;
        align-items: baseline;
        text-decoration: none;
        color: #666;
        transition: opacity .2s
    }

    .block-anchor-link .item a[data-v-f0e2d1e0]:hover {
        opacity: .7
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    @media (min-width: 768px) {
        .block-anchor-link[data-type="horizontal-divide"] .item[data-v-f0e2d1e0] {
            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-f0e2d1e0] {
            margin-top: 2.5rem
        }
    }

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

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

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

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

    @media (min-width: 768px) {
        .block-anchor-link[data-type="horizontal-divide"] .item[data-v-f0e2d1e0]: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-f0e2d1e0]:nth-child(odd) {
            margin-right: 4rem
        }
    }

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

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

    @media (min-width: 768px) {
        .block-anchor-link[data-type="horizontal-divide"] .item[data-v-f0e2d1e0]: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-f0e2d1e0]:nth-child(n+3) {
            margin-top: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-anchor-link[data-type="horizontal-divide"] .item[data-v-f0e2d1e0]: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-f0e2d1e0]: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-f0e2d1e0]:not(:last-child) {
            margin-bottom: 2.5rem
        }
    }

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

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

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


    .block-photo-diary[data-v-77420101] {
        background-color: #f6f4f3
    }

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

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-photo-diary[data-v-77420101] {
            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-77420101] {
            padding: 12rem 4rem
        }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .txt-container .title[data-v-77420101] {
        color: #666;
        text-align: center;
        letter-spacing: .12em;
        padding-inline: 0;
        width: auto;
        box-sizing: border-box;
    }

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

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

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

    @media (max-width: 767px) and (max-width: 640px) {
        .txt-container .title[data-v-77420101] {
            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-77420101] {
            line-height: 3.6rem
        }
    }

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

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

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

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

    .modal[data-v-77420101] {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 16;
        visibility: visible;
        opacity: 1;
        background-color: transparent;
        z-index: 1020;
    }

    .modal__inner[data-v-77420101] {
        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);
        padding: 0;
        pointer-events: initial;
    }

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

    @media (max-width: 767px) {
        .modal__inner[data-v-77420101] {
            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-77420101] {
            margin: 4rem auto 0rem
        }
    }

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

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

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

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

    @media (min-width: 768px) {

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

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

        .modal__img-container .swiper-button-prev[data-v-77420101],
        .modal__img-container .swiper-button-next[data-v-77420101] {
            width: 6rem
        }
    }

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

        .modal__img-container .swiper-button-prev[data-v-77420101],
        .modal__img-container .swiper-button-next[data-v-77420101] {
            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-77420101],
        .modal__img-container .swiper-button-next[data-v-77420101] {
            height: 6rem
        }
    }

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

        .modal__img-container .swiper-button-prev[data-v-77420101],
        .modal__img-container .swiper-button-next[data-v-77420101] {
            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-77420101] {
            left: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__img-container .swiper-button-prev[data-v-77420101] {
            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-77420101] {
            right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__img-container .swiper-button-next[data-v-77420101] {
            right: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__img-container[data-v-77420101] .swiper-pagination {
        z-index: 1;
        line-height: 1
    }

    @media (min-width: 768px) {
        .modal__img-container[data-v-77420101] .swiper-pagination {
            bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__img-container[data-v-77420101] .swiper-pagination {
            bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__img-container[data-v-77420101] .swiper-pagination {
            bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__img-container[data-v-77420101] .swiper-pagination .swiper-pagination-bullet {
        opacity: .6;
        background-color: #fff;
        outline: none
    }

    @media (min-width: 768px) {
        .modal__img-container[data-v-77420101] .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-77420101] .swiper-pagination .swiper-pagination-bullet {
            width: 1.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__img-container[data-v-77420101] .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-77420101] .swiper-pagination .swiper-pagination-bullet {
            height: 1.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__img-container[data-v-77420101] .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-77420101] .swiper-pagination .swiper-pagination-bullet {
            margin: 0rem 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__img-container[data-v-77420101] .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-77420101] .swiper-pagination .swiper-pagination-bullet-active {
        opacity: 1
    }

    .modal__img-container[data-v-77420101] .swiper-slide {
        position: relative;
        width: 100%;
        padding-top: 100%
    }

    .modal__img-container img[data-v-77420101],
    .modal__img-container video[data-v-77420101] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .modal__txt-container[data-v-77420101] {
        overflow-y: auto
    }

    @media (min-width: 768px) {
        .modal__txt-container[data-v-77420101] {
            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-77420101] {
            height: 100%
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container[data-v-77420101] {
            margin: 6rem 1rem 6rem 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__txt-container[data-v-77420101] {
            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-77420101] {
            padding: 0rem 5rem 0rem 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__txt-container[data-v-77420101] {
            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-77420101]::-webkit-scrollbar {
            width: 10px
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container[data-v-77420101]::-webkit-scrollbar {
            width: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__txt-container[data-v-77420101]::-webkit-scrollbar {
            width: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__txt-container[data-v-77420101]::-webkit-scrollbar-track {
        background: #fff
    }

    .modal__txt-container[data-v-77420101]::-webkit-scrollbar-thumb {
        background-color: #f0f0f0
    }

    @media (min-width: 768px) {
        .modal__txt-container[data-v-77420101]::-webkit-scrollbar-thumb {
            border-radius: 2px
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container[data-v-77420101]::-webkit-scrollbar-thumb {
            border-radius: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__txt-container[data-v-77420101]::-webkit-scrollbar-thumb {
            border-radius: calc((5 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__txt-container .title[data-v-77420101] {
        color: #666;
        letter-spacing: .16em;
        line-height: 1.4;
        max-width: none;
        padding-inline: 0;
    }

    .modal__txt-container .title[data-v-77420101]::before,
    .modal__txt-container .title[data-v-77420101]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .modal__txt-container .title[data-v-77420101]::before {
        margin-top: calc((1 - 1.4) * .5em)
    }

    .modal__txt-container .title[data-v-77420101]::after {
        margin-bottom: calc((1 - 1.4) * .5em)
    }

    @media (min-width: 768px) {
        .modal__txt-container .title[data-v-77420101] {
            margin-bottom: 3rem;
            font-size: 2.4rem
        }
    }

    @media (max-width: 767px) {
        .modal__txt-container .title[data-v-77420101] {
            font-size: 3.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container .title[data-v-77420101] {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__txt-container .title[data-v-77420101] {
            margin-bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__txt-container .date[data-v-77420101] {
        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-77420101]::before,
    .modal__txt-container .date[data-v-77420101]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .modal__txt-container .date[data-v-77420101]::before {
        margin-top: calc((1 - 2.8) * .5em)
    }

    .modal__txt-container .date[data-v-77420101]::after {
        margin-bottom: calc((1 - 2.8) * .5em)
    }

    @media (min-width: 768px) {
        .modal__txt-container .date[data-v-77420101] {
            padding-bottom: 3.8rem;
            font-size: 1.5rem
        }
    }

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

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container .date[data-v-77420101] {
            padding-bottom: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__txt-container .date[data-v-77420101] {
            padding-bottom: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__txt-container .paragraph[data-v-77420101] {
        color: #666;
        letter-spacing: .12em;
        line-height: 2.3
    }

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

    .modal__txt-container .paragraph[data-v-77420101]::before {
        margin-top: calc((1 - 2.3) * .5em)
    }

    .modal__txt-container .paragraph[data-v-77420101]::after {
        margin-bottom: calc((1 - 2.3) * .5em)
    }

    @media (min-width: 768px) {
        .modal__txt-container .paragraph[data-v-77420101] {
            margin-top: 3.8rem
        }
    }

    @media (max-width: 767px) {
        .modal__txt-container .paragraph[data-v-77420101] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container .paragraph[data-v-77420101] {
            margin-top: 3.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__txt-container .paragraph[data-v-77420101] {
            margin-top: calc((36 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__txt-container .tag[data-v-77420101] {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    @media (min-width: 768px) {
        .modal__txt-container .tag[data-v-77420101] {
            margin-top: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__txt-container .tag[data-v-77420101] {
            margin-top: 2.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__txt-container .tag[data-v-77420101] {
            margin-top: calc((26 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .modal__txt-container .tag li[data-v-77420101] {
            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-77420101] {
            margin-top: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__txt-container .tag li[data-v-77420101] {
            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-77420101] {
            margin-right: 4.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__txt-container .tag li[data-v-77420101] {
            margin-right: calc((46 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__txt-container .tag li p[data-v-77420101],
    .modal__txt-container .tag li a[data-v-77420101] {
        display: block;
        color: #a39187;
        letter-spacing: .16em;
        line-height: 1.4;
        text-decoration: none
    }

    .modal__txt-container .tag li p[data-v-77420101]::before,
    .modal__txt-container .tag li p[data-v-77420101]::after,
    .modal__txt-container .tag li a[data-v-77420101]::before,
    .modal__txt-container .tag li a[data-v-77420101]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .modal__txt-container .tag li p[data-v-77420101]::before,
    .modal__txt-container .tag li a[data-v-77420101]::before {
        margin-top: calc((1 - 1.4) * .5em)
    }

    .modal__txt-container .tag li p[data-v-77420101]::after,
    .modal__txt-container .tag li a[data-v-77420101]::after {
        margin-bottom: calc((1 - 1.4) * .5em)
    }

    @media (min-width: 768px) {

        .modal__txt-container .tag li p[data-v-77420101],
        .modal__txt-container .tag li a[data-v-77420101] {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {

        .modal__txt-container .tag li p[data-v-77420101],
        .modal__txt-container .tag li a[data-v-77420101] {
            font-size: 2rem
        }
    }

    .modal__close[data-v-77420101] {
        position: absolute
    }

    @media (min-width: 768px) {
        .modal__close[data-v-77420101] {
            top: -3.6rem;
            right: -3.6rem
        }
    }

    @media (max-width: 767px) {
        .modal__close[data-v-77420101] {
            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-77420101] {
            bottom: -7.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__close[data-v-77420101] {
            bottom: calc((-78 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) {
        .modal__close--text[data-v-77420101] {
            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-77420101] {
            margin-left: 1.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__close--text[data-v-77420101] {
            margin-left: calc((18 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .modal__close--svg[data-v-77420101] {
            width: 2rem;
            height: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .modal__close--svg[data-v-77420101] {
            width: 1.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .modal__close--svg[data-v-77420101] {
            width: calc((16 / var(--vw-base-width)) * 100vw)
        }
    }

    .modal__close--svg>svg[data-v-77420101] {
        width: 100%
    }

    .more-btn[data-v-77420101] {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #a39187;
        color: #a39187;
        background-color: #fff;
        transition: color, background-color;
        transition-duration: .2s
    }

    @media (min-width: 768px) {
        .more-btn[data-v-77420101] {
            font-size: 1.5rem;
            padding: 1.5rem;
            width: 26rem
        }
    }

    @media (max-width: 767px) {
        .more-btn[data-v-77420101] {
            font-size: 2.4rem;
            width: 65.625%
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .more-btn[data-v-77420101] {
            padding: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .more-btn[data-v-77420101] {
            padding: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    .more-btn span[data-v-77420101] {
        letter-spacing: .15em
    }

    .more-btn span[data-v-77420101]::before,
    .more-btn span[data-v-77420101]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .more-btn span[data-v-77420101]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .more-btn span[data-v-77420101]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .more-btn i[data-v-77420101] {
        display: block
    }

    @media (min-width: 768px) {
        .more-btn i[data-v-77420101] {
            width: 1.5rem;
            height: 1.5rem;
            margin-left: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .more-btn i[data-v-77420101] {
            width: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .more-btn i[data-v-77420101] {
            width: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .more-btn i[data-v-77420101] {
            height: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .more-btn i[data-v-77420101] {
            height: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .more-btn i[data-v-77420101] {
            margin-left: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .more-btn i[data-v-77420101] {
            margin-left: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .more-btn i svg[data-v-77420101] {
        transform: rotate(-90deg);
        fill: #a39187;
        vertical-align: top;
        transition: fill .2s
    }

    .more-btn[data-v-77420101]:hover {
        background-color: #a39187;
        color: #fff
    }

    .more-btn:hover svg[data-v-77420101] {
        fill: #fff
    }


    @media (min-width: 768px) {
        .block-pic[data-v-248f0e6b] {
            margin: 3rem auto
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic[data-v-248f0e6b] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .block-pic[data-align="center"][data-v-248f0e6b] {
        text-align: center
    }

    .block-pic[data-align="right"][data-v-248f0e6b] {
        text-align: right
    }

    .block-pic[data-v-248f0e6b]:not([data-is-fully]) {
        max-width: calc(1000px + 7rem)
    }

    @media (min-width: 768px) {
        .block-pic[data-v-248f0e6b]:not([data-is-fully]) {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic[data-v-248f0e6b]:not([data-is-fully]) {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic[data-v-248f0e6b]:not([data-is-fully]) {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic[data-is-fully="true"][data-v-248f0e6b] {
        max-width: 1000px;
        text-align: center
    }

    @media (min-width: 768px) {
        .caption[data-v-248f0e6b] {
            font-size: 1.2rem;
            margin-top: 1rem
        }
    }

    @media (max-width: 767px) {
        .caption[data-v-248f0e6b] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .caption[data-v-248f0e6b] {
            margin-top: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .caption[data-v-248f0e6b] {
            margin-top: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .caption[data-padding="true"][data-v-248f0e6b] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .caption[data-padding="true"][data-v-248f0e6b] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .caption[data-padding="true"][data-v-248f0e6b] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }


    .block-pic-list[data-v-b67ac9ae] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: calc(1000px + 7rem)
    }

    @media (min-width: 768px) {
        .block-pic-list[data-v-b67ac9ae] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-list[data-v-b67ac9ae] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-list[data-v-b67ac9ae] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-pic-list[data-v-b67ac9ae] {
            margin: 3rem auto
        }
    }

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

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

    @media (min-width: 768px) {
        .block-pic-list[data-divide="2-2"] .item[data-v-b67ac9ae] {
            width: calc((99.9% - (4rem * (2 - 1))) / 2)
        }

        .block-pic-list[data-divide="2-2"] .item[data-v-b67ac9ae]:nth-child(n+3) {
            margin-top: 4rem
        }

        .block-pic-list[data-divide="2-2"] .item[data-v-b67ac9ae]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 4rem
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .block-pic-list[data-divide="2-2"] .item[data-v-b67ac9ae] {
            width: calc((99.9% - (2rem * (2 - 1))) / 2)
        }

        .block-pic-list[data-divide="2-2"] .item[data-v-b67ac9ae]:nth-child(n+3) {
            margin-top: 2rem
        }

        .block-pic-list[data-divide="2-2"] .item[data-v-b67ac9ae]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 2rem
        }
    }

    @media (max-width: 640px) {
        .block-pic-list[data-divide="2-2"] .item[data-v-b67ac9ae] {
            width: calc((99.9% - (3.125vw * (2 - 1))) / 2)
        }

        .block-pic-list[data-divide="2-2"] .item[data-v-b67ac9ae]:nth-child(n+3) {
            margin-top: 3.125vw
        }

        .block-pic-list[data-divide="2-2"] .item[data-v-b67ac9ae]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 3.125vw
        }
    }

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

        .block-pic-list[data-divide="3-3"] .item[data-v-b67ac9ae]:nth-child(n+4) {
            margin-top: 4rem
        }

        .block-pic-list[data-divide="3-3"] .item[data-v-b67ac9ae]:not(:nth-child(3n)):not(:last-child) {
            margin-right: 4rem
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .block-pic-list[data-divide="3-3"] .item[data-v-b67ac9ae] {
            width: calc((99.9% - (2rem * (3 - 1))) / 3)
        }

        .block-pic-list[data-divide="3-3"] .item[data-v-b67ac9ae]:nth-child(n+4) {
            margin-top: 2rem
        }

        .block-pic-list[data-divide="3-3"] .item[data-v-b67ac9ae]:not(:nth-child(3n)):not(:last-child) {
            margin-right: 2rem
        }
    }

    @media (max-width: 640px) {
        .block-pic-list[data-divide="3-3"] .item[data-v-b67ac9ae] {
            width: calc((99.9% - (3.125vw * (3 - 1))) / 3)
        }

        .block-pic-list[data-divide="3-3"] .item[data-v-b67ac9ae]:nth-child(n+4) {
            margin-top: 3.125vw
        }

        .block-pic-list[data-divide="3-3"] .item[data-v-b67ac9ae]:not(:nth-child(3n)):not(:last-child) {
            margin-right: 3.125vw
        }
    }

    .block-pic-list .item[data-v-b67ac9ae] {
        text-align: center
    }

    @media (min-width: 768px) {
        .caption[data-v-b67ac9ae] {
            font-size: 1.2rem;
            margin-top: 1rem
        }
    }

    @media (max-width: 767px) {
        .caption[data-v-b67ac9ae] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .caption[data-v-b67ac9ae] {
            margin-top: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .caption[data-v-b67ac9ae] {
            margin-top: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }


    @media (min-width: 768px) {
        .block-pic-text[data-v-49afa3dd] {
            margin: 3rem auto
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-text[data-v-49afa3dd] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .block-pic-text .item__inner[data-v-49afa3dd] {
        color: inherit;
        text-decoration: none
    }

    .block-pic-text[data-type="0"][data-v-49afa3dd] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: calc(1000px + 7rem)
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="0"][data-v-49afa3dd] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-type="0"][data-v-49afa3dd] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-text[data-type="0"][data-v-49afa3dd] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text[data-type="0"] .item[data-v-49afa3dd] {
        display: block
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="0"] .item[data-v-49afa3dd] {
            width: calc((99.9% - (2.5rem * (4 - 1))) / 4)
        }

        .block-pic-text[data-type="0"] .item[data-v-49afa3dd]:nth-child(n+5) {
            margin-top: 2.5rem
        }

        .block-pic-text[data-type="0"] .item[data-v-49afa3dd]:not(:nth-child(4n)):not(:last-child) {
            margin-right: 2.5rem
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-type="0"] .item[data-v-49afa3dd] {
            width: calc((99.9% - (2rem * (2 - 1))) / 2)
        }

        .block-pic-text[data-type="0"] .item[data-v-49afa3dd]:nth-child(n+3) {
            margin-top: 2rem
        }

        .block-pic-text[data-type="0"] .item[data-v-49afa3dd]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 2rem
        }
    }

    @media (max-width: 640px) {
        .block-pic-text[data-type="0"] .item[data-v-49afa3dd] {
            width: calc((99.9% - (3.125vw * (2 - 1))) / 2)
        }

        .block-pic-text[data-type="0"] .item[data-v-49afa3dd]:nth-child(n+3) {
            margin-top: 3.125vw
        }

        .block-pic-text[data-type="0"] .item[data-v-49afa3dd]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 3.125vw
        }
    }

    .block-pic-text[data-type="0"] .text-container[data-v-49afa3dd] {
        background-color: #f8f8f8
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="0"] .text-container[data-v-49afa3dd] {
            padding: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-type="0"] .text-container[data-v-49afa3dd] {
            padding: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-text[data-type="0"] .text-container[data-v-49afa3dd] {
            padding: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="0"] .text[data-v-49afa3dd] {
            margin-top: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-type="0"] .text[data-v-49afa3dd] {
            margin-top: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-text[data-type="0"] .text[data-v-49afa3dd] {
            margin-top: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text[data-type="1"][data-v-49afa3dd] {
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="1"][data-v-49afa3dd] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-type="1"][data-v-49afa3dd] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-text[data-type="1"][data-v-49afa3dd] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="1"] .item:nth-child(odd) .pic-container[data-v-49afa3dd] {
            margin-right: 4rem
        }
    }

    @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-49afa3dd] {
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-text[data-type="1"] .item:nth-child(odd) .pic-container[data-v-49afa3dd] {
            margin-right: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text[data-type="1"] .item:nth-child(even) .item__inner[data-v-49afa3dd] {
        flex-direction: row-reverse
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="1"] .item:nth-child(even) .pic-container[data-v-49afa3dd] {
            margin-left: 4rem
        }
    }

    @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-49afa3dd] {
            margin-left: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-text[data-type="1"] .item:nth-child(even) .pic-container[data-v-49afa3dd] {
            margin-left: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text[data-type="1"] .item__inner[data-v-49afa3dd] {
        display: flex;
        align-items: center;
        justify-content: center
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="1"] .item[data-v-49afa3dd]:not(:last-child) {
            margin-bottom: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-type="1"] .item[data-v-49afa3dd]:not(:last-child) {
            margin-bottom: 7rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-text[data-type="1"] .item[data-v-49afa3dd]:not(:last-child) {
            margin-bottom: calc((70 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text[data-type="1"] .pic-container[data-v-49afa3dd] {
        flex-shrink: 0
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="1"] .pic-container[data-v-49afa3dd] {
            max-width: 30.66667%
        }
    }

    @media (max-width: 767px) {
        .block-pic-text[data-type="1"] .pic-container[data-v-49afa3dd] {
            max-width: 30.87719%
        }
    }

    @media (min-width: 768px) {
        .block-pic-text[data-type="1"] .heading[data-v-49afa3dd] {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text[data-type="1"] .heading[data-v-49afa3dd] {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-text[data-type="1"] .heading[data-v-49afa3dd] {
            margin-bottom: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text .heading[data-v-49afa3dd] {
        font-weight: 600;
        text-align: center
    }

    .block-pic-text .heading[data-v-49afa3dd]::before,
    .block-pic-text .heading[data-v-49afa3dd]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-pic-text .heading[data-v-49afa3dd]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-pic-text .heading[data-v-49afa3dd]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-pic-text .heading[data-v-49afa3dd] {
            font-size: 1.8rem
        }
    }

    @media (max-width: 767px) {
        .block-pic-text .heading[data-v-49afa3dd] {
            font-size: 2.6rem
        }
    }

    .block-pic-text .text[data-v-49afa3dd]::before,
    .block-pic-text .text[data-v-49afa3dd]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-pic-text .text[data-v-49afa3dd]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-pic-text .text[data-v-49afa3dd]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-pic-text .text[data-v-49afa3dd] {
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .block-pic-text .text[data-v-49afa3dd] {
            font-size: 2.4rem
        }
    }

    @media (min-width: 768px) {
        .caption[data-v-49afa3dd] {
            font-size: 1.2rem;
            margin-top: 1rem
        }
    }

    @media (max-width: 767px) {
        .caption[data-v-49afa3dd] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .caption[data-v-49afa3dd] {
            margin-top: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .caption[data-v-49afa3dd] {
            margin-top: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }


    .block-pic-text-responsive[data-v-6985fb58] {
        max-width: calc(1000px + 7rem)
    }

    @media (min-width: 768px) {
        .block-pic-text-responsive[data-v-6985fb58] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text-responsive[data-v-6985fb58] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-text-responsive[data-v-6985fb58] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-pic-text-responsive[data-v-6985fb58] {
            margin: 3rem auto
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-text-responsive[data-v-6985fb58] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (min-width: 768px) {
        .block-pic-text-responsive .item[data-v-6985fb58] {
            display: flex;
            align-items: center
        }

        .block-pic-text-responsive .item:nth-child(odd) .pic-container[data-v-6985fb58] {
            margin-right: 4rem
        }

        .block-pic-text-responsive .item[data-v-6985fb58]:nth-child(even) {
            flex-direction: row-reverse
        }

        .block-pic-text-responsive .item:nth-child(even) .pic-container[data-v-6985fb58] {
            margin-left: 4rem
        }
    }

    @media (min-width: 768px) {
        .block-pic-text-responsive .item[data-v-6985fb58]: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-6985fb58]:not(:last-child) {
            margin-bottom: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-text-responsive .item[data-v-6985fb58]:not(:last-child) {
            margin-bottom: calc((50 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-text-responsive .pic-container[data-v-6985fb58] {
        color: #666;
        text-align: center;
        text-decoration: none
    }

    @media (min-width: 768px) {
        .block-pic-text-responsive .pic-container[data-v-6985fb58] {
            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-6985fb58] {
            margin-bottom: 3.7rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-text-responsive .pic-container[data-v-6985fb58] {
            margin-bottom: calc((37 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-pic-text-responsive .caption[data-v-6985fb58] {
            font-size: 1.2rem;
            margin-top: 1rem
        }
    }

    @media (max-width: 767px) {
        .block-pic-text-responsive .caption[data-v-6985fb58] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text-responsive .caption[data-v-6985fb58] {
            margin-top: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-text-responsive .caption[data-v-6985fb58] {
            margin-top: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-pic-text-responsive .slot-container[data-v-6985fb58] {
            margin-left: -3.5rem;
            margin-right: -3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text-responsive .slot-container[data-v-6985fb58] {
            margin-left: -3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-text-responsive .slot-container[data-v-6985fb58] {
            margin-left: calc((-35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-text-responsive .slot-container[data-v-6985fb58] {
            margin-right: -3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-text-responsive .slot-container[data-v-6985fb58] {
            margin-right: calc((-35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-pic-text-responsive .slot-container[data-v-6985fb58] {
            flex-grow: 1
        }
    }

    .block-pic-text-responsive .slot-container>*[data-v-6985fb58]:first-child {
        margin-top: 0
    }

    .block-pic-text-responsive .slot-container>*[data-v-6985fb58]:last-child {
        margin-bottom: 0
    }

    .block-pic-text-responsive[data-v-6985fb58] .block-border-frame>.inner {
        width: 100%
    }


    .ui-button[data-v-4dd4cb64] {
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid;
        text-decoration: none;
        transition: color, background-color;
        transition-duration: .2s
    }

    @media (min-width: 768px) {
        .ui-button[data-v-4dd4cb64] {
            font-size: 1.5rem;
            padding: 1.5rem;
            margin: 2rem auto;
            width: 26rem
        }
    }

    @media (max-width: 767px) {
        .ui-button[data-v-4dd4cb64] {
            font-size: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-button[data-v-4dd4cb64] {
            padding: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-button[data-v-4dd4cb64] {
            padding: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-button[data-v-4dd4cb64] {
            margin: 2rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-button[data-v-4dd4cb64] {
            margin: calc((20 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (max-width: 767px) {
        .ui-button[data-v-4dd4cb64]:not([data-is-full-width="true"]) {
            width: 65.625%
        }
    }

    @media (max-width: 767px) {
        .ui-button[data-is-full-width="true"][data-v-4dd4cb64] {
            width: 100%
        }
    }

    @media (max-width: 767px) {
        .ui-button[data-is-sp-short][data-v-4dd4cb64] {
            width: 43.75%
        }
    }

    .ui-button[data-design="weak"][data-v-4dd4cb64] {
        border-color: #eee;
        color: #666;
        background-color: #eee
    }

    html[data-is-touchdevice="false"] .ui-button[data-design="weak"][data-v-4dd4cb64]:hover {
        border-color: #ccc;
        background-color: #ccc
    }

    .ui-button[data-design="default"][data-v-4dd4cb64] {
        border-color: #a39187;
        color: #a39187;
        background-color: #fff
    }

    .ui-button[data-design="default"] svg[data-v-4dd4cb64] {
        fill: #a39187
    }

    html[data-is-touchdevice="false"] .ui-button[data-design="default"][data-v-4dd4cb64]:hover {
        background-color: #a39187;
        color: #fff
    }

    html[data-is-touchdevice="false"] .ui-button[data-design="default"]:hover svg[data-v-4dd4cb64] {
        fill: #fff
    }

    .ui-button[data-design="disabled"][data-v-4dd4cb64] {
        pointer-events: none;
        border-color: #eee;
        color: #bbb;
        background-color: #eee
    }

    .ui-button[data-design="strong"][data-v-4dd4cb64],
    .ui-button[data-design="strong-fill"][data-v-4dd4cb64] {
        border-color: #a39187;
        color: #fff;
        background-color: #a39187
    }

    .ui-button[data-design="strong"] svg[data-v-4dd4cb64],
    .ui-button[data-design="strong-fill"] svg[data-v-4dd4cb64] {
        fill: #fff
    }

    html[data-is-touchdevice="false"] .ui-button[data-design="strong"][data-v-4dd4cb64]:hover,
    html[data-is-touchdevice="false"] .ui-button[data-design="strong-fill"][data-v-4dd4cb64]:hover {
        background-color: #fff;
        color: #a39187
    }

    html[data-is-touchdevice="false"] .ui-button[data-design="strong"]:hover svg[data-v-4dd4cb64],
    html[data-is-touchdevice="false"] .ui-button[data-design="strong-fill"]:hover svg[data-v-4dd4cb64] {
        fill: #a39187
    }

    .ui-button span[data-v-4dd4cb64] {
        letter-spacing: .15em
    }

    .ui-button span[data-v-4dd4cb64]::before,
    .ui-button span[data-v-4dd4cb64]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-button span[data-v-4dd4cb64]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-button span[data-v-4dd4cb64]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .ui-button i[data-v-4dd4cb64] {
        display: block
    }

    @media (min-width: 768px) {
        .ui-button i[data-v-4dd4cb64]:first-child {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-button i[data-v-4dd4cb64]:first-child {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-button i[data-v-4dd4cb64]:first-child {
            margin-right: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .ui-button i[data-v-4dd4cb64]:last-child {
            margin-left: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-button i[data-v-4dd4cb64]:last-child {
            margin-left: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-button i[data-v-4dd4cb64]:last-child {
            margin-left: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .ui-button i[data-v-4dd4cb64] {
            width: 1.5rem;
            height: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-button i[data-v-4dd4cb64] {
            width: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-button i[data-v-4dd4cb64] {
            width: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-button i[data-v-4dd4cb64] {
            height: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-button i[data-v-4dd4cb64] {
            height: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-button i.arr--down[data-v-4dd4cb64] {
        transform: rotate(-90deg)
    }

    .ui-button i.arr--up[data-v-4dd4cb64] {
        transform: rotate(90deg)
    }

    .ui-button i svg[data-v-4dd4cb64] {
        vertical-align: top;
        transition: fill .2s
    }


    .block-button[data-v-0f56b4b6] {
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-button[data-v-0f56b4b6] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-button[data-v-0f56b4b6] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-button[data-v-0f56b4b6] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-button[data-v-0f56b4b6] {
            margin: 3rem auto
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-button[data-v-0f56b4b6] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .block-button a[data-v-0f56b4b6] {
        display: block;
        text-decoration: none;
        border: 1px solid #a39187;
        text-align: center;
        transition: color, background-color;
        transition-duration: .2s
    }

    @media (min-width: 768px) {
        .block-button a[data-v-0f56b4b6] {
            font-size: 1.5rem;
            padding: 1.5rem;
            margin: 2rem auto;
            width: 26rem
        }
    }

    @media (max-width: 767px) {
        .block-button a[data-v-0f56b4b6] {
            font-size: 2.4rem;
            width: 65.625%
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-button a[data-v-0f56b4b6] {
            padding: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-button a[data-v-0f56b4b6] {
            padding: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-button a[data-v-0f56b4b6] {
            margin: 2rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-button a[data-v-0f56b4b6] {
            margin: calc((20 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .block-button a[data-design="default"][data-v-0f56b4b6] {
        background-color: #fff
    }

    .block-button a[data-design="default"][data-v-0f56b4b6]:hover {
        background-color: #a39187;
        color: #fff
    }

    .block-button a[data-design="default"]:hover[target="_blank"][data-v-0f56b4b6]::after {
        background-image: var(--icn-blank--hover)
    }

    .block-button a[data-design="strong"][data-v-0f56b4b6] {
        color: #fff;
        background-color: #a39187
    }

    .block-button a[data-design="strong"][target="_blank"][data-v-0f56b4b6]::after {
        background-image: var(--icn-blank--hover)
    }

    .block-button a[data-design="strong"][data-v-0f56b4b6]:hover {
        background-color: #fff;
        color: #a39187
    }

    .block-button a[data-design="strong"]:hover[target="_blank"][data-v-0f56b4b6]::after {
        background-image: var(--icn-blank)
    }

    .block-button a[target="_blank"][data-v-0f56b4b6]::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"][data-v-0f56b4b6]::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"][data-v-0f56b4b6]::after {
            width: 2.4rem
        }
    }

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

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

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

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-button a[target="_blank"][data-v-0f56b4b6]::after {
            margin: 0rem 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-button a[target="_blank"][data-v-0f56b4b6]::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"][data-v-0f56b4b6]::after {
            top: .2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-button a[target="_blank"][data-v-0f56b4b6]::after {
            top: calc((2 / var(--vw-base-width)) * 100vw)
        }
    }

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


    .block-detail-list[data-v-68b5454e] {
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-detail-list[data-v-68b5454e] {
            padding: 0 3.5rem
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-detail-list[data-v-68b5454e] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-detail-list[data-v-68b5454e] {
            margin: 0 auto
        }
    }

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

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

    @media (min-width: 768px) {
        .block-detail-list dl[data-v-68b5454e]: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-68b5454e]:not(:last-child) {
            margin-bottom: 3.65rem
        }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    @media (min-width: 768px) {
        .block-detail-list dd[data-v-68b5454e] {
            margin-left: -3.5rem;
            margin-right: -3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-detail-list dd[data-v-68b5454e] {
            margin-left: -3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-detail-list dd[data-v-68b5454e] {
            margin-left: calc((-35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-detail-list dd[data-v-68b5454e] {
            margin-right: -3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-detail-list dd[data-v-68b5454e] {
            margin-right: calc((-35 / var(--vw-base-width)) * 100vw)
        }
    }

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

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


    .block-date-list[data-v-2241bbf7] {
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-date-list[data-v-2241bbf7] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-date-list[data-v-2241bbf7] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-date-list[data-v-2241bbf7] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-date-list[data-v-2241bbf7] {
            margin: 3rem auto
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-date-list[data-v-2241bbf7] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .block-date-list .item[data-v-2241bbf7] {
        display: flex;
        align-items: center
    }

    @media (min-width: 768px) {
        .block-date-list .item[data-v-2241bbf7]:not(:last-child) {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-date-list .item[data-v-2241bbf7]:not(:last-child) {
            margin-bottom: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-date-list .item[data-v-2241bbf7]:not(:last-child) {
            margin-bottom: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-date-list .item .img-container[data-v-2241bbf7] {
        flex-shrink: 0;
        border: 1px solid #ccc
    }

    @media (min-width: 768px) {
        .block-date-list .item .img-container[data-v-2241bbf7] {
            width: 12rem;
            margin-right: 3rem
        }
    }

    @media (max-width: 767px) {
        .block-date-list .item .img-container[data-v-2241bbf7] {
            width: 29.82456%
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-date-list .item .img-container[data-v-2241bbf7] {
            margin-right: 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-date-list .item .img-container[data-v-2241bbf7] {
            margin-right: calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-date-list .item .text-container__upper[data-v-2241bbf7] {
        display: flex;
        line-height: 1
    }

    @media (min-width: 768px) {
        .block-date-list .item .text-container__upper[data-v-2241bbf7] {
            margin-bottom: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-date-list .item .text-container__upper[data-v-2241bbf7] {
            margin-bottom: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-date-list .item .text-container__upper[data-v-2241bbf7] {
            margin-bottom: calc((15 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-date-list .item .text-container .date[data-v-2241bbf7] {
        font-family: var(--font-family--en);
        font-weight: 400
    }

    @media (min-width: 768px) {
        .block-date-list .item .text-container .date[data-v-2241bbf7] {
            font-size: 1.5rem;
            margin-right: 2.15rem
        }
    }

    @media (max-width: 767px) {
        .block-date-list .item .text-container .date[data-v-2241bbf7] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-date-list .item .text-container .date[data-v-2241bbf7] {
            margin-right: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-date-list .item .text-container .date[data-v-2241bbf7] {
            margin-right: calc((15 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-date-list .item .text-container .category[data-v-2241bbf7] {
        color: #a39187;
        font-family: var(--font-family--en);
        font-weight: 500
    }

    @media (min-width: 768px) {
        .block-date-list .item .text-container .category[data-v-2241bbf7] {
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .block-date-list .item .text-container .category[data-v-2241bbf7] {
            font-size: 2rem
        }
    }

    @media (min-width: 768px) {
        .block-date-list .item .text-container .text[data-v-2241bbf7] {
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .block-date-list .item .text-container .text[data-v-2241bbf7] {
            font-size: 2.4rem
        }
    }


    .block-border-frame[data-v-37b787ba] {
        word-break: break-all
    }

    @media (min-width: 768px) {
        .block-border-frame[data-v-37b787ba] {
            margin: 3rem auto;
            padding: 0 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-border-frame[data-v-37b787ba] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-border-frame[data-v-37b787ba] {
            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-37b787ba] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-border-frame[data-v-37b787ba] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-border-frame .inner[data-v-37b787ba] {
        margin: auto;
        border: 1px solid;
        background-color: #fff
    }

    @media (min-width: 768px) {
        .block-border-frame .inner[data-v-37b787ba] {
            width: calc(480px + 7rem)
        }
    }

    @media (max-width: 767px) {
        .block-border-frame .inner[data-v-37b787ba] {
            width: 100% !important
        }
    }


    .block-bg-frame[data-v-59243bca] {
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%
    }

    .block-bg-frame__inner[data-v-59243bca] {
        z-index: 1;
        position: relative
    }

    .block-bg-frame__inner>*[data-v-59243bca]:first-child {
        margin-top: 0
    }

    .block-bg-frame__inner>*[data-v-59243bca]:last-child {
        margin-bottom: 0
    }

    .block-bg-frame__top-image[data-v-59243bca] {
        position: absolute;
        top: 0;
        margin: auto;
        text-align: center;
        width: 100%
    }

    .block-bg-frame__top-image img[data-v-59243bca] {
        width: 100%
    }

    .block-bg-frame__bottom-image[data-v-59243bca] {
        position: absolute;
        bottom: 0;
        margin: auto;
        text-align: center;
        width: 100%
    }

    .block-bg-frame__bottom-image img[data-v-59243bca] {
        width: 100%
    }


    .block-free-html[data-v-c73e792e] {
        max-width: calc(1000px + 7rem)
    }

    @media (min-width: 768px) {
        .block-free-html[data-v-c73e792e] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-free-html[data-v-c73e792e] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-free-html[data-v-c73e792e] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-free-html[data-v-c73e792e] {
            margin: 3rem auto
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-free-html[data-v-c73e792e] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }


    @media (min-width: 768px) {
        .block-tab[data-v-25aefe5a] {
            margin: 3rem auto
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-tab[data-v-25aefe5a] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .block-tab [role="tablist"][data-v-25aefe5a] {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        max-width: calc(1000px + 7rem)
    }

    @media (min-width: 768px) {
        .block-tab [role="tablist"][data-v-25aefe5a] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-tab [role="tablist"][data-v-25aefe5a] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-tab [role="tablist"][data-v-25aefe5a] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-tab [role="tablist"][data-v-25aefe5a] {
            margin: 0 auto 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-tab [role="tablist"][data-v-25aefe5a] {
            margin: 0rem auto 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-tab [role="tablist"][data-v-25aefe5a] {
            margin: calc((0 / var(--vw-base-width)) * 100vw) auto calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-tab [role="tab"][data-v-25aefe5a] {
        background-color: #fff;
        border: 2px solid #ccc;
        transition: background-color, color;
        transition-duration: .2s
    }

    .block-tab [role="tab"][data-v-25aefe5a]::before,
    .block-tab [role="tab"][data-v-25aefe5a]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-tab [role="tab"][data-v-25aefe5a]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-tab [role="tab"][data-v-25aefe5a]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .block-tab [role="tab"][data-v-25aefe5a] {
            width: calc((99.9% - (2.5rem * (4 - 1))) / 4)
        }

        .block-tab [role="tab"][data-v-25aefe5a]:nth-child(n+5) {
            margin-top: 2.5rem
        }

        .block-tab [role="tab"][data-v-25aefe5a]:not(:nth-child(4n)):not(:last-child) {
            margin-right: 2.5rem
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .block-tab [role="tab"][data-v-25aefe5a] {
            width: calc((99.9% - (1.4rem * (2 - 1))) / 2)
        }

        .block-tab [role="tab"][data-v-25aefe5a]:nth-child(n+3) {
            margin-top: 1.4rem
        }

        .block-tab [role="tab"][data-v-25aefe5a]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 1.4rem
        }
    }

    @media (max-width: 640px) {
        .block-tab [role="tab"][data-v-25aefe5a] {
            width: calc((99.9% - (2.1875vw * (2 - 1))) / 2)
        }

        .block-tab [role="tab"][data-v-25aefe5a]:nth-child(n+3) {
            margin-top: 2.1875vw
        }

        .block-tab [role="tab"][data-v-25aefe5a]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 2.1875vw
        }
    }

    @media (min-width: 768px) {
        .block-tab [role="tab"][data-v-25aefe5a] {
            border-radius: 7rem;
            font-size: 1.8rem;
            padding: 1rem
        }
    }

    @media (max-width: 767px) {
        .block-tab [role="tab"][data-v-25aefe5a] {
            font-size: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-tab [role="tab"][data-v-25aefe5a] {
            border-radius: 7rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-tab [role="tab"][data-v-25aefe5a] {
            border-radius: calc((70 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-tab [role="tab"][data-v-25aefe5a] {
            padding: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-tab [role="tab"][data-v-25aefe5a] {
            padding: calc((15 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-tab [role="tab"][aria-selected="true"][data-v-25aefe5a] {
        background-color: #999;
        color: #fff
    }

    .block-tab [role="tabpanel"][aria-hidden="true"][data-v-25aefe5a] {
        display: none
    }


    .block-main-visual[data-v-706d054c] {
        max-width: 1000px
    }

    @media (min-width: 768px) {
        .block-main-visual[data-v-706d054c] {
            margin: 0 auto 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-main-visual[data-v-706d054c] {
            margin: 0rem auto 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-main-visual[data-v-706d054c] {
            margin: calc((0 / var(--vw-base-width)) * 100vw) auto calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-main-visual .img-container[data-v-706d054c] {
        display: block;
        position: relative
    }

    .block-main-visual .img-container[data-v-706d054c]::before {
        content: "";
        display: block
    }

    @media (min-width: 768px) {
        .block-main-visual .img-container[data-v-706d054c]::before {
            padding-top: 50%
        }
    }

    @media (max-width: 767px) {
        .block-main-visual .img-container[data-v-706d054c]::before {
            padding-top: 120.66667%
        }
    }

    .block-main-visual img[data-v-706d054c] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: "object-fit: cover;"
    }


    .block-more-button[data-v-553ffd61] {
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-more-button[data-v-553ffd61] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-more-button[data-v-553ffd61] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-more-button[data-v-553ffd61] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-more-button[data-v-553ffd61] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-more-button[data-v-553ffd61] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-more-button[data-v-553ffd61] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (min-width: 768px) {
        .block-more-button__slot-container[data-v-553ffd61] {
            margin-left: -3.5rem;
            margin-right: -3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-more-button__slot-container[data-v-553ffd61] {
            margin-left: -3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-more-button__slot-container[data-v-553ffd61] {
            margin-left: calc((-35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-more-button__slot-container[data-v-553ffd61] {
            margin-right: -3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-more-button__slot-container[data-v-553ffd61] {
            margin-right: calc((-35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-more-button__slot-container[data-v-553ffd61] {
            padding: 3rem 0
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-more-button__slot-container[data-v-553ffd61] {
            padding: 3rem 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-more-button__slot-container[data-v-553ffd61] {
            padding: calc((30 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-more-button__slot-container[data-v-553ffd61]>*:first-child {
        margin-top: 0
    }

    .block-more-button__slot-container[data-v-553ffd61]>*:last-child {
        margin-bottom: 0
    }


    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-v-c5414464] {
            padding: 0rem 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-v-c5414464] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) {
        .ui-products .item[data-v-c5414464] {
            opacity: 1
        }
    }

    .ui-products .item__href[data-v-c5414464] {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100% - 40px);
        z-index: 2;
        background-color: transparent;
        transition: background-color .2s
    }

    .ui-products .item__href[data-v-c5414464]:hover {
        background-color: rgba(255, 255, 255, 0.3)
    }

    .ui-products .item__img-container[data-v-c5414464] {
        position: relative
    }

    .ui-products .item__img-container[data-v-c5414464]::before {
        content: "";
        display: block;
        padding-top: 100%
    }

    .ui-products .item__img-container img[data-v-c5414464] {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 85%;
        height: 85%;
        object-fit: cover;
        font-family: "object-fit: cover;"
    }

    .ui-products .item__img-underlay[data-v-c5414464] {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 61.66667%;
        height: 61.66667%;
        text-align: right
    }

    .ui-products .item__img-underlay span[data-v-c5414464] {
        font-weight: 700;
        font-family: var(--font-family--en);
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #a39187;
        letter-spacing: .15em
    }

    @media (min-width: 768px) {
        .ui-products .item__img-underlay span[data-v-c5414464] {
            font-size: 1rem
        }
    }

    @media (max-width: 767px) {
        .ui-products .item__img-underlay span[data-v-c5414464] {
            font-size: 1.3rem
        }
    }

    .ui-products .item__img-underlay[data-is-isEfforia="true"][data-v-c5414464] {
        background-color: #ebd8d8;
        border: 2px solid #ebd8d8
    }

    .ui-products .item__img-underlay[data-is-isEfforia="true"] span[data-v-c5414464] {
        color: #a39187
    }

    .ui-products .item__img-underlay[data-color="whiteline"][data-v-c5414464] {
        border: 2px solid #ebf0e9
    }

    .ui-products .item__img-underlay[data-color="whiteline"][data-is-premium="true"][data-v-c5414464] {
        background-color: #ebf0e9;
        border: 2px solid #ebf0e9
    }

    .ui-products .item__img-underlay[data-color="whiteline"][data-is-isEfforia="true"][data-v-c5414464] {
        background-color: #d6ebeb;
        border: 2px solid #d6ebeb
    }

    .ui-products .item__img-underlay[data-color="whiteline"][data-is-isEfforia="true"] span[data-v-c5414464] {
        color: #a39187
    }

    .ui-products .item__img-underlay[data-color="moistline"][data-v-c5414464] {
        border: 2px solid #f8eee6
    }

    .ui-products .item__img-underlay[data-color="moistline"][data-is-premium="true"][data-v-c5414464] {
        background-color: #f8eee6;
        border: 2px solid #f8eee6
    }

    .ui-products .item__img-underlay[data-color="sunnysourline"][data-v-c5414464] {
        border: 2px solid #eff4c6
    }

    .ui-products .item__img-underlay[data-color="sunnysourline"][data-is-premium="true"][data-v-c5414464] {
        background-color: #eff4c6;
        border: 2px solid #eff4c6
    }

    .ui-products .item__img-underlay[data-color="nightwell"][data-v-c5414464] {
        border: 2px solid #e6e0cb;
        background-color: #e6e0cb
    }

    .ui-products .item__img-underlay[data-color="nightwell"] span[data-v-c5414464] {
        color: #74ad89
    }

    .ui-products .item__img-underlay[data-color="otherline"][data-v-c5414464] {
        border: 2px solid #ede1d5
    }

    .ui-products .item__img-underlay[data-color="otherline"][data-is-premium="true"][data-v-c5414464] {
        background-color: #ede1d5;
        border: 2px solid #ede1d5
    }

    @media (min-width: 768px) {
        .ui-products .item__img-underlay[data-v-c5414464] {
            padding: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products .item__img-underlay[data-v-c5414464] {
            padding: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products .item__img-underlay[data-v-c5414464] {
            padding: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products .item__best-cosme[data-v-c5414464] {
        z-index: 2;
        position: absolute;
        left: 0;
        display: block
    }

    .ui-products .item__best-cosme svg[data-v-c5414464] {
        fill: #b1a685;
        width: 100%;
        height: 100%;
        vertical-align: top
    }

    .ui-products .item__label[data-v-c5414464] {
        z-index: 2;
        position: absolute
    }

    @media (min-width: 768px) {
        .ui-products .item__label[data-v-c5414464] {
            top: 1rem;
            left: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products .item__label[data-v-c5414464] {
            top: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products .item__label[data-v-c5414464] {
            top: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products .item__label[data-v-c5414464] {
            left: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products .item__label[data-v-c5414464] {
            left: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products .item__label p[data-v-c5414464]::before,
    .ui-products .item__label p[data-v-c5414464]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-products .item__label p[data-v-c5414464]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-products .item__label p[data-v-c5414464]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .ui-products .item__label p[data-v-c5414464]:not(:last-child) {
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products .item__label p[data-v-c5414464]:not(:last-child) {
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products .item__label p[data-v-c5414464]:not(:last-child) {
            margin-bottom: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products .item__label span[data-v-c5414464] {
        display: inline-block;
        font-family: var(--font-family--en);
        font-weight: 400;
        letter-spacing: -.03em;
        color: #9f873f;
        background-color: #fff;
        border: 1px solid #b1a685
    }

    .ui-products .item__label span[data-v-c5414464]::before,
    .ui-products .item__label span[data-v-c5414464]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-products .item__label span[data-v-c5414464]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-products .item__label span[data-v-c5414464]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .ui-products .item__label span[data-v-c5414464] {
            font-size: 1.1rem;
            padding: .5rem;
            border-radius: .4rem
        }
    }

    @media (max-width: 767px) {
        .ui-products .item__label span[data-v-c5414464] {
            font-size: 1.7rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products .item__label span[data-v-c5414464] {
            padding: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products .item__label span[data-v-c5414464] {
            padding: calc((5 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products .item__label span[data-v-c5414464] {
            border-radius: .4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products .item__label span[data-v-c5414464] {
            border-radius: calc((4 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products .item__fav[data-v-c5414464] {
        z-index: 3;
        position: absolute;
        transition: transform .15s
    }

    .ui-products .item__fav i[data-v-c5414464] {
        display: block;
        width: 100%;
        height: 100%;
        transition: transform .15s
    }

    .ui-products .item__fav svg[data-v-c5414464] {
        width: 100%;
        height: 100%
    }

    .ui-products .item__fav:hover i[data-v-c5414464] {
        transform: scale(1.25)
    }

    .ui-products .item__fav.--active[data-v-c5414464] {
        animation: favorited-data-v-c5414464 .3s
    }

    @keyframes favorited-data-v-c5414464 {
        50% {
            transform: scale(1.25)
        }

        100% {
            transform: sacale(1)
        }
    }

    .ui-products .item__fav.--active[data-v-c5414464] .border,
    .ui-products .item__fav.--active[data-v-c5414464] .fill {
        fill: #a39187
    }

    .ui-products .item__fav[data-v-c5414464]:not(.--active)  {
        animation: unfavorited-data-v-c5414464 .3s
    }

    @keyframes unfavorited-data-v-c5414464 {
        50% {
            transform: scale(1.25)
        }

        100% {
            transform: sacale(1)
        }
    }

    .ui-products .item__fav[data-v-c5414464]:not(.--active) .border {
        fill: #ccc
    }

    .ui-products .item__fav[data-v-c5414464]:not(.--active) .fill {
        fill: #fff
    }

    .ui-products .item__fav {
        background: url(../img/icon_list_heart.png) no-repeat 0 0;
        background-size: 100% auto;
    }

    .ui-products .item__fav.--active {
        background: url(../img/icon_list_heart_on.png) no-repeat 0 0;
        background-size: 100% auto;
    }

    .ui-products .item__fav > i {
        display: none;
    }

    .ui-products .item__release[data-v-c5414464] {
        color: #b1a685;
        letter-spacing: .05em
    }

    .ui-products .item__release[data-v-c5414464]::before,
    .ui-products .item__release[data-v-c5414464]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-products .item__release[data-v-c5414464]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-products .item__release[data-v-c5414464]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .ui-products .item__release[data-v-c5414464] {
            font-size: 1.5rem;
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) {
        .ui-products .item__release[data-v-c5414464] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products .item__release[data-v-c5414464] {
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products .item__release[data-v-c5414464] {
            margin-bottom: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products .item__catch[data-v-c5414464] {
        color: #a39187;
        font-weight: 600;
        line-height: var(--line-height--heading)
    }

    .ui-products .item__catch[data-v-c5414464]::before,
    .ui-products .item__catch[data-v-c5414464]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-products .item__catch[data-v-c5414464]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-products .item__catch[data-v-c5414464]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .ui-products .item__catch[data-v-c5414464] {
            font-size: 2.4rem;
            margin: 1rem auto
        }
    }

    @media (max-width: 767px) {
        .ui-products .item__catch[data-v-c5414464] {
            font-size: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products .item__catch[data-v-c5414464] {
            margin: 2rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products .item__catch[data-v-c5414464] {
            margin: calc((20 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .ui-products .item__series[data-v-c5414464]::before,
    .ui-products .item__series[data-v-c5414464]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-products .item__series[data-v-c5414464]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-products .item__series[data-v-c5414464]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .ui-products .item__series[data-v-c5414464] {
            font-size: 1.4rem;
            margin-bottom: .5rem
        }
    }

    @media (max-width: 767px) {
        .ui-products .item__series[data-v-c5414464] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products .item__series[data-v-c5414464] {
            margin-bottom: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products .item__series[data-v-c5414464] {
            margin-bottom: calc((5 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products .item__name[data-v-c5414464] {
        font-weight: 600
    }

    .ui-products .item__name[data-v-c5414464]::before,
    .ui-products .item__name[data-v-c5414464]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-products .item__name[data-v-c5414464]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-products .item__name[data-v-c5414464]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .ui-products .item__name[data-v-c5414464] {
            font-size: 1.5rem;
            margin-bottom: .5rem
        }
    }

    @media (max-width: 767px) {
        .ui-products .item__name[data-v-c5414464] {
            font-size: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products .item__name[data-v-c5414464] {
            margin-bottom: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products .item__name[data-v-c5414464] {
            margin-bottom: calc((5 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products .item__category[data-v-c5414464]::before,
    .ui-products .item__category[data-v-c5414464]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-products .item__category[data-v-c5414464]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-products .item__category[data-v-c5414464]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .ui-products .item__category[data-v-c5414464] {
            font-size: 1.4rem
        }
    }

    @media (max-width: 767px) {
        .ui-products .item__category[data-v-c5414464] {
            font-size: 2rem
        }
    }

    @media (min-width: 768px) {
        .ui-products .item__category[data-v-c5414464]:not(:last-child) {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products .item__category[data-v-c5414464]:not(:last-child) {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products .item__category[data-v-c5414464]:not(:last-child) {
            margin-bottom: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .ui-products .item__price[data-v-c5414464]:not(:last-child) {
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products .item__price[data-v-c5414464]:not(:last-child) {
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products .item__price[data-v-c5414464]:not(:last-child) {
            margin-bottom: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products .item__price dl[data-v-c5414464] {
        display: table-row
    }

    .ui-products .item__price dt[data-v-c5414464] {
        width: 1%
    }

    @media (min-width: 768px) {
        .ui-products .item__price dt[data-v-c5414464] {
            padding-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products .item__price dt[data-v-c5414464] {
            padding-right: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products .item__price dt[data-v-c5414464] {
            padding-right: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products .item__price dd[data-v-c5414464] {
        width: 99%
    }

    .ui-products .item__price dt[data-v-c5414464],
    .ui-products .item__price dd[data-v-c5414464] {
        display: table-cell
    }

    .ui-products .item__price dt[data-v-c5414464]::before,
    .ui-products .item__price dt[data-v-c5414464]::after,
    .ui-products .item__price dd[data-v-c5414464]::before,
    .ui-products .item__price dd[data-v-c5414464]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-products .item__price dt[data-v-c5414464]::before,
    .ui-products .item__price dd[data-v-c5414464]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-products .item__price dt[data-v-c5414464]::after,
    .ui-products .item__price dd[data-v-c5414464]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {

        .ui-products .item__price dt[data-v-c5414464],
        .ui-products .item__price dd[data-v-c5414464] {
            padding-bottom: 1rem
        }
    }

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

        .ui-products .item__price dt[data-v-c5414464],
        .ui-products .item__price dd[data-v-c5414464] {
            padding-bottom: 1rem
        }
    }

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

        .ui-products .item__price dt[data-v-c5414464],
        .ui-products .item__price dd[data-v-c5414464] {
            padding-bottom: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {

        .ui-products .item__price__size[data-v-c5414464],
        .ui-products .item__price__price[data-v-c5414464] {
            font-size: 1.4rem
        }
    }

    @media (max-width: 767px) {

        .ui-products .item__price__size[data-v-c5414464],
        .ui-products .item__price__price[data-v-c5414464] {
            font-size: 2.2rem
        }
    }

    @media (min-width: 768px) {
        .ui-products .item__price__tax[data-v-c5414464] {
            font-size: 1.4rem
        }
    }

    @media (max-width: 767px) {
        .ui-products .item__price__tax[data-v-c5414464] {
            font-size: 2rem
        }
    }

    .ui-products[data-size-lv="1"][data-v-c5414464] {
        max-width: 750px;
        margin: 0 auto
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="1"] .item[data-v-c5414464] {
            display: flex;
            align-items: center;
            justify-content: space-between
        }
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="1"] .item__img-container[data-v-c5414464] {
            flex-shrink: 0;
            width: 52%;
            margin-right: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="1"] .item__img-container[data-v-c5414464] {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="1"] .item__img-container[data-v-c5414464] {
            margin-bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="1"] .item__best-cosme[data-v-c5414464] {
            bottom: 1.8rem;
            left: -1.6rem;
            width: 8.4rem;
            height: 8.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="1"] .item__best-cosme[data-v-c5414464] {
            bottom: 2.3rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="1"] .item__best-cosme[data-v-c5414464] {
            bottom: calc((23 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="1"] .item__best-cosme[data-v-c5414464] {
            left: -1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="1"] .item__best-cosme[data-v-c5414464] {
            left: calc((-10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="1"] .item__best-cosme[data-v-c5414464] {
            width: 10.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="1"] .item__best-cosme[data-v-c5414464] {
            width: calc((104 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="1"] .item__best-cosme[data-v-c5414464] {
            height: 10.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="1"] .item__best-cosme[data-v-c5414464] {
            height: calc((104 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="1"] .item__fav[data-v-c5414464] {
            width: 2.6rem;
            height: 2.6rem;
            right: 3.5rem;
            bottom: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="1"] .item__fav[data-v-c5414464] {
            width: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="1"] .item__fav[data-v-c5414464] {
            width: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="1"] .item__fav[data-v-c5414464] {
            height: 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="1"] .item__fav[data-v-c5414464] {
            height: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="1"] .item__fav[data-v-c5414464] {
            right: 4.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="1"] .item__fav[data-v-c5414464] {
            right: calc((42 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="1"] .item__fav[data-v-c5414464] {
            bottom: 4.7rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="1"] .item__fav[data-v-c5414464] {
            bottom: calc((47 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="1"] .item__label span[data-v-c5414464] {
            font-size: 1.9rem;
            margin-bottom: .5rem
        }
    }

    @media (max-width: 767px) {
        .ui-products[data-size-lv="1"] .item__label span[data-v-c5414464] {
            font-size: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="1"] .item__label span[data-v-c5414464] {
            margin-bottom: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="1"] .item__label span[data-v-c5414464] {
            margin-bottom: calc((5 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products[data-size-lv="1"] .item__text-container[data-v-c5414464] {
        text-align: center
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="1"] .item__text-container[data-v-c5414464] {
            flex-grow: 1
        }
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="1"] .item__catch[data-v-c5414464] {
            margin: 2rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="1"] .item__catch[data-v-c5414464] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="1"] .item__catch[data-v-c5414464] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .ui-products[data-size-lv="1"] .item__price[data-v-c5414464] {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        display: table;
        white-space: nowrap
    }

    .ui-products[data-size-lv="1"] .item__price dt[data-v-c5414464] {
        width: auto
    }

    .ui-products[data-size-lv="1"] .item__price dd[data-v-c5414464] {
        width: auto
    }

    .ui-products[data-size-lv="2"][data-v-c5414464] {
        display: flex;
        flex-wrap: wrap
    }

    @media (min-width: 768px) and (min-width: 768px) {
        .ui-products[data-size-lv="2"][data-divide="3"] .item[data-v-c5414464] {
            width: calc((99.9% - (5rem * (3 - 1))) / 3)
        }

        .ui-products[data-size-lv="2"][data-divide="3"] .item[data-v-c5414464]:nth-child(n+4) {
            margin-top: 5rem
        }

        .ui-products[data-size-lv="2"][data-divide="3"] .item[data-v-c5414464]:not(:nth-child(3n)):not(:last-child) {
            margin-right: 5rem
        }
    }

    @media (min-width: 768px) and (min-width: 768px) {
        .ui-products[data-size-lv="2"][data-divide="4"] .item[data-v-c5414464] {
            width: calc((99.9% - (5rem * (4 - 1))) / 4)
        }

        .ui-products[data-size-lv="2"][data-divide="4"] .item[data-v-c5414464]:nth-child(n+5) {
            margin-top: 5rem
        }

        .ui-products[data-size-lv="2"][data-divide="4"] .item[data-v-c5414464]:not(:nth-child(4n)):not(:last-child) {
            margin-right: 5rem
        }
    }

    .ui-products[data-size-lv="2"] .item[data-v-c5414464] {
        position: relative;
        background-color: #fff;
        padding-bottom: 40px;
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="2"] .item[data-v-c5414464] {
            width: calc((99.9% - (2rem * (2 - 1))) / 2)
        }

        .ui-products[data-size-lv="2"] .item[data-v-c5414464]:nth-child(n+3) {
            margin-top: 2rem
        }

        .ui-products[data-size-lv="2"] .item[data-v-c5414464]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="2"] .item[data-v-c5414464] {
            width: calc((99.9% - (3.125vw * (2 - 1))) / 2)
        }

        .ui-products[data-size-lv="2"] .item[data-v-c5414464]:nth-child(n+3) {
            margin-top: 3.125vw
        }

        .ui-products[data-size-lv="2"] .item[data-v-c5414464]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 3.125vw
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="2"] .item[data-v-c5414464] {
            margin-bottom: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="2"] .item[data-v-c5414464] {
            margin-bottom: calc((50 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="2"] .item__text-container[data-v-c5414464] {
            padding: 1.8rem;
            padding-bottom: 24px;
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="2"] .item__text-container[data-v-c5414464] {
            padding: 3rem 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="2"] .item__text-container[data-v-c5414464] {
            padding: calc((30 / var(--vw-base-width)) * 100vw) calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products[data-size-lv="2"] .item__purpose[data-v-c5414464] {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        z-index: 3
    }

    .ui-products[data-size-lv="2"] .item__purpose li[data-v-c5414464] {
        border: 1px solid #f1efed
    }

    .ui-products[data-size-lv="2"] .item__purpose li[data-v-c5414464]::before,
    .ui-products[data-size-lv="2"] .item__purpose li[data-v-c5414464]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .ui-products[data-size-lv="2"] .item__purpose li[data-v-c5414464]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .ui-products[data-size-lv="2"] .item__purpose li[data-v-c5414464]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .ui-products[data-size-lv="2"] .item__purpose li a[data-v-c5414464] {
        text-decoration: none;
        color: #a39187;
        transition: opacity .2s
    }

    .ui-products[data-size-lv="2"] .item__purpose li a[data-v-c5414464]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="2"] .item__purpose li[data-v-c5414464] {
            font-size: 1.2rem;
            padding: .6rem;
            border-radius: .4rem;
            margin: 0 .6rem .6rem 0
        }
    }

    @media (max-width: 767px) {
        .ui-products[data-size-lv="2"] .item__purpose li[data-v-c5414464] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="2"] .item__purpose li[data-v-c5414464] {
            padding: .8rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="2"] .item__purpose li[data-v-c5414464] {
            padding: calc((8 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="2"] .item__purpose li[data-v-c5414464] {
            border-radius: .4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="2"] .item__purpose li[data-v-c5414464] {
            border-radius: calc((4 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="2"] .item__purpose li[data-v-c5414464] {
            margin: 0rem .8rem .8rem 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="2"] .item__purpose li[data-v-c5414464] {
            margin: calc((0 / var(--vw-base-width)) * 100vw) calc((8 / var(--vw-base-width)) * 100vw) calc((8 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products[data-size-lv="2"] .item__ranking[data-v-c5414464] {
        display: flex;
        align-items: center;
        font-weight: 600;
        white-space: nowrap
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="2"] .item__ranking[data-v-c5414464] {
            font-size: 1.4rem
        }
    }

    @media (max-width: 767px) {
        .ui-products[data-size-lv="2"] .item__ranking[data-v-c5414464] {
            font-size: 2.2rem
        }
    }

    .ui-products[data-size-lv="2"] .item__ranking i[data-v-c5414464] {
        display: block
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="2"] .item__ranking i[data-v-c5414464] {
            width: 1.6rem;
            height: 1.6rem;
            margin-right: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="2"] .item__ranking i[data-v-c5414464] {
            width: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="2"] .item__ranking i[data-v-c5414464] {
            width: calc((24 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="2"] .item__ranking i[data-v-c5414464] {
            height: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="2"] .item__ranking i[data-v-c5414464] {
            height: calc((24 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="2"] .item__ranking i[data-v-c5414464] {
            margin-right: 1.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="2"] .item__ranking i[data-v-c5414464] {
            margin-right: calc((12 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products[data-size-lv="2"] .item__ranking svg[data-v-c5414464] {
        fill: #b1a685
    }

    .ui-products[data-size-lv="2"] .item__ranking span[data-v-c5414464]:last-child {
        color: #b1a685
    }

    .ui-products[data-size-lv="2"] .item__price__box[data-v-c5414464] {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline
    }

    .ui-products[data-size-lv="2"] .item__sizes[data-v-c5414464] {
        margin-right: 1.5rem
    }

    .ui-products[data-size-lv="2"] .item__prices[data-v-c5414464] {
        display: flex;
        flex-wrap: wrap;
        word-break: break-word
    }

    @media (min-width: 768px) {

        .ui-products[data-size-lv="2"] .item__best-cosme[data-v-c5414464],
        .ui-products[data-size-lv="3"] .item__best-cosme[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__best-cosme[data-v-c5414464] {
            bottom: 1rem;
            width: 4.75rem;
            height: 4.75rem
        }
    }

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

        .ui-products[data-size-lv="2"] .item__best-cosme[data-v-c5414464],
        .ui-products[data-size-lv="3"] .item__best-cosme[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__best-cosme[data-v-c5414464] {
            bottom: 1.5rem
        }
    }

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

        .ui-products[data-size-lv="2"] .item__best-cosme[data-v-c5414464],
        .ui-products[data-size-lv="3"] .item__best-cosme[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__best-cosme[data-v-c5414464] {
            bottom: calc((15 / var(--vw-base-width)) * 100vw)
        }
    }

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

        .ui-products[data-size-lv="2"] .item__best-cosme[data-v-c5414464],
        .ui-products[data-size-lv="3"] .item__best-cosme[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__best-cosme[data-v-c5414464] {
            width: 6.5rem
        }
    }

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

        .ui-products[data-size-lv="2"] .item__best-cosme[data-v-c5414464],
        .ui-products[data-size-lv="3"] .item__best-cosme[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__best-cosme[data-v-c5414464] {
            width: calc((65 / var(--vw-base-width)) * 100vw)
        }
    }

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

        .ui-products[data-size-lv="2"] .item__best-cosme[data-v-c5414464],
        .ui-products[data-size-lv="3"] .item__best-cosme[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__best-cosme[data-v-c5414464] {
            height: 6.5rem
        }
    }

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

        .ui-products[data-size-lv="2"] .item__best-cosme[data-v-c5414464],
        .ui-products[data-size-lv="3"] .item__best-cosme[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__best-cosme[data-v-c5414464] {
            height: calc((65 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {

        .ui-products[data-size-lv="2"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="3"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__fav[data-v-c5414464] {
            width: 2.5rem;
            height: 2.5rem;
            right: 1.5rem;
            bottom: 1.5rem
        }
    }

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

        .ui-products[data-size-lv="2"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="3"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__fav[data-v-c5414464] {
            width: 3.1rem
        }
    }

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

        .ui-products[data-size-lv="2"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="3"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__fav[data-v-c5414464] {
            width: calc((31 / var(--vw-base-width)) * 100vw)
        }
    }

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

        .ui-products[data-size-lv="2"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="3"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__fav[data-v-c5414464] {
            height: 3.1rem
        }
    }

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

        .ui-products[data-size-lv="2"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="3"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__fav[data-v-c5414464] {
            height: calc((31 / var(--vw-base-width)) * 100vw)
        }
    }

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

        .ui-products[data-size-lv="2"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="3"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__fav[data-v-c5414464] {
            right: 2.5rem
        }
    }

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

        .ui-products[data-size-lv="2"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="3"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__fav[data-v-c5414464] {
            right: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

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

        .ui-products[data-size-lv="2"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="3"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__fav[data-v-c5414464] {
            bottom: 2.5rem
        }
    }

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

        .ui-products[data-size-lv="2"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="3"] .item__fav[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__fav[data-v-c5414464] {
            bottom: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products[data-size-lv="3"] .swiper-container[data-v-c5414464] {
        max-width: 750px
    }

    .ui-products[data-size-lv="3"] .item[data-v-c5414464] {
        background-color: #fff
    }

    .ui-products[data-size-lv="3"] .item__text-container[data-v-c5414464],
    .ui-products[data-size-lv="3"] .item__text-container *[data-v-c5414464] {
        box-sizing: border-box
    }

    @media (min-width: 768px) {
        .ui-products[data-size-lv="3"] .item__text-container[data-v-c5414464] {
            padding: 1.8rem 1.8rem 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .ui-products[data-size-lv="3"] .item__text-container[data-v-c5414464] {
            padding: 3rem 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .ui-products[data-size-lv="3"] .item__text-container[data-v-c5414464] {
            padding: calc((30 / var(--vw-base-width)) * 100vw) calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .ui-products[data-size-lv="4"] .swiper-container[data-v-c5414464] {
        max-width: 90%
    }

    .ui-products[data-size-lv="3"][data-v-c5414464],
    .ui-products[data-size-lv="4"][data-v-c5414464] {
        position: relative
    }

    .ui-products[data-size-lv="3"] .swiper-container[data-v-c5414464],
    .ui-products[data-size-lv="4"] .swiper-container[data-v-c5414464] {
        margin: 0 auto
    }

    @media (max-width: 767px) {

        .ui-products[data-size-lv="3"][data-v-c5414464] .swiper-slide,
        .ui-products[data-size-lv="4"][data-v-c5414464] .swiper-slide {
            width: auto !important
        }
    }

    @media (max-width: 767px) {

        .ui-products[data-size-lv="3"] .item[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item[data-v-c5414464] {
            width: 32vw
        }
    }

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

        .ui-products[data-size-lv="3"] .item[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item[data-v-c5414464] {
            margin-right: 1rem
        }
    }

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

        .ui-products[data-size-lv="3"] .item[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item[data-v-c5414464] {
            margin-right: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {

        .ui-products[data-size-lv="3"] .item__img-container[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__img-container[data-v-c5414464] {
            margin-bottom: 1rem
        }
    }

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

        .ui-products[data-size-lv="3"] .item__img-container[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__img-container[data-v-c5414464] {
            margin-bottom: 1rem
        }
    }

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

        .ui-products[data-size-lv="3"] .item__img-container[data-v-c5414464],
        .ui-products[data-size-lv="4"] .item__img-container[data-v-c5414464] {
            margin-bottom: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) {
        .ui-products .arrows[data-v-c5414464] {
            display: none
        }
    }

    .ui-products .arrows button[data-v-c5414464] {
        fill: #a39187;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 3rem;
        height: 3rem;
        z-index: 2
    }

    .ui-products .arrows > div {
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .ui-products .arrows > button[data-v-c5414464]:first-child,
    .ui-products .arrows .arrows-prev {
        left: 0
    }

    .ui-products .arrows > button[data-v-c5414464]:last-child{
        right: 0;
        transform: scale(-1)
    }

    .ui-products .arrows .arrows-next {
        right: 0;
    }

    .ui-products .arrows .arrows-next > button {
        transform: scale(-1)
    }

    .ui-products .arrows button[data-inactive="true"][data-v-c5414464],
    .ui-products .arrows div[aria-disabled="true"] > button {
        pointer-events: none;
        opacity: .3
    }


    .block-products[data-v-a8905cbe] {
        max-width: calc(1000px + 7rem)
    }

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

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

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

    @media (min-width: 768px) {
        .block-products[data-v-a8905cbe] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-products[data-v-a8905cbe] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-products[data-v-a8905cbe] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-products[data-v-a8905cbe] {
            margin: 3rem auto
        }
    }

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

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


    .ui-banner-list[data-v-62559541] {
        max-width: 1000px;
        margin: 0 auto
    }

    @media (min-width: 768px) {
        .ui-banner-list__inner[data-v-62559541] {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: -1rem
        }
    }

    .item[data-v-62559541] {
        border: 1px solid #ccc
    }

    @media (min-width: 768px) {
        .item[data-v-62559541] {
            width: 325px;
            margin-top: 1rem
        }

        .item[data-v-62559541]:not(:nth-child(3n+1)) {
            margin-left: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item[data-v-62559541]:not(:last-child) {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .item[data-v-62559541]:not(:last-child) {
            margin-bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .item__href[data-v-62559541] {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: inherit;
        transition: opacity .2s
    }

    .item__href[data-v-62559541]:hover {
        opacity: .7
    }

    .item__img-container[data-v-62559541]:not(:only-child) {
        flex-shrink: 0;
        position: relative
    }

    @media (min-width: 768px) {
        .item__img-container[data-v-62559541]:not(:only-child) {
            width: 35.07692%
        }
    }

    @media (max-width: 767px) {
        .item__img-container[data-v-62559541]:not(:only-child) {
            width: 31.66667%
        }
    }

    .item__img-container[data-v-62559541]:not(:only-child)::before {
        content: "";
        display: block
    }

    @media (min-width: 768px) {
        .item__img-container[data-v-62559541]:not(:only-child)::before {
            padding-top: 74.5614%
        }
    }

    @media (max-width: 767px) {
        .item__img-container[data-v-62559541]:not(:only-child)::before {
            padding-top: 73.68421%
        }
    }

    .item__img-container:not(:only-child) img[data-v-62559541] {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
        font-family: "object-fit: cover;"
    }

    .item__img-container[data-v-62559541]:only-child {
        width: 100%
    }

    .item__img-container:only-child img[data-v-62559541] {
        width: 100%
    }

    .item__text-container[data-v-62559541] {
        flex-grow: 1;
        line-height: 1.5
    }

    @media (min-width: 768px) {
        .item__text-container[data-v-62559541] {
            padding: 0 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item__text-container[data-v-62559541] {
            padding: 0rem 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .item__text-container[data-v-62559541] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .item__heading[data-v-62559541] {
        color: #a39187;
        font-family: var(--font-family--en);
        font-weight: 600
    }

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

    .item__heading[data-v-62559541]::before {
        margin-top: calc((1 - 1.5) * .5em)
    }

    .item__heading[data-v-62559541]::after {
        margin-bottom: calc((1 - 1.5) * .5em)
    }

    @media (min-width: 768px) {
        .item__heading[data-v-62559541] {
            font-size: 1.4rem;
            margin-bottom: .5rem
        }
    }

    @media (max-width: 767px) {
        .item__heading[data-v-62559541] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .item__heading[data-v-62559541] {
            margin-bottom: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .item__heading[data-v-62559541] {
            margin-bottom: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

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

    .item__text[data-v-62559541]::before {
        margin-top: calc((1 - 1.5) * .5em)
    }

    .item__text[data-v-62559541]::after {
        margin-bottom: calc((1 - 1.5) * .5em)
    }

    @media (min-width: 768px) {
        .item__text[data-v-62559541] {
            font-size: 1.4rem
        }
    }

    @media (max-width: 767px) {
        .item__text[data-v-62559541] {
            font-size: 2.4rem
        }
    }


    .block-banner-list[data-v-22c54cb0] {
        max-width: calc(1000px + 7rem)
    }

    @media (min-width: 768px) {
        .block-banner-list[data-v-22c54cb0] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-banner-list[data-v-22c54cb0] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-banner-list[data-v-22c54cb0] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-banner-list[data-v-22c54cb0] {
            margin: 3rem auto
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-banner-list[data-v-22c54cb0] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }


    .ui-share-btn[data-v-c64972d2] {
        display: flex;
        align-items: center
    }

    .ui-share-btn[data-align="center"][data-v-c64972d2] {
        justify-content: center
    }

    .ui-share-btn[data-align="right"][data-v-c64972d2] {
        justify-content: flex-end
    }

    p[data-v-c64972d2] {
        letter-spacing: .05em
    }

    @media (min-width: 768px) {
        p[data-v-c64972d2] {
            font-size: 1.5rem;
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) {
        p[data-v-c64972d2] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        p[data-v-c64972d2] {
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        p[data-v-c64972d2] {
            margin-right: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    button[data-v-c64972d2] {
        fill: #666;
        transition: opacity .2s;
        position: relative
    }

    button[data-v-c64972d2]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        button[data-v-c64972d2] {
            width: calc(2rem * 1.5);
            height: calc(2rem * 1.5);
            margin-right: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        button[data-v-c64972d2] {
            width: 5.25rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        button[data-v-c64972d2] {
            width: calc((52.5 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        button[data-v-c64972d2] {
            margin-right: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        button[data-v-c64972d2] {
            margin-right: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) {
        button[data-v-c64972d2]::before {
            content: "";
            padding-top: 100%;
            display: block;
            width: 100%
        }

        button i[data-v-c64972d2] {
            position: absolute;
            top: 0;
            left: 0
        }
    }

    button i[data-v-c64972d2] {
        display: block;
        width: 100%;
        height: 100%
    }


    .block-share-btn[data-v-11842d08] {
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-share-btn[data-v-11842d08] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-share-btn[data-v-11842d08] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-share-btn[data-v-11842d08] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-share-btn[data-v-11842d08] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-share-btn[data-v-11842d08] {
            margin: 3rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-share-btn[data-v-11842d08] {
            margin: calc((30 / var(--vw-base-width)) * 100vw) auto
        }
    }


    .block-heading-lv1-category[data-v-0b406b98] {
        margin: 0 auto;
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-heading-lv1-category[data-v-0b406b98] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1-category[data-v-0b406b98] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1-category[data-v-0b406b98] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-heading-lv1-category .category[data-v-0b406b98] {
        color: #a39187;
        font-family: var(--font-family--en);
        letter-spacing: .05em;
        font-weight: 500;
        position: relative
    }

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

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

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

    @media (min-width: 768px) {
        .block-heading-lv1-category .category[data-v-0b406b98] {
            margin-bottom: .5rem;
            font-size: 1.6rem
        }
    }

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

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1-category .category[data-v-0b406b98] {
            margin-bottom: .5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1-category .category[data-v-0b406b98] {
            margin-bottom: calc((5 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-heading-lv1-category .category[data-align="center"][data-v-0b406b98] {
        text-align: center
    }

    .block-heading-lv1-category p[data-v-0b406b98] {
        color: #999;
        line-height: 1.6
    }

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

    @media (min-width: 768px) {
        .block-heading-lv1-category p[data-v-0b406b98] {
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .block-heading-lv1-category p[data-v-0b406b98] {
            font-size: 2.4rem
        }
    }


    .block-heading-lv1-date[data-v-4a68400e] {
        margin: 0 auto;
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-heading-lv1-date[data-v-4a68400e] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1-date[data-v-4a68400e] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1-date[data-v-4a68400e] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-heading-lv1-date .date[data-v-4a68400e] {
        letter-spacing: .1em
    }

    .block-heading-lv1-date .date[data-v-4a68400e]::before,
    .block-heading-lv1-date .date[data-v-4a68400e]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

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

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

    @media (min-width: 768px) {
        .block-heading-lv1-date .date[data-v-4a68400e] {
            margin-bottom: 2rem;
            font-size: 1.6rem
        }
    }

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

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1-date .date[data-v-4a68400e] {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1-date .date[data-v-4a68400e] {
            margin-bottom: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-heading-lv1-date .date[data-align="center"][data-v-4a68400e] {
        text-align: center
    }

    .block-heading-lv1-date p[data-v-4a68400e] {
        color: #999;
        line-height: 1.6
    }

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

    @media (min-width: 768px) {
        .block-heading-lv1-date p[data-v-4a68400e] {
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .block-heading-lv1-date p[data-v-4a68400e] {
            font-size: 2.4rem
        }
    }


    .block-heading-lv1-heading[data-v-42d57a10] {
        margin: 0 auto;
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-heading-lv1-heading[data-v-42d57a10] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1-heading[data-v-42d57a10] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1-heading[data-v-42d57a10] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-heading-lv1-heading h1[data-v-42d57a10] {
        color: #666;
        line-height: 1.3
    }

    .block-heading-lv1-heading h1[data-align="center"][data-v-42d57a10] {
        text-align: center
    }

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

    @media (min-width: 768px) {
        .block-heading-lv1-heading h1[data-v-42d57a10] {
            font-size: 3rem;
            margin-bottom: 3.2rem
        }
    }

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

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1-heading h1[data-v-42d57a10] {
            margin-bottom: 3.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1-heading h1[data-v-42d57a10] {
            margin-bottom: calc((32 / var(--vw-base-width)) * 100vw)
        }
    }


    .block-heading-lv1-img[data-v-342ca2e2] {
        max-width: 750px;
        margin: 0 auto;
        position: relative;
        text-align: center
    }

    .block-heading-lv1-img[data-full-width="true"][data-v-342ca2e2] {
        max-width: 100%
    }

    .block-heading-lv1-img[data-full-width="true"] img[data-v-342ca2e2] {
        width: 100%
    }

    @media (min-width: 768px) {
        .block-heading-lv1-img[data-v-342ca2e2] {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1-img[data-v-342ca2e2] {
            margin-bottom: 3rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1-img[data-v-342ca2e2] {
            margin-bottom: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }


    .block-heading-lv1-sub-text[data-v-5df68e8e] {
        margin: 0 auto;
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-heading-lv1-sub-text[data-v-5df68e8e] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1-sub-text[data-v-5df68e8e] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1-sub-text[data-v-5df68e8e] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-heading-lv1-sub-text p[data-v-5df68e8e] {
        color: #999;
        line-height: 1.6
    }

    .block-heading-lv1-sub-text p[data-align="center"][data-v-5df68e8e] {
        text-align: center
    }

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

    @media (min-width: 768px) {
        .block-heading-lv1-sub-text p[data-v-5df68e8e] {
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .block-heading-lv1-sub-text p[data-v-5df68e8e] {
            font-size: 2.4rem
        }
    }


    .block-heading-lv1-tags[data-v-80b525fa] {
        margin: 0 auto;
        max-width: calc(750px + 7rem)
    }

    @media (min-width: 768px) {
        .block-heading-lv1-tags[data-v-80b525fa] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1-tags[data-v-80b525fa] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1-tags[data-v-80b525fa] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-heading-lv1-tags .tag[data-v-80b525fa] {
        display: flex;
        flex-wrap: wrap
    }

    @media (min-width: 768px) {
        .block-heading-lv1-tags .tag[data-v-80b525fa] {
            margin-top: -.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-heading-lv1-tags .tag[data-v-80b525fa] {
            margin-top: -.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1-tags .tag[data-v-80b525fa] {
            margin-top: calc((-8 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-heading-lv1-tags .tag[data-align="center"][data-v-80b525fa] {
        justify-content: center
    }

    .block-heading-lv1-tags .tag li[data-v-80b525fa] {
        border: 1px solid #ebebeb
    }

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

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

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

    @media (min-width: 768px) {
        .block-heading-lv1-tags .tag li[data-v-80b525fa] {
            font-size: 1.4rem;
            padding: .5rem 1.5rem;
            margin-top: .8rem;
            margin-right: .8rem;
            border-radius: .4rem
        }
    }

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

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

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

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1-tags .tag li[data-v-80b525fa] {
            margin-top: calc((8 / var(--vw-base-width)) * 100vw)
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .block-heading-lv1-tags .tag li[data-v-80b525fa] {
            margin-right: calc((8 / var(--vw-base-width)) * 100vw)
        }
    }

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

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


    .block-pic-list-text[data-v-05a2b98e] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: calc(1000px + 7rem)
    }

    @media (min-width: 768px) {
        .block-pic-list-text[data-v-05a2b98e] {
            padding: 0 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-list-text[data-v-05a2b98e] {
            padding: 0rem 3.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-list-text[data-v-05a2b98e] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((35 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .block-pic-list-text[data-v-05a2b98e] {
            margin: 3rem auto
        }
    }

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

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

    @media (min-width: 768px) {
        .block-pic-list-text[data-divide="2-2"] .item[data-v-05a2b98e] {
            width: calc((99.9% - (4rem * (2 - 1))) / 2)
        }

        .block-pic-list-text[data-divide="2-2"] .item[data-v-05a2b98e]:nth-child(n+3) {
            margin-top: 4rem
        }

        .block-pic-list-text[data-divide="2-2"] .item[data-v-05a2b98e]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 4rem
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .block-pic-list-text[data-divide="2-2"] .item[data-v-05a2b98e] {
            width: calc((99.9% - (2rem * (2 - 1))) / 2)
        }

        .block-pic-list-text[data-divide="2-2"] .item[data-v-05a2b98e]:nth-child(n+3) {
            margin-top: 2rem
        }

        .block-pic-list-text[data-divide="2-2"] .item[data-v-05a2b98e]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 2rem
        }
    }

    @media (max-width: 640px) {
        .block-pic-list-text[data-divide="2-2"] .item[data-v-05a2b98e] {
            width: calc((99.9% - (3.125vw * (2 - 1))) / 2)
        }

        .block-pic-list-text[data-divide="2-2"] .item[data-v-05a2b98e]:nth-child(n+3) {
            margin-top: 3.125vw
        }

        .block-pic-list-text[data-divide="2-2"] .item[data-v-05a2b98e]:not(:nth-child(2n)):not(:last-child) {
            margin-right: 3.125vw
        }
    }

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

        .block-pic-list-text[data-divide="3-3"] .item[data-v-05a2b98e]:nth-child(n+4) {
            margin-top: 4rem
        }

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

    @media (max-width: 767px) and (min-width: 641px) {
        .block-pic-list-text[data-divide="3-3"] .item[data-v-05a2b98e] {
            width: calc((99.9% - (2rem * (3 - 1))) / 3)
        }

        .block-pic-list-text[data-divide="3-3"] .item[data-v-05a2b98e]:nth-child(n+4) {
            margin-top: 2rem
        }

        .block-pic-list-text[data-divide="3-3"] .item[data-v-05a2b98e]:not(:nth-child(3n)):not(:last-child) {
            margin-right: 2rem
        }
    }

    @media (max-width: 640px) {
        .block-pic-list-text[data-divide="3-3"] .item[data-v-05a2b98e] {
            width: calc((99.9% - (3.125vw * (3 - 1))) / 3)
        }

        .block-pic-list-text[data-divide="3-3"] .item[data-v-05a2b98e]:nth-child(n+4) {
            margin-top: 3.125vw
        }

        .block-pic-list-text[data-divide="3-3"] .item[data-v-05a2b98e]:not(:nth-child(3n)):not(:last-child) {
            margin-right: 3.125vw
        }
    }

    .block-pic-list-text .item[data-v-05a2b98e] {
        display: block
    }

    .block-pic-list-text .item__inner[data-v-05a2b98e] {
        color: inherit;
        text-decoration: none
    }

    .block-pic-list-text .heading[data-v-05a2b98e] {
        font-weight: 600;
        text-align: center
    }

    .block-pic-list-text .heading[data-v-05a2b98e]::before,
    .block-pic-list-text .heading[data-v-05a2b98e]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .block-pic-list-text .heading[data-v-05a2b98e]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .block-pic-list-text .heading[data-v-05a2b98e]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .block-pic-list-text .heading[data-align="left"][data-v-05a2b98e] {
        text-align: left
    }

    @media (min-width: 768px) {
        .block-pic-list-text .heading[data-v-05a2b98e] {
            font-size: 1.8rem
        }
    }

    @media (max-width: 767px) {
        .block-pic-list-text .heading[data-v-05a2b98e] {
            font-size: 2.6rem
        }
    }

    .block-pic-list-text .pic-container[data-v-05a2b98e] {
        text-align: center
    }

    @media (min-width: 768px) {
        .block-pic-list-text .text-container[data-v-05a2b98e] {
            padding: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-list-text .text-container[data-v-05a2b98e] {
            padding: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-list-text .text-container[data-v-05a2b98e] {
            padding: calc((25 / var(--vw-base-width)) * 100vw)
        }
    }

    .block-pic-list-text .text[data-v-05a2b98e]::before,
    .block-pic-list-text .text[data-v-05a2b98e]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

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

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

    @media (min-width: 768px) {
        .block-pic-list-text .text[data-v-05a2b98e] {
            margin-top: 2rem;
            font-size: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .block-pic-list-text .text[data-v-05a2b98e] {
            font-size: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .block-pic-list-text .text[data-v-05a2b98e] {
            margin-top: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .block-pic-list-text .text[data-v-05a2b98e] {
            margin-top: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .caption[data-v-05a2b98e] {
            font-size: 1.2rem;
            margin-top: 1rem;
            margin-bottom: 0
        }
    }

    @media (max-width: 767px) {
        .caption[data-v-05a2b98e] {
            font-size: 2rem;
            margin-bottom: 0
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .caption[data-v-05a2b98e] {
            margin-top: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .caption[data-v-05a2b98e] {
            margin-top: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }


    .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {

        .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: 640px) {

        .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: 640px) {

        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {

        .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: 640px) {

        .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: 640px) {

        .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)
    }


    .common-store-modal[data-v-574416ca] {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 1020;
        --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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .loading-spinner[data-v-574416ca]::before {
            height: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }


    a[data-v-69916f1c],
    button[data-v-69916f1c] {
        display: block;
        text-decoration: none;
        color: inherit;
        transition: opacity .2s
    }

    .common-global-nav-pc[data-v-69916f1c] {
        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-69916f1c] {
        opacity: 0;
        transition: 1s opacity;
        z-index: 1
    }

    .common-global-nav-pc[data-is-active="true"][data-v-69916f1c] {
        pointer-events: auto;
        opacity: 1;
        visibility: visible
    }

    .common-global-nav-pc[data-is-active="true"] .grad-bg[data-v-69916f1c] {
        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-69916f1c] {
        animation: toggle-btn-fade-in-data-v-69916f1c 1s
    }

    @keyframes toggle-btn-fade-in-data-v-69916f1c {
        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-69916f1c] {
        background-image:url(../img/ig_bg.jpg)
    }

    .common-global-nav-pc[data-site-type="ig"] .toggle-btn[data-v-69916f1c] {
        background-color: #512f2e
    }

    .common-global-nav-pc[data-site-type="io"][data-v-69916f1c] {
        background-image: url(/assets/images/common/io_bg.jpg)
    }

    .common-global-nav-pc[data-site-type="io"] .toggle-btn[data-v-69916f1c] {
        background-color: #a39187;
    }

    .common-global-nav-pc .toggle-btn[data-v-69916f1c] {
        position: relative;
        width: 10rem;
        white-space: nowrap;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .common-global-nav-pc .toggle-btn span[data-v-69916f1c] {
        color: #fff;
        font-weight: 500;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr
    }

    .common-global-nav-pc .toggle-btn i[data-v-69916f1c] {
        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-69916f1c] {
        transform: translateX(25%)
    }

    .common-global-nav-pc .main-container[data-v-69916f1c] {
        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-69916f1c] {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    html[data-is-touchdevice="false"] .common-global-nav-pc .main-container[data-v-69916f1c] {
        overflow: hidden;
    }

    .common-global-nav-pc .main-container__inner[data-v-69916f1c] {
        margin: 0 auto;
        max-width: 100%;
        max-height: 100%;
        margin-right: 3rem;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: none;
    }

    .common-global-nav-pc .upper-area[data-v-69916f1c],
    .common-global-nav-pc .footer-area[data-v-69916f1c] {
        width: calc(950px + 7rem);
        padding: 0 2rem 0 5rem
    }

    .common-global-nav-pc .upper-area[data-v-69916f1c] {
        display: flex;
        justify-content: space-between;
        overflow: visible
    }

    .common-global-nav-pc .upper-area__right[data-v-69916f1c] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 45rem;
        position: relative;
        width: 100%;
    }

    .common-global-nav-pc .primary-nav[data-v-69916f1c] {
        flex-shrink: 0;
        margin-right: 16.84211%
    }

    .common-global-nav-pc .primary-nav-item[data-v-69916f1c]:not(:last-child) {
        margin-bottom: 2.8rem
    }

    .common-global-nav-pc .primary-nav-item button[data-v-69916f1c] {
        text-align: left
    }

    .common-global-nav-pc .primary-nav-item__heading[data-v-69916f1c] {
        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-69916f1c]::before,
    .common-global-nav-pc .primary-nav-item__heading[data-v-69916f1c]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .common-global-nav-pc .primary-nav-item__heading[data-v-69916f1c]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .primary-nav-item__heading[data-v-69916f1c]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .primary-nav-item__heading i[data-v-69916f1c] {
        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-69916f1c] {
        transform: rotate(90deg)
    }

    .common-global-nav-pc .primary-nav-item__heading i[aria-expanded="true"][data-v-69916f1c]::after {
        display: none
    }

    .common-global-nav-pc .primary-nav-item__heading i[data-v-69916f1c]::before,
    .common-global-nav-pc .primary-nav-item__heading i[data-v-69916f1c]::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-69916f1c]::before {
        width: 1px;
        height: 100%
    }

    .common-global-nav-pc .primary-nav-item__heading i[data-v-69916f1c]::after {
        width: 100%;
        height: 1px
    }

    .common-global-nav-pc .primary-nav-item__sub-heading[data-v-69916f1c] {
        color: #888;
        font-size: 1.3rem;
        letter-spacing: .16em;
        display: block
    }

    .common-global-nav-pc .primary-nav-item__sub-heading[data-v-69916f1c]::before,
    .common-global-nav-pc .primary-nav-item__sub-heading[data-v-69916f1c]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .common-global-nav-pc .primary-nav-item__sub-heading[data-v-69916f1c]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .primary-nav-item__sub-heading[data-v-69916f1c]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .primary-nav-item__sub-heading span[data-v-69916f1c]:first-child {
        font-family: var(--font-family--en);
        font-weight: 400
    }

    .common-global-nav-pc .child-nav[data-v-69916f1c] {
        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;
        position: absolute;
    }

    .common-global-nav-pc .child-nav[data-v-69916f1c].on-inactive {
        display: none !important;
    }

    .common-global-nav-pc .child-nav-enter-active[data-v-69916f1c],
    .common-global-nav-pc .child-nav-leave-active[data-v-69916f1c] {
        transition: all .3s
    }

    .common-global-nav-pc .child-nav-enter[data-v-69916f1c],
    .common-global-nav-pc .child-nav-leave-to[data-v-69916f1c] {
        opacity: 0;
        transform: translateX(-25%)
    }

    .common-global-nav-pc .child-nav-item[data-v-69916f1c]:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        grid-area: item1
    }

    .common-global-nav-pc .child-nav-item[data-v-69916f1c]:nth-child(2) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        grid-area: item2
    }

    .common-global-nav-pc .child-nav-item[data-v-69916f1c]:nth-child(3) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        grid-area: item3
    }

    .common-global-nav-pc .child-nav-item[data-v-69916f1c]:nth-child(4) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        grid-area: item4
    }

    .common-global-nav-pc .child-nav-item[data-v-69916f1c]:nth-child(5) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        grid-area: item5
    }

    .common-global-nav-pc .child-nav-item[data-v-69916f1c]:nth-child(6) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        grid-area: item6
    }

    .common-global-nav-pc .child-nav-item[data-v-69916f1c]:nth-child(7) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        grid-area: item7
    }

    .common-global-nav-pc .child-nav-item[data-v-69916f1c]:nth-child(8) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
        grid-area: item8
    }

    .common-global-nav-pc .child-nav-item[data-v-69916f1c]:nth-child(9) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
        grid-area: item9
    }

    .common-global-nav-pc .child-nav-item[data-v-69916f1c]:nth-child(10) {
        -ms-grid-row: 5;
        -ms-grid-column: 2;
        grid-area: item10
    }

    .common-global-nav-pc .child-nav-item__heading[data-v-69916f1c] {
        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-69916f1c]::before,
    .common-global-nav-pc .child-nav-item__heading[data-v-69916f1c]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .common-global-nav-pc .child-nav-item__heading[data-v-69916f1c]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .child-nav-item__heading[data-v-69916f1c]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .child-nav-item__sub-heading[data-v-69916f1c] {
        color: #888;
        font-size: 1.3rem;
        letter-spacing: .16em;
        display: block
    }

    .common-global-nav-pc .child-nav-item__sub-heading[data-v-69916f1c]::before,
    .common-global-nav-pc .child-nav-item__sub-heading[data-v-69916f1c]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .common-global-nav-pc .child-nav-item__sub-heading[data-v-69916f1c]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .child-nav-item__sub-heading[data-v-69916f1c]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .child-nav-item__sub-heading span[data-v-69916f1c]:first-child {
        font-family: var(--font-family--en);
        font-weight: 400
    }

    .common-global-nav-pc .secondary-nav[data-v-69916f1c] {
        display: flex;
        flex-wrap: wrap;
        width: 57rem;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .common-global-nav-pc .secondary-nav-item[data-v-69916f1c] {
        width: 33%
    }

    .common-global-nav-pc .secondary-nav-item[data-v-69916f1c]:nth-child(n+4) {
        margin-top: 2.7rem
    }

    .common-global-nav-pc .secondary-nav-item a[data-v-69916f1c] {
        display: flex;
        align-items: center;
        height: 100%
    }

    .common-global-nav-pc .secondary-nav-item a[data-v-69916f1c]::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-69916f1c] {
        letter-spacing: .16em;
        line-height: 1.82rem;
        font-size: 1.3rem
    }

    .common-global-nav-pc .secondary-nav-item span[data-v-69916f1c]::before,
    .common-global-nav-pc .secondary-nav-item span[data-v-69916f1c]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .common-global-nav-pc .secondary-nav-item span[data-v-69916f1c]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .secondary-nav-item span[data-v-69916f1c]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .footer-area[data-v-69916f1c] {
        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-69916f1c]::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #dfdfdf;
        margin-bottom: 2rem
    }

    .common-global-nav-pc .sns[data-v-69916f1c] {
        color: #888;
        display: flex;
        align-items: center
    }

    .common-global-nav-pc .sns p[data-v-69916f1c] {
        font-size: 1.3rem;
        font-family: var(--font-family--en);
        font-weight: 500;
        flex-shrink: 0
    }

    .common-global-nav-pc .sns p[data-v-69916f1c]::before,
    .common-global-nav-pc .sns p[data-v-69916f1c]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .common-global-nav-pc .sns p[data-v-69916f1c]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .sns p[data-v-69916f1c]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .common-global-nav-pc .sns a[data-v-69916f1c],
    .common-global-nav-pc .sns p[data-v-69916f1c] {
        margin-right: 4rem
    }

    .common-global-nav-pc .sns i[data-v-69916f1c] {
        display: block;
        width: calc(1.6rem * 1.5);
        height: calc(1.6rem * 1.5);
        fill: #666
    }

    .common-global-nav-pc .search[data-v-69916f1c] {
        display: flex;
        align-items: center;
        background-color: #fff;
        width: 30rem;
        height: 4rem;
        border-radius: 2rem;
        margin-right: 1rem;
        padding: 1.2rem 4rem 1.2rem 2rem;
        font-size: 1.3rem;
        position: relative
    }

    .common-global-nav-pc .search input[data-v-69916f1c] {
        background: none;
        letter-spacing: .16em;
        width: 100%
    }

    .common-global-nav-pc .search button[data-v-69916f1c] {
        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-69916f1c] {
        display: block;
        height: 100%
    }

    .common-global-nav-pc .search svg[data-v-69916f1c] {
        fill: #c0c1c1;
        stroke: #c0c1c1
    }


    a[data-v-03c03838],
    button[data-v-03c03838] {
        display: block;
        text-decoration: none;
        color: inherit
    }

    .common-global-nav-sp[data-v-03c03838] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        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-03c03838] {
            padding-bottom: 12rem
        }
    }

    @media (max-width: 640px) {
        .common-global-nav-sp[data-v-03c03838] {
            padding-bottom: calc((120 / var(--vw-base-width)) * 100vw)
        }

        .common-global-nav-sp[data-is-active="true"][data-v-03c03838] {
            pointer-events: auto;
            opacity: 1;
            visibility: visible
        }
    }

    .common-global-nav-sp[data-site-type="ig"] .upper-container[data-v-03c03838] {
        background-image:url(../img/ig_bg-sp.jpg)
    }

    .common-global-nav-sp[data-site-type="io"] .upper-container[data-v-03c03838] {
        background-image: url(/assets/images/common/io_bg-sp.jpg)
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .inner[data-v-03c03838] {
            padding: 0rem 4rem
        }
    }

    @media (max-width: 640px) {
        .inner[data-v-03c03838] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .upper-container[data-v-03c03838] {
        display: flex;
        justify-content: space-between;
        position: relative;
        background-size: cover
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container[data-v-03c03838] {
            height: 34rem
        }
    }

    @media (max-width: 640px) {
        .upper-container[data-v-03c03838] {
            height: calc((340 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container[data-v-03c03838] {
            margin: 0rem -4rem
        }
    }

    @media (max-width: 640px) {
        .upper-container[data-v-03c03838] {
            margin: calc((0 / var(--vw-base-width)) * 100vw) calc((-40 / var(--vw-base-width)) * 100vw)
        }
    }

    .upper-container .logo[data-v-03c03838] {
        z-index: 1
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container .logo[data-v-03c03838] {
            margin: 4rem 0rem 0rem 4rem
        }
    }

    @media (max-width: 640px) {
        .upper-container .logo[data-v-03c03838] {
            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-03c03838] {
            margin: 5rem 0rem 0rem 4rem
        }
    }

    @media (max-width: 640px) {
        .common-global-nav-sp[data-site-type="ig"] .upper-container .logo[data-v-03c03838] {
            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-03c03838] {
            width: 14rem
        }
    }

    @media (max-width: 640px) {
        .upper-container .logo .io-logo[data-v-03c03838] {
            width: calc((140 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container .logo .io-logo[data-v-03c03838] {
            height: 6rem
        }
    }

    @media (max-width: 640px) {
        .upper-container .logo .io-logo[data-v-03c03838] {
            height: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container .logo .ig-logo[data-v-03c03838] {
            width: 23.1rem
        }
    }

    @media (max-width: 640px) {
        .upper-container .logo .ig-logo[data-v-03c03838] {
            width: calc((231 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container .logo .ig-logo[data-v-03c03838] {
            height: 4rem
        }
    }

    @media (max-width: 640px) {
        .upper-container .logo .ig-logo[data-v-03c03838] {
            height: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    .upper-container .search-trigger[data-v-03c03838] {
        position: relative;
        z-index: 1
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container .search-trigger[data-v-03c03838] {
            width: 4rem
        }
    }

    @media (max-width: 640px) {
        .upper-container .search-trigger[data-v-03c03838] {
            width: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container .search-trigger[data-v-03c03838] {
            height: 4rem
        }
    }

    @media (max-width: 640px) {
        .upper-container .search-trigger[data-v-03c03838] {
            height: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .upper-container .search-trigger[data-v-03c03838] {
            margin: 4rem 4rem 0rem 0rem
        }
    }

    @media (max-width: 640px) {
        .upper-container .search-trigger[data-v-03c03838] {
            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-03c03838] {
        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-03c03838] {
        opacity: 0
    }

    .upper-container .search-trigger:not([aria-expanded="true"]) .close[data-v-03c03838] {
        opacity: 0
    }

    .upper-container .search-trigger .open[data-v-03c03838] {
        width: 100%;
        height: 100%;
        stroke: #888
    }

    .upper-container .search-trigger .close[data-v-03c03838]::before,
    .upper-container .search-trigger .close[data-v-03c03838]::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-03c03838]::before,
        .upper-container .search-trigger .close[data-v-03c03838]::after {
            width: 2.8rem
        }
    }

    @media (max-width: 640px) {

        .upper-container .search-trigger .close[data-v-03c03838]::before,
        .upper-container .search-trigger .close[data-v-03c03838]::after {
            width: calc((28 / var(--vw-base-width)) * 100vw)
        }
    }

    .upper-container .search-trigger .close[data-v-03c03838]::before {
        transform: rotate(45deg)
    }

    .upper-container .search-trigger .close[data-v-03c03838]::after {
        transform: rotate(-45deg)
    }

    .fade-enter-active[data-v-03c03838],
    .fade-leave-active[data-v-03c03838] {
        transition: opacity .3s
    }

    .fade-enter[data-v-03c03838],
    .fade-leave-to[data-v-03c03838] {
        opacity: 0
    }

    .search-form[data-v-03c03838] {
        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-03c03838] {
            width: 67rem
        }
    }

    @media (max-width: 640px) {
        .search-form[data-v-03c03838] {
            width: calc((670 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .search-form[data-v-03c03838] {
            height: 8rem
        }
    }

    @media (max-width: 640px) {
        .search-form[data-v-03c03838] {
            height: calc((80 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .search-form[data-v-03c03838] {
            padding: 2.7rem 4rem
        }
    }

    @media (max-width: 640px) {
        .search-form[data-v-03c03838] {
            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-03c03838] {
            border-radius: 4rem
        }
    }

    @media (max-width: 640px) {
        .search-form[data-v-03c03838] {
            border-radius: calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .search-form[data-v-03c03838] {
            top: 16rem
        }
    }

    @media (max-width: 640px) {
        .search-form[data-v-03c03838] {
            top: calc((160 / var(--vw-base-width)) * 100vw)
        }
    }

    .search-form input[data-v-03c03838] {
        flex-grow: 1;
        background: none;
        letter-spacing: .16em
    }

    .search-form button[data-v-03c03838] {
        display: block;
        flex-shrink: 0
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .search-form button[data-v-03c03838] {
            margin-left: 1.9rem
        }
    }

    @media (max-width: 640px) {
        .search-form button[data-v-03c03838] {
            margin-left: calc((19 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .search-form button[data-v-03c03838] {
            width: 1.9rem
        }
    }

    @media (max-width: 640px) {
        .search-form button[data-v-03c03838] {
            width: calc((19 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .search-form button[data-v-03c03838] {
            height: 1.9rem
        }
    }

    @media (max-width: 640px) {
        .upper-container .search-form {
            display: none;
        }
        .upper-container .search-form.is-active {
            display: flex;
        }
        .search-form button[data-v-03c03838] {
            height: calc((19 / var(--vw-base-width)) * 100vw)
        }
    }

    .search-form i[data-v-03c03838] {
        display: block;
        height: 100%
    }

    .search-form svg[data-v-03c03838] {
        fill: #c0c1c1;
        stroke: #c0c1c1
    }

    .search-form__overlay[data-v-03c03838] {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.05)
    }

    .primary-nav[data-v-03c03838] {
        border-bottom: 1px solid #eee
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .primary-nav[data-v-03c03838] {
            margin: 0rem auto 8.5rem
        }
    }

    @media (max-width: 640px) {
        .primary-nav[data-v-03c03838] {
            margin: calc((0 / var(--vw-base-width)) * 100vw) auto calc((85 / var(--vw-base-width)) * 100vw)
        }
    }

    .primary-nav-item__inner[data-v-03c03838] {
        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-03c03838] {
            padding: 3.5rem 0rem
        }
    }

    @media (max-width: 640px) {
        .primary-nav-item__inner[data-v-03c03838] {
            padding: calc((35 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    .primary-nav-item__heading[data-v-03c03838] {
        display: block;
        letter-spacing: .16em;
        font-family: var(--font-family--en);
        font-weight: 500;
        font-size: 3.2rem
    }

    .primary-nav-item__heading[data-v-03c03838]::before,
    .primary-nav-item__heading[data-v-03c03838]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .primary-nav-item__heading[data-v-03c03838]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .primary-nav-item__heading[data-v-03c03838]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .primary-nav-item__heading[data-v-03c03838] {
            margin-right: 3rem
        }
    }

    @media (max-width: 640px) {
        .primary-nav-item__heading[data-v-03c03838] {
            margin-right: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .primary-nav-item__sub-heading[data-v-03c03838] {
        display: block;
        color: #888;
        letter-spacing: .16em;
        font-size: 2rem;
        position: relative;
        margin-top: .25em
    }

    .primary-nav-item__sub-heading[data-v-03c03838]::before,
    .primary-nav-item__sub-heading[data-v-03c03838]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .primary-nav-item__sub-heading[data-v-03c03838]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .primary-nav-item__sub-heading[data-v-03c03838]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .primary-nav-item__sub-heading span[data-v-03c03838]:first-child {
        font-family: var(--font-family--en);
        font-weight: 400
    }

    .primary-nav-item__trigger-symbol[data-v-03c03838] {
        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-03c03838] {
            width: 2rem
        }
    }

    @media (max-width: 640px) {
        .primary-nav-item__trigger-symbol[data-v-03c03838] {
            width: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .primary-nav-item__trigger-symbol[data-v-03c03838] {
            height: 2rem
        }
    }

    @media (max-width: 640px) {
        .primary-nav-item__trigger-symbol[data-v-03c03838] {
            height: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }

    .primary-nav-item__trigger-symbol[aria-expanded="true"][data-v-03c03838] {
        transform: rotate(90deg)
    }

    .primary-nav-item__trigger-symbol[aria-expanded="true"][data-v-03c03838]::after {
        display: none
    }

    .primary-nav-item__trigger-symbol[data-v-03c03838]::before,
    .primary-nav-item__trigger-symbol[data-v-03c03838]::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-03c03838]::before {
        width: 2px;
        height: 100%
    }

    .primary-nav-item__trigger-symbol[data-v-03c03838]::after {
        width: 100%;
        height: 2px
    }

    .child-nav[data-v-03c03838] {
        border-top: 1px solid #eee
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .child-nav[data-v-03c03838] {
            padding-left: 4rem
        }
    }

    @media (max-width: 640px) {
        .child-nav[data-v-03c03838] {
            padding-left: calc((40 / var(--vw-base-width)) * 100vw)
        }

        /* child-nav js用追加 */
        .primary-nav-item.js-child-nav .fn-child-nav-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height .6s ease;
        }

        .primary-nav-item.js-child-nav .fn-child-nav-content.is-active {
            max-height: 600px;
        }
    }

    .child-nav-item:last-child .child-nav-item__inner[data-v-03c03838] {
        border-bottom: none
    }

    .child-nav-item__inner[data-v-03c03838] {
        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-03c03838] {
            padding: 3.5rem 0rem
        }
    }

    @media (max-width: 640px) {
        .child-nav-item__inner[data-v-03c03838] {
            padding: calc((35 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    .child-nav-item__heading[data-v-03c03838] {
        display: block;
        letter-spacing: .16em;
        font-family: var(--font-family--en);
        font-weight: 500;
        font-size: 2.4rem
    }

    .child-nav-item__heading[data-v-03c03838]::before,
    .child-nav-item__heading[data-v-03c03838]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .child-nav-item__heading[data-v-03c03838]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .child-nav-item__heading[data-v-03c03838]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .child-nav-item__heading[data-v-03c03838] {
            margin-right: 3rem
        }
    }

    @media (max-width: 640px) {
        .child-nav-item__heading[data-v-03c03838] {
            margin-right: calc((30 / var(--vw-base-width)) * 100vw)
        }
    }

    .child-nav-item__sub-heading[data-v-03c03838] {
        display: block;
        color: #888;
        letter-spacing: .16em;
        font-size: 2rem;
        position: relative;
        margin-top: .25em
    }

    .child-nav-item__sub-heading[data-v-03c03838]::before,
    .child-nav-item__sub-heading[data-v-03c03838]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .child-nav-item__sub-heading[data-v-03c03838]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .child-nav-item__sub-heading[data-v-03c03838]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .child-nav-item__sub-heading span[data-v-03c03838]:first-child {
        font-family: var(--font-family--en);
        font-weight: 400
    }

    .secondary-nav[data-v-03c03838] {
        display: flex;
        flex-wrap: wrap
    }

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

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

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

    @media (max-width: 640px) {
        .secondary-nav-item[data-v-03c03838] {
            width: calc((99.9% - (3.125vw * (2 - 1))) / 2)
        }

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

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

    @media (max-width: 767px) and (min-width: 641px) {
        .secondary-nav-item[data-v-03c03838]:nth-child(n+3) {
            margin-top: 5rem
        }
    }

    @media (max-width: 640px) {
        .secondary-nav-item[data-v-03c03838]:nth-child(n+3) {
            margin-top: calc((50 / var(--vw-base-width)) * 100vw)
        }
    }

    .secondary-nav-item a[data-v-03c03838] {
        display: flex;
        height: 100%;
        align-items: center;
        word-break: break-all
    }

    .secondary-nav-item a[data-v-03c03838]::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-03c03838]::before {
            width: 1rem
        }
    }

    @media (max-width: 640px) {
        .secondary-nav-item a[data-v-03c03838]::before {
            width: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .secondary-nav-item a[data-v-03c03838]::before {
            margin-right: 1rem
        }
    }

    @media (max-width: 640px) {
        .secondary-nav-item a[data-v-03c03838]::before {
            margin-right: calc((10 / var(--vw-base-width)) * 100vw)
        }
    }

    .secondary-nav-item span[data-v-03c03838] {
        letter-spacing: .16em;
        font-size: 2.2rem
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .secondary-nav-item span[data-v-03c03838] {
            line-height: 3.08rem
        }
    }

    @media (max-width: 640px) {
        .secondary-nav-item span[data-v-03c03838] {
            line-height: calc((30.8 / var(--vw-base-width)) * 100vw)
        }
    }

    .secondary-nav-item span[data-v-03c03838]::before,
    .secondary-nav-item span[data-v-03c03838]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .secondary-nav-item span[data-v-03c03838]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .secondary-nav-item span[data-v-03c03838]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .sns[data-v-03c03838] {
        color: #888;
        display: flex;
        align-items: center
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .sns[data-v-03c03838] {
            margin: 6rem auto
        }
    }

    @media (max-width: 640px) {
        .sns[data-v-03c03838] {
            margin: calc((60 / var(--vw-base-width)) * 100vw) auto
        }
    }

    .sns p[data-v-03c03838] {
        font-size: 2rem;
        font-family: var(--font-family--en);
        font-weight: 500;
        letter-spacing: .16rem;
        flex-shrink: 0
    }

    .sns p[data-v-03c03838]::before,
    .sns p[data-v-03c03838]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .sns p[data-v-03c03838]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .sns p[data-v-03c03838]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

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

        .sns a[data-v-03c03838],
        .sns p[data-v-03c03838] {
            margin-right: 8rem
        }
    }

    @media (max-width: 640px) {

        .sns a[data-v-03c03838],
        .sns p[data-v-03c03838] {
            margin-right: calc((80 / var(--vw-base-width)) * 100vw)
        }
    }

    .sns i[data-v-03c03838] {
        display: block;
        fill: #666
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .sns i[data-v-03c03838] {
            width: 4.8rem
        }
    }

    @media (max-width: 640px) {
        .sns i[data-v-03c03838] {
            width: calc((48 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (min-width: 641px) {
        .sns i[data-v-03c03838] {
            height: 4.8rem
        }
    }

    @media (max-width: 640px) {
        .sns i[data-v-03c03838] {
            height: calc((48 / var(--vw-base-width)) * 100vw)
        }
    }

    .sns i .icn-mail[data-v-03c03838] {
        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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .inner .text[data-v-06ba1fe6] {
            margin-top: calc((20 / var(--vw-base-width)) * 100vw)
        }
    }


    .common-header[data-v-1ec5558a] {
        --vw-base-width: 750
    }

    .common-header header .io-logo{
        display: none;
    }

    .toggle-overlay[data-v-1ec5558a] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 1400;
        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: 640px) {
        .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: 1010
        }
    }

    @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: 640px) {
        header[data-v-1ec5558a] {
            height: calc((140 / var(--vw-base-width)) * 100vw)
        }
    }

    header .inner[data-v-1ec5558a] {
        max-width: calc(1350px + 8rem);
        height: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        transition: padding 1s
    }

    header[data-nav-is-active="true"] .inner[data-v-1ec5558a] {
        max-width: calc(1200px + 8rem);
    }

    @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[data-nav-is-active="true"] .logo[data-v-1ec5558a]{
            position: relative;
            height: 40px;
        }

        header .io-logo[data-v-1ec5558a] {
            width: 10rem;
            height: 4rem
        }
        header[data-nav-is-active="true"] .io-logo[data-v-1ec5558a]{
            position: absolute;
            top: 0;
            left: 0;
        }
    }

    @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: 640px) {
        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: 640px) {
        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
        }
        header[data-nav-is-active="true"] .ig-logo[data-v-1ec5558a]{
            position: absolute;
            top: 0;
            left: 0;
        }
    }

    @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: 640px) {
        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: 640px) {
        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: 640px) {
        .bottom-nav[data-v-1ec5558a] {
            height: calc((120 / var(--vw-base-width)) * 100vw)
        }
    }

    .bottom-nav[data-site-type="ig"][data-v-1ec5558a] {
        display: none;
        background-color:#a39187
    }
    .bottom-nav[data-site-type="io"][data-v-1ec5558a] {
        display: none;
        background-color:#512f2e
    }
    @media (max-width: 640px) {
        .bottom-nav[data-is-active="true"][data-v-1ec5558a] {
            display: flex;
            z-index: 1002;
        }
    }

    .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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-6956f4e0] {
        background-color: #fff
    }

    @media (min-width: 768px) {
        .common-footer[data-v-6956f4e0] {
            padding: 0 0 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-footer[data-v-6956f4e0] {
            padding: 0rem 0rem 8rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .common-footer[data-v-6956f4e0] {
            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-6956f4e0] {
        max-width: 1000px;
        margin: 0 auto
    }

    .page-to-top[data-v-6956f4e0] {
        position: relative;
        text-align: center
    }

    @media (min-width: 768px) {
        .page-to-top[data-v-6956f4e0] {
            top: -2.5rem;
            margin-bottom: 2.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .page-to-top[data-v-6956f4e0] {
            top: -3rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .page-to-top[data-v-6956f4e0] {
            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-6956f4e0] {
            margin-bottom: 7rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .page-to-top[data-v-6956f4e0] {
            margin-bottom: calc((70 / var(--vw-base-width)) * 100vw)
        }
    }

    .page-to-top button[data-v-6956f4e0] {
        transition: opacity .2s
    }

    .page-to-top button[data-v-6956f4e0]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        .page-to-top button[data-v-6956f4e0] {
            margin-bottom: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .page-to-top button[data-v-6956f4e0] {
            margin-bottom: 1.5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .page-to-top button[data-v-6956f4e0] {
            margin-bottom: calc((15 / var(--vw-base-width)) * 100vw)
        }
    }

    .page-to-top button i[data-v-6956f4e0] {
        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-6956f4e0] {
            width: 5rem;
            height: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .page-to-top button i[data-v-6956f4e0] {
            width: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .page-to-top button i[data-v-6956f4e0] {
            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-6956f4e0] {
            height: 6rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .page-to-top button i[data-v-6956f4e0] {
            height: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    .page-to-top span[data-v-6956f4e0] {
        display: block;
        text-align: center;
        color: #a39187;
        letter-spacing: .24em;
        font-family: var(--font-family--en);
        font-weight: 400
    }

    .page-to-top span[data-v-6956f4e0]::before,
    .page-to-top span[data-v-6956f4e0]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .page-to-top span[data-v-6956f4e0]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .page-to-top span[data-v-6956f4e0]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        .page-to-top span[data-v-6956f4e0] {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        .page-to-top span[data-v-6956f4e0] {
            font-size: 2rem
        }
    }

    .sns[data-v-6956f4e0] {
        display: flex;
        justify-content: center
    }

    @media (min-width: 768px) {
        .sns[data-v-6956f4e0] {
            margin-bottom: 4.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .sns[data-v-6956f4e0] {
            margin-bottom: 7.6rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .sns[data-v-6956f4e0] {
            margin-bottom: calc((76 / var(--vw-base-width)) * 100vw)
        }
    }

    .sns a[data-v-6956f4e0] {
        display: block;
        transition: opacity .2s
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .sns a[data-v-6956f4e0] {
            width: 3.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .sns a[data-v-6956f4e0] {
            width: calc((32 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .sns a[data-v-6956f4e0] {
            height: 3.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .sns a[data-v-6956f4e0] {
            height: calc((32 / var(--vw-base-width)) * 100vw)
        }
    }

    .sns a[data-v-6956f4e0]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        .sns a[data-v-6956f4e0]:not(:last-child) {
            margin-right: 5rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .sns a[data-v-6956f4e0]:not(:last-child) {
            margin-right: 8rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .sns a[data-v-6956f4e0]:not(:last-child) {
            margin-right: calc((80 / var(--vw-base-width)) * 100vw)
        }
    }

    .sns i[data-v-6956f4e0] {
        display: block;
        fill: #666
    }

    @media (min-width: 768px) {
        .sns i[data-v-6956f4e0] {
            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-6956f4e0] {
            width: 4.65rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .sns i[data-v-6956f4e0] {
            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-6956f4e0] {
            height: 4.65rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .sns i[data-v-6956f4e0] {
            height: calc((46.5 / var(--vw-base-width)) * 100vw)
        }
    }

    .sns i svg[data-v-6956f4e0] {
        overflow: visible
    }

    @media (min-width: 768px) {
        nav[data-v-6956f4e0] {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin-bottom: 4rem
        }

        nav[data-v-6956f4e0] > div {
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        nav[data-v-6956f4e0] {
            margin: -3rem auto 4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        nav[data-v-6956f4e0] {
            margin: calc((-30 / var(--vw-base-width)) * 100vw) auto calc((40 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (max-width: 767px) {
        nav div[data-v-6956f4e0] {
            display: flex;
            flex-wrap: wrap;
            justify-content: center
        }
    }

    nav a[data-v-6956f4e0] {
        color: #888;
        text-decoration: none;
        letter-spacing: .16em;
        transition: opacity .2s
    }

    nav a[data-v-6956f4e0]::before,
    nav a[data-v-6956f4e0]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    nav a[data-v-6956f4e0]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    nav a[data-v-6956f4e0]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    nav a[data-v-6956f4e0]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        nav a[data-v-6956f4e0] {
            font-size: 1.5rem;
            margin: 0 1.3rem
        }
    }

    @media (max-width: 767px) {
        nav a[data-v-6956f4e0] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        nav a[data-v-6956f4e0] {
            margin: 3rem 3rem 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        nav a[data-v-6956f4e0] {
            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-6956f4e0] {
        display: block;
        color: #888;
        letter-spacing: .16em;
        font-family: var(--font-family--en);
        font-weight: 400;
        text-align: center
    }

    small[data-v-6956f4e0]::before,
    small[data-v-6956f4e0]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    small[data-v-6956f4e0]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    small[data-v-6956f4e0]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    @media (min-width: 768px) {
        small[data-v-6956f4e0] {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        small[data-v-6956f4e0] {
            font-size: 2rem
        }
    }


    .common-breadcrumb[data-v-4582af14] {
        max-width: 1024px;
        padding: 0 1.2rem;
        margin: 5rem auto 0;
        display: flex;
        flex-wrap: wrap
    }

    .common-breadcrumb a[data-v-4582af14] {
        text-decoration: none;
        display: flex;
        align-items: center
    }

    .common-breadcrumb a[aria-current="page"][data-v-4582af14] {
        pointer-events: none;
        color: #999
    }

    .common-breadcrumb i[data-v-4582af14] {
        transform: scale(-1);
        display: inline-block;
        width: 1.4rem;
        height: 1.4rem;
        margin: 0 1rem
    }

    .common-breadcrumb i svg[data-v-4582af14] {
        vertical-align: top;
        fill: #999
    }

    .common-breadcrumb span[data-v-4582af14] {
        display: inline-block
    }


    .common-journals[data-v-70d2a2db] {
        max-width: 1000px;
        margin: 0 auto
    }

    .common-journals .item[data-v-70d2a2db] {
        display: flex;
        margin-bottom: 4rem;
        text-decoration: none;
        transition: opacity .2s
    }

    .common-journals .item[data-v-70d2a2db]:hover {
        color: inherit;
        opacity: .8
    }

    .common-journals .item__img-container[data-v-70d2a2db] {
        flex-grow: 1;
        margin-right: 10.9375%;
        position: relative
    }

    .common-journals .item__img-container[data-v-70d2a2db]::before {
        content: "";
        display: block;
        padding-top: 100%
    }

    .common-journals .item__img-container img[data-v-70d2a2db] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: "object-fit: cover;"
    }

    .common-journals .item__date[data-v-70d2a2db] {
        color: var(--secondary-color-lv1);
        font-family: var(--font-family--en);
        font-weight: 400;
        font-size: 2rem;
        position: absolute;
        top: 10%;
        right: -29%;
        transform: rotate(90deg)
    }

    .common-journals .item__txt-container[data-v-70d2a2db] {
        width: 55%;
        flex-shrink: 0
    }

    .common-journals .item__title[data-v-70d2a2db] {
        font-size: 2.4rem;
        padding-right: 6rem;
        padding-bottom: 1rem
    }

    .common-journals .item__category[data-v-70d2a2db] {
        color: var(--secondary-color-lv1);
        border-bottom: 1px solid var(--secondary-color-lv1);
        font-family: var(--font-family--en);
        font-weight: 500;
        padding-bottom: .5rem
    }


    .common-aside-shop[data-v-56100770] {
        position: relative;
        overflow: hidden;
        background-color: #f2e9e2
    }

    @media (min-width: 768px) {
        .common-aside-shop[data-v-56100770] {
            padding-bottom: 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-aside-shop[data-v-56100770] {
            padding-bottom: 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .common-aside-shop[data-v-56100770] {
            padding-bottom: calc((120 / var(--vw-base-width)) * 100vw)
        }
    }

    .img[data-v-56100770] {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        min-width: 100%
    }

    @media (min-width: 768px) {
        .img[data-v-56100770] {
            width: 1600px;
            height: 100%
        }
    }

    .img img[data-v-56100770] {
        width: 100%;
        min-height: 100%
    }

    @media (min-width: 768px) {
        .img img[data-v-56100770] {
            display: block;
            object-fit: cover
        }
    }

    .upper[data-v-56100770] {
        position: relative
    }

    @media (min-width: 768px) {
        .upper[data-v-56100770] {
            padding-top: 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .upper[data-v-56100770] {
            padding-top: 10rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .upper[data-v-56100770] {
            padding-top: calc((100 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 1620px) {
        .upper .h2[data-v-56100770] {
            padding-bottom: 21.5vw
        }
    }

    @media (max-width: 1619px) and (min-width: 768px) {
        .upper .h2[data-v-56100770] {
            padding-bottom: 32rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .upper .h2[data-v-56100770] {
            padding-bottom: 38rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .upper .h2[data-v-56100770] {
            padding-bottom: calc((380 / var(--vw-base-width)) * 100vw)
        }
    }

    .lower[data-v-56100770] {
        position: relative
    }

    @media (min-width: 768px) {
        .lower[data-v-56100770] {
            padding: 8rem 8rem 0
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .lower[data-v-56100770] {
            padding: 7.6rem 8rem 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .lower[data-v-56100770] {
            padding: calc((76 / var(--vw-base-width)) * 100vw) calc((80 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
        }
    }

    .lower[data-v-56100770] .ui-button {
        margin-top: 0
    }

    .history-list[data-v-56100770] {
        max-width: 620px;
        margin: 0 auto;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15)
    }

    .history-list__inner[data-v-56100770] {
        display: flex;
        flex-wrap: wrap
    }

    @media (min-width: 768px) {
        .history-list__inner[data-v-56100770] {
            padding: 6rem 4rem;
            margin-top: -4rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .history-list__inner[data-v-56100770] {
            padding: 6rem 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .history-list__inner[data-v-56100770] {
            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-56100770] {
            margin-top: -5rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .history-list__inner[data-v-56100770] {
            margin-top: calc((-50 / var(--vw-base-width)) * 100vw)
        }
    }

    @media (min-width: 768px) {
        .history-list__item[data-v-56100770] {
            font-size: 1.5rem;
            margin: 3rem 5rem 0 0
        }
    }

    @media (max-width: 767px) {
        .history-list__item[data-v-56100770] {
            font-size: 2.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .history-list__item[data-v-56100770] {
            margin: 4rem 7rem 0rem 0rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .history-list__item[data-v-56100770] {
            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-56100770] {
        color: #a39187;
        text-decoration: none;
        display: flex;
        align-items: baseline
    }

    .history-list__item i[data-v-56100770] {
        fill: #a39187;
        display: block;
        flex-shrink: 0;
        position: relative
    }

    @media (min-width: 768px) {
        .history-list__item i[data-v-56100770] {
            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-56100770] {
            width: 1.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .history-list__item i[data-v-56100770] {
            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-56100770] {
            height: 2.4rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .history-list__item i[data-v-56100770] {
            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-56100770] {
            margin-right: 1rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .history-list__item i[data-v-56100770] {
            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-56100770] {
            top: 1.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .history-list__item i[data-v-56100770] {
            top: calc((12 / var(--vw-base-width)) * 100vw)
        }
    }

    .history-list__item span[data-v-56100770]::before,
    .history-list__item span[data-v-56100770]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .history-list__item span[data-v-56100770]::before {
        margin-top: calc((1 - var(--line-height)) * .5em)
    }

    .history-list__item span[data-v-56100770]::after {
        margin-bottom: calc((1 - var(--line-height)) * .5em)
    }

    .history-list-heading[data-v-56100770] {
        display: flex;
        align-items: center
    }

    .history-list-heading h3[data-v-56100770] {
        flex-shrink: 0;
        letter-spacing: .16em;
        color: #434343;
        font-weight: 300
    }

    .history-list-heading h3[data-v-56100770]::before,
    .history-list-heading h3[data-v-56100770]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .history-list-heading h3[data-v-56100770]::before {
        margin-top: calc((1 - var(--line-height--heading)) * .5em)
    }

    .history-list-heading h3[data-v-56100770]::after {
        margin-bottom: calc((1 - var(--line-height--heading)) * .5em)
    }

    @media (min-width: 768px) {
        .history-list-heading h3[data-v-56100770] {
            font-size: 1.3rem;
            margin-right: 3.8rem
        }
    }

    @media (max-width: 767px) {
        .history-list-heading h3[data-v-56100770] {
            font-size: 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .history-list-heading h3[data-v-56100770] {
            margin-right: 3.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .history-list-heading h3[data-v-56100770] {
            margin-right: calc((38 / var(--vw-base-width)) * 100vw)
        }
    }

    .history-list-heading h3 span[data-v-56100770]:first-child {
        font-family: var(--fony-family--en);
        font-weight: 400
    }

    .history-list-heading[data-v-56100770]::after {
        content: "";
        display: block;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.15);
        flex-grow: 1
    }

    .ui-button[data-v-56100770] {
        margin-top: 0;
        margin-bottom: 0
    }


    .common-aside-history[data-v-6e4c3eb6] {
        max-width: calc(1000px + 4rem)
    }

    @media (min-width: 768px) {
        .common-aside-history[data-v-6e4c3eb6] {
            margin: 12rem auto;
            padding: 0 2rem
        }
        .common-aside-history[data-v-6e4c3eb6] .swiper-slide{
            max-width: 164px;
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-aside-history[data-v-6e4c3eb6] {
            margin: 12rem auto
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .common-aside-history[data-v-6e4c3eb6] {
            margin: calc((120 / var(--vw-base-width)) * 100vw) auto
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .common-aside-history[data-v-6e4c3eb6] {
            padding: 0rem 2rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .common-aside-history[data-v-6e4c3eb6] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((20 / var(--vw-base-width)) * 100vw)
        }
    }


    .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .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: 640px) {
        .inner div p[data-v-9795c524] {
            line-height: calc((24 / var(--vw-base-width)) * 100vw)
        }
    }


    @media (min-width: 768px) {
        .common-aside-instagram[data-v-92bece86] {
            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-92bece86] {
            margin: 11.5rem auto 12rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .common-aside-instagram[data-v-92bece86] {
            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-92bece86] {
            padding: 0rem 8rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .common-aside-instagram[data-v-92bece86] {
            padding: calc((0 / var(--vw-base-width)) * 100vw) calc((80 / var(--vw-base-width)) * 100vw)
        }
    }

    .heading[data-v-92bece86] {
        text-align: center
    }

    @media (min-width: 768px) {
        .heading[data-v-92bece86] {
            margin-bottom: 6rem
        }
    }

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

    @media (max-width: 767px) and (max-width: 640px) {
        .heading[data-v-92bece86] {
            margin-bottom: calc((60 / var(--vw-base-width)) * 100vw)
        }
    }

    .heading span[data-v-92bece86] {
        display: block;
        font-weight: 500;
        font-family: var(--font-family--en);
        letter-spacing: .24em
    }

    .heading span[data-v-92bece86]::before,
    .heading span[data-v-92bece86]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .heading span[data-v-92bece86]::before {
        margin-top: calc((1 - var(--line-height--heading)) * .5em)
    }

    .heading span[data-v-92bece86]::after {
        margin-bottom: calc((1 - var(--line-height--heading)) * .5em)
    }

    @media (min-width: 768px) {
        .heading span[data-v-92bece86] {
            font-size: 2.4rem;
            margin-bottom: 1.5rem
        }
    }

    @media (max-width: 767px) {
        .heading span[data-v-92bece86] {
            font-size: 3.2rem
        }
    }

    @media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
        .heading span[data-v-92bece86] {
            margin-bottom: 1.8rem
        }
    }

    @media (max-width: 767px) and (max-width: 640px) {
        .heading span[data-v-92bece86] {
            margin-bottom: calc((18 / var(--vw-base-width)) * 100vw)
        }
    }

    .heading a[data-v-92bece86] {
        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-92bece86]::before,
    .heading a[data-v-92bece86]::after {
        display: block;
        width: 0;
        height: 0;
        content: ""
    }

    .heading a[data-v-92bece86]::before {
        margin-top: calc((1 - var(--line-height--heading)) * .5em)
    }

    .heading a[data-v-92bece86]::after {
        margin-bottom: calc((1 - var(--line-height--heading)) * .5em)
    }

    .heading a[data-v-92bece86]:hover {
        opacity: .7
    }

    @media (min-width: 768px) {
        .heading a[data-v-92bece86] {
            font-size: 1.3rem
        }
    }

    @media (max-width: 767px) {
        .heading a[data-v-92bece86] {
            font-size: 2rem
        }
    }

    .item-container[data-v-92bece86] {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto
    }

    @media (min-width: 768px) {
        .item-container[data-v-92bece86] {
            max-width: 620px
        }
    }

    .item[data-v-92bece86] {
        display: block;
        overflow: hidden;
        position: relative;
        transition: opacity .2s;
        opacity: 1
    }

    .item[data-v-92bece86]:hover {
        opacity: .7
    }

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

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

        .item[data-v-92bece86]: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-92bece86] {
            width: calc((99.9% - (2rem * (2 - 1))) / 2)
        }

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

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

    @media (max-width: 767px) and (max-width: 640px) {
        .item[data-v-92bece86] {
            width: calc((99.9% - (3.125vw * (2 - 1))) / 2)
        }

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

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

    .item[data-v-92bece86]::before {
        content: "";
        display: block;
        padding-top: 100%
    }

    .item img[data-v-92bece86] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: "object-fit: cover;"
    }


.common-aside-flow-line[data-v-f1e22c6e]{
	position:relative;
	overflow:hidden;
	background-color:#f8f7f3
}
@media (min-width: 768px){
	.common-aside-flow-line[data-v-f1e22c6e]{
		padding:11.5rem 0 12rem
	}
}
@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px){
	.common-aside-flow-line[data-v-f1e22c6e]{
		padding:11.5rem 0rem 12rem
	}
}
@media (max-width: 767px) and (max-width: 640px){
	.common-aside-flow-line[data-v-f1e22c6e]{
		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-f1e22c6e]{
		padding:14.5rem 0rem 12rem
	}
}
@media (max-width: 767px) and (max-width: 640px){
	.toppage-news+.common-aside-flow-line[data-v-f1e22c6e]{
		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-f1e22c6e]{
	max-width:840px;
	margin:0 auto;
	position:relative
}
@media (min-width: 768px){
	.flex-container[data-v-f1e22c6e]{
		margin-top:4.8rem;
		display:flex;
		align-items:center
	}
}
@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px){
	.flex-container[data-v-f1e22c6e]{
		margin-top:5.5rem
	}
}
@media (max-width: 767px) and (max-width: 640px){
	.flex-container[data-v-f1e22c6e]{
		margin-top:calc((55 / var(--vw-base-width)) * 100vw)
	}
}
.flex-container__l[data-v-f1e22c6e]{
	text-align:center
}
@media (min-width: 768px){
	.flex-container__l[data-v-f1e22c6e]{
		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-f1e22c6e]{
		margin-bottom:7.5rem
	}
}
@media (max-width: 767px) and (max-width: 640px){
	.flex-container__l[data-v-f1e22c6e]{
		margin-bottom:calc((75 / var(--vw-base-width)) * 100vw)
	}
}
@media (min-width: 768px){
	.flex-container__l .ui-video[data-column="1"][data-v-f1e22c6e]{
		max-width:380px
	}
}
@media (min-width: 768px){
	.flex-container__l img[data-v-f1e22c6e]{
		max-width:340px
	}
}
@media (max-width: 767px){
	.flex-container__l img[data-v-f1e22c6e]{
		opacity:1
	}
}
@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px){
	.flex-container__l img[data-v-f1e22c6e]{
		width:43rem
	}
}
@media (max-width: 767px) and (max-width: 640px){
	.flex-container__l img[data-v-f1e22c6e]{
		width:calc((430 / var(--vw-base-width)) * 100vw)
	}
}
@media (min-width: 768px){
	.flex-container__r .ui-button[data-v-f1e22c6e]{
		margin:0
	}
}
@media (max-width: 767px){
	.flex-container__r .ui-button[data-v-f1e22c6e]{
		opacity:1
	}
}
@media (max-width: 767px){
	.flex-container__r .text[data-v-f1e22c6e]{
		opacity:1
	}
}
.text[data-v-f1e22c6e]{
	letter-spacing:.1em;
	line-height:2.3
}
.text[data-v-f1e22c6e]::before,.text[data-v-f1e22c6e]::after{
	display:block;
	width:0;
	height:0;
	content:""
}
.text[data-v-f1e22c6e]::before{
	margin-top:calc((1 - 2.3) * .5em)
}
.text[data-v-f1e22c6e]::after{
	margin-bottom:calc((1 - 2.3) * .5em)
}
@media (min-width: 768px){
	.text[data-v-f1e22c6e]{
		margin-bottom:5rem
	}
}
@media (max-width: 767px){
	.text[data-v-f1e22c6e]{
		text-align:center
	}
}
@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px){
	.text[data-v-f1e22c6e]{
		margin-bottom:6rem
	}
}
@media (max-width: 767px) and (max-width: 640px){
	.text[data-v-f1e22c6e]{
		margin-bottom:calc((60 / var(--vw-base-width)) * 100vw)
	}
}
.ui-button[data-v-f1e22c6e]{
	margin-top:0;
	margin-bottom:0
}


/* ----------------------------------------
    goodsdetail
---------------------------------------- */

@media (min-width: 768px) {
  .leaf-how-to[data-v-6dc97dd5] {
    margin: 9rem auto 3rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .leaf-how-to[data-v-6dc97dd5] {
    margin: 8rem auto 3rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .leaf-how-to[data-v-6dc97dd5] {
    margin: calc((80 / var(--vw-base-width)) * 100vw) auto calc((30 / var(--vw-base-width)) * 100vw)
  }
}

@media (min-width: 768px) {
  .video-container[data-v-6dc97dd5] {
    margin: 5rem auto
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .video-container[data-v-6dc97dd5] {
    margin: 5rem auto
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .video-container[data-v-6dc97dd5] {
    margin: calc((50 / var(--vw-base-width)) * 100vw) auto
  }
}

@media (min-width: 768px) {
  .item[data-v-6dc97dd5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem
  }

  .item[data-v-6dc97dd5]:not(:last-child) {
    border-bottom: 1px solid #ccc
  }
}

@media (min-width: 768px) {
  .item[data-v-6dc97dd5]:not(:last-child) {
    margin-bottom: 2rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .item[data-v-6dc97dd5]:not(:last-child) {
    margin-bottom: 5rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .item[data-v-6dc97dd5]:not(:last-child) {
    margin-bottom: calc((50 / var(--vw-base-width)) * 100vw)
  }
}

@media (max-width: 767px) {
  .item[data-v-6dc97dd5]:not(:last-child)::after {
    content: "";
    display: block;
    margin: 0 auto;
    background-color: #ccc;
    width: 28.125%;
    height: 1px
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .item[data-v-6dc97dd5]:not(:last-child)::after {
    margin-top: 3rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .item[data-v-6dc97dd5]:not(:last-child)::after {
    margin-top: calc((30 / var(--vw-base-width)) * 100vw)
  }
}

.item__heading[data-v-6dc97dd5] {
  font-family: var(--font-family--en);
  font-weight: 400
}

.item__heading[data-v-6dc97dd5]::before,
.item__heading[data-v-6dc97dd5]::after {
  display: block;
  width: 0;
  height: 0;
  content: ""
}

.item__heading[data-v-6dc97dd5]::before {
  margin-top: calc((1 - var(--line-height--heading)) * .5em)
}

.item__heading[data-v-6dc97dd5]::after {
  margin-bottom: calc((1 - var(--line-height--heading)) * .5em)
}

@media (min-width: 768px) {
  .item__heading[data-v-6dc97dd5] {
    font-size: 2rem;
    margin-bottom: 2rem
  }
}

@media (max-width: 767px) {
  .item__heading[data-v-6dc97dd5] {
    font-size: 2.4rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .item__heading[data-v-6dc97dd5] {
    margin-bottom: 2rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .item__heading[data-v-6dc97dd5] {
    margin-bottom: calc((20 / var(--vw-base-width)) * 100vw)
  }
}

.item__text[data-v-6dc97dd5] {
  flex-grow: 1
}

@media (min-width: 768px) {
  .item__text[data-v-6dc97dd5] {
    font-size: 1.5rem
  }
}

@media (max-width: 767px) {
  .item__text[data-v-6dc97dd5] {
    font-size: 2.4rem
  }
}

.item__img-container[data-v-6dc97dd5] {
  flex-shrink: 0;
  text-align: center
}

@media (min-width: 768px) {
  .item__img-container[data-v-6dc97dd5] {
    width: 11rem;
    margin-left: 3rem
  }
}

@media (max-width: 767px) {
  .item__img-container[data-v-6dc97dd5] {
    text-align: center
  }
}

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

@media (max-width: 767px) and (max-width: 640px) {
  .item__img-container[data-v-6dc97dd5] {
    margin-top: calc((30 / var(--vw-base-width)) * 100vw)
  }
}

@media (max-width: 767px) {
  .item__img-container img[data-v-6dc97dd5] {
    max-width: 25%
  }
}

.item__caption[data-v-6dc97dd5]::before,
.item__caption[data-v-6dc97dd5]::after {
  display: block;
  width: 0;
  height: 0;
  content: ""
}

.item__caption[data-v-6dc97dd5]::before {
  margin-top: calc((1 - var(--line-height)) * .5em)
}

.item__caption[data-v-6dc97dd5]::after {
  margin-bottom: calc((1 - var(--line-height)) * .5em)
}

@media (min-width: 768px) {
  .item__caption[data-v-6dc97dd5] {
    margin-top: 1rem;
    font-size: 1.2rem
  }
}

@media (max-width: 767px) {
  .item__caption[data-v-6dc97dd5] {
    font-size: 2.2rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .item__caption[data-v-6dc97dd5] {
    margin-top: 2rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .item__caption[data-v-6dc97dd5] {
    margin-top: calc((20 / var(--vw-base-width)) * 100vw)
  }
}

.leaf-cautions[data-v-ace13662] {
  background-color: #f8f8f8
}

@media (min-width: 768px) {
  .leaf-cautions[data-v-ace13662] {
    padding: 3rem 2.5rem;
    margin: 3rem auto
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .leaf-cautions[data-v-ace13662] {
    padding: 3rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .leaf-cautions[data-v-ace13662] {
    padding: calc((30 / var(--vw-base-width)) * 100vw)
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .leaf-cautions[data-v-ace13662] {
    margin: 3rem auto
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .leaf-cautions[data-v-ace13662] {
    margin: calc((30 / var(--vw-base-width)) * 100vw) auto
  }
}

.leaf-cautions dl[data-v-ace13662]:not(:last-child) {
  border-bottom: 1px solid #ccc
}

@media (min-width: 768px) {
  .leaf-cautions dl[data-v-ace13662]:not(:last-child) {
    padding-bottom: 2rem;
    margin-bottom: 2rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .leaf-cautions dl[data-v-ace13662]:not(:last-child) {
    padding-bottom: 2rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .leaf-cautions dl[data-v-ace13662]:not(:last-child) {
    padding-bottom: calc((20 / var(--vw-base-width)) * 100vw)
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .leaf-cautions dl[data-v-ace13662]:not(:last-child) {
    margin-bottom: 2rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .leaf-cautions dl[data-v-ace13662]:not(:last-child) {
    margin-bottom: calc((20 / var(--vw-base-width)) * 100vw)
  }
}

.leaf-cautions dt[data-v-ace13662] {
  letter-spacing: .1em
}

.leaf-cautions dt[data-v-ace13662]::before,
.leaf-cautions dt[data-v-ace13662]::after {
  display: block;
  width: 0;
  height: 0;
  content: ""
}

.leaf-cautions dt[data-v-ace13662]::before {
  margin-top: calc((1 - var(--line-height)) * .5em)
}

.leaf-cautions dt[data-v-ace13662]::after {
  margin-bottom: calc((1 - var(--line-height)) * .5em)
}

@media (min-width: 768px) {
  .leaf-cautions dt[data-v-ace13662] {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    margin-top: 2rem
  }
}

@media (max-width: 767px) {
  .leaf-cautions dt[data-v-ace13662] {
    font-size: 2.4rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .leaf-cautions dt[data-v-ace13662] {
    margin-bottom: 1rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .leaf-cautions dt[data-v-ace13662] {
    margin-bottom: calc((10 / var(--vw-base-width)) * 100vw)
  }
}

@media (min-width: 768px) {
  .leaf-cautions dd[data-v-ace13662] {
    font-size: 1.4rem
  }
}

@media (max-width: 767px) {
  .leaf-cautions dd[data-v-ace13662] {
    font-size: 2.2rem
  }
}

.leaf-cautions dd button[data-v-ace13662] {
  color: #a39187
}

.leaf-cautions dd:not([data-is-open="true"]) .text-inner[data-v-ace13662] {
  display: flex
}

.leaf-cautions dd:not([data-is-open="true"]) .text[data-v-ace13662] {
  max-height: 2em;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  word-break: break-all
}

.leaf-cautions dd:not([data-is-open="true"]) .ellipsis[data-v-ace13662] {
  vertical-align: top;
  flex-shrink: 0
}

.leaf-cautions dd:not([data-is-open="true"]) button[data-v-ace13662] {
  color: #a39187;
  display: inline-block;
  margin: 0 auto;
  flex-shrink: 0;
  vertical-align: top;
  margin-left: 2em
}

.leaf-cautions dd.all-ingredients[data-v-ace13662] {
  display: flex;
  align-items: baseline
}

.leaf-cautions .all-ingredients[data-v-ace13662] {
  border-bottom: none !important
}

@media (min-width: 768px) {
  .leaf-cautions .all-ingredients dt[data-v-ace13662] {
    font-size: 1.3rem
  }
}

@media (max-width: 767px) {
  .leaf-cautions .all-ingredients dt[data-v-ace13662] {
    font-size: 2rem
  }
}

@media (min-width: 768px) {
  .leaf-cautions .all-ingredients__title[data-v-ace13662] {
    margin-bottom: 1.4rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .leaf-cautions .all-ingredients__title[data-v-ace13662] {
    margin-bottom: 2.2rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .leaf-cautions .all-ingredients__title[data-v-ace13662] {
    margin-bottom: calc((22 / var(--vw-base-width)) * 100vw)
  }
}

.leaf-cautions .all-ingredients__wrapper[data-v-ace13662] {
  display: flex;
  align-items: flex-end
}

.leaf-cautions .all-ingredients__wrapper .ellipsis[data-v-ace13662] {
  flex-shrink: 0;
  margin-left: 1em
}

@media (min-width: 768px) {
  .leaf-cautions .all-ingredients__wrapper .ellipsis[data-v-ace13662] {
    margin-bottom: .5rem
  }
}

@media (max-width: 767px) {
  .leaf-cautions .all-ingredients__wrapper .ellipsis[data-v-ace13662] {
    margin-bottom: 0
  }
}

.leaf-cautions .all-ingredients__wrapper button[data-v-ace13662] {
  color: #a39187;
  flex-shrink: 0;
  margin-left: 2em
}

@media (min-width: 768px) {
  .leaf-cautions .all-ingredients__wrapper button[data-v-ace13662] {
    margin-bottom: .5rem
  }
}

@media (max-width: 767px) {
  .leaf-cautions .all-ingredients__wrapper button[data-v-ace13662] {
    margin-bottom: 0
  }
}

.leaf-cautions .all-ingredients__list[data-v-ace13662]:not([data-is-open="true"]) {
  overflow: hidden
}

@media (min-width: 768px) {
  .leaf-cautions .all-ingredients__list[data-v-ace13662]:not([data-is-open="true"]) {
    max-height: 4.8em
  }
}

@media (max-width: 767px) {
  .leaf-cautions .all-ingredients__list[data-v-ace13662]:not([data-is-open="true"]) {
    max-height: 2.8em
  }
}

.divide__item[data-v-ace13662] {
  display: flex;
  align-items: center
}

@media (min-width: 768px) {
  .divide__item[data-v-ace13662]:not(:last-child) {
    margin-bottom: 2rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .divide__item[data-v-ace13662]:not(:last-child) {
    margin-bottom: 2rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .divide__item[data-v-ace13662]:not(:last-child) {
    margin-bottom: calc((20 / var(--vw-base-width)) * 100vw)
  }
}

.divide__img[data-v-ace13662] {
  flex-shrink: 0
}

@media (min-width: 768px) {
  .divide__img[data-v-ace13662] {
    margin-left: 2rem;
    width: 11rem
  }
}

@media (max-width: 767px) {
  .divide__img[data-v-ace13662] {
    max-width: 38%
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .divide__img[data-v-ace13662] {
    margin-left: 2rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .divide__img[data-v-ace13662] {
    margin-left: calc((20 / var(--vw-base-width)) * 100vw)
  }
}

.divide__text[data-v-ace13662] {
  flex-grow: 1
}

/* gift */
    @font-face {
        font-family: "Alphabet";
        src: import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap');
        unicode-range: U+0041-005A, U+0061-007A; /* A-Z, a-z */
    }

    .body{
    font-family: "Alphabet", "Noto Sans JP";
    }

    .body02{
    font-family: "Cormorant", "Noto Sans JP";
    }

    .gift-bgcolor {
        /* padding: 5px 0; */
        background-color: #a3918740;
        margin: 40px 0 60px;
    }

    .block-pic-text[data-type="0"] .text-container[data-v-49afa3dd] {
        background-color: #a3918740;
    }

    .gift-bg .text-container {
    color: #545952;
    }

    .gift-anchorLink {
    display: flex;
    justify-content: center;
    margin: 40px auto;
    width: 100%;
    flex-wrap: wrap;
    }

    .btn a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 240px;
        padding: 15px 10px;
        position: relative;
        text-decoration: none;
        transition: all 0.4s ease;
        margin: 5px 5px 5px;
    }

    .btn01 a {
        background-color: #f8eaea;
        border: 1px solid #a39187;
        border-radius: 0px;
        font-size: 1.0em;
        color: #a39187;
        font-weight: 400;
    }

    .btn01 a .sub {
        font-size: 1.0em;
        color: #a39187;
        font-weight: 400;
    }

    .btn01 a:hover {
    background-color: #fbe9c7;
    border: 1px solid #fbe9c7;
    }

    .btn01 a::after {
        content: '';
    display: inline-block;
        width: 8px;
        height: 8px;
        position: absolute; 
        /* right: 15px; */
        border-left: solid 1px #a39187;
        border-bottom: solid 1px #a39187;
        transform: rotate(-45deg);
    bottom: 10px;
        margin: 0 10px;
    }

    .btn02 a {
        background-color: #FFF0E7;
        border: 1px solid #a39187;
        border-radius: 0px;
        font-size: 1.0em;
        color: #a39187;
        font-weight: 400;
    }

    .btn02 a .sub {
        font-size: 1.0em;
        color: #a39187;
        font-weight: 400;
    }

    .btn02 a:hover {
    background-color: #fbe9c7;
    border: 1px solid #fbe9c7;
    }

    .btn02 a::after {
        content: '';
    display: inline-block;
        width: 8px;
        height: 8px;
        position: absolute; 
        /* right: 15px; */
        border-left: solid 1px #a39187;
        border-bottom: solid 1px #a39187;
        transform: rotate(-45deg);
    bottom: 10px;
        margin: 0 10px;
    }

    .price-btn01 a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 140px;
        padding: 10px 10px;
        position: relative;
        text-decoration: none;
        transition: all 0.4s ease;
        margin: 5px 5px 5px;
        background-color: #ffffff;
        border: 1px solid #a39187;
        border-radius: 0px;
        font-size: 1.0em;
        color: #a39187;
        font-weight: 400;
    }

    .price-btn01 a .sub {
        font-size: 1.0em;
        color: #a39187;
        font-weight: 400;
    }

    .price-btn01 a:hover {
    background-color: #fbe9c7;
    border: 1px solid #fbe9c7;
    }

    .price-btn01 a::after {
        content: '';
    display: inline-block;
        width: 8px;
        height: 8px;
        /*position: absolute; */
        /* right: 15px; */
        border-left: solid 1px #a39187;
        border-bottom: solid 1px #a39187;
        transform: rotate(-45deg);
    bottom: 10px;
        margin: 0 10px;
    }

    .gift-title {
        font-family: "Cormorant", serif;
        font-style: normal;
        display: inline-block;
        padding: 0 10%;
        margin-bottom: 2.4rem;
        letter-spacing: .15em;
        line-height: 1.2;
        font-size:5.8rem;
        font-weight: 400;
        color: #a39187;
        text-align:center;
    }

    .gift-title-sub {
    display: inline-block;
        padding: 0 10%;
    font-size: 1.6rem;
    font-weight: 300;
    color: #a39187;
        text-align:center;
    }

    .gift-catch01{
        font-family: "Cormorant", serif;
        font-style: normal;
        display: inline-block;
        padding: 0 10%;
        margin-bottom: 1.4rem;
        letter-spacing: .15em;
        line-height: 1.2;
        font-size:3.8rem;
        font-weight: 400;
        color: #a39187;
        text-align:center;
    }

    .gift-catch01-sub {
    display: inline-block;
        padding: 0 10%;
    font-size: 1.6rem;
    font-weight: 300;
    color: #a39187;
        text-align:center;
    }

    .gift-catch02{
        font-family: "Cormorant", serif;
        font-style: normal;
    position: relative;
        display: inline-block;
        padding: 0 10%;
        margin-bottom: 1.4rem;
        letter-spacing: .15em;
        line-height: 1.2;
        font-size:3.6rem;
        font-weight: 400;
        color: #a39187;
        text-align:center;
    }

    .gift-catch02:before {
        content: '';
        position: absolute;
        bottom: -15px;
        display: inline-block;
        width: 60px;
        height: 2px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color:  #a39187;
        border-radius: 1px;
    }

    .gift-catch02-sub {
    display: inline-block;
    padding: 10px 10%;
    font-size: 2.2rem;
    font-weight: 500;
    color: #a39187;
        text-align:center;
    }

    .gift img {
    width: 10%;
    transform: translate(0, -20px);
    max-width: calc(120px + 7rem);
    }

    .gift-m img {
    width: 10%;
    max-width: calc(120px + 7rem);
    }


    .gift-data01 {
        text-align: center;
        letter-spacing: .12em;
        font-weight: 400;
        font-size: 1.8rem;
        color: #ffffff;
        background-color: #a3918795;
        display: inline-block;
        padding: 10px 20px;
        margin: 10px 0 20px;
    }

    .gift-data01 span {
        text-align: center;
        letter-spacing: .12em;
        font-weight: 300;
        font-size: 1.5rem;
        color: #ffffff;
    }

    .gift-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    }

    .gift-line {
        align-items: center; 
        display: flex; 
        justify-content: center; 
    font-weight: 800;
        color: #a39187;
        font-size: 2.4rem;
    }

    .gift-line::before,
    .gift-line::after {
        background-color: #a39187;
        content: "";
        height: 1px; 
        width: 25%; 
    }

    .gift-line::before {
        margin-right: 15px; 
    }

    .gift-line::after {
        margin-left: 15px; 
    }

    .gift-line02{
        display: inline-flex;
        border: solid #a39187 0.5px;
        width: 60%;
        margin-bottom: 20px;
        margin-top: 35px;
    }

    .gift-border {
        align-items: center; 
        display: flex; 
        justify-content: center; 
    font-weight: 600;
        color: #a39187;
        font-size: 2.4rem;
    }


    .gift .text-container {
    background-color: #ffffff00;
    }

    .gift-big-box {
    margin: 0 auto;
        width: 50%;
        height: auto;
        /* border: solid 1px #a39187; */
        /* border-radius: 15px; */
        padding: 20px 20px 20px;
        /* background-color: #ffffff; */
    }

    .gift-aroma-flex {
        display: flex;
        justify-content: space-around;
    }

    .gift-aroma-pc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1em;
    max-width: calc(1600px + 7rem);
    }

    .gift-aroma-box01 {
        margin: 0;
        height: auto;
        padding: 20px 20px;
        background-color: #f6f4f3;
    aspect-ratio: 1;
    width: calc(100% / 4);
    display: flex;
        flex-direction: column;
    }

    .gift-aroma-box02 {
        margin: 0;
        height: auto;
        padding: 20px 20px;
        background-color: #f7f8d0;
    aspect-ratio: 1;
    width: calc(100% / 4);
    display: flex;
        flex-direction: column;
    }

    .gift-aroma-box03 {
        margin: 0;
        height: auto;
        padding: 20px 20px;
        background-color: #e7eee8;
    aspect-ratio: 1;
    width: calc(100% / 4);
    display: flex;
        flex-direction: column;
    }

    .gift-aroma-content {
    align-items: center;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .gift-aroma-box-s01 {
        width: 90%;
        height: auto;
        padding: 5px;
        background-color: #ffffff95;
        margin: 20px 0 20px;
    }

    .gift-aroma-name {
    text-align: center;
    letter-spacing: .12em;
    font-weight: 400;
    font-size: 1.8rem;
    color: #a39187;
    display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .gift-aroma-lead {
    font-size: 1.5rem;
    line-height: inherit;
    font-weight: 300;
    color: #333;
    display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .navigate {
            /* max-width: calc(510px + (20px * 2)); */
            padding: 0 20px;
        }

    .navigate a {
        color: #a39187;
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 25px;
        font-family: var(--font-family--gothic);
        position: relative;
        display: inline-flex;
        align-items: center;
        /* justify-content: flex-end; */
    }

    .navigate a::before {
        content: "";
        height: 1px;
        width: 36px;
        background-color: #a39187;
        margin-left: 16px;
        order: 2;
    }

    .navigate a::after {
        content: "";
        height: 1px;
        width: 5px;
        background-color: #a39187;
        position: absolute;
        right: 0;
        top: 10px;
        transform: rotate(45deg);
    }

    .sp-br{
    display:none;
    }

    @media (max-width: 1355px){

    .gift-big-box {
        width: 48%;
    }

    }

    @media (max-width: 1024px){

    .gift-big-box {
        width: 90%;
    }

    .gift-aroma-box01 {
        width: calc(100% / 3);
    }

    .gift-aroma-box02 {
        width: calc(100% / 3);
    }

    .gift-aroma-box03 {
        width: calc(100% / 3);
    }

    .gift-aroma-box-s01 {
        width: 100%;
    }

    .gift-aroma-name {
    font-size: 1.6rem;
    }

    .gift-aroma-lead {
    font-size: 1.2rem;
    }

    }


    @media (max-width: 999px){

    .gift img {
    width: 15%;
    }

    .gift-m img {
    width: 15%;
    }

    .gift-title {
        line-height: 1.0;
        font-size: 5.0rem;
    }

    .gift-title-sub {
        font-size: 1.2rem;
    }

    }

    @media (min-width: 768px) {
        .block-products[data-v-a8905cbe] {
            padding: 0 1rem;
        }
    }

    @media (max-width: 767px){

    .btn a {
        width: 45vw;
        padding: 15px 10px;
        margin: 5px 5px 5px;
    }

    .btn01 a::after {
        width: 6px;
        height: 6px;
        /* right: 12px; */
    }

    .btn02 a::after {
        width: 6px;
        height: 6px;
        /* right: 12px; */
    }

    .price-btn01 a {
        width: 45vw;
        padding: 10px 10px;
        margin: 5px 5px 5px;
    }

    .price-btn01 a::after {
        width: 6px;
        height: 6px;
        /* right: 12px; */
    }

    .gift-title{
    font-size:7.2rem;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    }

    .gift-title-sub {
    font-size: 2.8rem;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    }

    .gift-catch01{
    font-size:5.2rem;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    }

    .gift-catch01-sub {
    font-size: 2.8rem;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    }

    .gift-catch02{
    font-size:5.0rem;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    }

    .gift-catch02-sub {
    font-size: 3.4rem;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    }

    .gift img {
    width: 40%;
    }

    .gift-m img {
    width: 40%;
    }

    .gift-data01 {
        font-size: 3.0rem;
    }

    .gift-data01 span {
        font-size: 2.4rem;
    }

    .gift-line {
        font-size: 3.2rem;
    }

    .gift-line::before,
    .gift-line::after {
        width: 25%; 
    }

    .gift-line02{
    border: solid #a39187 0.5px;
    width: 90%;
    }

    .gift-border {
        font-size: 3.2rem;
    }

    .gift-big-box {
            margin: 0 auto;
            padding: 20px 0;
            width: 90%;
            height: auto;
    }

    .gift-aroma-box01 {
            margin: auto;
            height: auto;
            padding: 20px 20px;
            background-color: #f6f4f3;
            aspect-ratio: auto;
            width: 90%;
            margin-bottom: 10px;
    }

    .gift-aroma-box02 {
            margin: auto;
            height: auto;
            padding: 20px 20px;
            background-color: #f7f8d0;
            aspect-ratio: auto;
            width: 90%;
            margin-bottom: 10px;
    }

    .gift-aroma-box03 {
            margin: auto;
            height: auto;
            padding: 20px 20px;
            background-color: #e7eee8;
            aspect-ratio: auto;
            width: 90%;
            margin-bottom: 10px;
    }

    .gift-aroma-content {
        display: flex;
        flex-flow: column;
        align-items: center;
    }

    .gift-aroma-box-s01 {
        width: 100%;
        height: auto;
        padding: 5px;
        background-color: #ffffff95;
    }

    .gift-aroma-name {
    text-align: center;
    letter-spacing: .12em;
    font-weight: 400;
    font-size: 3.0rem;
    color: #a39187;
    display: inline-block;
    }

    .gift-aroma-lead {
    font-size: 2.4rem;
    line-height: inherit;
    font-weight: 300;
    color: #333;
    }

    .navigate a {
        font-size: 2.4rem;
    }
    
    .sp-br{
    display: inline-block;
    }

    }


/* about共通 */
.common-about-ignis[data-v-ee95254e] {
  margin: 0 auto;
  max-width: 1280px
}

@media (min-width: 768px) {
  .common-about-ignis[data-v-ee95254e] {
    margin: 12rem auto 10rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .common-about-ignis[data-v-ee95254e] {
    margin: 12rem auto 10rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .common-about-ignis[data-v-ee95254e] {
    margin: calc((120 / var(--vw-base-width)) * 100vw) auto calc((100 / var(--vw-base-width)) * 100vw)
  }
}

.common-about-ignis .item-wrapper[data-v-ee95254e] {
  display: flex
}

@media (max-width: 767px) {
  .common-about-ignis .item-wrapper[data-v-ee95254e] {
    flex-wrap: wrap
  }
}

.common-about-ignis .item[data-v-ee95254e] {
  display: block;
  position: relative;
  color: #fff;
  transition: opacity .2s;
  margin-right: .2rem
}

.common-about-ignis .item[data-v-ee95254e]:last-child {
  margin-right: 0
}

.common-about-ignis .item[aria-hidden="true"][data-v-ee95254e] {
  display: none
}

@media (min-width: 768px) {
  .common-about-ignis .item[data-v-ee95254e] {
    width: 100%
  }
}

@media (max-width: 767px) {
  .common-about-ignis .item[data-v-ee95254e] {
    width: calc(50% - .1rem);
    margin-right: 0;
    margin-bottom: .2rem
  }

  .common-about-ignis .item[data-v-ee95254e]:first-child {
    width: 100%
  }

  .common-about-ignis .item:first-child .img-container[data-v-ee95254e]::before {
    padding-top: 50%
  }

  .common-about-ignis .item[data-v-ee95254e]:nth-child(even) {
    margin-right: .2rem
  }
}

.common-about-ignis .item[data-v-ee95254e]:hover::before {
  opacity: .2
}

.common-about-ignis .item[data-v-ee95254e]::before {
  pointer-events: none;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #b1a685;
  opacity: 0;
  transition: opacity .2s;
  z-index: 1
}

.common-about-ignis .item .img-container[data-v-ee95254e] {
  position: relative
}

.common-about-ignis .item .img-container[data-v-ee95254e]::before {
  content: "";
  display: block;
  padding-top: 100%
}

.common-about-ignis .item .img-container img[data-v-ee95254e] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;"
}

.common-about-ignis .item p[data-v-ee95254e] {
  font-weight: 600;
  color: #fff;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  letter-spacing: .1em;
  z-index: 1
}

@media (min-width: 768px) {
  .common-about-ignis .item p[data-v-ee95254e] {
    font-size: 1.8rem;
    bottom: 1rem
  }
}

@media (max-width: 767px) {
  .common-about-ignis .item p[data-v-ee95254e] {
    font-size: 2.8rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .common-about-ignis .item p[data-v-ee95254e] {
    bottom: 2rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .common-about-ignis .item p[data-v-ee95254e] {
    bottom: calc((20 / var(--vw-base-width)) * 100vw)
  }
}


/* ----------------------------------------
    header
---------------------------------------- */
@media (min-width: 768px) {
    .header_mypage {
        margin-right: 1.6rem;
    }

    .header_cart {
        margin-right: 1.9rem;
    }
}

@media (max-width: 767px) {
    .right .header_mypage,
    .right .header_cart {
        display: none;
    }

    .upper-container__links {
        position: absolute;
        top: calc((40 / var(--vw-base-width)) * 101vw);
        right: 50px;
        line-height: 1;
        z-index: 1;
    }
    .upper-container__links .header_mypage,
    .upper-container__links .header_cart {
        margin-right: 1.9rem;
    }

    .upper-container__links .icon.--size20 {
        width: 20px;
    }
}

/* ----------------------------------------
    brandtop / categorytop
---------------------------------------- */
.page-category.page-category-top .breadcrumb,
.page-category.page-category-top .pane-topic-path,
.page-category.page-category-top .block-list,
.page-category.page-category-top .block-list--filter.block-filter {
    display: none;
}

/* index.css */
.page-category.page-category-top .pane-main {
  margin-bottom: 0;
}

.header {
  padding-bottom: 0;
}

.common-header .logo {
    width: auto;
    height: auto;
}

.page-category.page-category-top main {
    overflow: auto;
}

.page-category.page-category-top .container {
    max-width: none;
    padding-inline: 0;
}

.block-search-list__content-list__item__content__button-list__item .buttonLink {
    text-decoration: none;
}

@media (max-width: 767px) {
    .block-search-list__content-list__more .buttonLink {
        font-size: 14px;
        width: 200px;
        min-height: 50px;
        text-decoration: none;
    }

    .block-search-list__content-list__more .buttonLink  .buttonLink__icon {
        width: 14px;
    }
}

/* ----------------------------------------
    goodslist / genre
---------------------------------------- */
.page-genre.page-category-top .breadcrumb,
.page-genre.page-category-top .pane-topic-path {
    display: none;
}

/* list */
.p-product__main .item__ranking[data-v-c5414464] {
    display: none !important;
}

.genre-ranking .p-product__main .item__ranking[data-v-c5414464] {
    display: flex !important;
}

/* genre */
.block-bg-frame.genre-ingredient {
    background-color: rgb(254, 241, 236);
    padding-top: 4vw;
    padding-bottom: 4vw;
}

.block-bg-frame.genre-ingredient .item__inner .text-container {
    min-height: 155px;
    background-color: #f8f8f8;
}

@media (max-width: 767px) {
    .block-bg-frame.genre-ingredient {
        padding-top: 12.5vw;
        padding-bottom: 12.5vw;
    }

    .block-bg-frame.genre-ingredient .item__inner .text-container {
        min-height: 138px;
    }
}

.moistline-box {
    margin: 0 auto;
    width: 60%;
    height: auto;
    border: solid 1px #00785f;
    padding: 20px 0;
   background-color: #fcf9f1;
}

.moistline-aroma {
    font-size: 1.5rem;
    margin-top: 0.8rem;
    letter-spacing: .52rem;
}

.moistline-night {
    font-size: 1.8rem;
    font-weight: 800;
    color: #00785f;
    margin-top: 1.4rem;
    letter-spacing: .52rem;
}

@media (max-width: 1024px){

.moistline-box {
  width: 95%;
}

}

@media (max-width: 760px){

.moistline-box {
  width: 95%;
}

.moistline-aroma {
    font-size: 2.4rem;
}

.moistline-night {
    font-size: 2.7rem;
}

.sp-br{
display: inline-block;
}

}

/* button */
.c-productCartButton {
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-productCartButton__item {
    width: 100%;
}

.c-productCartButton__item > .buttonLink {
    width: 100%;
    max-width: 160px;
    height: 40px;
    min-width: auto;
    min-height: auto;
    border-radius: 0;
    background-color: #a39187;
    border: 1px solid #a39187;
    text-decoration: none;

    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.page-search .block-search-list__content-list__item__content__button-list .buttonLink.--primary {
    width: 100%;
    max-width: 160px;
    height: 40px;
    min-width: auto;
    min-height: auto;
    border-radius: 0;
    background-color: #a39187;
    border: 1px solid #a39187;
    text-decoration: none;
}

.page-search .block-search-list__content-list__item__content__button-list .buttonLink.--primary .buttonLink__text,
.c-productCartButton__item > .buttonLink .buttonLink__text {
    font-size: 12px;
    color: #fff;
    font-family: var(--font-family--gothic);
}

.page-search .block-search-list__content-list__item__content__button-list .buttonLink.--primary:not(.--disabled):is(:hover, :focus),
.c-productCartButton__item > .buttonLink:not(.--disabled):is(:hover, :focus) {
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #606060;
}

.page-search .block-search-list__content-list__item__content__button-list .buttonLink.--primary:not(.--disabled):is(:hover, :focus) .buttonLink__text,
.c-productCartButton__item > .buttonLink:not(.--disabled):is(:hover, :focus) .buttonLink__text {
    color: #606060;
}

.page-search .block-search-list__content-list__item__content__button-list .buttonLink.--primary.--disabled,
.c-productCartButton__item > .buttonLink.--disabled {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
}

.page-search .block-search-list__content-list__item__content__button-list .buttonLink.--primary.--disabled .buttonLink__text,
.c-productCartButton__item > .buttonLink.--disabled .buttonLink__text {
    color: #a39187;
}

.page-search .block-search-list__content-list__item__content__button-list .buttonLink.--primary.--disabled:is(:hover, :focus),
.c-productCartButton__item > .buttonLink.--disabled:is(:hover, :focus) {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
}

.page-search .block-search-list__content-list__item__content__button-list .buttonLink.--secondary {
    width: 100%;
    max-width: 160px;
    height: 40px;
    min-width: auto;
    min-height: auto;
    border-radius: 0;
    background-color: #fff;
    color: #a39187;
    border: 1px solid #a39187;
    text-decoration: none;
}

.page-search .block-search-list__content-list__item__content__button-list .buttonLink.--secondary:not(.--disabled):is(:hover, :focus) {
    border-color: #a39187;
    background-color: #a39187;
    color: #fff;
    text-decoration: none;
}

.buttonList .buttonLink {
    text-decoration: none;
}

@media (max-width: 640px) {

    .page-search .breadcrumb__list,
    .page-search .block-search-list__content-list__item__content__brand-name,
    .page-search .block-search-list__content-list__item__content__info__item {
        font-size: 10px;
    }

    .page-search .block-search-list__sub-header-title {
        font-size: 32px;
    }

    .page-search .block-search-list__sub-header-text,
    .page-search .block-search-list__content-list__item__content__name {
        font-size: 14px;
    }

    .page-search .block-search-list__sub-header-description {
        font-size: 12px;
    }

    .page-search .block-search-list__content-list__item__content__button-list__item {
        text-align: center;
    }

    .page-search .block-search-list__content-list__item__content__button-list .buttonLink.--secondary {
        font-size: 12px;
    }

    .c-productCartButton__item {
        max-width: 150px;
    }
}

/* common pict heading */
.c-genre-cat-wrapper__upper {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}

.c-genre-cat-wrapper .block-search-list__sub-header-description {
    margin-top: 0;
    text-align: left;
    font-size: clamp(11px, 1.5rem, 1.5rem);
    color: #666;
}

.block-search-list__sub-header-description-label {
    font-size: 0;
}

.block-search-list__sub-header-description-label::after {
    color: #666;
    content: "アイテム数：";
    font-size: clamp(11px, 1.5rem, 1.5rem);
}

.block-search-list__sub-header-description-unit {
    display: none;
}

.c-genre-cat-wrapper .title {
    padding-left: 0;
}

.c-genre-cat-wrapper .title__inner {
    padding-top: 0;
}

.c-genre-cat-wrapper .title__title,
.c-genre-cat-wrapper .title__subTitle,
.c-genre-cat-wrapper .block-search-list__header {
    display: none;
}

/* text heading */
.c-genre-cat-wrapper.-simple .title__title {
    display: block;
    color: #666;
    font-size: clamp(19px, 3rem, 30px);
    letter-spacing: .6rem;
    margin: 12rem auto 4rem;
    font-family: var(--font-family--gothic);
    font-weight: 400;
}

.c-genre-cat-wrapper.-simple .title__title::before {
    content: "検索結果：";
    color: #666;
}

/* 移植 */
.list-nav[data-v-ad8927a2] {
  background-color: #f8f8f8
}

.list-nav .tab-container[data-v-ad8927a2] {
  max-width: 1280px;
  margin: 0 auto;
  position: relative
}

@media (min-width: 768px) {
  .list-nav .tab-container[data-v-ad8927a2] {
    padding: 2.5rem 4rem 0
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .list-nav .tab-container[data-v-ad8927a2] {
    padding-top: 3rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .list-nav .tab-container[data-v-ad8927a2] {
    padding-top: calc((30 / var(--vw-base-width)) * 100vw)
  }
}

.list-nav .tablist[data-v-ad8927a2] {
  display: flex
}

.list-nav .swiper-slide[data-v-ad8927a2] {
  width: auto
}

.list-nav .tab[data-v-ad8927a2] {
  text-align: left;
  border-bottom: solid transparent;
  transition: border, color, opacity;
  transition-duration: .2s
}

.list-nav .tab[data-v-ad8927a2]::before,
.list-nav .tab[data-v-ad8927a2]::after {
  display: block;
  width: 0;
  height: 0;
  content: ""
}

.list-nav .tab[data-v-ad8927a2]::before {
  margin-top: calc((1 - var(--line-height)) * .5em)
}

.list-nav .tab[data-v-ad8927a2]::after {
  margin-bottom: calc((1 - var(--line-height)) * .5em)
}

.list-nav .tab[data-v-ad8927a2]:hover {
  opacity: .7
}

@media (min-width: 768px) {
  .list-nav .tab[data-v-ad8927a2] {
    font-size: 1.4rem;
    padding: 1rem 2rem;
    border-width: .3rem
  }
}

@media (max-width: 767px) {
  .list-nav .tab[data-v-ad8927a2] {
    font-size: 2.2rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .list-nav .tab[data-v-ad8927a2] {
    padding: 1rem 2rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .list-nav .tab[data-v-ad8927a2] {
    padding: calc((10 / var(--vw-base-width)) * 100vw) calc((20 / var(--vw-base-width)) * 100vw)
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .list-nav .tab[data-v-ad8927a2] {
    border-width: .4rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .list-nav .tab[data-v-ad8927a2] {
    border-width: calc((4 / var(--vw-base-width)) * 100vw)
  }
}

.list-nav .tab[aria-selected="true"][data-v-ad8927a2] {
  border-color: #a39187;
  font-weight: 600;
  color: #a39187
}

.list-nav .tabpanel[data-v-ad8927a2] {
  max-width: 1280px;
  margin: 0 auto
}

@media (min-width: 768px) {
  .list-nav .tabpanel[data-v-ad8927a2] {
    padding: 1.5rem 4rem 2rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .list-nav .tabpanel[data-v-ad8927a2] {
    padding: 3rem 1rem 1.5rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .list-nav .tabpanel[data-v-ad8927a2] {
    padding: calc((30 / var(--vw-base-width)) * 100vw) calc((10 / var(--vw-base-width)) * 100vw) calc((15 / var(--vw-base-width)) * 100vw)
  }
}

.list-nav .tabpanel[aria-hidden="true"][data-v-ad8927a2] {
  display: none
}

.list-nav .tabpanel[data-v-ad8927a2]:not([aria-hidden="true"]) {
  animation: .75s fade-in-data-v-ad8927a2
}

@keyframes fade-in-data-v-ad8927a2 {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.list-nav .keyword[data-v-ad8927a2] {
  display: inline-block;
  text-decoration: none;
  border: solid #ebebeb;
  background-color: #fff;
  color: #666;
  transition: opacity .2s
}

.list-nav .keyword[data-v-ad8927a2]::before,
.list-nav .keyword[data-v-ad8927a2]::after {
  display: block;
  width: 0;
  height: 0;
  content: ""
}

.list-nav .keyword[data-v-ad8927a2]::before {
  margin-top: calc((1 - var(--line-height)) * .5em)
}

.list-nav .keyword[data-v-ad8927a2]::after {
  margin-bottom: calc((1 - var(--line-height)) * .5em)
}

.list-nav .keyword[data-v-ad8927a2]:hover {
  opacity: .7
}

@media (min-width: 768px) {
  .list-nav .keyword[data-v-ad8927a2] {
    margin: 0 .5rem .5rem 0;
    border-width: 1px;
    border-radius: .4rem;
    padding: .7rem 1.5rem;
    font-size: 1.4rem
  }
}

@media (max-width: 767px) {
  .list-nav .keyword[data-v-ad8927a2] {
    font-size: 2rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .list-nav .keyword[data-v-ad8927a2] {
    margin: 0rem 1rem 1rem 0rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .list-nav .keyword[data-v-ad8927a2] {
    margin: calc((0 / var(--vw-base-width)) * 100vw) calc((10 / var(--vw-base-width)) * 100vw) calc((10 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .list-nav .keyword[data-v-ad8927a2] {
    border-width: .2rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .list-nav .keyword[data-v-ad8927a2] {
    border-width: calc((2 / var(--vw-base-width)) * 100vw)
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .list-nav .keyword[data-v-ad8927a2] {
    border-radius: 4px;
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .list-nav .keyword[data-v-ad8927a2] {
    border-radius: 4px;
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .list-nav .keyword[data-v-ad8927a2] {
    padding: 1.2rem 1.5rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .list-nav .keyword[data-v-ad8927a2] {
    padding: calc((12 / var(--vw-base-width)) * 100vw) calc((15 / var(--vw-base-width)) * 100vw)
  }
}

.list-nav .keyword[data-is-current="true"][data-v-ad8927a2] {
  border-color: #a39187;
  background-color: #a39187;
  color: #fff
}

.list-hero .upper[data-v-fd1b9ab4] {
  text-align: center;
  position: relative
}

@media (min-width: 768px) {
  .list-hero .upper[data-v-fd1b9ab4]:last-child {
    margin-bottom: 12rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .list-hero .upper[data-v-fd1b9ab4]:last-child {
    margin-bottom: 12rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .list-hero .upper[data-v-fd1b9ab4]:last-child {
    margin-bottom: calc((120 / var(--vw-base-width)) * 100vw)
  }
}

.list-hero .upper[data-v-fd1b9ab4]::before {
  content: "";
  display: block
}

@media (min-width: 768px) {
  .list-hero .upper[data-v-fd1b9ab4]::before {
    height: 440px
  }
}

@media (max-width: 767px) {
  .list-hero .upper[data-v-fd1b9ab4]::before {
    padding-top: 66.5625%
  }
}

.list-hero .upper img[data-v-fd1b9ab4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;"
}

.list-hero .upper__text-container[data-v-fd1b9ab4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
  color: #333
}

.list-hero .upper__text-container[data-is-text-color-white="true"][data-v-fd1b9ab4] {
  color: #fff
}

.list-hero .upper__text-container span[data-v-fd1b9ab4]::before,
.list-hero .upper__text-container span[data-v-fd1b9ab4]::after {
  display: block;
  width: 0;
  height: 0;
  content: ""
}

.list-hero .upper__text-container span[data-v-fd1b9ab4]::before {
  margin-top: calc((1 - var(--line-height--heading)) * .5em)
}

.list-hero .upper__text-container span[data-v-fd1b9ab4]::after {
  margin-bottom: calc((1 - var(--line-height--heading)) * .5em)
}

.list-hero .upper__text-container span[data-v-fd1b9ab4]:first-child {
  letter-spacing: .15em
}

@media (min-width: 768px) {
  .list-hero .upper__text-container span[data-v-fd1b9ab4]:first-child {
    font-size: 2.8rem;
    margin-bottom: 1rem
  }
}

@media (max-width: 767px) {
  .list-hero .upper__text-container span[data-v-fd1b9ab4]:first-child {
    font-size: 4.2rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .list-hero .upper__text-container span[data-v-fd1b9ab4]:first-child {
    margin-bottom: 1rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .list-hero .upper__text-container span[data-v-fd1b9ab4]:first-child {
    margin-bottom: calc((10 / var(--vw-base-width)) * 100vw)
  }
}

.list-hero .upper__text-container span[data-v-fd1b9ab4]:last-child {
  letter-spacing: .2em;
  font-weight: 300
}

@media (min-width: 768px) {
  .list-hero .upper__text-container span[data-v-fd1b9ab4]:last-child {
    font-size: 1.4rem
  }
}

@media (max-width: 767px) {
  .list-hero .upper__text-container span[data-v-fd1b9ab4]:last-child {
    font-size: 2rem
  }
}

.list-hero .lower[data-v-fd1b9ab4] {
  text-align: center;
  margin: 0 auto
}

@media (min-width: 768px) {
  .list-hero .lower[data-v-fd1b9ab4] {
    padding: 12rem 4.5rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .list-hero .lower[data-v-fd1b9ab4] {
    padding: 12rem 4.5rem 9rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .list-hero .lower[data-v-fd1b9ab4] {
    padding: calc((120 / var(--vw-base-width)) * 100vw) calc((45 / var(--vw-base-width)) * 100vw) calc((90 / var(--vw-base-width)) * 100vw)
  }
}

.list-hero .lower p[data-v-fd1b9ab4]::before,
.list-hero .lower p[data-v-fd1b9ab4]::after {
  display: block;
  width: 0;
  height: 0;
  content: ""
}

.list-hero .lower p[data-v-fd1b9ab4]::before {
  margin-top: calc((1 - var(--line-height)) * .5em)
}

.list-hero .lower p[data-v-fd1b9ab4]::after {
  margin-bottom: calc((1 - var(--line-height)) * .5em)
}

.list-hero .lower .catch-text[data-v-fd1b9ab4] {
  color: #a39187;
  font-weight: 600
}

@media (min-width: 768px) {
  .list-hero .lower .catch-text[data-v-fd1b9ab4] {
    font-size: 2.4rem
  }
}

@media (max-width: 767px) {
  .list-hero .lower .catch-text[data-v-fd1b9ab4] {
    font-size: 3rem
  }
}

@media (min-width: 768px) {
  .list-hero .lower .catch-text+.detail-text[data-v-fd1b9ab4] {
    margin-top: 2rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .list-hero .lower .catch-text+.detail-text[data-v-fd1b9ab4] {
    margin-top: 2rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .list-hero .lower .catch-text+.detail-text[data-v-fd1b9ab4] {
    margin-top: calc((20 / var(--vw-base-width)) * 100vw)
  }
}


/* ranking */
.item[data-v-a17cb71c] {
  flex-shrink: 0;
  background-color: #f8f8f8
}

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

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

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

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

  .item[data-v-a17cb71c]:nth-child(n+6) {
    margin-top: 1rem
  }

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

@media (max-width: 767px) and (max-width: 640px) {
  .item[data-v-a17cb71c] {
    width: calc((99.9% - (1.5625vw * (5 - 1))) / 5)
  }

  .item[data-v-a17cb71c]:nth-child(n+6) {
    margin-top: 1.5625vw
  }

  .item[data-v-a17cb71c]:not(:nth-child(5n)):not(:last-child) {
    margin-right: 1.5625vw
  }
}

.list-ranking[data-v-a17cb71c] {
  overflow-x: hidden;
}

@media (min-width: 768px) {
  .list-ranking[data-v-a17cb71c] {
    margin: 12rem calc(50% - 50vw) 12rem calc(50% - 50vw);
    width: 100vw;
    padding: 0 2rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .list-ranking[data-v-a17cb71c] {
    margin: 12rem auto
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .list-ranking[data-v-a17cb71c] {
    margin: calc((120 / var(--vw-base-width)) * 100vw) auto
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .list-ranking[data-v-a17cb71c] {
    padding: 0rem 2rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .list-ranking[data-v-a17cb71c] {
    padding: calc((0 / var(--vw-base-width)) * 100vw) calc((20 / var(--vw-base-width)) * 100vw)
  }
}

.scroll-container[data-v-a17cb71c] {
  max-width: 100%;
  width: 1280px
}

html[data-is-touchdevice="true"] .scroll-container[data-v-a17cb71c] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

html[data-is-touchdevice="false"] .scroll-container[data-v-a17cb71c] {
  overflow-x: hidden
}

@media (min-width: 768px) {
  .scroll-container[data-v-a17cb71c] {
    margin: 5rem auto
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .scroll-container[data-v-a17cb71c] {
    margin: 5rem auto
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .scroll-container[data-v-a17cb71c] {
    overflow-y: scroll;
    margin: calc((50 / var(--vw-base-width)) * 100vw) auto
  }
}

.item-container[data-v-a17cb71c] {
  margin: 0 auto;
  display: flex;
  justify-content: center
}

@media (min-width: 768px) {
  .item-container[data-v-a17cb71c] {
    width: 1280px
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .item-container[data-v-a17cb71c] {
    width: 128rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .item-container[data-v-a17cb71c] {
    width: calc((1280 / var(--vw-base-width)) * 100vw)
  }
}



.item a[data-v-a17cb71c] {
  display: block;
  text-decoration: none;
  color: #666
}

.rank[data-v-a17cb71c] {
  position: absolute;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family--en);
  font-weight: 400;
  color: #fff;
  background-color: #a39187
}

.rank[data-is-first="true"][data-v-a17cb71c] {
  background-color: #d9b340
}

@media (min-width: 768px) {
  .rank[data-v-a17cb71c] {
    font-size: 1.5rem;
    top: 1rem;
    left: 1rem;
    width: 3rem;
    height: 3rem
  }
}

@media (max-width: 767px) {
  .rank[data-v-a17cb71c] {
    font-size: 2.6rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .rank[data-v-a17cb71c] {
    top: 1rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .rank[data-v-a17cb71c] {
    top: calc((10 / var(--vw-base-width)) * 100vw)
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .rank[data-v-a17cb71c] {
    left: 1rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .rank[data-v-a17cb71c] {
    left: calc((10 / var(--vw-base-width)) * 100vw)
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .rank[data-v-a17cb71c] {
    width: 4.3rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .rank[data-v-a17cb71c] {
    width: calc((43 / var(--vw-base-width)) * 100vw)
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .rank[data-v-a17cb71c] {
    height: 4.3rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .rank[data-v-a17cb71c] {
    height: calc((43 / var(--vw-base-width)) * 100vw)
  }
}
.img-container[data-v-a17cb71c] {
  position: relative
}

.img-container[data-v-a17cb71c]::before {
  content: "";
  display: block;
  padding-top: 100%
}

.img-container img[data-v-a17cb71c] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 85%;
  height: 85%;
  object-fit: contain;
  font-family: "object-fit: contain;";
  z-index: 1
}

.img-underlay[data-v-a17cb71c] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 61.08949%;
  height: 61.08949%;
  border: 2px solid #ede1d5
}

.img-underlay[data-color="nightwell"][data-v-a17cb71c] {
  border: solid 2px #e6e0cb;
  background-color: #e6e0cb
}

.img-underlay[data-color="nightwell"][data-is-nightwell] span[data-v-a17cb71c] {
  color: #74ad89
}

.img-underlay[data-color="whiteline"][data-v-a17cb71c] {
  border: 2px solid #ebf0e9
}

.img-underlay[data-color="whiteline"][data-is-premium="true"][data-v-a17cb71c] {
  background-color: #ebf0e9;
  border: 2px solid #ebf0e9
}

.img-underlay[data-color="whiteline"][data-is-isEfforia="true"][data-v-a17cb71c] {
  background-color: #d6ebeb;
  border: 2px solid #d6ebeb
}

.img-underlay[data-color="moistline"][data-v-a17cb71c] {
  border: 2px solid #f8eee6
}

.img-underlay[data-color="moistline"][data-is-premium="true"][data-v-a17cb71c] {
  background-color: #f8eee6;
  border: 2px solid #f8eee6
}

.img-underlay[data-color="sunnysourline"][data-v-a17cb71c] {
  border: 2px solid #eff4c6
}

.img-underlay[data-color="sunnysourline"][data-is-premium="true"][data-v-a17cb71c] {
  background-color: #eff4c6;
  border: 2px solid #eff4c6
}

.img-underlay[data-color="otherline"][data-v-a17cb71c] {
  border: 2px solid #ede1d5
}

.img-underlay[data-color="otherline"][data-is-premium="true"][data-v-a17cb71c] {
  background-color: #ede1d5;
  border: 2px solid #ede1d5
}

.img-underlay[data-is-premium="true"][data-v-a17cb71c] {
  text-align: right
}

@media (min-width: 768px) {
  .img-underlay[data-is-premium="true"][data-v-a17cb71c] {
    padding: .5rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .img-underlay[data-is-premium="true"][data-v-a17cb71c] {
    padding: .5rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .img-underlay[data-is-premium="true"][data-v-a17cb71c] {
    padding: calc((5 / var(--vw-base-width)) * 100vw)
  }
}

.img-underlay[data-is-premium="true"] span[data-v-a17cb71c] {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: var(--font-family--en);
  font-weight: 700;
  color: #a39187;
  letter-spacing: .15em
}

@media (min-width: 768px) {
  .img-underlay[data-is-premium="true"] span[data-v-a17cb71c] {
    font-size: 1rem
  }
}

@media (max-width: 767px) {
  .img-underlay[data-is-premium="true"] span[data-v-a17cb71c] {
    font-size: 1.1rem
  }
}

.img-underlay[data-is-isEfforia="true"][data-v-a17cb71c] {
  text-align: right;
  background-color: #ebd8d8;
  border: 2px solid #ebd8d8
}

@media (min-width: 768px) {
  .img-underlay[data-is-isEfforia="true"][data-v-a17cb71c] {
    padding: .5rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .img-underlay[data-is-isEfforia="true"][data-v-a17cb71c] {
    padding: .5rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .img-underlay[data-is-isEfforia="true"][data-v-a17cb71c] {
    padding: calc((5 / var(--vw-base-width)) * 100vw)
  }
}

.img-underlay[data-is-isEfforia="true"] span[data-v-a17cb71c] {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: var(--font-family--en);
  font-weight: 700;
  color: #a39187;
  letter-spacing: .15em
}

@media (min-width: 768px) {
  .img-underlay[data-is-isEfforia="true"] span[data-v-a17cb71c] {
    font-size: 1rem
  }
}

@media (max-width: 767px) {
  .img-underlay[data-is-isEfforia="true"] span[data-v-a17cb71c] {
    font-size: 1.1rem
  }
}

.img-underlay[data-is-isNightWell="true"][data-v-a17cb71c] {
  text-align: right;
  background-color: #e6e0cb;
  border: 2px solid #e6e0cb
}

@media (min-width: 768px) {
  .img-underlay[data-is-isNightWell="true"][data-v-a17cb71c] {
    padding: .5rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .img-underlay[data-is-isNightWell="true"][data-v-a17cb71c] {
    padding: .5rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .img-underlay[data-is-isNightWell="true"][data-v-a17cb71c] {
    padding: calc((5 / var(--vw-base-width)) * 100vw)
  }
}

.img-underlay[data-is-isNightWell="true"] span[data-v-a17cb71c] {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: var(--font-family--en);
  font-weight: 700;
  color: #74ad89;
  letter-spacing: .15em
}

@media (min-width: 768px) {
  .img-underlay[data-is-isNightWell="true"] span[data-v-a17cb71c] {
    font-size: 1rem
  }
}

@media (max-width: 767px) {
  .img-underlay[data-is-isNightWell="true"] span[data-v-a17cb71c] {
    font-size: 1.1rem
  }
}

@media (min-width: 768px) {
  .text-container[data-v-a17cb71c] {
    padding: 1.5rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .text-container[data-v-a17cb71c] {
    padding: 2rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .text-container[data-v-a17cb71c] {
    padding: calc((20 / var(--vw-base-width)) * 100vw)
  }
}

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

.series[data-v-a17cb71c]::before {
  margin-top: calc((1 - var(--line-height)) * .5em)
}

.series[data-v-a17cb71c]::after {
  margin-bottom: calc((1 - var(--line-height)) * .5em)
}

@media (min-width: 768px) {
  .series[data-v-a17cb71c] {
    font-size: 1.4rem;
    margin-bottom: 1rem
  }
}

@media (max-width: 767px) {
  .series[data-v-a17cb71c] {
    font-size: 2rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .series[data-v-a17cb71c] {
    margin-bottom: 1rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .series[data-v-a17cb71c] {
    margin-bottom: calc((10 / var(--vw-base-width)) * 100vw)
  }
}

.name[data-v-a17cb71c] {
  font-weight: 600
}

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

.name[data-v-a17cb71c]::before {
  margin-top: calc((1 - var(--line-height)) * .5em)
}

.name[data-v-a17cb71c]::after {
  margin-bottom: calc((1 - var(--line-height)) * .5em)
}

@media (min-width: 768px) {
  .name[data-v-a17cb71c] {
    font-size: 1.5rem;
    margin-bottom: 1rem
  }
}

@media (max-width: 767px) {
  .name[data-v-a17cb71c] {
    font-size: 2.4rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .name[data-v-a17cb71c] {
    margin-bottom: 1rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .name[data-v-a17cb71c] {
    margin-bottom: calc((10 / var(--vw-base-width)) * 100vw)
  }
}

/* 素材から探す */
.toppage-ingredients[data-v-61000430] {
  background-color: #f8f8f8;
  overflow: hidden
}

@media (min-width: 767px) {
  .toppage-ingredients[data-v-61000430] {
    padding: 12rem 0;
    margin: auto calc(50% - 50vw) auto calc(50% - 50vw);
  }

  .page-category-top .toppage-ingredients[data-v-61000430] {
    margin-top: 4rem;
  }
}

@media (max-width: 768px) and (max-width: 767px) and (min-width: 641px) {
  .toppage-ingredients[data-v-61000430] {
    padding: 12rem 0rem
  }
}

@media (max-width: 768px) and (max-width: 640px) {
  .toppage-ingredients[data-v-61000430] {
    padding: calc((120 / var(--vw-base-width)) * 100vw) calc((0 / var(--vw-base-width)) * 100vw)
  }
}

.toppage-ingredients .block-heading-lv2[data-v-61000430] {
  margin-top: 0
}

.toppage-ingredients .catch-text[data-v-61000430] {
  text-align: center
}

.toppage-ingredients .catch-text[data-v-61000430]::before,
.toppage-ingredients .catch-text[data-v-61000430]::after {
  display: block;
  width: 0;
  height: 0;
  content: ""
}

.toppage-ingredients .catch-text[data-v-61000430]::before {
  margin-top: calc((1 - var(--line-height)) * .5em)
}

.toppage-ingredients .catch-text[data-v-61000430]::after {
  margin-bottom: calc((1 - var(--line-height)) * .5em)
}

@media (min-width: 767px) {
  .toppage-ingredients .catch-text[data-v-61000430] {
    margin: 5rem auto
  }
}

@media (max-width: 768px) and (max-width: 767px) and (min-width: 641px) {
  .toppage-ingredients .catch-text[data-v-61000430] {
    margin: 5rem auto
  }
}

@media (max-width: 768px) and (max-width: 640px) {
  .toppage-ingredients .catch-text[data-v-61000430] {
    margin: calc((50 / var(--vw-base-width)) * 100vw) auto
  }
}

@media (min-width: 767px) {
  .toppage-ingredients .catch-text br.br-sp[data-v-61000430] {
    display: none
  }
}

.toppage-ingredients .scroll-container[data-v-61000430] {
  max-width: calc(1065px + $inner-padding * 2);
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

@media (min-width: 768px) {
  html[data-is-touchdevice="true"] .toppage-ingredients .scroll-container[data-v-61000430] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (min-width: 768px) {
  html[data-is-touchdevice="false"] .toppage-ingredients .scroll-container[data-v-61000430] {
    overflow-x: auto
  }
}

@media (min-width: 768px) {
  .toppage-ingredients .scroll-container[data-v-61000430] {
    margin-top: 5rem
  }
}

@media (max-width: 767px) {
  .toppage-ingredients .scroll-container[data-v-61000430] {
    display: flex;
    touch-action: pan-y
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .toppage-ingredients .scroll-container[data-v-61000430] {
    margin-top: 5rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .toppage-ingredients .scroll-container[data-v-61000430] {
    margin-top: calc((50 / var(--vw-base-width)) * 100vw)
  }
}

.toppage-ingredients .scroll-container .swiper-scrollbar[data-v-61000430] {
  position: absolute;
  bottom: -4.8rem;
  left: 0;
  right: 0;
  width: 70%;
  height: 2px;
  margin: 0 auto;
  z-index: 0;
  pointer-events: none
}

.toppage-ingredients .scroll-container .swiper-scrollbar-drag[data-v-61000430] {
  background: #a39187
}

.toppage-ingredients .swiper-slide[data-v-61000430] {
  width: auto
}

.toppage-ingredients .grid[data-v-61000430] {
  width: 1065px
}

@media (min-width: 768px) {
  .toppage-ingredients .grid[data-v-61000430] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: ;
    grid-template-columns: repeat(var(--gird-repeat), calc(100% / 5 - 10px * 4 / 5));
    -ms-grid-rows: 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-rows: repeat(4, 1fr);
    grid-auto-flow: column;
    gap: 10px;
    margin: 0 auto;
    place-content: center
  }
}

@media (max-width: 767px) {
  .toppage-ingredients .grid[data-v-61000430] {
    display: flex
  }
}

@media (min-width: 768px) {
  .toppage-ingredients .grid[data-increase="true"][data-v-61000430] {
    -ms-grid-columns: (calc(100% / 6 - 10px * 5 / 6))[6];
    grid-template-columns: repeat(6, calc(100% / 6 - 10px * 5 / 6));
    width: 1280px
  }
}

.toppage-ingredients .grid__scroll--block[data-v-61000430] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(100% / 2 - 10px * 1 / 2) 10px calc(100% / 2 - 10px * 1 / 2);
  grid-template-columns: repeat(2, calc(100% / 2 - 10px * 1 / 2));
  -ms-grid-rows: 1fr 10px 1fr 10px 1fr;
  grid-template-rows: repeat(3, 1fr);
  grid-auto-flow: column;
  gap: 10px;
  margin: 0 auto
}

.toppage-ingredients .grid__scroll--block>*[data-v-61000430]:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1
}

.toppage-ingredients .grid__scroll--block>*[data-v-61000430]:nth-child(2) {
  -ms-grid-row: 3;
  -ms-grid-column: 1
}

.toppage-ingredients .grid__scroll--block>*[data-v-61000430]:nth-child(3) {
  -ms-grid-row: 5;
  -ms-grid-column: 1
}

.toppage-ingredients .grid__scroll--block>*[data-v-61000430]:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 3
}

.toppage-ingredients .grid__scroll--block>*[data-v-61000430]:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 3
}

.toppage-ingredients .grid__scroll--block>*[data-v-61000430]:nth-child(6) {
  -ms-grid-row: 5;
  -ms-grid-column: 3
}

.toppage-ingredients .grid__scroll--block[data-v-61000430]:not(:last-child) {
  margin-right: 10px
}

.toppage-ingredients .grid__item[data-v-61000430] {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  display: block
}

.toppage-ingredients .grid__item[data-v-61000430]::before {
  content: "";
  padding-top: 100%;
  width: 100%;
  display: block
}

.toppage-ingredients .grid__item .inner[data-v-61000430] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 8px 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

@media (max-width: 768px) {
  .toppage-ingredients .grid__item .inner[data-v-61000430] {
    padding: 0 8px 8px
  }
}

.toppage-ingredients .grid__item .inner .img-container[data-v-61000430] {
  overflow: hidden
}

.toppage-ingredients .grid__item .inner .img-container img[data-v-61000430] {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.toppage-ingredients .grid__item .inner .text-container[data-v-61000430] {
  padding: 0 8px;
  position: absolute;
  bottom: 15px
}

@media (max-width: 768px) {
  .toppage-ingredients .grid__item .inner .text-container[data-v-61000430] {
    padding: 0 8px;
    bottom: 8px
  }
}

.toppage-ingredients .grid__item .inner .text-container .heading p[data-v-61000430] {
  color: #666;
  font-size: 1.5rem;
  line-height: 140%
}

@media (max-width: 767px) {
  .toppage-ingredients .grid__item .inner .text-container .heading p[data-v-61000430] {
    font-size: 2.66667vw
  }
}

/* カテゴリから探す */
.common-aside-product[data-v-aed808a8] {
  max-width: 1280px
}

@media (min-width: 768px) {
  .common-aside-product[data-v-aed808a8] {
    margin: 12rem auto
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .common-aside-product[data-v-aed808a8] {
    margin: 12rem auto
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .common-aside-product[data-v-aed808a8] {
    margin: calc((120 / var(--vw-base-width)) * 100vw) auto
  }
}

@media (min-width: 768px) {
  .common-aside-product .heading[data-v-aed808a8] {
    margin-bottom: 5rem
  }
}

@media (max-width: 767px) and (max-width: 767px) and (min-width: 641px) {
  .common-aside-product .heading[data-v-aed808a8] {
    margin-bottom: 5rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .common-aside-product .heading[data-v-aed808a8] {
    margin-bottom: calc((50 / var(--vw-base-width)) * 100vw)
  }
}

.common-aside-product .item-container[data-v-aed808a8] {
  display: flex;
  flex-wrap: wrap
}

.common-aside-product .item-container .item[data-v-aed808a8] {
  position: relative
}

.common-aside-product .item-container .item[data-v-aed808a8]:hover::after {
  opacity: .2
}

.common-aside-product .item-container .item[data-v-aed808a8]::after {
  pointer-events: none;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #b1a685;
  opacity: 0;
  transition: opacity .2s;
  z-index: 2
}

@media (min-width: 768px) and (min-width: 768px) {
  .common-aside-product .item-container .item[data-v-aed808a8] {
    width: calc((99.9% - (.1rem * (4 - 1))) / 4)
  }

  .common-aside-product .item-container .item[data-v-aed808a8]:nth-child(n+5) {
    margin-top: .1rem
  }

  .common-aside-product .item-container .item[data-v-aed808a8]:not(:nth-child(4n)):not(:last-child) {
    margin-right: .1rem
  }
}

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

  .common-aside-product .item-container .item[data-v-aed808a8]:nth-child(n+3) {
    margin-top: .2rem
  }

  .common-aside-product .item-container .item[data-v-aed808a8]:not(:nth-child(2n)):not(:last-child) {
    margin-right: .2rem
  }
}

@media (max-width: 767px) and (max-width: 640px) {
  .common-aside-product .item-container .item[data-v-aed808a8] {
    width: calc((99.9% - (.3125vw * (2 - 1))) / 2)
  }

  .common-aside-product .item-container .item[data-v-aed808a8]:nth-child(n+3) {
    margin-top: .3125vw
  }

  .common-aside-product .item-container .item[data-v-aed808a8]:not(:nth-child(2n)):not(:last-child) {
    margin-right: .3125vw
  }
}

.common-aside-product .item-container .item[data-v-aed808a8]::before {
  content: "";
  display: block;
  padding-top: 66.66667%
}

.common-aside-product .item-container .item img[data-v-aed808a8] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;"
}

.common-aside-product .item-container .item p[data-v-aed808a8] {
  position: absolute;
  top: -4.5%;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 1;
  color: #fff;
  font-weight: 600;
  letter-spacing: .08em
}

@media (min-width: 768px) {
  .common-aside-product .item-container .item p[data-v-aed808a8] {
    font-size: 1.8rem
  }
}

@media (max-width: 767px) {
  .common-aside-product .item-container .item p[data-v-aed808a8] {
    font-size: 2.8rem;
    top: -6.27%
  }
}


/* 季節のおすすめを探す */
.list-line[data-v-249ecb47] {
  max-width: calc(1200px + 8rem);
  margin: 0 auto 12rem
}

.list-line .main-product[data-v-249ecb47] {
  max-width: 510px;
  margin: 50px auto 6px
}

@media (max-width: 767px) {
  .list-line .main-product[data-v-249ecb47] {
    max-width: calc(510px + (20px * 2));
    padding: 0 20px
  }
}

.list-line .main-product__heading[data-v-249ecb47] {
  margin-bottom: 20px;
  text-align: center
}

.list-line .main-product__heading span[data-v-249ecb47] {
  font-size: 24px;
  line-height: 20px;
  letter-spacing: 5px;
  font-family: var(--font-family--en);
  color: #a39187
}

@media (max-width: 767px) {
  .list-line .main-product__heading span[data-v-249ecb47] {
    font-size: 18px
  }
}

.list-line .main-product__img[data-v-249ecb47] {
  margin: 0 0 20px
}

.list-line .main-product__text[data-v-249ecb47] {
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
  color: #666;
  font-family: var(--font-family--gothic)
}

@media (max-width: 767px) {
  .list-line .main-product__text[data-v-249ecb47] {
    font-size: 13px
  }
}

.list-line .navigate[data-v-249ecb47] {
  max-width: 510px;
  margin: 0 auto 50px;
  display: flex;
  justify-content: flex-end
}

@media (max-width: 767px) {
  .list-line .navigate[data-v-249ecb47] {
    max-width: calc(510px + (20px * 2));
    padding: 0 20px
  }
}

@media (min-width: 768px) {
  .list-line .navigate[data-single="true"][data-v-249ecb47] {
    margin-bottom: 0
  }
}

.list-line .navigate a[data-v-249ecb47] {
  color: #a39187;
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
  font-family: var(--font-family--gothic);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end
}

@media (max-width: 767px) {
  .list-line .navigate a[data-v-249ecb47] {
    font-size: 13px
  }
}

.list-line .navigate a[data-v-249ecb47]::before {
  content: "";
  height: 1px;
  width: 36px;
  background-color: #a39187;
  margin-left: 16px;
  order: 2
}

.list-line .navigate a[data-v-249ecb47]::after {
  content: "";
  height: 1px;
  width: 5px;
  background-color: #a39187;
  position: absolute;
  right: 0;
  top: 10px;
  transform: rotate(45deg)
}

.list-line .heading[data-v-249ecb47],
.list-line .heading[data-v-2eba4512] {
  margin-bottom: 5rem
}

.list-line__item[data-v-249ecb47] {
  width: 100%
}

.list-line__item>div[data-v-249ecb47] {
  width: 100%
}

@media (max-width: 767px) {
  .list-line__item>div[data-v-249ecb47] {
    margin-bottom: 60px
  }

  .list-line__item>div[data-single="true"][data-v-249ecb47] {
    margin-bottom: 0
  }
}

@media (min-width: 768px) {
  .list-line__item[data-v-249ecb47] {
    padding: 5rem 0
  }
}

@media (max-width: 767px) {
  .list-line__item[data-v-249ecb47] {
    padding: 40px 0 0;
    min-height: 380px;
    border-bottom: solid 1px transparent
  }
}

.list-line__item[data-color="spring"][data-v-249ecb47] {
  background-color: #f2faef;
  box-shadow: 0 0 0 100vmax #f2faef;
  -webkit-clip-path: inset(0 -100vmax);
  clip-path: inset(0 -100vmax)
}

.list-line__item[data-color="summer"][data-v-249ecb47] {
  background-color: #f7f9e8;
  box-shadow: 0 0 0 100vmax #f7f9e8;
  -webkit-clip-path: inset(0 -100vmax);
  clip-path: inset(0 -100vmax)
}

.list-line__item[data-color="winter"][data-v-249ecb47] {
  background-color: #fff6ee;
  box-shadow: 0 0 0 100vmax #fff6ee;
  -webkit-clip-path: inset(0 -100vmax);
  clip-path: inset(0 -100vmax)
}

@media (max-width: 767px) {
  .list-line__item[data-color="winter"][data-v-249ecb47] {
    min-height: 420px;
    padding: 40px 0 0
  }
}

.list-line__item a[data-v-249ecb47] {
  text-decoration: none;
  transition: .2s;
  display: block
}

.list-line__item a[data-v-249ecb47]:hover {
  opacity: .8
}

.list-line__item a .product-name[data-v-249ecb47] {
  display: block;
  font-size: 1.3rem;
  font-family: Helvetica
}

@media (max-width: 767px) {
  .list-line__item a .product-name[data-v-249ecb47] {
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: .1599998027086258px
  }

  .list-line__item a .product-name+.product-text[data-v-249ecb47] {
    margin-top: 6px
  }
}

.list-line__item a .product-text[data-v-249ecb47] {
  font-size: 1.4rem;
  color: #666
}

@media (max-width: 767px) {
  .list-line__item a .product-text[data-v-249ecb47] {
    font-size: 13px
  }
}

.list-line__item .description[data-v-249ecb47] {
  text-align: center;
  font-family: Hiragino Kaku Gothic Pro
}

.list-line__item .description span[data-v-249ecb47] {
  letter-spacing: .42rem;
  font-size: 1.4rem
}

@media (max-width: 767px) {
  .list-line__item .description span[data-v-249ecb47] {
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 2px
  }
}

.list-line__item .description h4[data-v-249ecb47] {
  font-size: 2.2rem;
  font-weight: normal;
  letter-spacing: .44rem
}

@media (max-width: 767px) {
  .list-line__item .description h4[data-v-249ecb47] {
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: .2em
  }
}

.list-line__img-container[data-v-249ecb47] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding: 0 2rem;
  margin: auto;
  gap: 3.2rem 1.6rem;
  margin-top: 5rem
}

@media (max-width: 767px) {
  .list-line__img-container[data-v-249ecb47] {
    max-width: 100%;
    padding: 0;
    gap: 3.2rem 19px
  }
}

.list-line__img-container[data-column="1"][data-v-249ecb47],
.list-line__img-container[data-column="2"][data-v-249ecb47] {
  max-width: calc(65.6rem + 4rem)
}

.list-line__img-container[data-column="1"] li[data-v-249ecb47],
.list-line__img-container[data-column="2"] li[data-v-249ecb47] {
  width: calc(50% - .8rem)
}

.list-line__img-container li[data-v-249ecb47] {
  width: calc(65.6rem / 2 - .8rem)
}

@media (max-width: 1031px) and (min-width: 768px) {
  .list-line__img-container li[data-v-249ecb47] {
    width: calc(100% / 3 - 1.6rem * 2 / 3)
  }
}

@media (max-width: 767px) {
  .list-line__img-container li[data-v-249ecb47] {
    width: calc(50% - (19px / 2))
  }
}

.list-line__img-container li img[data-v-249ecb47] {
  width: 100%
}

.list-line__img-container li img+.product-name[data-v-249ecb47] {
  margin-top: 2rem
}

@media (max-width: 767px) {
  .list-line__img-container li img+.product-name[data-v-249ecb47] {
    margin-top: 20px
  }
}

.list-line__slide-container[data-v-249ecb47] {
  max-width: calc(65.6rem + 4rem);
  padding: 0 2rem;
  margin: auto;
  margin-top: 5rem
}

@media (max-width: 767px) {
  .list-line__slide-container[data-v-249ecb47] {
    max-width: 100%;
    padding: 0 20px;
    margin-top: 50px
  }

  .list-line__slide-container>div[data-v-249ecb47] {
    margin: 0 -20px
  }

  .list-line__slide-container[data-v-249ecb47] .swiper-container {
    padding: 0 20px
  }

  .list-line__slide-container.no-slide[data-v-249ecb47] {
    margin: 0 20px
  }
}

.list-line__slide-container img[data-v-249ecb47] {
  width: 100%
}

.list-line__slide-container img+.product-name[data-v-249ecb47] {
  margin-top: 2rem
}

@media (max-width: 767px) {
  .list-line__slide-container img+.product-name[data-v-249ecb47] {
    margin-top: 20px
  }
}

/* search */
.block-list--item.block-item {
    text-align: center;
}

.form__input.block-header--search-input {
  background-image: none;
  margin-bottom: 40px;
}

.page-search .block-search-list__header {
    display: none;
}

/* bookmark loading */
.p-product__main .item__fav.bookmark_button label,
.block-search-list__content-list__item__content .bookmark_button label {
    display: none;
}

/* cart modal 調整 */
@media (max-width: 767px) {
    .counceling_modal.--spNotBottom .modal__content {
        width: calc(100% - 4rem - 4rem);
        margin-inline: 4rem;
        padding: 56px 20px;
    }

    .modal,
    .counceling_modal {
        line-height: 1.8;
    }

    .modal,
    .modal *,
    .counceling_modal,
    .counceling_modal * {
        font-size: 14px;
    }

    .modal .modal__closeButton,
    .counceling_modal .modal__closeButton {
        top: 6rem;
        right: 6rem;
        width: 16px;
        height: 16px;
    }

    .modal__title {
        font-size: 20px;
    }

    .modal__content.--headTitle .modal__title {
        padding-right: 12rem;
        padding-left: 12rem;
        margin-right: -4rem;
        margin-left: -4rem;
        min-height: 15rem;
    }

    .counceling_modal .form__checkboxText {
        background-size: 15px;
    }

    .counceling_modal .form__checkboxText.--checkType02 {
        padding-left: 23px;
        font-size: 12px;
    }

    .counceling_modal .block-checkbox-list__text-sub {
        font-size: 10px;
    }

    .block-common-modal .block-checkbox-list__body {
        padding: 8px 16px;
    }

    .block-common-modal .block-checkbox-list__check {
        width: 34px;
        flex-shrink: 0;
    }

    .block-common-modal .block-checkbox-list__main {
        width: calc(100% - 34px);
    }

    .block-common-modal .block-checkbox-list__check::before,
    .block-common-modal .block-checkbox-list__check::after {
        width: 18px;
        height: 18px;
    }

    .modal .buttonLink {
        min-height: 11.5rem;
        border-radius: 4rem;
    }

    .counceling_modal .buttonLink {
        min-width: 46.5rem !important;
        min-height: 11.5rem;
        border-radius: 4rem;
    }

    .block-common-modal .buttonLink__text {
        line-height: 1;
    }

    .block-common-modal .textLink .textLink__icon,
    .block-common-modal .buttonLink__icon {
        width: 14px;
    }

    .textLink .textLink__text {
        font-size: 14px;
        color: #1e1a34;
    }

    .modal .block-box {
        padding: 2.4rem 4rem;
    }

    .modal .--font10 {
        font-size: 10px !important;
    }

    .modal .--font12 {
        font-size: 12px !important;
    }

    .modal .--mt40 {
        margin-top: 40px !important;
    }
}