@charset 'UTF-8';
/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');
*,
::before,
::after
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    border-width: 0;
    border-style: solid;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html
{
    line-height: 1.15; /* 1 */

    -webkit-text-size-adjust: 100%; /* 2 */
    -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body
{
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main
{
    display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl
{
    margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6
{
    font-size: inherit;
    font-weight: inherit;

    margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol
{
    margin: 0;
    padding: 0;

    list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt
{
    font-weight: bold;
}

dd
{
    margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr
{
    clear: both;
    overflow: visible; /* 2 */

    -webkit-box-sizing: content-box;
            box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    margin: 0;

    color: inherit;
    border-top-width: 1px;
}

/**
 * 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: inherit; /* 2 */
}

address
{
    font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a
{
    text-decoration: none;

    color: inherit;
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title]
{
            text-decoration: underline dotted; /* 2 */

    -webkit-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: inherit; /* 2 */
}

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

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sub
{
    bottom: -.25em;
}

sup
{
    top: -.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe
{
    vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea
{
    font: inherit;

    margin: 0;
    padding: 0;

    text-align: inherit;
    vertical-align: middle;
    text-transform: inherit; /* 2 */

    color: inherit;
    border-radius: 0;
    background: transparent;

    -webkit-appearance: none; /* 1 */
       -moz-appearance: none;
            appearance: none;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox]
{
    -webkit-appearance: checkbox;
       -moz-appearance: checkbox;
            appearance: checkbox;
}

[type=radio]
{
    -webkit-appearance: radio;
       -moz-appearance: radio;
            appearance: radio;
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit]
{
    cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled
{
    cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring
{
    outline: auto;
}

select:disabled
{
    opacity: inherit;
}

/**
 * Remove padding
 */
option
{
    padding: 0;
}

/**
 * Reset to invisible
 */
fieldset
{
    min-width: 0;
    margin: 0;
    padding: 0;
}

legend
{
    padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress
{
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea
{
    overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button
{
    height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search]
{
    outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration
{
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button
{
    font: inherit; /* 2 */

    -webkit-appearance: button; /* 1 */
}

/**
 * Clickable labels
 */
label[for]
{
    cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details
{
    display: block;
}

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

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus
{
    outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table
{
    border-collapse: collapse;

    border-color: inherit; /* 1 */
}

caption
{
    text-align: left;
}

td,
th
{
    padding: 0;

    vertical-align: top;
}

th
{
    font-weight: bold;

    text-align: left;
}

/**
 * EB Garamond
 * https://fonts.google.com/specimen/EB+Garamond
 */
/**
 * Noto Serif Japanese
 * https://fonts.google.com/noto/specimen/Noto+Serif+JP
 */
html
{
    font-size: 62.5%;
}

body
{
    font-family: 'EB Garamond', 'Noto Serif JP', serif;
    font-size: 1.2rem;

    position: relative;

    min-height: 100vh;

    color: #393939;
}
body.is-hide
{
    overflow: hidden;
}

img
{
    max-width: 100%;
    max-height: 100%;
}

@-webkit-keyframes fadeIn
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}

@keyframes fadeIn
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut
{
    from
    {
        visibility: visible;

        opacity: 1;
    }
    to
    {
        visibility: hide;

        opacity: 0;
    }
}
@keyframes fadeOut
{
    from
    {
        visibility: visible;

        opacity: 1;
    }
    to
    {
        visibility: hide;

        opacity: 0;
    }
}
.Cart
{
    position: fixed;
    z-index: 600;
    right: 1.5rem;
    bottom: 1.5rem;

    width: 60px;
    height: 60px;

    border-radius: 50rem;
    background-color: #393939;
    background-image: url('../images/icon/icon_bag.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 21px;
}
@media (min-width: 960px)
{
    .Cart
    {
        bottom: 3rem;
        left: 3rem;
    }
}
.Cart__link
{
    display: block;

    width: 60px;
    height: 60px;
}
.Cart--top
{
    visibility: hidden;

    opacity: 0;
}

.Footer
{
    position: relative;

    padding-top: 9.5rem;
    padding-bottom: 6rem;

    background-color: #fff;
}
.Footer__inner
{
    position: relative;

    padding-right: 3rem;
    padding-left: 3rem;
}
@media (min-width: 768px)
{
    .Footer__inner
    {
        padding-right: 5rem;
        padding-left: 5rem;
    }
}
@media (min-width: 960px)
{
    .Footer__inner
    {
        max-width: 1320px;
        margin-right: auto;
        margin-left: auto;
    }
}
.Footer__wrap
{
    border-top: 1px solid;
}
@media (min-width: 960px)
{
    .Footer__wrap
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        padding-top: 9.5rem;
        padding-bottom: 9.5rem;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.Footer__logo
{
    margin-top: 4rem;

    text-align: center;
}
@media (min-width: 960px)
{
    .Footer__logo
    {
        margin-top: 0;
    }
}
.Footer__logoLink
{
    display: inline-block;

    height: 60px;
}
.Footer__nav
{
    margin-top: 3.5rem;
}
@media (min-width: 960px)
{
    .Footer__nav
    {
        margin-top: 0;
        margin-left: 3.5rem;
    }
}
.Footer__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media (min-width: 960px)
{
    .Footer__list:not(:first-child)
    {
        margin-top: 1rem;
    }
}
.Footer__listItem
{
    width: 50%;
    margin-top: 2.5rem;
    padding-right: 3.5rem;
}
@media (min-width: 960px)
{
    .Footer__listItem
    {
        width: auto;
        margin-top: 0;
        padding-right: 0;
    }
    .Footer__listItem:not(:last-child)::after
    {
        display: inline-block;

        width: 1px;
        height: 18px;
        margin-right: 1.5rem;
        margin-left: 1.5rem;

        content: '';
        -webkit-transform: translateY(5px) rotate(45deg);
                transform: translateY(5px) rotate(45deg);

        background-color: #2f2f2f;
    }
}
.Footer__listItem--wide
{
    width: 100%;
    padding-right: 0;
}
.Footer__snsList
{
    margin-top: 6rem;
}
@media (min-width: 960px)
{
    .Footer__snsList
    {
        margin-top: 0;
        margin-left: 3.5rem;
    }
}
.Footer__snsListItem
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.Footer__snsListItemText
{
    font-size: 1rem;

    letter-spacing: .2rem;
    text-transform: uppercase;
}
@media (min-width: 960px)
{
    .Footer__snsListItemText
    {
        display: none;
    }
}
.Footer__snsListItemText::after
{
    margin-right: 10px;
    margin-left: 5px;

    content: ':';
}
.Footer__snsListItemLink
{
    display: inline-block;

    width: 24px;
    height: 24px;
}
.Footer__copyright
{
    font-size: 1rem;
    line-height: 1.5;

    display: block;

    margin-top: 6rem;

    letter-spacing: .2rem;
    text-transform: uppercase;
}
@media (min-width: 768px)
{
    .Footer__copyright
    {
        text-align: center;
    }
}
@media (min-width: 960px)
{
    .Footer__copyright
    {
        position: fixed;
        z-index: 600;
        bottom: 5rem;
        left: 50%;

        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}
.Footer--top
{
    margin-top: 5rem;
    padding-top: 1.5rem;
}
.Footer--top::before
{
    position: absolute;
    top: -5rem;
    left: 0;

    display: block;

    width: 100%;
    height: 5rem;

    content: '';

    background-image: url('../images/footer/footer_bg_top_sp.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
@media (min-width: 960px)
{
    .Footer--top
    {
        margin-top: 8.5rem;
    }
    .Footer--top::before
    {
        top: -8.5rem;

        height: 8.5rem;

        background-image: url('../images/footer/footer_bg_top_pc.png');
    }
}
.Footer--top .Footer__wrap
{
    border-top: none;
}
@media (min-width: 960px)
{
    .Footer--top .Footer__copyright
    {
        opacity: 0;
    }
}

@media (min-width: 768px)
{
    .Global__br--tablet
    {
        display: none;
    }
}
@media (min-width: 960px)
{
    .Global__br--pc
    {
        display: none;
    }
}
.Global__link
{
    line-height: 2.5;

    display: inline-block;

    letter-spacing: .4rem;
    text-transform: uppercase;
}
.Global__link--topSub
{
    font-size: 12px;
}
.Global__link--arrow
{
    position: relative;
    position: relative;

    display: inline-block;

    margin-left: 2rem;

    vertical-align: middle;
}
.Global__link--arrow::after
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 0;
    height: 1px;

    content: '';
    -webkit-transition: .3s ease;
            transition: .3s ease;

    background: #2f2f2f;
}
.Global__link--arrow:hover::after
{
    width: 100%;
}
.Global__link--arrow::before
{
    position: absolute;
    top: 50%;
    left: -20px;

    display: block;

    width: 10px;
    height: 10px;

    content: '';
    -webkit-transition: .3s ease;
            transition: .3s ease;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url('../images/icon/icon_arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
.Global__link--arrow:hover::before
{
    left: -15px;
}
.Global__linkIcon
{
    display: inline-block;

    width: 18px;
    height: 18px;

    vertical-align: middle;
}
.Global__linkIcon--blank
{
    background-image: url('../images/icon/icon_blank.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 9.5px;
}

.Header
{
    position: fixed;
    z-index: 600;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 80px;

    background: rgba(255, 255, 255, .3);

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}
@media (min-width: 960px)
{
    .Header
    {
        width: auto;

        background: none;

        -webkit-backdrop-filter: none;
                backdrop-filter: none;
    }
}
.Header__inner
{
    margin-top: 1.5rem;
    margin-left: 1.5rem;
}
@media (min-width: 960px)
{
    .Header__inner
    {
        margin-top: 3rem;
        margin-left: 3rem;
    }
}
.Header__logo
{
    height: 50px;
}
@media (min-width: 960px)
{
    .Header__logo
    {
        height: 60px;
    }
}
.Header--top
{
    visibility: hidden;

    opacity: 0;
}

.Load
{
    position: fixed;
    z-index: 900;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100dvh;
    height: 100vh;

    background-color: #fff;
}
.Load.is-loaded
{
    display: none;
}

@media (min-width: 960px)
{
    .Nav::before
    {
        position: fixed;
        z-index: 600;
        top: 0;
        right: 0;

        display: block;

        width: 100px;
        height: 100vh;

        content: '';

        background: rgba(255, 255, 255, .3);

        -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
    }
}
.Nav__hamburger
{
    position: fixed;
    z-index: 800;
    top: 15px;
    right: 15px;
}
@media (min-width: 960px)
{
    .Nav__hamburger
    {
        top: 50%;
        right: 25px;

        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }
}
.Nav__hamburgerIcon
{
    position: relative;

    display: block;

    width: 50px;
    height: 50px;

    cursor: pointer;
}
.Nav__hamburgerIcon::before,
.Nav__hamburgerIcon::after
{
    position: absolute;

    width: 50px;
    height: 1px;

    content: '';
    -webkit-transition: .3s;
            transition: .3s;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;

    background-color: #2f2f2f;
}
.Nav__hamburgerIcon::before
{
    top: calc(50% - 5px);
    left: 0;
}
.Nav__hamburgerIcon::after
{
    top: calc(50% + 5px);
    left: 0;
}
.Nav__hamburgerIcon.is-active
{
    -webkit-transition: .3s;
            transition: .3s;
}
.Nav__hamburgerIcon.is-active::before,
.Nav__hamburgerIcon.is-active::after
{
    -webkit-transition: .3s;
            transition: .3s;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;

    background-color: #fff;
}
.Nav__hamburgerIcon.is-active::before
{
    -webkit-transform: rotate(11.5deg);
            transform: rotate(11.5deg);
}
.Nav__hamburgerIcon.is-active::after
{
    -webkit-transform: rotate(-11.5deg);
            transform: rotate(-11.5deg);
}
.Nav__hint
{
    position: fixed;
    z-index: 600;
    right: 0;
    bottom: 0;

    display: block;

    -webkit-transform: translateX(-50px) rotate(90deg);
            transform: translateX(-50px) rotate(90deg);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
}
@media (min-width: 960px)
{
    .Nav__hint
    {
        -webkit-transform: translateX(-55px) rotate(90deg);
                transform: translateX(-55px) rotate(90deg);
    }
}
.Nav__hint--scroll
{
    visibility: hidden;

    color: #fff;
}
.Nav__hint--top
{
    bottom: 90px;

    visibility: hidden;

    cursor: pointer;

    opacity: 0;
}
@media (min-width: 960px)
{
    .Nav__hint--top
    {
        bottom: 20px;
    }
}
.Nav__hintText
{
    font-size: 1rem;

    position: relative;

    padding-right: 50px;

    letter-spacing: .4rem;
    text-transform: uppercase;
}
.Nav__hintText::after
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 30px;
    height: 1px;

    content: '';

    background-color: #fff;
}
.Nav__hintText--top
{
    padding-right: 0;
    padding-left: 50px;
}
.Nav__hintText--top::after
{
    right: unset;
    left: 0;

    background-color: #2f2f2f;
}
.Nav__expand
{
    position: fixed;
    z-index: 700;
    top: 0;
    left: 0;

    display: none;
    visibility: hidden;

    width: 100vw;
    height: 100vh;
    height: 100dvh;

    background: rgba(0, 0, 0, .4);

    -webkit-backdrop-filter: blur(60px);
            backdrop-filter: blur(60px);
}
@media (min-width: 960px)
{
    .Nav__expand
    {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.Nav__expand.is-show
{
    display: block;
    visibility: visible;

    -webkit-animation: fadeIn .3s linear 0s forwards;
            animation: fadeIn .3s linear 0s forwards;
}
.Nav__expand.is-animate
{
    -webkit-animation: fadeOut .3s linear 0s forwards;
            animation: fadeOut .3s linear 0s forwards;
}
.Nav__body
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    height: 100%;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 768px)
{
    .Nav__body
    {
            flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
.Nav__logo
{
    position: relative;

    width: 100%;
    min-height: 160px;
}
@media (min-width: 768px)
{
    .Nav__logo
    {
        width: 120px;
        height: 100%;
    }
}
@media (min-width: 960px)
{
    .Nav__logo
    {
        width: 320px;
        height: 100%;
    }
}
.Nav__logoLink
{
    position: absolute;
    top: 45px;
    left: 30px;

    display: inline-block;

    height: 70px;
}
@media (min-width: 960px)
{
    .Nav__logoLink
    {
        top: 75px;
        left: 75px;

        height: 100px;
    }
}
.Nav__list
{
    width: 100%;
    max-width: 250px;
    min-height: calc(100% - 160px - 88px);
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px)
{
    .Nav__list
    {
        width: calc(100% - 120px);
        max-width: none;
        min-height: auto;
        margin-top: -6.5rem;
        margin-right: 0;
        margin-left: 0;
        padding-right: 100px;
    }
}
@media (min-width: 960px)
{
    .Nav__list
    {
        width: calc(100% - 320px);
    }
}
.Nav__listItem:not(:first-child)
{
    margin-top: 4rem;
}
.Nav__listItemLink
{
    font-size: 1.6rem;
    line-height: 1.8;

    letter-spacing: .8rem;
    text-transform: uppercase;

    color: #fff;
}
.Nav__sns
{
    position: relative;

    width: 100%;
    min-height: 88px;
}
@media (min-width: 768px)
{
    .Nav__sns
    {
        position: absolute;
        top: 50%;
        left: 120px;

        width: auto;
        min-height: auto;

        -webkit-transform: translateY(240px);
                transform: translateY(240px);
    }
}
@media (min-width: 960px)
{
    .Nav__sns
    {
        left: 320px;
    }
}
.Nav__snsList
{
    position: absolute;
    right: 30px;
    bottom: 30px;
}
@media (min-width: 768px)
{
    .Nav__snsList
    {
        position: relative;
        top: 0;
        left: 0;
    }
}
.Nav__snsListItemLinkImg
{
    width: 28px;
    height: 28px;
}
.Nav__sign
{
    display: none;
}
@media (min-width: 768px)
{
    .Nav__sign
    {
        font-size: 1rem;

        position: absolute;
        right: 50px;
        bottom: 50px;

        display: block;

        -webkit-transform: translateX(5.5px) rotate(90deg);
                transform: translateX(5.5px) rotate(90deg);
        -webkit-transform-origin: right top;
                transform-origin: right top;
        letter-spacing: .6rem;
        text-transform: uppercase;

        color: #fff;
    }
}
.Nav--top .Nav__hint--scroll
{
    visibility: visible;

    opacity: 1;
}
.Nav--top .Nav__hamburgerIcon::before,
.Nav--top .Nav__hamburgerIcon::after
{
    background-color: #fff;
}
.Nav--top .Nav__hamburgerIcon.is-change::before,
.Nav--top .Nav__hamburgerIcon.is-change::after
{
    background-color: #2f2f2f;
}

.page-about .Header
{
    background: unset;

    -webkit-backdrop-filter: unset;
            backdrop-filter: unset;
}
@media (min-width: 960px)
{
    .page-about .Header
    {
        background: rgba(255, 255, 255, .3);

        -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
    }
}

#page-about .about__visual
{
    position: relative;

    min-height: 100vh;
    margin-bottom: 80px;

    background-image: url('../images/about/about_visual_bg_sp.png');
    background-repeat: no-repeat;
    background-position: center bottom 0;
    background-size: 100%;
}
@media (min-width: 960px)
{
    #page-about .about__visual
    {
        background-image: url('../images/about/about_visual_bg_pc.png');
        background-position: right 100px bottom 0;
    }
}
#page-about .about__visualContent
{
    position: absolute;
    top: 120px;
    left: 50%;

    width: calc(100% - 60px);

    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
@media (min-width: 960px)
{
    #page-about .about__visualContent
    {
        left: 123px;

        max-width: 460px;

        -webkit-transform: unset;
                transform: unset;
    }
}
#page-about .about__visualTitle
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 25px;
    line-height: 50px;

    margin-bottom: 25px;

    letter-spacing: .2em;
}
@media (min-width: 960px)
{
    #page-about .about__visualTitle
    {
        font-size: 40px;
    }
}
#page-about .about__visualText
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 16px;
    line-height: 30px;

    letter-spacing: .2em;
}
#page-about .about__philosophy
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 80px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 960px)
{
    #page-about .about__philosophy
    {
            flex-direction: row;

        max-width: 1320px;
        margin: 0 auto;
        margin-bottom: 120px;
        padding: 0 100px;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
#page-about .about__philosophyContent
{
    margin: 0 30px;
    margin-bottom: 20px;
}
@media (min-width: 960px)
{
    #page-about .about__philosophyContent
    {
        max-width: 400px;
        margin-right: 40px;
        margin-bottom: unset;
    }
}
#page-about .about__philosophyTitleTag
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 12px;
    line-height: 20px;

    margin-bottom: 16px;

    letter-spacing: .2em;
}
@media (min-width: 960px)
{
    #page-about .about__philosophyTitleTag
    {
        margin-bottom: 30px;
    }
}
#page-about .about__philosophyTitleText
{
    font-size: 22px;
    line-height: 32px;

    margin-bottom: 45px;

    letter-spacing: .2em;
}
@media (min-width: 960px)
{
    #page-about .about__philosophyTitleText
    {
        font-size: 25px;
        line-height: 50px;

        margin-bottom: 80px;
    }
}
#page-about .about__philosophyHeadline
{
    font-size: 16px;
    line-height: 35px;

    margin-bottom: 20px;

    letter-spacing: .1em;
}
#page-about .about__philosophyText
{
    font-size: 12px;
    line-height: 30px;

    letter-spacing: .09em;
}
@media (min-width: 960px)
{
    #page-about .about__philosophyText
    {
        line-height: 30px;

        letter-spacing: .1em;
    }
}
#page-about .about__philosophyFigure
{
    width: 100%;
}
@media (min-width: 960px)
{
    #page-about .about__philosophyFigure
    {
        width: 680px;
    }
}
#page-about .about__philosophyFigureImg
{
    width: 100%;
    height: auto;
}
#page-about .about__about
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 71px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 960px)
{
    #page-about .about__about
    {
            flex-direction: row-reverse;

        max-width: 1320px;
        margin: 0 auto;
        margin-bottom: 120px;
        padding: 0 100px;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
#page-about .about__aboutContent
{
    margin: 0 30px;
    margin-bottom: 20px;
}
@media (min-width: 960px)
{
    #page-about .about__aboutContent
    {
        max-width: 400px;
        margin-bottom: unset;
        margin-left: 40px;
    }
}
#page-about .about__aboutTitleTag
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 12px;
    line-height: 20px;

    margin-bottom: 16px;

    letter-spacing: .2em;
}
@media (min-width: 960px)
{
    #page-about .about__aboutTitleTag
    {
        margin-bottom: 30px;
    }
}
#page-about .about__aboutTitleText
{
    font-size: 22px;
    line-height: 32px;

    margin-bottom: 25px;

    letter-spacing: .2em;
}
@media (min-width: 960px)
{
    #page-about .about__aboutTitleText
    {
        font-size: 25px;
        line-height: 50px;
    }
}
#page-about .about__aboutText
{
    font-size: 12px;
    line-height: 30px;

    margin-bottom: 8px;

    letter-spacing: .09em;
}
@media (min-width: 960px)
{
    #page-about .about__aboutText
    {
        line-height: 30px;

        margin-bottom: 40px;

        letter-spacing: .1em;
    }
}
#page-about .about__aboutViewMore
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 12px;
    line-height: 20px;

    position: relative;

    display: inline-block;
    float: right;

    vertical-align: middle;
    letter-spacing: .2em;
}
#page-about .about__aboutViewMore:hover:before
{
    left: -15px;
}
#page-about .about__aboutViewMore:before
{
    position: absolute;
    top: 50%;
    left: -20px;

    display: block;

    width: 10px;
    height: 10px;

    content: '';
    -webkit-transition: .3s ease;
            transition: .3s ease;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url('../images/icon/icon_arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
#page-about .about__aboutViewMore:hover:after
{
    width: 100%;
}
#page-about .about__aboutViewMore:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;
    clear: both;

    width: 0;
    height: 1px;

    content: '';
    -webkit-transition: .3s ease;
            transition: .3s ease;

    background: #2f2f2f;
}
#page-about .about__aboutFigure
{
    width: calc(100% - 30px);
    margin-left: auto;
}
@media (min-width: 960px)
{
    #page-about .about__aboutFigure
    {
        width: 680px;
        margin-left: unset;
    }
}
#page-about .about__aboutFigureImg
{
    width: 100%;
    height: auto;
}
#page-about .about__cbd
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 30px;
    margin-bottom: 80px;
}
@media (min-width: 960px)
{
    #page-about .about__cbd
    {
        max-width: 1320px;
        margin: 0 auto;
        margin-bottom: 120px;
        padding: 0 100px;
    }
}
#page-about .about__cbdMain
{
    margin-bottom: 71px;
}
@media (min-width: 960px)
{
    #page-about .about__cbdMain
    {
        margin-bottom: 120px;
    }
}
#page-about .about__cbdMainHead
{
    max-width: 700px;
    margin-bottom: 30px;
}
@media (min-width: 960px)
{
    #page-about .about__cbdMainHead
    {
        margin: 0 auto 80px auto;

        text-align: center;
    }
}
#page-about .about__cbdMainTitle
{
    font-size: 1.6rem;
    line-height: 3.5rem;

    margin-bottom: 21px;

    letter-spacing: .1em;
}
@media (min-width: 960px)
{
    #page-about .about__cbdMainTitle
    {
        margin-bottom: 5px;
    }
}
#page-about .about__cbdMainDescription
{
    font-size: 1.2rem;
    line-height: 3rem;

    letter-spacing: .09em;
}
@media (min-width: 960px)
{
    #page-about .about__cbdMainDescription
    {
        letter-spacing: .1em;
    }
}
@media (min-width: 960px)
{
    #page-about .about__cbdMainBody
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: row-reverse;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
}
#page-about .about__cbdMainFigure
{
    margin-bottom: 20px;
}
@media (min-width: 960px)
{
    #page-about .about__cbdMainFigure
    {
        width: 720px;
        margin-right: 4.5px;
        margin-bottom: unset;
        margin-left: -110px;
    }
}
#page-about .about__cbdMainFigureImg
{
    width: 100%;
}
#page-about .about__cbdMainContent
{
    padding: 30px;
    padding-bottom: 50px;

    background: rgba(165, 151, 107, .1);
}
@media (min-width: 960px)
{
    #page-about .about__cbdMainContent
    {
        width: 510px;
        margin-top: 150px;
        margin-left: 4.5px;
        padding: 80px 49.5px 80px 45px;
    }
}
#page-about .about__cbdMainContentText
{
    font-size: 12px;
    line-height: 20px;

    margin-bottom: 20px;

    letter-spacing: .1em;
}
@media (min-width: 960px)
{
    #page-about .about__cbdMainContentText
    {
        line-height: 30px;

        margin-bottom: 40px;
    }
}
#page-about .about__cbdMainContentViewMore
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 12px;
    line-height: 20px;

    position: relative;

    display: inline-block;
    float: right;

    vertical-align: middle;
    letter-spacing: .2em;
}
#page-about .about__cbdMainContentViewMore:hover:before
{
    left: -15px;
}
#page-about .about__cbdMainContentViewMore:before
{
    position: absolute;
    top: 50%;
    left: -20px;

    display: block;

    width: 10px;
    height: 10px;

    content: '';
    -webkit-transition: .3s ease;
            transition: .3s ease;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url('../images/icon/icon_arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
#page-about .about__cbdMainContentViewMore:hover:after
{
    width: 100%;
}
#page-about .about__cbdMainContentViewMore:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;
    clear: both;

    width: 0;
    height: 1px;

    content: '';
    -webkit-transition: .3s ease;
            transition: .3s ease;

    background: #2f2f2f;
}
@media (min-width: 960px)
{
    #page-about .about__cbdSub
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
#page-about .about__cbdSubItem
{
    margin-bottom: 71px;
}
@media (min-width: 960px)
{
    #page-about .about__cbdSubItem
    {
        width: calc(50% - 25px);
        margin-bottom: unset;
    }
}
#page-about .about__cbdSubTitle
{
    font-size: 16px;
    line-height: 35px;

    margin-bottom: 21px;

    letter-spacing: .1em;
}
#page-about .about__cbdSubContentText
{
    font-size: 12px;
    line-height: 30px;

    margin-bottom: 21px;

    letter-spacing: .06em;
}
#page-about .about__cbdSubContentViewMore
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 12px;
    line-height: 20px;

    position: relative;

    display: inline-block;
    float: right;

    margin-bottom: 30.5px;

    vertical-align: middle;
    letter-spacing: .2em;
}
#page-about .about__cbdSubContentViewMore:hover:before
{
    left: -15px;
}
#page-about .about__cbdSubContentViewMore:before
{
    position: absolute;
    top: 50%;
    left: -20px;

    display: block;

    width: 10px;
    height: 10px;

    content: '';
    -webkit-transition: .3s ease;
            transition: .3s ease;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url('../images/icon/icon_arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
#page-about .about__cbdSubContentViewMore:hover:after
{
    width: 100%;
}
#page-about .about__cbdSubContentViewMore:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;
    clear: both;

    width: 0;
    height: 1px;

    content: '';
    -webkit-transition: .3s ease;
            transition: .3s ease;

    background: #2f2f2f;
}
#page-about .about__cdb
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 50px;
    padding: 80px 30px;
}
#page-about .about__cdb-wrap
{
    background: rgba(165, 151, 107, .1);
}
@media (min-width: 960px)
{
    #page-about .about__cdb
    {
        max-width: 1320px;
        margin: 0 auto;
        margin-bottom: 120px;
        padding: 120px 130px;
    }
}
#page-about .about__cdbHead
{
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 21px;
}
@media (min-width: 960px)
{
    #page-about .about__cdbHead
    {
        margin-bottom: 80px;
    }
}
#page-about .about__cdbTitle
{
    font-size: 1.6rem;
    line-height: 3.5rem;

    margin-bottom: 21px;

    text-align: center;
    letter-spacing: .1em;
}
@media (min-width: 960px)
{
    #page-about .about__cdbTitle
    {
        margin-bottom: 5px;
    }
}
#page-about .about__cdbDescription
{
    font-size: 1.2rem;
    line-height: 3rem;

    text-align: left;
    letter-spacing: .09em;
}
@media (min-width: 960px)
{
    #page-about .about__cdbDescription
    {
        text-align: center;
        letter-spacing: .1em;
    }
}
@media (min-width: 960px)
{
    #page-about .about__cdbBody
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
#page-about .about__cdbItem
{
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 40px;

    text-align: center;
}
#page-about .about__cdbItem:last-child
{
    margin-bottom: unset;
}
@media (min-width: 960px)
{
    #page-about .about__cdbItem
    {
        width: calc(25% - 50px);
        margin: unset;
    }
}
#page-about .about__cdbItemImg
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100% px;
    height: auto;
    margin-bottom: 30px;

    border: 1px solid #9d6739;
    border-radius: 50%;
}
#page-about .about__cdbItemHead
{
    margin-bottom: 19px;
}
#page-about .about__cdbItemLabel
{
    font-size: 14px;
    line-height: 25px;

    letter-spacing: .05em;

    color: #9d6739;
}
#page-about .about__cdbItemTitle
{
    font-size: 16px;
    line-height: 35px;

    letter-spacing: .1em;
}
#page-about .about__cdbItemViewMore
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 12px;
    line-height: 20px;

    position: relative;

    display: inline-block;

    margin-left: 20px;

    vertical-align: middle;
    letter-spacing: .2em;
}
#page-about .about__cdbItemViewMore:hover:before
{
    left: -15px;
}
#page-about .about__cdbItemViewMore:before
{
    position: absolute;
    top: 50%;
    left: -20px;

    display: block;

    width: 10px;
    height: 10px;

    content: '';
    -webkit-transition: .3s ease;
            transition: .3s ease;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url('../images/icon/icon_arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
#page-about .about__cdbItemViewMore:hover:after
{
    width: 100%;
}
#page-about .about__cdbItemViewMore:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;
    clear: both;

    width: 0;
    height: 1px;

    content: '';
    -webkit-transition: .3s ease;
            transition: .3s ease;

    background: #2f2f2f;
}
#page-about .about__traceability
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 120px;
}
@media (min-width: 960px)
{
    #page-about .about__traceability
    {
        max-width: 1320px;
        margin: 0 auto;
        margin-bottom: 120px;
        padding: 0 100px;
    }
}
#page-about .about__traceabilityHead
{
    margin: 0 30px 40px 30px;
}
@media (min-width: 960px)
{
    #page-about .about__traceabilityHead
    {
        margin-right: unset;
        margin-bottom: 80px;
        margin-left: unset;
    }
}
#page-about .about__traceabilityTitleSP
{
    margin-bottom: 10px;
}
@media (min-width: 960px)
{
    #page-about .about__traceabilityTitleSP
    {
        display: none;
    }
}
#page-about .about__traceabilityTitleSPRow
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#page-about .about__traceabilityTitleSPText
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 22px;
    line-height: 32px;

    letter-spacing: .2em;
}
#page-about .about__traceabilityTitlePC
{
    display: none;

    margin-bottom: 10px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 960px)
{
    #page-about .about__traceabilityTitlePC
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
#page-about .about__traceabilityTitlePCText
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 22px;
    line-height: 32px;

    letter-spacing: .2em;
}
#page-about .about__traceabilitySubTitle
{
    font-size: 12px;
    line-height: 20px;

    letter-spacing: .1em;
}
#page-about .about__traceabilityCross
{
    margin-right: 15px;
    margin-left: 15px;
}
@media (min-width: 960px)
{
    #page-about .about__traceabilityBody
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
#page-about .about__traceabilityFigure
{
    max-width: 230px;
    margin-bottom: 40px;
}
@media (min-width: 960px)
{
    #page-about .about__traceabilityFigure
    {
        width: 430px;
        max-width: 430px;
        margin-right: 20px;
    }
}
@media (min-width: 960px)
{
    #page-about .about__traceabilityFigure
    {
        margin-bottom: unset;
    }
}
#page-about .about__traceabilityFigureImg
{
    width: 100%;
    height: auto;
}
@media (min-width: 960px)
{
    #page-about .about__traceabilityFigureImg
    {
        max-width: 430px;
        max-width: unset;
    }
}
@media (min-width: 960px)
{
    #page-about .about__traceabilityContent
    {
        width: 670px;
    }
}
#page-about .about__traceabilityPosts
{
    margin: 0 30px;
}
@media (min-width: 960px)
{
    #page-about .about__traceabilityPosts
    {
        margin: unset;
    }
}
@media (min-width: 960px)
{
    #page-about .about__traceabilityPostsItem
    {
            flex-direction: row;

        margin-bottom: 80px;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    #page-about .about__traceabilityPostsItem:nth-child(2n)
    {
            flex-direction: row-reverse;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
}
#page-about .about__traceabilityPostsItem:last-child
{
    margin-bottom: unset;
}
#page-about .about__traceabilityPostsItemTitle
{
    font-size: 16px;

    position: relative;

    margin-top: 80px;
    margin-bottom: 30px;

    letter-spacing: .1em;
}
@media (min-width: 960px)
{
    #page-about .about__traceabilityPostsItemTitle
    {
        margin-top: unset;
    }
}
#page-about .about__traceabilityPostsItemTitle:before
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: -13px;

    width: 67.51px;
    height: 50px;

    content: url('../images/icon/icon_blockquote.svg');
}
#page-about .about__traceabilityPostsItemText
{
    font-size: 12px;
    line-height: 30px;

    margin-bottom: 21px;

    letter-spacing: .06em;
}
@media (min-width: 960px)
{
    #page-about .about__traceabilityPostsItemMedia
    {
        width: calc(50% - 25px);
    }
}
#page-about .about__traceabilityPostsViewMore
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 12px;
    line-height: 20px;

    position: relative;

    display: inline-block;
    float: right;

    vertical-align: middle;
    letter-spacing: .2em;
}
#page-about .about__traceabilityPostsViewMore:hover:before
{
    left: -15px;
}
#page-about .about__traceabilityPostsViewMore:before
{
    position: absolute;
    top: 50%;
    left: -20px;

    display: block;

    width: 10px;
    height: 10px;

    content: '';
    -webkit-transition: .3s ease;
            transition: .3s ease;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url('../images/icon/icon_arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
#page-about .about__traceabilityPostsViewMore:hover:after
{
    width: 100%;
}
#page-about .about__traceabilityPostsViewMore:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;
    clear: both;

    width: 0;
    height: 1px;

    content: '';
    -webkit-transition: .3s ease;
            transition: .3s ease;

    background: #2f2f2f;
}
#page-about .about__sustainability
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 30px;
}
@media (min-width: 960px)
{
    #page-about .about__sustainability
    {
        max-width: 1320px;
        margin: 0 auto;
        padding: 0 100px;
    }
}
#page-about .about__sustainabilityHead
{
    margin-bottom: 40px;
}
@media (min-width: 960px)
{
    #page-about .about__sustainabilityHead
    {
        margin-right: unset;
        margin-bottom: 80px;
        margin-left: unset;
    }
}
#page-about .about__sustainabilityTitle
{
    margin-bottom: 10px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#page-about .about__sustainabilityTitleText
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 22px;
    line-height: 32px;

    letter-spacing: .2em;
}
#page-about .about__sustainabilitySubTitle
{
    font-size: 12px;
    line-height: 20px;

    letter-spacing: .1em;
}
#page-about .about__sustainabilityDescription
{
    display: none;
}
@media (min-width: 960px)
{
    #page-about .about__sustainabilityDescription
    {
        font-size: 12px;
        line-height: 30px;

        display: block;

        margin-top: 40px;
        margin-bottom: 71px;

        letter-spacing: .1em;
    }
}
@media (min-width: 960px)
{
    #page-about .about__sustainabilityPosts
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
#page-about .about__sustainabilityPostsItem
{
    margin-bottom: 80px;
    /*&Blur {
  	margin-top: -192px;
  	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.65) 100%);
  	position: absolute;
  	width: 100%;
  	height: 192px;
  	left: 0;
  }*/
}
@media (min-width: 960px)
{
    #page-about .about__sustainabilityPostsItem
    {
        width: calc(33% - 29px);
        max-width: 335px;
    }
}
#page-about .about__sustainabilityPostsItem:last-child
{
    margin-bottom: unset;
}
@media (min-width: 960px)
{
    #page-about .about__sustainabilityPostsItem
    {
            flex-direction: row;

        margin-bottom: unset;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
#page-about .about__sustainabilityPostsItemFigure
{
    margin-bottom: 30px;
}
#page-about .about__sustainabilityPostsItemTitle
{
    font-size: 16px;
    line-height: 35px;

    position: relative;

    margin-bottom: 25px;

    text-align: center;
    letter-spacing: .1em;
}
@media (min-width: 960px)
{
    #page-about .about__sustainabilityPostsItemTitle
    {
        margin-bottom: 25px;
    }
}
#page-about .about__sustainabilityPostsItemTitle:before
{
    position: absolute;
    bottom: -3px;
    left: 50%;

    display: inline-block;

    width: 20px;
    height: 3px;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    border-radius: 2px;
    background-color: #cbac92;
}
#page-about .about__sustainabilityPostsItemText
{
    font-size: 12px;
    line-height: 28.6px;

    letter-spacing: .1em;
}
#page-about .about__sustainabilityPostsItemTextMore
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
}
#page-about .about__sustainabilityPostsItemTextMoreContent
{
    position: relative;

    overflow: hidden;

    height: auto;
    max-height: 190px;

    -webkit-transition: max-height 1s;
            transition: max-height 1s;
}
#page-about .about__sustainabilityPostsItemTextMoreContent::after
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: 1s;
            transition: 1s;

    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
    background: linear-gradient(to bottom, transparent 0%, #fff 100%);
}
#page-about .about__sustainabilityPostsItemTextMoreContent.open:after
{
    z-index: -1;

    opacity: 0;
}
#page-about .about__sustainabilityPostsItemTextViewMore
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 12px;
    line-height: 20px;

    position: relative;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 175px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 14px 38px;

    -webkit-transition: al .5s;
            transition: al .5s;
    text-align: center;
    letter-spacing: .2em;

    border: 1px solid #393939;
}
#page-about .about__sustainabilityPostsItemTextViewMore:hover
{
    color: #fff;
    border-color: #cbac92;
}
#page-about .about__sustainabilityPostsItemTextViewMore:hover:before
{
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: left top;
            transform-origin: left top;
}
#page-about .about__sustainabilityPostsItemTextViewMore:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition:         transform .3s;
            transition:         transform .3s, -webkit-transform .3s;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
    -webkit-transform-origin: left top;
            transform-origin: left top;

    background: #cbac92;
}

.popup
{
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    -webkit-transition: all .5s;
            transition: all .5s;

    opacity: 0;
    background-color: rgba(0, 0, 0, .2);

    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
}
.popup__button
{
    cursor: pointer;
}
.popup__close
{
    position: absolute;
    top: 15px;
    right: 15px;
}
@media (min-width: 960px)
{
    .popup__close
    {
        top: 50%;
        right: 25px;
    }
}
.popup__body
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 60px);
    padding: 60px 30px;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background-color: #fff;
}
@media (min-width: 960px)
{
    .popup__body
    {
        max-width: 650px;
        padding: 50px;
    }
}
.popup__figure
{
    margin-bottom: 29.6px;
}
.popup__figureImg
{
    width: 100%;
}
.popup__content
{
    font-size: 12px;
    line-height: 20px;

    overflow: scroll;

    height: 220px;

    letter-spacing: .1em;
}
.popup__content ::-webkit-scrollbar
{
    width: 7px;

    -webkit-appearance: none;
}
.popup__content ::-webkit-scrollbar-thumb
{
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
            box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
@media (min-width: 960px)
{
    .popup__content
    {
        height: 120px;
    }
}
.popup--active
{
    z-index: 9999;

    -webkit-transition: all .5s;
            transition: all .5s;

    opacity: 1;
}

@media (min-width: 960px)
{
    #ambassador-archive
    {
        margin: 0 auto;
    }
}
#ambassador-archive .js-usersvoiceNewsList,
#ambassador-archive .js-ambassadorArchiveNewsList
{
    visibility: hidden;

    height: 0;
    padding: 0;

    opacity: 0;
}
#ambassador-archive .ambassador-archive__header
{
    position: relative;

    width: 100%;
    height: 320px;

    background-image: url('../images/page/ambassador/ambassador-bg-sp.png');
    background-position: center center;
    background-size: cover;
}
@media (min-width: 960px)
{
    #ambassador-archive .ambassador-archive__header
    {
        height: 370px;

        background-image: url('../images/page/ambassador/ambassador-bg.png');
        background-repeat: no-repeat;
        background-size: auto;
    }
}
#ambassador-archive .ambassador-archive__headerInner
{
    width: 100%;
    height: inherit;

    background-color: rgba(255, 255, 255, .23);

    -webkit-backdrop-filter: blur(5px) brightness(1.1);
            backdrop-filter: blur(5px) brightness(1.1);
}
#ambassador-archive .ambassador-archive__headLine
{
    position: absolute;
    top: 39%;
    left: 50%;

    width: 100%;

    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
}
#ambassador-archive .ambassador-archive__headLineMain
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 25px;
    line-height: 32px;

    margin-bottom: 10px;

    letter-spacing: .4em;
}
@media (min-width: 960px)
{
    #ambassador-archive .ambassador-archive__headLineMain
    {
        line-height: 50px;
    }
}
#ambassador-archive .ambassador-archive__headLineSub
{
    font-size: 12px;
    line-height: 20px;

    letter-spacing: .2em;
}
#ambassador-archive .ambassador-archive__body
{
    margin-top: 50px;
}
@media (min-width: 960px)
{
    #ambassador-archive .ambassador-archive__body
    {
        margin-top: 80px;
    }
}
#ambassador-archive .ambassador-archive__contents
{
    margin: 0 21px;
}
@media (min-width: 960px)
{
    #ambassador-archive .ambassador-archive__contents
    {
        max-width: 1320px;
        margin: 0 auto;
        padding: 0 100px;
    }
}
@media (min-width: 960px)
{
    #ambassador-archive .ambassador-archive__contentsInner--w700
    {
        max-width: 700px;
        margin: 0 auto;
    }
}
#ambassador-archive .ambassador-archive__description
{
    max-width: 700px;
    margin-right: 4.5px;
    margin-bottom: 50px;
    margin-left: 4.5px;
}
@media (min-width: 960px)
{
    #ambassador-archive .ambassador-archive__description
    {
        margin-right: unset;
        margin-bottom: 80px;
        margin-left: unset;

        text-align: center;
    }
}
#ambassador-archive .ambassador-archive__descriptionHeading
{
    font-size: 1.6rem;
    line-height: 3.5rem;

    margin-bottom: 30px;

    letter-spacing: .1em;
}
@media (min-width: 960px)
{
    #ambassador-archive .ambassador-archive__descriptionHeading
    {
        margin-bottom: 8px;
    }
}
#ambassador-archive .ambassador-archive__descriptionBody
{
    font-size: 1.2rem;
    line-height: 3rem;

    letter-spacing: .09em;
}
@media (min-width: 960px)
{
    #ambassador-archive .ambassador-archive__descriptionBody
    {
        letter-spacing: .1em;
    }
}
#ambassador-archive .ambassador-archive__selector
{
    max-width: 700px;
    margin-right: 4.5px;
    margin-bottom: 30px;
    margin-left: 4.5px;
    padding: 2rem;

    background-color: rgba(203, 172, 146, .3);
}
@media (min-width: 960px)
{
    #ambassador-archive .ambassador-archive__selector
    {
        margin-right: unset;
        margin-bottom: 50px;
        margin-left: unset;
        padding: 2.5rem 3rem;
    }
}
#ambassador-archive .ambassador-archive__selectorList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 960px)
{
    #ambassador-archive .ambassador-archive__selectorList
    {
            flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
#ambassador-archive .ambassador-archive__selectorTitle
{
    font-size: 12px;
    line-height: 2rem;

    width: 8em;
    margin-bottom: 5px;
    padding: 4px 0;

    letter-spacing: .2em;

    color: #939393;
}
@media (min-width: 960px)
{
    #ambassador-archive .ambassador-archive__selectorTitle
    {
            flex-direction: row;

        margin-right: 3em;
        margin-bottom: unset;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
#ambassador-archive .ambassador-archive__selectorItems
{
    margin-bottom: -.5em;
}
#ambassador-archive .ambassador-archive__selectorItem
{
    display: inline-block;

    margin-right: 10px;
    margin-bottom: 10px;
    padding: 4px 8px;

    color: #fff;
    border: 1px solid #cbac92;
    background-color: #cbac92;
}
@media (min-width: 960px)
{
    #ambassador-archive .ambassador-archive__selectorItem
    {
        line-height: 2rem;

        display: inline-block;
    }
}
#ambassador-archive .ambassador-archive__selectorItem--current
{
    color: #cbac92;
    border: 1px solid #cbac92;
    background-color: rgba(255, 255, 255, 0);
}
#ambassador-archive .ambassador-archive__newsLists
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 960px)
{
    #ambassador-archive .ambassador-archive__newsLists
    {
            flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media screen and (min-width: 1319px)
{
    #ambassador-archive .ambassador-archive__newsLists
    {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
#ambassador-archive .ambassador-archive__newsList
{
    display: block;

    width: 100%;
    margin-bottom: 50px;

    -webkit-transition: all .4s ease 0s;
            transition: all .4s ease 0s;
}
@media (min-width: 960px)
{
    #ambassador-archive .ambassador-archive__newsList
    {
        width: calc(50% - 28.5px);
        margin-bottom: 80px;
    }
}
@media screen and (min-width: 1319px)
{
    #ambassador-archive .ambassador-archive__newsList
    {
        width: 335px;
        margin-right: 57px;
        margin-bottom: 80px;
    }
    #ambassador-archive .ambassador-archive__newsList:nth-child(3n)
    {
        margin-right: unset;
    }
}
#ambassador-archive .ambassador-archive__newsList.js-ambassadorNewsList
{
    visibility: hidden;

    height: 0;
    padding: 0;

    opacity: 0;
}
#ambassador-archive .ambassador-archive__newsListThumbnail
{
    margin-bottom: 30px;

    -webkit-transition: all .4s ease 0s;
            transition: all .4s ease 0s;
}
#ambassador-archive .ambassador-archive__newsListThumbnail .wp-post-image
{
    width: 100%;
    height: auto;
}
#ambassador-archive .ambassador-archive__newsListTitle
{
    font-size: 16px;
    line-height: 2.4rem;

    margin-bottom: 30px;

            text-decoration: .1em;

    -webkit-text-decoration: .1em;
}
#ambassador-archive .ambassador-archive__newsListAuthor
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 20px;
}
#ambassador-archive .ambassador-archive__newsListAuthorIcon
{
    width: 50px;
}
#ambassador-archive .ambassador-archive__newsListAuthorIcon img
{
    width: 100%;
    max-width: 100%;
    height: auto;
}
#ambassador-archive .ambassador-archive__newsListAuthorBody
{
    margin-left: 10px;
}
#ambassador-archive .ambassador-archive__newsListAuthorBodyKatagaki
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    line-height: 2rem;

    letter-spacing: .2em;
}
#ambassador-archive .ambassador-archive__newsListAuthorBodyName
{
    font-size: 14px;
    line-height: 3.2rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#ambassador-archive .ambassador-archive__newsListAuthorBodyNameBreak
{
    height: 15px;
    margin-right: 10px;
    margin-left: 10px;

    border-left: 1px solid #939393;
}
#ambassador-archive .ambassador-archive__newsListAuthorBodyNameRole
{
    line-height: 2rem;

    letter-spacing: .2em;

    color: #939393;
}
#ambassador-archive .ambassador-archive__newsListAuthorBodySiteurl
{
    font-size: 12px;
    line-height: 2rem;

    letter-spacing: .2em;

    color: #9d6739;
}
#ambassador-archive .ambassador-archive__newsListAuthorBodyInstagram
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 12px;
    line-height: 2rem;

    letter-spacing: .1em;

    color: #9d6739;
}
#ambassador-archive .ambassador-archive__newsListCategory
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 1rem;
    line-height: 2rem;

    display: inline-block;

    padding: 0 8px;

    letter-spacing: .1em;

    color: #fff;
    border: 1px solid #cbac92;
    background-color: #cbac92;
}
#ambassador-archive .ambassador-archive__moreBtnWrap
{
    margin: 0 auto;
    margin-bottom: 100px;

    text-align: center;
}
@media (min-width: 960px)
{
    #ambassador-archive .ambassador-archive__moreBtnWrap
    {
        margin-top: 20px;
    }
}
#ambassador-archive .ambassador-archive__moreBtn
{
    line-height: 1;

    position: relative;

    display: inline-block;
    overflow: hidden;

    padding: 18px 38px;

    border: 1px solid #393939;
}
#ambassador-archive .ambassador-archive__moreBtn.js-hidden
{
    visibility: hidden;

    opacity: 0;
}
@media (min-width: 960px)
{
    #ambassador-archive .ambassador-archive__moreBtn::before
    {
        position: absolute;
        z-index: -1;
        top: 0;
        left: -100%;

        width: 100%;
        height: 100%;

        content: '';
        -webkit-transition: .3s left ease-in-out;
                transition: .3s left ease-in-out;

        background-color: #cbac92;
    }
    #ambassador-archive .ambassador-archive__moreBtn:hover
    {
        color: #fff;
        border: 1px solid #cbac92;
    }
    #ambassador-archive .ambassador-archive__moreBtn:hover::before
    {
        left: 0;
    }
}
#ambassador-archive .usersvoice__header
{
    position: relative;

    width: 100%;
    height: 180px;

    background-image: url('../images/page/ambassador/usersvoice-bg-sp.png');
    background-position: center center;
    background-size: cover;
}
@media (min-width: 960px)
{
    #ambassador-archive .usersvoice__header
    {
        height: 370px;

        background-color: #fff;
        background-image: url('../images/page/ambassador/usersvoice-bg.png');
        background-repeat: no-repeat;
    }
}
#ambassador-archive .usersvoice__headerInner
{
    width: 100%;
    height: inherit;

    -webkit-backdrop-filter: blur(5px) brightness(1.1);
            backdrop-filter: blur(5px) brightness(1.1);
}
#ambassador-archive .usersvoice__headLine
{
    position: absolute;
    top: 39%;
    left: 50%;

    width: 100%;

    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;

    color: #393939;
}
#ambassador-archive .usersvoice__headLineMain
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 22px;
    line-height: 32px;

    margin-bottom: 10px;

    letter-spacing: .2em;
}
@media (min-width: 960px)
{
    #ambassador-archive .usersvoice__headLineMain
    {
        line-height: 50px;
    }
}
#ambassador-archive .usersvoice__headLineSub
{
    font-size: 12px;
    line-height: 20px;

    letter-spacing: .2em;
}
#ambassador-archive .usersvoice__body
{
    margin-top: 50px;
}
@media (min-width: 960px)
{
    #ambassador-archive .usersvoice__body
    {
        margin-top: 80px;
    }
}
#ambassador-archive .usersvoice__contents
{
    margin: 0 21px;
}
@media (min-width: 960px)
{
    #ambassador-archive .usersvoice__contents
    {
        max-width: 1320px;
        margin: 0 auto;
        padding: 0 100px;
    }
}
@media (min-width: 960px)
{
    #ambassador-archive .usersvoice__contentsInner--w700
    {
        max-width: 700px;
        margin: 0 auto;
    }
}
#ambassador-archive .usersvoice__description
{
    max-width: 700px;
    margin-right: 4.5px;
    margin-bottom: 50px;
    margin-left: 4.5px;
}
@media (min-width: 960px)
{
    #ambassador-archive .usersvoice__description
    {
        margin-right: unset;
        margin-bottom: 80px;
        margin-left: unset;

        text-align: center;
    }
}
#ambassador-archive .usersvoice__descriptionHeading
{
    font-size: 1.6rem;
    line-height: 3.5rem;

    margin-bottom: 30px;

    letter-spacing: .1em;
}
@media (min-width: 960px)
{
    #ambassador-archive .usersvoice__descriptionHeading
    {
        margin-bottom: 5px;
    }
}
#ambassador-archive .usersvoice__descriptionBody
{
    font-size: 1.2rem;
    line-height: 3rem;

    letter-spacing: .09em;
}
@media (min-width: 960px)
{
    #ambassador-archive .usersvoice__descriptionBody
    {
        letter-spacing: .1em;
    }
}
#ambassador-archive .usersvoice__newsLists
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-transition: all .4s ease 0s;
            transition: all .4s ease 0s;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 960px)
{
    #ambassador-archive .usersvoice__newsLists
    {
            flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media screen and (min-width: 1319px)
{
    #ambassador-archive .usersvoice__newsLists
    {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
#ambassador-archive .usersvoice__newsList
{
    display: block;

    width: 100%;
    margin-bottom: 50px;
}
@media (min-width: 960px)
{
    #ambassador-archive .usersvoice__newsList
    {
        width: calc(50% - 28.5px);
        margin-bottom: 80px;
    }
}
@media screen and (min-width: 1319px)
{
    #ambassador-archive .usersvoice__newsList
    {
        width: 335px;
        margin-right: 57px;
        margin-bottom: 80px;
    }
    #ambassador-archive .usersvoice__newsList:nth-child(3n)
    {
        margin-right: unset;
    }
}
#ambassador-archive .usersvoice__newsList.js-uservoiceNewsList
{
    visibility: hidden;

    height: 0;
    padding: 0;

    opacity: 0;
}
#ambassador-archive .usersvoice__newsListThumbnail
{
    margin-bottom: 30px;
}
#ambassador-archive .usersvoice__newsListThumbnail .wp-post-image
{
    width: 100%;
    height: auto;
}
#ambassador-archive .usersvoice__newsListTitle
{
    font-size: 16px;
    line-height: 2.4rem;

    margin-bottom: 30px;

            text-decoration: .1em;

    -webkit-text-decoration: .1em;
}
#ambassador-archive .usersvoice__newsListExcerpt
{
    font-size: 12px;
    line-height: 2rem;

            text-decoration: .1em;

    -webkit-text-decoration: .1em;
}
#ambassador-archive .usersvoice__moreBtnWrap
{
    margin: 0 auto;
    margin-bottom: 100px;

    text-align: center;
}
@media (min-width: 960px)
{
    #ambassador-archive .usersvoice__moreBtnWrap
    {
        margin-top: 20px;
    }
}
#ambassador-archive .usersvoice__moreBtn
{
    line-height: 1;

    position: relative;

    display: inline-block;
    overflow: hidden;

    padding: 18px 38px;

    border: 1px solid #393939;
}
#ambassador-archive .usersvoice__moreBtn.js-hidden
{
    visibility: hidden;

    opacity: 0;
}
@media (min-width: 960px)
{
    #ambassador-archive .usersvoice__moreBtn::before
    {
        position: absolute;
        z-index: -1;
        top: 0;
        left: -100%;

        width: 100%;
        height: 100%;

        content: '';
        -webkit-transition: .3s left ease-in-out;
                transition: .3s left ease-in-out;

        background-color: #cbac92;
    }
    #ambassador-archive .usersvoice__moreBtn:hover
    {
        color: #fff;
        border: 1px solid #cbac92;
    }
    #ambassador-archive .usersvoice__moreBtn:hover::before
    {
        left: 0;
    }
}

@media (min-width: 960px)
{
    #ambassador-detail
    {
        margin: 0 auto;
    }
}
#ambassador-detail .ambassador-detail__header
{
    position: relative;

    width: 100%;
    height: 550px;

    background-position: center center;
    background-size: cover;
}
@media (min-width: 960px)
{
    #ambassador-detail .ambassador-detail__header
    {
        height: 500px;
    }
}
#ambassador-detail .ambassador-detail__headerInner
{
    position: absolute;
    bottom: 0;

    width: 100%;
}
@media (min-width: 960px)
{
    #ambassador-detail .ambassador-detail__headerInner
    {
        left: 123px;

        width: 393px;
        height: inherit;

        background-color: rgba(255, 255, 255, .23);

        -webkit-backdrop-filter: blur(5px) brightness(1.1);
                backdrop-filter: blur(5px) brightness(1.1);
    }
}
#ambassador-detail .ambassador-detail__headLine
{
    position: absolute;
    bottom: 0;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 30px;

    background-color: rgba(255, 255, 255, .23);

    -webkit-backdrop-filter: blur(5px) brightness(1.1);
            backdrop-filter: blur(5px) brightness(1.1);
}
@media (min-width: 960px)
{
    #ambassador-detail .ambassador-detail__headLine
    {
        position: absolute;
        top: 27%;
        left: 50%;

        width: 100%;
        padding: 40px;

        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);

        background-color: unset;

        -webkit-backdrop-filter: unset;
                backdrop-filter: unset;
    }
}
#ambassador-detail .ambassador-detail__headLineMain
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 16px;
    line-height: 24px;

    margin-bottom: 29.5px;

    letter-spacing: .1em;
}
@media (min-width: 960px)
{
    #ambassador-detail .ambassador-detail__headLineMain
    {
        font-size: 18px;
        line-height: 32px;

        margin-bottom: 40px;
    }
}
#ambassador-detail .ambassador-detail__headLineSub
{
    font-size: 12px;
    line-height: 20px;

    letter-spacing: .2em;
}
#ambassador-detail .ambassador-detail__headLineSubKatagaki
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    line-height: 2rem;

    letter-spacing: .2em;
}
#ambassador-detail .ambassador-detail__headLineSubName
{
    font-size: 14px;
    line-height: 3.2rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#ambassador-detail .ambassador-detail__headLineSubNameBreak
{
    height: 15px;
    margin-right: 10px;
    margin-left: 10px;

    border-left: 1px solid #393939;
}
#ambassador-detail .ambassador-detail__headLineSubNameRole
{
    line-height: 2rem;

    letter-spacing: .2em;
}
#ambassador-detail .ambassador-detail__body
{
    margin-top: 50px;
}
@media (min-width: 960px)
{
    #ambassador-detail .ambassador-detail__body
    {
        margin-top: 80px;
    }
}
#ambassador-detail .ambassador-detail__contents
{
    margin: 0 21px;
}
@media (min-width: 960px)
{
    #ambassador-detail .ambassador-detail__contents
    {
        max-width: 1320px;
        margin: 0 auto;
        padding: 0 100px;
    }
}
@media (min-width: 960px)
{
    #ambassador-detail .ambassador-detail__contentsInner--w700
    {
        max-width: 700px;
        margin: 0 auto;
    }
}
#ambassador-detail .ambassador-detail__profile
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin-bottom: 50px;
    padding: 2rem;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(16%, transparent), color-stop(16%, rgba(203, 172, 146, .3)));
    background: linear-gradient(transparent 16%, rgba(203, 172, 146, .3) 16%);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 960px)
{
    #ambassador-detail .ambassador-detail__profile
    {
            flex-direction: row;

        margin-bottom: 80px;
        padding: 2.5rem 3rem;

        background: rgba(203, 172, 146, .3);

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
#ambassador-detail .ambassador-detail__profileThumbail
{
    max-width: 150px;
    margin-bottom: 30px;
}
@media (min-width: 960px)
{
    #ambassador-detail .ambassador-detail__profileThumbail
    {
        max-width: 250px;
        margin-bottom: unset;
    }
}
#ambassador-detail .ambassador-detail__profileThumbail img
{
    width: 100%;
    max-width: 100%;
    height: auto;
}
@media (min-width: 960px)
{
    #ambassador-detail .ambassador-detail__profileBody
    {
        width: calc(100% - 290px);
        margin-left: 40px;
    }
}
#ambassador-detail .ambassador-detail__profileBodyName
{
    font-size: 14px;
    line-height: 3.2rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#ambassador-detail .ambassador-detail__profileBodyNameBreak
{
    height: 15px;
    margin-right: 10px;
    margin-left: 10px;

    border-left: 1px solid #939393;
}
#ambassador-detail .ambassador-detail__profileBodyNameRole
{
    line-height: 2rem;

    letter-spacing: .2em;

    color: #939393;
}
#ambassador-detail .ambassador-detail__profileBodySiteurl
{
    font-size: 12px;
    line-height: 2rem;

    margin-bottom: 30.5px;

    letter-spacing: .2em;

    color: #9d6739;
}
@media (min-width: 960px)
{
    #ambassador-detail .ambassador-detail__profileBodySiteurl
    {
        margin-bottom: 30px;
    }
}
#ambassador-detail .ambassador-detail__profileBodyDescription
{
    font-size: 12px;
    line-height: 20px;

    margin-bottom: 30px;

    letter-spacing: .1em;
}
#ambassador-detail .ambassador-detail__profileBodyInstagram
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 12px;
    line-height: 2rem;

    letter-spacing: .1em;

    color: #9d6739;
}
#ambassador-detail .ambassador-detail__postsItem
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin-bottom: 50px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 960px)
{
    #ambassador-detail .ambassador-detail__postsItem
    {
            flex-direction: row;

        margin-bottom: 80px;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    #ambassador-detail .ambassador-detail__postsItem:nth-child(2n)
    {
            flex-direction: row-reverse;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
}
#ambassador-detail .ambassador-detail__postsItem:last-child
{
    margin-bottom: unset;
}
@media (min-width: 960px)
{
    #ambassador-detail .ambassador-detail__postsItemContents
    {
        width: calc(50% - 25px);
    }
}
#ambassador-detail .ambassador-detail__postsItemTitle
{
    font-size: 16px;

    position: relative;

    margin-top: 80px;
    margin-bottom: 30px;

    letter-spacing: .1em;
}
@media (min-width: 960px)
{
    #ambassador-detail .ambassador-detail__postsItemTitle
    {
        margin-top: unset;
        margin-bottom: unset;
    }
}
#ambassador-detail .ambassador-detail__postsItemTitle:before
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: -13px;

    width: 67.51px;
    height: 50px;

    content: url('../images/icon/icon_blockquote.svg');
}
#ambassador-detail .ambassador-detail__postsItemText
{
    font-size: 12px;
    line-height: 30px;

    margin-bottom: 30px;

    letter-spacing: .06em;
}
@media (min-width: 960px)
{
    #ambassador-detail .ambassador-detail__postsItemMedia
    {
        width: calc(50% - 25px);
    }
}
#ambassador-detail .ambassador-detail__pagination
{
    font-size: 12px;
    line-height: 2.5;

    margin: 90px 0 0 0;
    padding: 1em 0;

    text-align: center;
    letter-spacing: .12em;
}

a
{
    text-decoration: none;
}

#cart
{
    position: relative;

    padding-right: 3rem;
    padding-left: 3rem;

    color: #393939;
}
@media (min-width: 768px)
{
    #cart
    {
        padding-right: 5rem;
        padding-left: 5rem;
    }
}
@media (min-width: 960px)
{
    #cart
    {
        max-width: 1320px;
        margin-right: auto;
        margin-left: auto;
    }
}
#cart .item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 0 10rem 0;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#cart .category__title
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 1.2rem;
    line-height: 2rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0 0 3rem 0;
    padding: 0 2rem;

    letter-spacing: .24rem;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#cart .category__title::before
{
    display: block;

    width: 1rem;
    margin: 0 1rem 0 0;

    content: '';

    border-bottom: 1px solid #393939;
}
#cart .category__item
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 2.4rem;
    line-height: 5rem;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0 0 8rem 0;
    padding: 0 2rem;

    letter-spacing: 1rem;
}
#cart .category-detail
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    padding: 0 2rem;
}
#cart .category-detail__summary
{
    font-family: TBUD明朝 Std, 'EB Garamond', 'Noto Serif JP', serif;
    font-size: 1.6rem;
    line-height: 3.5rem;

    width: 100%;
    margin: 0 0 3rem 0;

    letter-spacing: .16rem;
}
#cart .category-detail__text
{
    width: 100%;
    margin: 0 0 3rem 0;
}
#cart .category-detail__main--text
{
    font-family: TBUD明朝 Std, 'EB Garamond', 'Noto Serif JP', serif;
    font-size: 1.2rem;
    line-height: 3rem;

    width: 100%;
    margin: 0 0 2rem 0;

    letter-spacing: .12rem;
}
#cart .category-detail__annotation--text
{
    font-family: TBUD明朝 Std, 'EB Garamond', 'Noto Serif JP', serif;
    font-size: 1rem;
    line-height: 1.5rem;

    width: 100%;

    letter-spacing: .1rem;
}
#cart .category-detail__notes
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0 0 3rem;
    padding: 2rem;

    border: 1px solid #c9c9c9;
}
#cart .category-detail__main--notes
{
    font-family: TBUD明朝 Std, 'EB Garamond', 'Noto Serif JP', serif;
    font-size: 1rem;
    line-height: 1.5rem;

    width: 100%;

    letter-spacing: .1rem;
}
#cart .category-detail__annotation--notes
{
    font-family: TBUD明朝 Std, 'EB Garamond', 'Noto Serif JP', serif;
    font-size: 1rem;
    line-height: 1.5rem;

    width: 100%;

    letter-spacing: .1rem;
}
#cart .detail-info
{
    width: 100%;
}
#cart .detail-info__subject
{
    font-family: TBUD明朝 Std, 'EB Garamond', 'Noto Serif JP', serif;
    font-size: 1.2rem;
    line-height: 2rem;

    width: 25%;
    padding: 0 0 1.5rem 0;

    letter-spacing: .24rem;

    color: #939393;
}
#cart .detail-info__data
{
    font-family: TBUD明朝 Std, 'EB Garamond', 'Noto Serif JP', serif;
    font-size: 1.2rem;
    line-height: 2rem;

    padding: 0 0 1.5rem 0;

    letter-spacing: .12rem;
}
#cart .detail-info__title
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 1.2rem;
    line-height: 2rem;

    width: 100%;
    margin: 0 0 2rem 0;
    padding: 0 0 0 1rem;

    letter-spacing: .24rem;

    border-left: 3px solid #939393;
}
#cart .price
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    height: auto;
    padding: 0 2rem;
}
#cart .price__detail
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 0 2rem 0;
    padding: 2rem 2.5rem;

    border: 1px solid #cbac92;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#cart .price__name
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 1.2rem;
    line-height: 2rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin: 0 0 1.5rem 0;

    letter-spacing: .24rem;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#cart .price__name::before
{
    display: block;

    height: 1.2rem;
    margin: 0 1rem 0 0;

    content: '';

    border-left: 3px solid #939393;
}
#cart .price__price
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 1.6rem;
    line-height: 3rem;

    width: 100%;

    letter-spacing: .16rem;

    color: #939393;
}
#cart .price__price--sold
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 1.6rem;
    line-height: 3rem;

    width: 100%;

    text-decoration: line-through;
    letter-spacing: .16rem;

    color: #939393;
}
#cart .price__cart--pc
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 1.2rem;
    line-height: 2rem;

    position: relative;
    z-index: 100;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 40%;
    height: auto;
    padding: 1.5rem;

    -webkit-transition: .3s;
            transition: .3s;
    text-align: center;
    letter-spacing: .24rem;

    color: #393939;
    border: 1px solid #393939;
    background: transparent;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#cart .price__cart--pc::before
{
    position: absolute;
    z-index: -100;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: -webkit-transform ease .3s;
            transition: -webkit-transform ease .3s;
            transition:         transform ease .3s;
            transition:         transform ease .3s, -webkit-transform ease .3s;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;

    background: #cbac92;
}
#cart .price__cart--pc:hover
{
    color: #fff;
    border: 1px solid #cbac92;
}
#cart .price__cart--pc:hover .price__cart-icon
{
    -webkit-filter: invert(1);
            filter: invert(1);
}
#cart .price__cart--pc:hover::before
{
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
}
#cart .price__cart--sold--pc
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 1.2rem;
    line-height: 2rem;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 40%;
    height: auto;
    padding: 1.5rem;

    text-align: center;
    letter-spacing: .24rem;

    color: #fff;
    border: 1px solid #dd5151;
    background: #dd5151;
}
#cart .price__cart-icon
{
    width: 1.2rem;
    height: auto;
}
#cart .how-to
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 0 10rem 0;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#cart .how-to__detail
{
    width: 50%;
    padding: 0 2rem;
}
#cart .how-to__title
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 1.2rem;
    line-height: 2rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin: 0 0 3rem 0;

    letter-spacing: .24rem;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#cart .how-to__title::before
{
    display: block;

    width: 1rem;
    margin: 0 1rem 0 0;

    content: '';

    border-bottom: 1px solid #393939;
}
#cart .how-to-list
{
    font-size: 1.2rem;

    width: 100%;
}
#cart .how-to-list__main
{
    padding: 0 0 0 1.4rem;
}
#cart .how-to-list__list
{
    font-family: TBUD明朝 Std, 'EB Garamond', 'Noto Serif JP', serif;
    line-height: 2.2rem;
    line-height: 2rem;

    margin: 0 0 2rem;

    list-style: disc;

    letter-spacing: .12rem;
}
#cart .how-to-list__notes
{
    font-family: TBUD明朝 Std, 'EB Garamond', 'Noto Serif JP', serif;
    line-height: 1.5rem;

    letter-spacing: .1rem;
}
#cart .how-to__img
{
    width: 50%;
    height: auto;
    padding: 0 2rem;
}
#cart .youtube
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 0 2rem;

    aspect-ratio: 16/9;
}
#cart .youtube__iframe
{
    width: 100%;
    height: 100%;
}

@media (min-width: 960px)
{
    #cart .price__cart--sp
    {
        display: none;
    }
    #cart .price__cart--sold--sp
    {
        display: none;
    }
    #cart .price__cart-fixed-bar
    {
        display: none;
    }
}
@media (max-width: 959px)
{
    #cart .item
    {
            flex-direction: column;

        margin: 0 0 2rem 0;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    #cart .category__title
    {
        margin: 0 0 2rem 0;
    }
    #cart .category__item
    {
        font-size: 2.2rem;
        line-height: 3.2rem;

        margin: 0 0 5rem 0;

        letter-spacing: .44rem;
    }
    #cart .category-detail
    {
        width: 100%;
        padding: 0;
    }
    #cart .category-detail__summary
    {
        font-size: 1.6rem;
        line-height: 3.5rem;

        margin: 0 0 3rem 0;

        letter-spacing: .16rem;
    }
    #cart .category-detail__main--text
    {
        font-size: 1.2rem;
        line-height: 3rem;

        letter-spacing: .108rem;
    }
    #cart .detail-info
    {
        padding: 0 0 2rem 0;
    }
    #cart .detail-info__subject
    {
        width: 30%;
        padding: 0 0 2rem 0;
    }
    #cart .detail-info__data
    {
        padding: 0 0 1rem 0;
    }
    #cart .price
    {
        width: 100%;
        padding: 0;
    }
    #cart .price__detail
    {
        margin: 0 0 1rem 0;
    }
    #cart .price__name
    {
        margin: 0;
    }
    #cart .price__cart--pc
    {
        display: none;
    }
    #cart .price__cart--sold--pc
    {
        display: none;
    }
    #cart .price__cart--sp
    {
        font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 1.2rem;
        line-height: 2rem;

        position: relative;
        z-index: 100;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: flex;

        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 50%;
        height: auto;
        margin: 0 0 3rem auto;
        padding: 1.5rem;

        -webkit-transition: .3s;
                transition: .3s;
        text-align: center;
        text-align: center;
        letter-spacing: .24rem;

        color: #393939;
        border: 1px solid #393939;
        background: transparent;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #cart .price__cart--sp::before
    {
        position: absolute;
        z-index: -100;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        content: '';
        -webkit-transition: -webkit-transform ease .3s;
                transition: -webkit-transform ease .3s;
                transition:         transform ease .3s;
                transition:         transform ease .3s, -webkit-transform ease .3s;
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
                transform-origin: 0 50%;

        background: #cbac92;
    }
    #cart .price__cart--sp:hover
    {
        color: #fff;
        border: 1px solid #cbac92;
    }
    #cart .price__cart--sp:hover .price__cart-icon
    {
        -webkit-filter: invert(1);
                filter: invert(1);
    }
    #cart .price__cart--sp:hover::before
    {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
        -webkit-transform-origin: 0 50%;
                transform-origin: 0 50%;
    }
    #cart .price__cart--sold--sp
    {
        font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 1.2rem;
        line-height: 2rem;

        display: block;

        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 50%;
        height: auto;
        height: auto;
        margin: 0 0 3rem auto;
        padding: 1.5rem;

        text-align: center;
        text-align: center;
        letter-spacing: .24rem;

        color: #fff;
        border: 1px solid #dd5151;
        background: #dd5151;
    }
    #cart .price__cart-fixed-bar
    {
        font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 12px;

        position: fixed;
        z-index: 1000;
        right: 0;
        bottom: 0;
        left: 0;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        height: 60px;

        letter-spacing: 2.4px;

        color: white;
        background-color: #cbac92;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #cart .how-to
    {
        margin: 0 0 2rem 0;
    }
    #cart .how-to__detail
    {
        width: 100%;
        margin: 0 0 2rem 0;
        padding: 0;
    }
    #cart .how-to__title
    {
        margin: 0 0 2rem 0;
    }
    #cart .how-to-list__list
    {
        margin: 0 0 1rem 0;
    }
    #cart .how-to-list__list:last-child
    {
        margin: 0 0 2rem 0;
    }
    #cart .how-to__img
    {
        width: 100%;
        padding: 0;
    }
    #cart .youtube
    {
        padding: 0;
    }
}
@media (max-width: 1200px) and (min-width: 960px)
{
    #cart .price__detail
    {
        margin: 0 0 1.5rem 0;
    }
    #cart .price__cart--pc
    {
        display: none;
    }
    #cart .price__cart--sold--pc
    {
        display: none;
    }
    #cart .price__cart--sp
    {
        font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 1.2rem;
        line-height: 2rem;

        position: relative;
        z-index: 100;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: flex;

        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 50%;
        height: auto;
        margin: 0 0 4rem auto;
        padding: 1.5rem;

        -webkit-transition: .3s;
                transition: .3s;
        text-align: center;
        text-align: center;
        letter-spacing: .24rem;

        color: #393939;
        border: 1px solid #393939;
        background: transparent;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #cart .price__cart--sp::before
    {
        position: absolute;
        z-index: -100;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        content: '';
        -webkit-transition: -webkit-transform ease .3s;
                transition: -webkit-transform ease .3s;
                transition:         transform ease .3s;
                transition:         transform ease .3s, -webkit-transform ease .3s;
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
                transform-origin: 0 50%;

        background: #cbac92;
    }
    #cart .price__cart--sp:hover
    {
        color: #fff;
        border: 1px solid #cbac92;
    }
    #cart .price__cart--sp:hover .price__cart-icon
    {
        -webkit-filter: invert(1);
                filter: invert(1);
    }
    #cart .price__cart--sp:hover::before
    {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
        -webkit-transform-origin: 0 50%;
                transform-origin: 0 50%;
    }
    #cart .price__cart--sold--sp
    {
        font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 1.2rem;
        line-height: 2rem;

        display: block;

        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 50%;
        height: auto;
        height: auto;
        margin: 0 0 4rem auto;
        padding: 1.5rem;

        text-align: center;
        text-align: center;
        letter-spacing: .24rem;

        color: #fff;
        border: 1px solid #dd5151;
        background: #dd5151;
    }
}
@media (max-width: 959px) and (min-width: 700px)
{
    #cart .price__cart--pc
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    #cart .price__cart--sold--pc
    {
        display: block;
    }
    #cart .price__cart--sp
    {
        display: none;
    }
    #cart .price__cart--sold--sp
    {
        display: none;
    }
}
#list
{
    overflow-x: hidden;
}
#list .top
{
    padding-top: 80px;

    background-image: url(../images/page/feature-wellness/feature-wellness_bgpic.png);
    background-position: left bottom;
    background-size: cover;
}
@media (min-width: 768px)
{
    #list .top
    {
        padding-top: 0;
    }
}
#list .top__inner
{
    position: relative;

    padding-right: 3rem;
    padding-left: 3rem;
}
@media (min-width: 768px)
{
    #list .top__inner
    {
        padding-right: 5rem;
        padding-left: 5rem;
    }
}
@media (min-width: 960px)
{
    #list .top__inner
    {
        max-width: 1320px;
        margin-right: auto;
        margin-left: auto;
    }
}
#list .top__description
{
    padding: 7rem 0 3rem;
}
#list .top__name
{
    font-size: 1.6rem;

    padding-bottom: 2.7rem;
}
#list .top__text
{
    line-height: 2.5;

    letter-spacing: .09rem;
}
#list .top__image--pc
{
    display: none;
}
#list .top__image--sp
{
    height: auto;
}
#list .items
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding-bottom: 12.6rem;

    text-align: center;
}
#list .item:first-child
{
    margin-right: 1rem;
}
#list .item__image
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 29.4vw;
    height: 29.4vw;

    background: rgba(255, 255, 255, .3);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}
#list .item__image > img
{
    max-width: 35%;
    max-height: 73%;
}
#list .item__name
{
    font-size: 1rem;
    font-weight: 700;

    padding-top: .8rem;

    letter-spacing: .2rem;
}
#list .cart
{
    position: -webkit-sticky;
    position: fixed;
    z-index: 500;
    bottom: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 6rem;

    background-color: #cbac92;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#list .cart__text
{
    letter-spacing: .2rem;

    color: #fff;
}
#list .Global__linkIcon.Global__linkIcon--cart
{
    margin-bottom: .2rem;

    background-image: url('/images/icon/icon_bag.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 9.5px;
}
#list .products__inner
{
    position: relative;

    padding-right: 3rem;
    padding-left: 3rem;
}
@media (min-width: 768px)
{
    #list .products__inner
    {
        padding-right: 5rem;
        padding-left: 5rem;
    }
}
@media (min-width: 960px)
{
    #list .products__inner
    {
        max-width: 1320px;
        margin-right: auto;
        margin-left: auto;
    }
}
#list .products__description
{
    padding: 10rem 0 .6rem;
}
#list .products__name
{
    font-size: 2.2rem;

    padding-bottom: 5rem;

    letter-spacing: .2rem;
}
#list .products__text
{
    line-height: 2.5;

    letter-spacing: .1rem;
}
#list .unit
{
    padding-bottom: 8.07rem;
}
#list .unit:nth-child(even)
{
    margin-top: 3.8rem;
}
#list .unit:nth-child(even) .unit__description
{
    margin-top: -7.2rem;
}
#list .unit:last-child
{
    padding-bottom: .5rem;
}
#list .unit__inner
{
    position: relative;

    padding-right: 3rem;
    padding-left: 3rem;
}
@media (min-width: 768px)
{
    #list .unit__inner
    {
        padding-right: 5rem;
        padding-left: 5rem;
    }
}
@media (min-width: 960px)
{
    #list .unit__inner
    {
        max-width: 1320px;
        margin-right: auto;
        margin-left: auto;
    }
}
#list .unit__description
{
    margin-top: -4.2rem;
}
#list .unit__image--pc
{
    display: none;
}
#list .unit__category
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    letter-spacing: .2rem;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#list .unit__category::before
{
    display: inline-block;

    width: 1rem;
    height: .1rem;
    margin-right: 1rem;

    content: '';

    background-color: #2f2f2f;
}
#list .unit__name
{
    font-size: 1.6rem;

    padding: 2rem 0 2.1rem;

    letter-spacing: .1rem;
}
#list .unit__text
{
    line-height: 2.5;

    padding-bottom: 2.4rem;

    letter-spacing: .09rem;
}
#list .Global__link--view
{
    float: right;

    padding-right: 1.05rem;
}
@media (min-width: 768px)
{
    #list .top
    {
        padding-top: 8rem;
    }
}
@media (min-width: 960px)
{
    #list .top
    {
        height: 89.8rem;
        padding-top: 0;
    }
    #list .top__inner
    {
        padding-left: 10rem;
    }
    #list .top__inner--pc
    {
        max-width: 132rem;
        margin: 0 auto;
        padding-right: 10rem;
        padding-left: 10rem;
    }
    #list .top__inner--pc > .top__inner
    {
        padding: 0;
    }
    #list .top__description
    {
        max-width: 33.6%;
        padding-top: 11rem;
        padding-bottom: 0;
    }
    #list .top__image--sp
    {
        display: none;
    }
    #list .top__image--pc
    {
        display: block;
        float: right;

        max-width: 67%;
        height: auto;
        margin-top: -24rem;
    }
    #list .item__image
    {
        width: 11vw;
        height: 11vw;
    }
    #list .items
    {
        margin-top: 21rem;
        padding-bottom: 1.8rem;
    }
    #list .item__image > img
    {
        max-width: 29%;
    }
    #list .item__name
    {
        font-size: 1.2rem;
        line-height: 1.66rem;

        padding-top: 1.8rem;
    }
    #list .cart
    {
        display: none;
    }
    #list .products__inner
    {
        padding-left: 10rem;
    }
    #list .products__description
    {
        max-width: 39.3%;
        padding: 8rem 0 7rem;
    }
    #list .products__name
    {
        font-size: 2.4rem;

        padding-bottom: 8rem;
    }
    #list .unit
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: row-reverse;

        max-width: 132rem;
        margin: 0 auto;
        padding: 0 10rem 12rem;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #list .unit__description
    {
        width: 108%;
        margin-top: 0;
        margin-left: 1rem;
    }
    #list .unit:nth-child(even)
    {
            flex-direction: row;

        margin-top: 0;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
    #list .unit:nth-child(even) .unit__description
    {
        margin-top: 0;
        margin-right: 0;
        margin-left: -3.3rem;
    }
    #list .unit:last-child
    {
        padding-bottom: 2rem;
    }
    #list .unit__inner
    {
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
    }
    #list .unit__image--sp
    {
        display: none;
    }
    #list .unit__image--pc
    {
        display: inline-block;

        width: 66.1%;
    }
    #list .unit__name
    {
        padding-top: 3rem;
    }
    #list .unit__text
    {
        padding-bottom: 2.2rem;
    }
}
@media screen and (min-width: 1366px)
{
    #list .item__image
    {
        width: 18rem;
        height: 18rem;
    }
}

.newsbg
{
    width: 100%;

    background-image: url(../images/page/news/news-bg1.png);
    background-repeat: no-repeat;
    background-position: 140% 0;
    background-size: 50%;
}
@media (min-width: 960px)
{
    .newsbg
    {
        background-image: none;
    }
}
@media (min-width: 960px)
{
    .newsbg::before
    {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;

        width: 260px;
        height: 167px;

        content: '';

        background-image: url(../images/page/news/news-bg1.png);
        background-size: cover;
    }
}
.newsbg::after
{
    position: absolute;
    z-index: -1;
    top: 30%;
    left: -100px;

    width: 201px;
    height: 100px;

    content: '';

    background-image: url(../images/page/news/news-bg2.png);
    background-size: cover;
}
@media (min-width: 960px)
{
    .newsbg::after
    {
        top: 30%;
        left: -200px;

        width: 400px;
        height: 200px;
    }
}
.newsbg .pc_none
{
    display: block;
}
.newsbg .sp_none
{
    display: none;
}
@media (min-width: 960px)
{
    .newsbg .pc_none
    {
        display: none;
    }
    .newsbg .sp_none
    {
        display: block;
    }
}

#rnews
{
    margin: 0 30px;
    padding: 100px 0 50px 0;
}
@media (min-width: 960px)
{
    #rnews
    {
        width: 700px;
        margin: 0 auto;
        padding: 160px 0 90px 0;
    }
}
#rnews .news__headLien
{
    font-size: 25px;

    text-align: center;
}
#rnews .news__subtitle
{
    font-size: 12px;

    display: block;
}
#rnews .news__contents
{
    padding: 50px 0 0 0;
}
@media (min-width: 960px)
{
    #rnews .news__contents
    {
        padding: 160px 0 0 0;
    }
}
#rnews .news__header
{
    padding: 1em 0;

    letter-spacing: .12em;

    border-top: 1px solid #c9c9c9;
}
#rnews .news__date
{
    margin: 0 0 1em 0;
}
#rnews .news__title
{
    line-height: 1.5;
}
#rnews .news__category--link
{
    padding: 0 .5em;

    color: #fff;
    border: 1px solid #cbac92;
    background-color: #cbac92;
}
#rnews .news__body
{
    font-size: 12px;
    line-height: 2.5;

    padding: 1em 0;

    letter-spacing: .12em;

    border-top: 1px solid #c9c9c9;
}
#rnews .news__image
{
    padding: 1em 0;
}
#rnews .news__image img
{
    width: 100%;
    height: auto;
}
#rnews .news__youtube
{
    width: 100%;
    padding: 1em 0;

    aspect-ratio: 16/9;
}
#rnews .news__youtube iframe
{
    width: 100%;
    height: 100%;
}
#rnews .news__selector
{
    margin-bottom: 50px;
    padding: 2rem;

    background-color: rgba(203, 172, 146, .3);
}
@media (min-width: 960px)
{
    #rnews .news__selector
    {
        padding: 2.5rem 3rem;
    }
}
@media (min-width: 960px)
{
    #rnews .news__selectorList
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        margin-bottom: .5em;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
#rnews .news__selectorTitel
{
    width: 8em;
    margin: .8em 0 .3em 0;
}
#rnews .news__selectorItem
{
    display: inline-block;

    margin-right: .5em;
    padding: 0 .5em;

    color: #fff;
    border: 1px solid #cbac92;
    background-color: #cbac92;
}
@media (min-width: 960px)
{
    #rnews .news__selectorItem
    {
        line-height: 2.5;

        display: block;
    }
}
#rnews .news__selectorItem--current
{
    color: #cbac92;
    border: 1px solid #cbac92;
    background-color: rgba(255, 255, 255, 0);
}
#rnews .news__list
{
    padding: 1rem;

    -webkit-transition: all .4s ease 0s;
            transition: all .4s ease 0s;

    border-bottom: 1px solid #c9c9c9;
}
@media (min-width: 960px)
{
    #rnews .news__list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
#rnews .news__list.js-hiddenNewsList
{
    visibility: hidden;

    height: 0;
    padding: 0;

    opacity: 0;
}
@media (min-width: 960px)
{
    #rnews .news__listDate
    {
        width: 10%;
    }
}
@media (min-width: 960px)
{
    #rnews .news__listTitle
    {
        width: 70%;
    }
}
#rnews .news__listCategory
{
    line-height: 1;

    display: inline-block;

    padding: .2em;

    color: #fff;
    border: 1px solid #cbac92;
    background-color: #cbac92;
}
@media (min-width: 960px)
{
    #rnews .news__listCategory
    {
        line-height: 3rem;

        display: block;

        height: 3rem;
        padding: 0 .5em;
    }
}
#rnews .news__pagination
{
    margin: 90px 0 0 0;

    text-align: center;
}
#rnews .news__moreBtnWrap
{
    margin-top: 30px;

    text-align: center;
}
@media (min-width: 960px)
{
    #rnews .news__moreBtnWrap
    {
        margin-top: 50px;
    }
}
#rnews .news__moreBtn
{
    line-height: 1;

    position: relative;

    display: inline-block;
    overflow: hidden;

    padding: 18px 38px;

    -webkit-transition: all .4s ease 0s;
            transition: all .4s ease 0s;

    border: 1px solid #393939;
}
#rnews .news__moreBtn.js-hidden
{
    visibility: hidden;

    opacity: 0;
}
@media (min-width: 960px)
{
    #rnews .news__moreBtn::before
    {
        position: absolute;
        z-index: -1;
        top: 0;
        left: -100%;

        width: 100%;
        height: 100%;

        content: '';
        -webkit-transition: .3s left ease-in-out;
                transition: .3s left ease-in-out;

        background-color: #cbac92;
    }
    #rnews .news__moreBtn:hover
    {
        color: #fff;
        border: 1px solid #cbac92;
    }
    #rnews .news__moreBtn:hover::before
    {
        left: 0;
    }
}

.page::before
{
    position: fixed;
    z-index: -100;
    top: 0;
    left: 0;

    display: block;

    width: 100vw;
    height: 100vh;

    content: '';

    background-image: url('../images/top/top_bg_sp.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (min-width: 960px)
{
    .page::before
    {
        background-image: url('../images/top/top_bg_pc.jpg');
    }
}

#page
{
    margin: 0 30px;
    padding: 86px 0 50px 0;
}
@media (min-width: 960px)
{
    #page
    {
        width: 700px;
        margin: 0 auto;
        padding: 100px 0 80px 0;
    }
}
#page .page__title
{
    font-size: 22px;

    margin: 34px 0 40px 0;
    padding-left: 0;

    text-align: center;

    border: none;
}
@media (min-width: 960px)
{
    #page .page__title
    {
        font-size: 25px;

        margin: 74px 0 80px 0;
    }
}
#page h2
{
    font-size: 14px;

    margin: 34px 0 15px -10px;
    padding: 0 0 0 .5em;

    border-left: 3px solid #cbac92;
}
@media (min-width: 960px)
{
    #page h2
    {
        font-size: 18px;

        margin: 74px 0 20px 0;
    }
}
#page p
{
    font-size: 12px;
    line-height: 1.6666;
}
@media (min-width: 960px)
{
    #page p
    {
        line-height: 2.5;
    }
}
#page ol
{
    padding: 0 0 0 1.5em;
}
#page ol li
{
    line-height: 1.6666;

    margin-bottom: 20px;

    list-style-type: decimal;
}
@media (min-width: 960px)
{
    #page ol li
    {
        line-height: 2.5;
    }
}
#page ol li > ol
{
    padding-left: 1em;

    counter-reset: cnt;
}
#page ol li > ol > li
{
    position: relative;

    padding-left: 10px;

    list-style-type: none;

    counter-increment: cnt;
}
#page ol li > ol > li::before
{
    position: absolute;
    top: 0;
    left: -10px;

    content: '(' counter(cnt) ') ';
}
#page ol li > ol > li > ol > li
{
    margin: 5px 0;

    list-style-type: none;
}
@media (min-width: 960px)
{
    #page ol li > ol > li > ol > li
    {
        margin-bottom: 10px 0;
    }
}
#page ol li > ol > li > ol > li:nth-child(1)::before
{
    content: '① ';
}
#page ol li > ol > li > ol > li:nth-child(2)::before
{
    content: '② ';
}
#page ol li > ol > li > ol > li:nth-child(3)::before
{
    content: '③ ';
}
#page ol li > ol > li > ol > li:nth-child(4)::before
{
    content: '④ ';
}
#page ol li > ol > li > ol > li:nth-child(5)::before
{
    content: '⑤ ';
}
#page .leftlineTitle
{
    position: relative;

    margin: 14px -10px 15px;
}
@media (min-width: 960px)
{
    #page .leftlineTitle
    {
        margin: 34px 0 20px;
    }
}
#page .leftlineTitle::before
{
    font-family: 'tabler-icons' !important;

    margin-right: 10px;

    color: #393939;
}
#page .borderBox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 34px 0;
    padding: 20px;

    border: 1px #393939 solid;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#page .borderBox > img
{
    margin-right: 20px;
}
#page hr
{
    width: 100%;
    margin: 34px 0;

    border-top: none;
    border-right: none;
    border-bottom: 1px #c9c9c9 solid;
    border-left: none;
}
@media (min-width: 960px)
{
    #page hr
    {
        margin: 74px 0;
    }
}

#slide
{
    position: relative;

    padding-right: 3rem;
    padding-left: 3rem;
}
@media (min-width: 768px)
{
    #slide
    {
        padding-right: 5rem;
        padding-left: 5rem;
    }
}
@media (min-width: 960px)
{
    #slide
    {
        max-width: 1320px;
        margin-right: auto;
        margin-left: auto;
    }
}
#slide .product
{
    width: 100%;
    padding-top: 80px;
}
@media (min-width: 768px)
{
    #slide .product
    {
        padding-top: 0;
    }
}
#slide .product .gallery
{
    position: relative;
}
#slide .product .gallery .swiper--main-slider .swiper-wrapper .swiper-slide .item-pc
{
    display: none;
}
#slide .product .gallery .swiper--main-slider .swiper-wrapper .swiper-slide img
{
    overflow: hidden;
}
#slide .product .gallery .swiper--main-slider .swiper-wrapper .swiper-slide .description.description--position
{
    margin-top: 2rem;
    margin-left: 3rem;
}
#slide .product .gallery .swiper--main-slider .swiper-wrapper .swiper-slide .description .description__title
{
    font-size: 1.2rem;
    font-weight: bold;

    letter-spacing: .2rem;

    color: #393939;
}
#slide .product .gallery .swiper--main-slider .swiper-wrapper .swiper-slide .description .description__title--first
{
    margin-top: .8rem;
}
#slide .product .gallery .swiper--main-slider .swiper-wrapper .swiper-slide .description .description__title--second
{
    margin-top: 2.6rem;
}
#slide .product .gallery .swiper--main-slider .swiper-wrapper .swiper-slide .description .description__text
{
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.6666666667;

    margin-top: .6rem;

    letter-spacing: .1rem;

    color: #393939;
}
#slide .product .gallery .swiper--main-slider .swiper-wrapper .swiper-slide .description .description__text--size
{
    margin-top: .8rem;
}
#slide .product .gallery .swiper--main-slider .swiper-button-prev,
#slide .product .gallery .swiper--main-slider .swiper-button-next
{
    width: 1.5rem;
    height: 6rem;
    margin-top: -.8rem;

    background-size: 1.5rem 6rem;
}
#slide .product .gallery .swiper--main-slider .swiper-button-prev
{
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 0;

    cursor: pointer;

    background-image: url(../images/slider/arrow-prev.png);
}
#slide .product .gallery .swiper--main-slider .swiper-button-next
{
    position: absolute;
    z-index: 100;
    top: 50%;
    right: 0;

    cursor: pointer;

    background-image: url(../images/slider/arrow-next.png);
}
#slide .product .gallery .swiper--main-slider .swiper-button-prev::after
{
    display: none;
}
#slide .product .gallery .swiper--main-slider .swiper-button-next::after
{
    display: none;
}
#slide .product .gallery .swiper--thumbs-slider-sp
{
    width: 68vw;
    height: 16vw;
}
#slide .product .gallery .swiper--thumbs-slider-sp.swiper--thumbs-position
{
    margin-top: 3rem;
    margin-left: 2rem;
}
#slide .product .gallery .swiper--thumbs-slider-sp .swiper-wrapper .swiper-slide
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16vw;
    height: 16vw;

    cursor: pointer;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#slide .product .gallery .swiper--thumbs-slider-sp .swiper-wrapper .swiper-slide img
{
    overflow: hidden;

    width: 13vw;
    height: 10vw;
}
#slide .product .gallery .swiper--thumbs-slider-sp .swiper-wrapper .swiper-slide-thumb-active,
#slide .product .gallery .swiper--thumbs-slider-sp .swiper-wrapper .swiper-slide-active
{
    border: 2px solid #cbac92;
}
#slide .product .gallery .swiper--thumbs-slider-pc
{
    display: none;
}

@media (min-width: 768px)
{
    #slide .product
    {
        width: min(122rem, 100vw - 15rem);
    }
    #slide .product .gallery
    {
        position: relative;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    #slide .product .gallery .swiper--main-slider
    {
        width: min(101rem, .8278 * (100vw - 15rem));
        height: 67.8rem;
        margin-right: 5rem;
        margin-left: -1.5rem;
        padding-top: 3rem;
    }
    #slide .product .gallery .swiper--main-slider .swiper-wrapper .swiper-slide .item-sp
    {
        display: none;
    }
    #slide .product .gallery .swiper--main-slider .swiper-wrapper .swiper-slide .item-pc
    {
        display: block;
    }
    #slide .product .gallery .swiper--main-slider .swiper-wrapper .swiper-slide img
    {
        overflow: hidden;

        width: min(91rem, .74502 * (100vw - 15rem));
        margin-left: min(7rem, .057946 * (100vw - 15rem));
    }
    #slide .product .gallery .swiper--main-slider .swiper-wrapper .swiper-slide .description.description--position
    {
        position: absolute;
        z-index: 800;
        bottom: 3.8rem;
        left: min(7rem, .057946 * (100vw - 15rem));

        margin-top: 0;
        margin-left: 0;
    }
    #slide .product .gallery .swiper--main-slider .swiper-button-prev,
    #slide .product .gallery .swiper--main-slider .swiper-button-next
    {
        position: absolute;
        top: calc(50% - 2rem);

        width: 2rem;
        height: 8rem;

        background-size: 2rem 8rem;
    }
    #slide .product .gallery .swiper--main-slider .swiper-button-prev
    {
        position: absolute;
        z-index: 300;
        left: 0;

        cursor: pointer;

        background-image: url(../images/slider/arrow-prev.png);
    }
    #slide .product .gallery .swiper--main-slider .swiper-button-next
    {
        position: absolute;
        z-index: 300;
        right: 0;

        cursor: pointer;

        background-image: url(../images/slider/arrow-next.png);
    }
    #slide .product .gallery .swiper--thumbs-slider-sp
    {
        display: none;
    }
    #slide .product .gallery .swiper--thumbs-slider-pc
    {
        display: block;

        height: min(728px, 61.3114754098vw);
        margin-top: 2rem;
        margin-right: 0;
        margin-left: 0;
        padding: 0;

        text-align: center;
    }
    #slide .product .gallery .swiper--thumbs-slider-pc .swiper-wrapper .swiper-slide
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;

        width: min(130px, 9.5168374817vw);
        height: min(130px, 9.5168374817vw);

        cursor: pointer;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #slide .product .gallery .swiper--thumbs-slider-pc .swiper-wrapper .swiper-slide img
    {
        width: min(91px, 6.6617862372vw);
        height: min(78px, 5.710102489vw);
    }
    #slide .product .gallery .swiper--thumbs-slider-pc .swiper-wrapper .swiper-slide-active
    {
        border: 2px solid #cbac92;
    }
}
@media (min-width: 768px) and (max-width: 960px)
{
    #slide
    {
        padding-top: 80px;
    }
    #slide .product .gallery
    {
        position: relative;
    }
    #slide .product .gallery .description .description__title
    {
        font-size: 1.2rem;
    }
    #slide .product .gallery .description .description__title--first
    {
        margin-top: .8rem;
    }
    #slide .product .gallery .description .description__title--second
    {
        margin-top: 2.6rem;
    }
    #slide .product .gallery .description .description__text
    {
        font-size: 1.2rem;
    }
    #slide .product .gallery .swiper-button-next
    {
        position: absolute;
        z-index: 900;
        right: 0rem;
    }
}
.rad
{
    font-family: 'Noto Serif JP', serif;
    font-size: 1.2rem;
    font-weight: 700;

    letter-spacing: .2em;

    color: #393939;
}
.rad__title
{
    font-size: 1.6rem;

    margin: 50px 0 10px;

    text-align: center;
}
.rad__subtitle
{
    margin-bottom: 50px;

    text-align: center;

    color: #a5976b;
}
.rad__texts
{
    line-height: 2.5;

    width: 84vw;
    max-width: 768px;
    margin: 0 auto 25px;

    letter-spacing: .06em;
}
@media (min-width: 960px)
{
    .rad__texts
    {
        margin: 0 auto 74px;

        text-align: center;
    }
}
.rad__endline
{
    width: 84vw;
    height: 30px;
    margin: 0 auto;

    border-bottom: 1px solid #c9c9c9;
}

.rad-head
{
    position: relative;
    z-index: 0;

    overflow: hidden;

    width: 100vw;
    height: 230px;

    background: url(../images/rad/sp_rad_firstview.png) no-repeat center;
    background-size: cover;
}
.rad-head::before
{
    position: absolute;
    z-index: -1;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;

    content: '';

    background: inherit;

    -webkit-filter: blur(5px);
       -moz-filter: blur(5px);
         -o-filter: blur(5px);
        -ms-filter: blur(5px);
            filter: blur(5px);
}
.rad-head__title
{
    font-size: 2.2rem;
    line-height: 1.45;

    margin: 100px 0 10px;

    text-align: center;
}
.rad-head__subtitle
{
    text-align: center;
}

.partnership__sp-worldmap
{
    display: block;

    width: 100vw;
    max-width: 768px;
    margin: 0 auto 28px;
}
@media (min-width: 960px)
{
    .partnership__sp-worldmap
    {
        display: none;
    }
}
.partnership__pc-worldmap
{
    display: none;
}
@media (min-width: 960px)
{
    .partnership__pc-worldmap
    {
        display: block;

        width: 100vw;
        max-width: 1120px;
        margin: 0 auto 28px;
    }
}
.partnership__table
{
    margin: 0 0 77px 8vw;

    letter-spacing: .1em;
}
.partnership__table td
{
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;

    vertical-align: top;
}
@media (min-width: 960px)
{
    .partnership__table
    {
        display: none;
    }
}

.research__sp-fieldsimage
{
    display: block;

    margin: 0 auto 50px;
}
@media (min-width: 960px)
{
    .research__sp-fieldsimage
    {
        display: none;
    }
}
.research__pc-fieldsimage
{
    display: none;
}
@media (min-width: 960px)
{
    .research__pc-fieldsimage
    {
        display: block;

        margin: 0 auto 50px;
    }
}
.research__container--odd
{
    width: 100vw;
    max-width: 520px;
    margin: 0 auto;
}
@media (min-width: 960px)
{
    .research__container--odd
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        max-width: 1120px;
        margin: 0 auto 80px;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.research__textbox--odd
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 330px;
    height: 198px;

    background-color: rgba(165, 151, 107, .1);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 960px)
{
    .research__textbox--odd
    {
        -webkit-backdrop-filter: blur(5px);
                backdrop-filter: blur(5px);
    }
}
.research__box-title--odd
{
    font-weight: 400;
    line-height: 1.67;

    margin: 28px 0 7px 30px;
}
.research__box-subtitle--odd
{
    line-height: 1.67;

    margin: 0 0 27px 30px;

    color: #a5976b;
}
.research__box-texts--odd
{
    line-height: 1.67;

    margin: 0 30px;

    letter-spacing: .1em;
}
.research__image--odd
{
    width: 90%;
    margin: -15px 0 50px 10%;

    text-align: right;
}
@media (min-width: 960px)
{
    .research__image--odd
    {
        z-index: -1;

        width: auto;
        margin: 0 0 0 -30px;
    }
}
.research__container--even
{
    width: 100vw;
    max-width: 520px;
    margin: 0 auto;
}
@media (min-width: 960px)
{
    .research__container--even
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: row-reverse;

        max-width: 1120px;
        margin: 0 auto 80px;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.research__textbox--even
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 330px;
    height: 198px;
    margin: 0 0 0 auto;

    background-color: rgba(165, 151, 107, .1);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 960px)
{
    .research__textbox--even
    {
        margin: 0;

        -webkit-backdrop-filter: blur(5px);
                backdrop-filter: blur(5px);
    }
}
.research__box-title--even
{
    font-weight: 400;
    line-height: 1.67;

    margin: 28px 0 7px 30px;
}
.research__box-subtitle--even
{
    line-height: 1.67;

    margin: 0 0 27px 30px;

    color: #a5976b;
}
.research__box-texts--even
{
    line-height: 1.67;

    margin: 0 30px;

    letter-spacing: .1em;
}
.research__image--even
{
    width: 90%;
    margin: -15px 0 50px 0;
}
@media (min-width: 960px)
{
    .research__image--even
    {
        z-index: -1;

        width: auto;
        margin: 0 -30px 0 0;
    }
}

.joint__container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 84vw;
    max-width: 520px;
    margin: 0 auto;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 960px)
{
    .joint__container
    {
            flex-direction: row;

        max-width: 700px;
        margin: 0 auto 24px;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.joint__photo
{
    margin-bottom: 30px;
}
.joint__photo img
{
    width: 100%;
}
@media (min-width: 960px)
{
    .joint__photo img
    {
        width: 230px;
    }
}
.joint__profile-box
{
    margin-bottom: 80px;
}
@media (min-width: 960px)
{
    .joint__profile-box
    {
        min-width: 486px;
        margin: 0 0 80px 40px;
    }
}
.joint__logo
{
    margin-bottom: 30px;
}
.joint__name
{
    line-height: 2.19;

    margin-bottom: 11px;
}
.joint__name span
{
    font-size: 1.6rem;

    margin-right: 20px;
}
.joint__job-title
{
    margin-bottom: 17px;
}
.joint__table
{
    margin-bottom: 24px;
}
.joint__table td
{
    line-height: 1.67;

    vertical-align: top;
    letter-spacing: .1em;
}
.joint__table td:nth-child(1)
{
    width: 80px;

    letter-spacing: .2em;

    color: #939393;
}
.joint__profile-button
{
    line-height: 1.67;

    position: relative;

    display: block;

    width: 170px;
    margin: 0 auto;
    padding: 15px 0;

    text-align: center;
    text-decoration: none;
    letter-spacing: .1em;

    border: 1px solid #393939;
}
.joint__profile-button::before
{
    position: absolute;
    top: 19px;
    right: 15px;

    width: 6px;
    height: 6px;

    content: '';

    border-top: 1px solid #939393;
    border-right: 1px solid #939393;
}
.joint__profile-button::after
{
    position: absolute;
    top: 21px;
    right: 17px;

    width: 7px;
    height: 7px;

    content: '';

    border: 1px solid #939393;
}
@media (min-width: 960px)
{
    .joint__profile-button
    {
        margin: 0 0 0 auto;
    }
}

.history__wrap
{
    position: relative;

    width: 100vw;
    max-width: 768px;
    margin: 0 auto 50px;
}
@media (min-width: 960px)
{
    .history__wrap
    {
        max-width: 1040px;
    }
}
.history__more-button
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 1.2rem;
    line-height: 2rem;

    position: relative;
    z-index: 100;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 170px;
    height: 50px;
    margin: 0 auto;
    padding: 1.5rem;

    -webkit-transition: .3s;
            transition: .3s;
    text-align: center;
    letter-spacing: .24rem;

    color: #393939;
    border: 1px solid #393939;
    background: transparent;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.history__more-button::before
{
    position: absolute;
    z-index: -100;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: -webkit-transform ease .3s;
            transition: -webkit-transform ease .3s;
            transition:         transform ease .3s;
            transition:         transform ease .3s, -webkit-transform ease .3s;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;

    background: #cbac92;
}
.history__more-button:hover
{
    color: #fff;
    border: 1px solid #cbac92;
}
.history__more-button:hover::before
{
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
}
.history__timeline
{
    position: relative;

    overflow: hidden;
    /*height: 500px;*/
    /*
  &::before {
      width: 100vw;
      height: 300px;
      display: block;
      position: absolute;
      z-index: 1;
      bottom: 0;
      left: 0;
      content: '';
      background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 95%);
  }
  */
}
.history__trigger
{
    display: none;
}
.history__trigger:checked ~ .history__more-button
{
    display: none;
}
.history__trigger:checked ~ .history__timeline
{
    height: auto;
}
.history__trigger:checked ~ .history__timeline::before
{
    display: none;
}
.history__container--odd
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 84vw;
    margin: 0 auto;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media (min-width: 960px)
{
    .history__container--odd
    {
        max-width: 1040px;
    }
}
.history__line--odd
{
    position: relative;

    width: 14px;
    height: 100px;

    border-right: 1px solid #393939;
}
@media (min-width: 960px)
{
    .history__line--odd
    {
        width: 50%;
    }
}
.history__line--odd::after
{
    position: absolute;
    top: 44px;
    left: 4px;

    content: url(../images/rad/sp_rad_timeline_junction.png);
}
@media (min-width: 960px)
{
    .history__line--odd::after
    {
        right: -105px;
        left: auto;

        content: url(../images/rad/pc_rad_timeline_right.png);
    }
}
.history__inner--odd
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding: 18px 0 0 40px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 960px)
{
    .history__inner--odd
    {
        width: 50%;
        padding: 18px 0 0 120px;
    }
}
.history__date--odd
{
    line-height: 1.67;

    margin-bottom: 10px;

    color: #939393;
}
.history__texts--odd
{
    font-size: 1rem;
    line-height: 1.5;

    position: relative;

    width: 62vw;

    letter-spacing: .1em;
}
@media (min-width: 960px)
{
    .history__texts--odd
    {
        width: 100%;
    }
}
.history__image--odd
{
    position: absolute;
    z-index: -1;
    right: 0;

    width: 115px;
}
@media (min-width: 960px)
{
    .history__image--odd
    {
        width: 220px;
    }
}
.history__container--even
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 84vw;
    margin: 0 auto;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media (min-width: 960px)
{
    .history__container--even
    {
            flex-direction: row-reverse;

        max-width: 1040px;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
}
.history__line--even
{
    position: relative;

    width: 14px;
    height: 100px;

    border-right: 1px solid #393939;
}
@media (min-width: 960px)
{
    .history__line--even
    {
        width: 50%;

        border-right: none;
    }
}
.history__line--even::after
{
    position: absolute;
    top: 40px;
    left: 4px;

    content: url(../images/rad/sp_rad_timeline_junction.png);
}
@media (min-width: 960px)
{
    .history__line--even::after
    {
        left: -104px;

        content: url(../images/rad/pc_rad_timeline_left.png);
    }
}
.history__inner--even
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding: 18px 0 0 40px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 960px)
{
    .history__inner--even
    {
        width: 50%;
        padding: 18px 120px 0 0;

        border-right: 1px solid #393939;
    }
}
.history__date--even
{
    line-height: 1.67;

    margin-bottom: 10px;

    color: #939393;
}
@media (min-width: 960px)
{
    .history__date--even
    {
        text-align: right;
    }
}
.history__texts--even
{
    font-size: 1rem;
    line-height: 1.5;

    width: 62vw;

    letter-spacing: .1em;
}
@media (min-width: 960px)
{
    .history__texts--even
    {
        width: 85%;
        margin: 0 0 0 auto;

        text-align: right;
    }
}
.history__image--even
{
    position: absolute;
    z-index: -1;
    right: 0;

    width: 115px;
}
@media (min-width: 960px)
{
    .history__image--even
    {
        right: auto;
        left: 0;

        width: 220px;
        margin-top: -100px;
    }
}

.en--uppercase
{
    font-family: 'EB Garamond', serif;

    text-transform: uppercase;
}

/* JS */
@media (min-width: 960px)
{
    #js-jointWappre
    {
        width: 750px;
        margin: 0 auto;
    }
}
.js-hidden,
.js-historyList
{
    visibility: hidden;

    height: 0;
    padding: 0;

    opacity: 0;
}

.Sample
{
    overflow-x: hidden;
}
.Sample__inner
{
    position: relative;

    padding-right: 3rem;
    padding-left: 3rem;
}
@media (min-width: 768px)
{
    .Sample__inner
    {
        padding-right: 5rem;
        padding-left: 5rem;
    }
}
@media (min-width: 960px)
{
    .Sample__inner
    {
        max-width: 1320px;
        margin-right: auto;
        margin-left: auto;
    }
}
.Sample__innerBlock
{
    height: 100vh;

    background-color: orange;
}
.Sample__firstBlock
{
    height: 100vh;
    padding-top: 80px;

    background-color: pink;
}
@media (min-width: 768px)
{
    .Sample__firstBlock
    {
        padding-top: 0;
    }
}
.Sample__secondBlock
{
    height: 100vh;

    background-color: olive;
}
.Sample__thirdBlock
{
    height: 50vh;

    background-image: url('https://picsum.photos/seed/picsum/2000/3000');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.Sample__glass
{
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    padding: 10rem;

    background: rgba(255, 255, 255, .3);

    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}
.Sample__slider
{
    position: relative;

    padding-right: 3rem;
    padding-left: 3rem;
}
@media (min-width: 768px)
{
    .Sample__slider
    {
        padding-right: 5rem;
        padding-left: 5rem;
    }
}
@media (min-width: 960px)
{
    .Sample__slider
    {
        max-width: 1320px;
        margin-right: auto;
        margin-left: auto;
    }
}
.Sample__slider .swiper--wrapper
{
    width: 100%;
    height: 300px;
}
.Sample__slider .swiper-slide
{
    line-height: 300px;

    width: 100%;
    height: 100%;

    text-align: center;

    color: #000;
}
.Sample__slider .swiper-slide:nth-child(3n+1)
{
    background-color: #de4439;
}
.Sample__slider .swiper-slide:nth-child(3n+2)
{
    background-color: #fcd500;
}
.Sample__slider .swiper-slide:nth-child(3n+3)
{
    background-color: #53c638;
}

h1
{
    font-size: 4rem;
}

.store::before
{
    position: fixed;
    z-index: -100;
    top: 0;
    left: 0;

    display: block;

    width: 100vw;
    height: 100vh;

    content: '';

    background-image: url('../images/top/top_bg_sp.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (min-width: 960px)
{
    .store::before
    {
        background-image: url('../images/top/top_bg_pc.jpg');
    }
}

#storeTop
{
    margin: 0 30px;
    padding: 100px 0 50px 0;
}
@media (min-width: 960px)
{
    #storeTop
    {
        width: 700px;
        margin: 0 auto;
        padding: 160px 0 90px 0;
    }
}
#storeTop .storeTop__headLien
{
    font-size: 25px;

    text-align: center;
}
#storeTop .storeTop__subtitle
{
    font-size: 12px;

    display: block;
}
#storeTop .storeTop__contents
{
    padding: 50px 0 0 0;
}
@media (min-width: 960px)
{
    #storeTop .storeTop__contents
    {
        padding: 160px 0 0 0;
    }
}
#storeTop .storeTop__TypeList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border-bottom: 1px solid #9d6739;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#storeTop .storeTop__TypeListTitle
{
    font-size: 18px;

    margin-bottom: 40px;
    padding: 0 0 0 .5em;

    border-left: 2px solid #cbac92;
}
#storeTop .storeTop__TypeListItem
{
    font-family: Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 14px;

    width: 49%;

    text-align: center;

    color: #939393;
    border: 1px solid #9d6739;
    border-bottom: none;
}
#storeTop .storeTop__TypeListItem--current
{
    color: #9d6739;
    background-color: #efe9e4;
}
#storeTop .storeTop__TypeListItem a
{
    display: block;

    padding: 1em;
}
#storeTop .storeTop__shopListTitle
{
    font-size: 14px;

    padding: 1em;

    color: #fff;
    background-color: #cbac92;
}
#storeTop .storeTop__shopListTitle a
{
    display: block;
}
#storeTop .storeTop__shopListData
{
    padding: 30px 40px 0 40px;
}
#storeTop .storeTop__pefectureList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#storeTop .storeTop__pefectureItem
{
    padding: 0 1em;

    border-right: 1px solid #939393;
}
#storeTop .storeTop__pefectureItem:first-child
{
    padding: 0 1em 0 0;
}
#storeTop .storeTop__pefectureItem:last-child
{
    padding: 0 0 0 1em;

    border-right: none;
}
#storeTop .storeTop__pefectureItemLink--current
{
    text-decoration: underline;

    color: #9d6739;
}
#storeTop .storeTop__shopList
{
    margin: 24px 0 0 0;
    padding: 45px 0 40px 0;

    border-top: 1px dotted #393939;
}
#storeTop .storeTop__shopListContent
{
    line-height: 2;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 0 40px 0;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#storeTop .storeTop__shopListBox
{
    width: 80%;
}
#storeTop .storeTop__shopListNameLink
{
    text-decoration: underline;
}
#storeTop .storeTop__shopListLink
{
    font-size: 14px;
    font-weight: bold;
}
#storeTop .storeTop__shopListLinkIcon
{
    position: relative;
    top: -12px;

    display: inline;
}
#storeTop .storeTop__productText
{
    padding: 1em;
}
#storeTop .storeTop__pageNumbersWrap
{
    margin-bottom: 60px;

    text-align: center;
}
#storeTop .storeTop__pageNumbersWrap span,
#storeTop .storeTop__pageNumbersWrap a
{
    font-size: 14px;

    display: inline-block;

    margin-right: 1em;
    padding: 0 3px 10px;
}
#storeTop .storeTop__pageNumbersWrap .next
{
    margin-right: 0;
}
#storeTop .storeTop__pageNumbersWrap .current
{
    border-bottom: 1px solid #393939;
}

#store
{
    margin: 0 auto;
    padding: 160px 30px 90px 30px;
}
@media (min-width: 960px)
{
    #store
    {
        width: 700px;
    }
}
#store .store__contents
{
    margin: 75px 0 0 0;
}
#store .store__title
{
    font-size: 20px;
}
#store .store__headLien
{
    font-size: 25px;

    text-align: center;
}
#store .store__dataList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 45px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#store .store__listTitle
{
    font-weight: bold;

    width: 20%;
    margin-bottom: 1em;

    color: #939393;
}
#store .store__listData
{
    font-weight: bold;

    width: 80%;
    margin-bottom: 1em;
}
#store .store__map
{
    margin: 35px 0;
}
#store .store__map iframe
{
    width: 100%;
    height: 180px;
}
@media (min-width: 768px)
{
    #store .store__map iframe
    {
        height: 400px;
    }
}
@media (min-width: 960px)
{
    #store .store__map iframe
    {
        height: 400px;
    }
}
#store .store__itmeList
{
    margin: 35px 0;
}
#store .store__itmeListTitle
{
    font-size: 18px;

    margin-bottom: 25px;
    padding: 0 0 0 .5em;

    border-left: 2px solid #cbac92;
}
#store .store__itmeLists
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 20px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#store .store__itmeListItem
{
    width: 30%;
}
#store .store__itmeListItem img
{
    width: 100%;
}
#store .store__itmeListItem p
{
    margin: 10px 0 30px 0;
    padding: 1rem;

    background-color: rgba(255, 255, 255, .7);
}

.support::before
{
    position: fixed;
    z-index: -100;
    top: 0;
    left: 0;

    display: block;

    width: 100vw;
    height: 100vh;

    content: '';

    background-image: url('../images/top/top_bg_sp.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (min-width: 960px)
{
    .support::before
    {
        background-image: url('../images/top/top_bg_pc.jpg');
    }
}

#support
{
    padding: 100px 0 50px 0;

    color: #393939;
}
@media (min-width: 960px)
{
    #support
    {
        padding: 160px 0 90px 0;
    }
}
#support .uiWrap
{
    margin: 0 30px;
}
@media (min-width: 960px)
{
    #support .uiWrap
    {
        width: 700px;
        margin: 0 auto;
    }
}
#support .support__headLine
{
    font-size: 22px;

    margin-bottom: 37px;

    text-align: center;
    letter-spacing: 10px;
}
@media (min-width: 960px)
{
    #support .support__headLine
    {
        font-size: 25px;

        margin-bottom: 80px;
    }
}
#support .support__subTitle
{
    font-size: 12px;

    margin-top: 10px;
}
#support .support__list
{
    margin-bottom: 41px;
}
@media (min-width: 960px)
{
    #support .support__list
    {
        font-size: 25px;

        margin-bottom: 40px;
    }
}
#support .support__sectionTitle
{
    font-size: 18px;
    line-height: 20px;

    margin-left: -10px;
    padding-left: 10px;

    border-left: 3px solid #cbac92;
}
@media (min-width: 960px)
{
    #support .support__sectionTitle
    {
        margin-left: 0;
    }
}
#support .support__items
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-right: -1px;

    gap: 15px 13px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#support .support__item
{
    width: 100%;
}
@media (min-width: 960px)
{
    #support .support__item
    {
        width: 225px;
    }
}
#support .support__contactSubTitle
{
    font-size: 12px;
    line-height: 12px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 12px;
    margin-left: -10px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 960px)
{
    #support .support__contactSubTitle
    {
        margin-left: 0;
    }
}
#support .support__contactSubTitle::before
{
    font-family: 'tabler-icons' !important;

    margin-right: 10px;

    color: #393939;
}
#support .support__text
{
    font-size: 12px;

    margin-bottom: 17px;
}
#support .support__contactFreeDial
{
    font-size: 16px;

    margin-top: 30px;
    margin-bottom: 10px;
}
#support .support__memo
{
    font-size: 10px;
}
#support .support__contactButton
{
    font-size: 12px;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 50px;
    margin: 0 auto;

    color: white;
    border: #cbac92 1px solid;
    background: #cbac92;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 960px)
{
    #support .support__contactButton
    {
        width: 270px;
    }
}
#support .support__contactButton::after
{
    font-family: 'tabler-icons' !important;

    position: absolute;
    top: 50%;
    right: 20px;

    content: '\ea61';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    color: white;
}
#support .support__content
{
    font-size: 12px;

    margin-bottom: 20px;
}
@media (min-width: 960px)
{
    #support .support__content
    {
        margin-bottom: 40px;
    }
}
@media (min-width: 960px)
{
    #support .support__content > p
    {
        margin-bottom: 16px;
    }
}
@media (min-width: 960px)
{
    #support .support__content > p:last-child
    {
        margin-bottom: 0;
    }
}
#support .support__questionList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 20px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px 6px;
}
@media (min-width: 960px)
{
    #support .support__questionList
    {
        width: 700px;
        margin: 0 auto;

        gap: 15px 13px;
    }
}
#support .support__faqCategory
{
    width: calc((100% - 12px) / 3);

    text-align: center;

    color: #939393;
    border: #939393 1px solid;
    background: rgba(165, 151, 107, .1);

    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}
@media (min-width: 960px)
{
    #support .support__faqCategory
    {
        width: calc((100% - 26px) / 3);
    }
}
#support .support__faqCategory--active,
#support .support__faqCategory:hover
{
    color: #9d6739;
    border: #9d6739 1px solid;
}
#support .support__faqCategory > a
{
    font-size: 12px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 100%;
    padding: 19px 12px;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#support .support__faq
{
    margin: 40px 0;
}
#support .support__faqContent
{
    padding: 20px;

    background-color: #efe9e4;
}
@media (min-width: 960px)
{
    #support .support__faqContent
    {
        padding: 40px;
    }
}
#support .support__faqCategoryTitle
{
    line-height: 14px;

    display: inline-block;

    height: 0;
    padding: 0 50px 0 20px;

    vertical-align: bottom;

    border-right: 40px solid transparent;
    border-bottom: 40px solid #efe9e4;
}
@media (min-width: 960px)
{
    #support .support__faqCategoryTitle
    {
        padding: 0 75px 0 calc((100% - 700px) / 2);

        border-right: 60px solid transparent;
        border-bottom: 60px solid #efe9e4;
    }
}
#support .support__faqCategoryTitle > span
{
    display: inline-block;
    overflow: hidden;

    max-width: calc(100vw - 30px - 40px);
    height: 14px;
    margin-top: 25px;
    padding-left: 10px;

    white-space: nowrap;
    text-overflow: ellipsis;

    border-left: 3px solid #cbac92;
}
@media (min-width: 960px)
{
    #support .support__faqCategoryTitle > span
    {
        font-size: 18px;
        line-height: 1;

        max-width: calc(100vw - 30px - 40px);
        height: 25px;
        margin-top: 36px;
        padding-top: 4px;
        padding-left: 13px;

        border-left: 3px solid #cbac92;
    }
}
#support .support__faqQuestion
{
    font-weight: normal;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 15px;
    padding: 13px 17px;

    cursor: pointer;

    color: white;
    background-color: #cbac92;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 960px)
{
    #support .support__faqQuestion
    {
        font-size: 14px;

        width: 700px;
        margin: 15px auto 0;
        margin-top: 15px;
        padding: 11px 20px;
    }
    #support .support__faqQuestion:first-child
    {
        margin-top: 0;
    }
}
#support .support__faqQuestion:first-child
{
    margin-top: 0;
}
#support .support__faqQuestion:after
{
    font-family: 'tabler-icons' !important;

    content: '\eb0b';
}
#support .support__faqQuestionWrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#support .support__faqQuestionIcon
{
    margin-right: 5px;
}
#support .support__faqQuestionContent
{
    line-height: 1.3;
}
#support .support__faqQuestion + dd
{
    overflow: hidden;

    height: auto;
    max-height: 0;
    padding: 0 20px;

    -webkit-transition: .5s all;
            transition: .5s all;

    opacity: 0;
    background-color: rgba(165, 151, 107, .1019607843);
}
#support .support__faqQuestion.js-accordionTitle--active:after
{
    font-family: 'tabler-icons' !important;

    content: '\eaf2';
}
#support .support__faqQuestion.js-accordionTitle--active + dd
{
    height: auto;
    max-height: 999px;
    padding: 20px;

    opacity: 1;
    background-color: rgba(165, 151, 107, .1019607843);
}
#support .support__faqAnswer
{
    font-size: 12px;
    line-height: 20px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 0;

    background-color: rgba(165, 151, 107, .1019607843);

    gap: 10px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
@media (min-width: 960px)
{
    #support .support__faqAnswer
    {
        font-size: 14px;
        line-height: 25px;

        width: 700px;
        margin: 0 auto;
    }
}
#support .support__faqAnswerIcon
{
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
}
#support .support__backButton
{
    font-size: 12px;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 50px;
    margin: 40px 30px;

    color: white;
    border: #cbac92 1px solid;
    background: #cbac92;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 960px)
{
    #support .support__backButton
    {
        width: 270px;
        margin: 40px auto 0;
    }
}
#support .support__backButton::before
{
    font-family: 'tabler-icons' !important;

    position: absolute;
    top: 50%;
    left: 20px;

    content: '\ea60';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    color: white;
}
#support .link
{
    color: #9d6739;
}
#support .button
{
    font-size: 14px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 18px 20px 18px 10px;

    color: #9d6739;
    border: #9d6739 1px solid;
    background: rgba(165, 151, 107, .1);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}
@media (min-width: 960px)
{
    #support .button
    {
        padding: 18px 10px;
    }
}
#support .button::after
{
    font-family: 'tabler-icons' !important;

    content: '\ea61';
}
#support .mb-20
{
    margin-bottom: 20px;
}
#support .mb-40
{
    margin-bottom: 40px;
}
#support .mb-80
{
    margin-bottom: 80px;
}
#support .mt-40
{
    margin-top: 40px;
}

.Top
{
    overflow-x: hidden;
    overflow-y: hidden;
}
.Top::before
{
    position: fixed;
    z-index: -100;
    top: 0;
    left: 0;

    display: block;

    width: 100vw;
    height: 100vh;

    content: '';

    background-image: url('../images/top/top_bg_sp.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (min-width: 960px)
{
    .Top::before
    {
        background-image: url('../images/top/top_bg_pc.jpg');
    }
}
.Top__visual
{
    position: relative;

    min-height: 110vh;

    background-color: #fff;

    -webkit-mask-image: url('../images/top/top_visual_mask_pc.svg');
            mask-image: url('../images/top/top_visual_mask_pc.svg');
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-position: bottom;
            mask-position: bottom;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
}
@media (min-width: 960px)
{
    .Top__visual
    {
        min-height: 120vh;
    }
}
.Top__visualTitle
{
    position: absolute;
    z-index: 200;
    top: 20px;
    left: 20px;

    width: 206px;
    height: 120px;
}
@media (min-width: 960px)
{
    .Top__visualTitle
    {
        top: 75px;
        left: 75px;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 280px;
        height: 160px;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.Top__visualTitle.is-loaded .Top__visualTitleImg
{
    -webkit-transition: 1s;
            transition: 1s;
}
.Top__visualTitle.is-loaded .Top__visualTitleImg--dark
{
    opacity: 0;
}
.Top__visualTitle.is-loaded .Top__visualTitleImg--light
{
    opacity: 1;
}
.Top__visualTitleImg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 206px;
    height: 120px;
}
@media (min-width: 960px)
{
    .Top__visualTitleImg
    {
        width: 280px;
        height: 160px;
    }
}
.Top__visualTitleImg--light
{
    opacity: 0;
}
.Top__visualMessage
{
    position: absolute;
    z-index: 100;
    bottom: 30px;
    left: 30px;

    width: 206px;

    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
@media (min-width: 960px)
{
    .Top__visualMessage
    {
        top: auto;
        bottom: 20vh;
        left: 100px;

        width: auto;
    }
}
.Top__visualText--first
{
    width: 181px;
    height: 18px;
    margin-bottom: 2.5rem;
}
@media (min-width: 960px)
{
    .Top__visualText--first
    {
        margin-bottom: 3.5rem;
    }
}
.Top__visualText--last
{
    width: 245px;
    height: 65px;
}
.Top__visualText.is-loaded .Top__visualTextImg
{
    -webkit-transition: 1s;
            transition: 1s;
}
.Top__visualText.is-loaded .Top__visualTextImg--dark
{
    opacity: 0;
}
.Top__visualText.is-loaded .Top__visualTextImg--light
{
    opacity: 1;
}
.Top__visualTextImg
{
    position: absolute;
    top: 0;
    left: 0;
}
.Top__visualTextImg--first
{
    width: 181px;
    height: 18px;
}
.Top__visualTextImg--last
{
    width: 245px;
    height: 65px;
}
.Top__visualTextImg--light
{
    opacity: 0;

    -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, .8));
            filter: drop-shadow(0 0 5px rgba(0, 0, 0, .8));
}
.Top__visualSlide
{
    overflow: hidden;

    -webkit-transform: translateX(20%);
            transform: translateX(20%);
}
@media (min-width: 960px)
{
    .Top__visualSlide--sp
    {
        display: none;
    }
}
.Top__visualSlide--pc
{
    display: none;
}
@media (min-width: 960px)
{
    .Top__visualSlide--pc
    {
        display: block;
    }
}
.Top__visualSlideListItem
{
    display: block;

    width: 100vw;
    min-height: 110vh;
    max-height: 110vh;

    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}
@media (min-width: 960px)
{
    .Top__visualSlideListItem
    {
        min-height: 120vh;
        max-height: 120vh;
    }
}
.Top__visualSlideLink
{
    display: block;

    width: 100vw;
    min-height: 110vh;
    max-height: 110vh;
}
@media (min-width: 960px)
{
    .Top__visualSlideLink
    {
        min-height: 120vh;
        max-height: 120vh;
    }
}
.Top__visualSlideCover
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100vw;
    min-height: 100vh;
    max-height: 100vh;
    margin-right: 35vw;

    -webkit-transform: translateX(0);
            transform: translateX(0);

    background-color: #fff;
}
.Top__visualSlideCover:after
{
    position: absolute;
    top: 0;
    right: -35vw;

    display: block;

    width: 35vw;
    height: 100vh;

    content: '';

    background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.Top__section
{
    position: relative;
}
.Top__section--sub
{
    padding-top: 5rem;
    padding-bottom: 0;
}
.Top__section--product
{
    margin-top: 5rem;
}
.Top__section--rnd
{
    margin-top: 10rem;
    padding-bottom: 7rem;
}
@media (min-width: 960px)
{
    .Top__section--rnd
    {
        padding-bottom: 0;
    }
}
.Top__section--ambassadors
{
    margin-top: 10rem;
    padding-bottom: 10rem;
}
@media (min-width: 960px)
{
    .Top__section--ambassadors
    {
        margin-top: 12rem;
        margin-bottom: 14rem;
    }
}
.Top__section--about
{
    position: relative;

    margin-top: 5rem;
    margin-bottom: 5rem;
    padding-top: 5rem;
    padding-bottom: 5rem;

    background-color: #fff;
}
.Top__section--about::before,
.Top__section--about::after
{
    position: absolute;
    left: 0;

    display: block;

    width: 100%;
    height: 5rem;

    content: '';

    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.Top__section--about::before
{
    top: -5rem;

    background-image: url('../images/top/top_about_bg_top_sp.png');
    background-position: top;
}
.Top__section--about::after
{
    bottom: -5rem;

    background-image: url('../images/top/top_about_bg_bottom_sp.png');
    background-position: bottom;
}
@media (min-width: 960px)
{
    .Top__section--about
    {
        margin-top: 10rem;
        margin-bottom: 10rem;
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .Top__section--about::before,
    .Top__section--about::after
    {
        height: 10rem;
    }
    .Top__section--about::before
    {
        top: -10rem;

        background-image: url('../images/top/top_about_bg_top_pc.png');
    }
    .Top__section--about::after
    {
        bottom: -10rem;

        background-image: url('../images/top/top_about_bg_bottom_pc.png');
    }
}
.Top__section--news
{
    padding-top: 10rem;
}
.Top__section--store
{
    margin-top: 10rem;
    margin-bottom: 10rem;
}
.Top__inner
{
    position: relative;
    position: relative;
    z-index: 1;

    padding-right: 3rem;
    padding-left: 3rem;
}
@media (min-width: 768px)
{
    .Top__inner
    {
        padding-right: 5rem;
        padding-left: 5rem;
    }
}
@media (min-width: 960px)
{
    .Top__inner
    {
        max-width: 1320px;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (min-width: 960px)
{
    .Top__wrap
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (min-width: 960px)
{
    .Top__wrap--right
    {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media (min-width: 960px)
{
    .Top__wrap--bottom
    {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
.Top__wrap--reverse
{
        flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
}
.Top__wrap--fluid
{
    margin-right: -3rem;
    margin-left: -3rem;
}
@media (min-width: 960px)
{
    .Top__wrap--fluid
    {
        margin-right: -5rem;
        margin-left: -5rem;
    }
}
@media (min-width: 960px)
{
    .Top__content
    {
        max-width: 65%;
        margin-right: 0;
        margin-left: 0;
    }
}
@media (min-width: 960px)
{
    .Top__content
    {
        width: 50%;
        max-width: 50%;
    }
}
@media (min-width: 960px)
{
    .Top__content
    {
        max-width: 560px;
    }
}
@media (min-width: 960px)
{
    .Top__content--right
    {
        margin-left: auto;
    }
}
@media (min-width: 960px)
{
    .Top__content--small
    {
        width: 380px;
    }
}
.Top__content--glass
{
    padding: 5.5rem 3rem;

    background: rgba(255, 255, 255, .3);

    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}
@media (min-width: 960px)
{
    .Top__content--glass
    {
        padding: 8rem 5rem;
    }
}
@media (min-width: 960px)
{
    .Top__content--store
    {
        padding-left: 10rem;
    }
}
.Top__title
{
    font-size: 2.2rem;
    line-height: 1.5;

    margin-bottom: 5rem;

    letter-spacing: .6rem;
    text-transform: uppercase;

    color: #2f2f2f;
}
@media (min-width: 960px)
{
    .Top__title
    {
        font-size: 2.6rem;
        line-height: 1.5;

        margin-bottom: 7.5rem;

        letter-spacing: .8rem;
        text-transform: uppercase;

        color: #2f2f2f;
    }
}
.Top__title--small
{
    font-size: 1.6rem;
    line-height: 1.5;

    position: absolute;
    z-index: 100;
    right: 30px;
    bottom: -140px;

    width: 70%;
    margin-bottom: 0;
    padding: 3rem;

    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    letter-spacing: .6rem;
    text-transform: uppercase;

    color: #2f2f2f;
    background: rgba(255, 255, 255, .3);

    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}
@media (min-width: 960px)
{
    .Top__title--small
    {
        top: 40px;
        right: auto;
        bottom: auto;
        left: 55%;

        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@media (min-width: 768px)
{
    .Top__title--small
    {
        left: 535px;

        padding: 8rem 4rem;
    }
}
.Top__titleSub
{
    font-size: 1.2rem;
    line-height: 1.5;

    display: block;

    margin-top: 1rem;

    letter-spacing: .4rem;
    text-transform: uppercase;

    color: #a5976b;
}
.Top__text
{
    font-size: 1.2rem;
    line-height: 2.5;

    letter-spacing: .2rem;

    color: #2f2f2f;
}
.Top__link
{
    margin-top: 4.5rem;
}
.Top__link--right
{
    text-align: right;
}
.Top__linkItem:not(:first-child)
{
    margin-top: 2.5rem;
}
.Top__img
{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.Top__img--right
{
    margin-right: -3rem;
}
@media (min-width: 768px)
{
    .Top__img--right
    {
        margin-right: -5rem;
        margin-left: auto;
    }
}
@media (min-width: 960px)
{
    .Top__img--right
    {
        margin-right: 0;
    }
}
.Top__img--left
{
    margin-left: -3rem;
}
@media (min-width: 960px)
{
    .Top__img--left
    {
        margin-left: 0;
    }
}
.Top__img--partnership
{
    margin-right: 3rem;
}
.Top__img--partnership::before
{
    display: block;

    width: 100%;
    padding-top: 74.7663551402%;

    content: '';

    background-image: url('../images/top/top_partnership_image-sp.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (min-width: 768px)
{
    .Top__img--partnership
    {
        width: 75%;
        margin-right: 0;
    }
    .Top__img--partnership::before
    {
        display: block;

        width: 100%;
        padding-top: 74.7663551402%;

        content: '';

        background-image: url('../images/top/top_partnership_image.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}
@media (min-width: 960px)
{
    .Top__img--partnership
    {
        max-width: 535px;
    }
    .Top__img--partnership::before
    {
        display: block;

        width: 100%;
        padding-top: 74.7663551402%;

        content: '';

        background-image: url('../images/top/top_partnership_image.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}
.Top__img--ambassadors
{
    margin-left: 3rem;
}
.Top__img--ambassadors::before
{
    display: block;

    width: 100%;
    padding-top: 72.131147541%;

    content: '';

    background-image: url('../images/top/top_ambassadors_image.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (min-width: 768px)
{
    .Top__img--ambassadors
    {
        max-width: 75%;
        margin-left: auto;
    }
}
@media (min-width: 960px)
{
    .Top__img--ambassadors
    {
        width: 50%;
        max-width: 610px;
        margin-bottom: -5rem;
        margin-left: 0;
    }
}
.Top__img--about
{
    margin-top: 5rem;
}
.Top__img--about::before
{
    display: block;

    width: 100%;
    padding-top: 69.0476190476%;

    content: '';

    background-image: url('../images/top/top_about_image.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (min-width: 768px)
{
    .Top__img--about
    {
        max-width: 75%;
    }
}
@media (min-width: 960px)
{
    .Top__img--about
    {
        width: 50%;
        margin-top: 0;
        margin-right: -550px;
        margin-left: 5rem;

        -ms-flex-item-align: end;
        align-self: flex-end;
        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}
.Top__category
{
    margin-top: 5rem;

    text-transform: uppercase;
}
.Top__categoryTitle
{
    font-size: 1.2rem;
    line-height: 2.5;

    letter-spacing: .2rem;

    color: #939393;
}
.Top__categoryTitle::after
{
    margin-left: 3px;

    content: ':';
}
.Top__categoryList
{
    margin-left: 2rem;
}
.Top__categoryListTitle
{
    font-size: 1.2rem;
    line-height: 2.5;

    position: relative;

    display: inline-block;

    cursor: pointer;
    letter-spacing: .2rem;

    color: #2f2f2f;
}
.Top__categoryListTitle::after
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 0;
    height: 1px;

    content: '';
    -webkit-transition: .3s ease;
            transition: .3s ease;

    background: #2f2f2f;
}
.Top__categoryListTitle:hover::after
{
    width: 100%;
}
.Top__categoryListTitle::before
{
    position: absolute;
    top: 50%;
    left: -20px;

    display: block;

    width: 10px;
    height: 1px;

    content: '';

    opacity: 0;
    background-color: #2f2f2f;
}
.Top__categoryListTitle:hover::before
{
    -webkit-transition: .3s ease;
            transition: .3s ease;

    opacity: 1;
}
.Top__categoryListTitle--all
{
    cursor: pointer;
}
.Top__categoryListTitle--fix::before
{
    -webkit-transition: none;
            transition: none;

    opacity: 1;
}
.Top__categoryListData
{
    font-size: 1.2rem;
    line-height: 0;
    line-height: 2.5;

    overflow: hidden;

    height: 0;
    margin-left: 2rem;

    -webkit-transition-duration: .3s;
            transition-duration: .3s;
    letter-spacing: .2rem;

    opacity: 0;
    color: #939393;
}
.Top__categoryListData.is-show
{
    line-height: 2.5;

    overflow: visible;

    height: auto;
    padding-top: .5rem;
    padding-bottom: .5rem;

    opacity: 1;
}
.Top__categoryListLink
{
    position: relative;
}
.Top__categoryListLink::before
{
    position: absolute;
    bottom: 50%;
    left: -10px;

    display: block;

    width: 6px;
    height: 6px;

    content: '';

    border-bottom: solid 1px #939393;
    border-left: solid 1px #939393;
}
.Top__categoryListLink:hover
{
    color: #cbac92;
}
.Top__item
{
    position: relative;

    margin-top: -2rem;
    padding: 12rem 3rem;

    background-image: url('../images/top/top_item_bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

    -webkit-mask-image: url('../images/top/top_item_bg_mask_sp.svg');
            mask-image: url('../images/top/top_item_bg_mask_sp.svg');
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-position: top;
            mask-position: top;
    -webkit-mask-repeat: repeat;
            mask-repeat: repeat;
}
@media (min-width: 768px)
{
    .Top__item
    {
        padding: 14rem 5rem;
    }
}
.Top__itemTitle
{
    font-size: 2.4rem;
    line-height: 1.8;

    position: relative;

    margin-left: 1.5rem;

    letter-spacing: .4rem;
    text-transform: uppercase;

    color: #2f2f2f;
}
.Top__itemTitle::before
{
    position: absolute;
    top: 50%;
    left: -20px;

    display: block;

    width: 10px;
    height: 1px;

    content: '';

    background-color: #2f2f2f;
}
@media (min-width: 960px)
{
    .Top__itemTitle
    {
        position: absolute;
        top: 50%;
        left: 30px;
    }
}
.Top__itemSlide
{
    position: relative;
}
@media (min-width: 960px)
{
    .Top__itemSlide
    {
        display: none;
    }
}
.Top__itemSlideList
{
    position: relative;
}
.Top__itemSlideListItem
{
    z-index: 100;

    padding-top: 4rem;
    padding-bottom: 4rem;

    text-align: center;
}
.Top__itemSlideListItemImg--first
{
    max-width: 200px;
}
.Top__itemSlideListItemImg--second
{
    max-width: 270px;
}
.Top__itemSlideListItemImg--third
{
    max-width: 200px;
}
.Top__itemSlideListItemImg--forth
{
    max-width: 270px;
}
.Top__itemSlideListBg--first
{
    position: absolute;
    top: 0;
    left: -30%;

    display: block;

    width: 190px;
}
.Top__itemSlideListBg--first::before
{
    display: block;

    width: 100%;
    padding-top: 70.3703703704%;

    content: '';

    background-image: url('../images/top/top_item_slide_list_bg_01.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.Top__itemSlideListBg--second
{
    position: absolute;
    bottom: -50px;
    left: 50%;

    display: block;

    width: 550px;
}
.Top__itemSlideListBg--second::before
{
    display: block;

    width: 100%;
    padding-top: 41.1231884058%;

    content: '';

    background-image: url('../images/top/top_item_slide_list_bg_02.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.Top__itemSlideListBg--third
{
    position: absolute;
    top: 0;
    right: -230%;

    display: block;

    width: 164px;
}
.Top__itemSlideListBg--third::before
{
    display: block;

    width: 100%;
    padding-top: 65.243902439%;

    content: '';

    background-image: url('../images/top/top_item_slide_list_bg_03.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.Top__itemSlideArrow
{
    position: absolute;
    z-index: 100;
    top: 50%;

    display: block;

    width: 20px;
    height: 80px;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.Top__itemSlideArrow::before,
.Top__itemSlideArrow::after
{
    position: absolute;
    top: 50%;

    display: block;

    width: 40px;
    height: 1px;

    content: '';

    background-color: #2f2f2f;
}
.Top__itemSlideArrow--next
{
    right: -15px;
}
.Top__itemSlideArrow--next::before,
.Top__itemSlideArrow--next::after
{
    right: 0;
}
.Top__itemSlideArrow--next::before
{
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
}
.Top__itemSlideArrow--next::after
{
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg);
    -webkit-transform-origin: right top;
            transform-origin: right top;
}
.Top__itemSlideArrow--prev
{
    left: -15px;
}
.Top__itemSlideArrow--prev::before,
.Top__itemSlideArrow--prev::after
{
    left: 0;
}
.Top__itemSlideArrow--prev::before
{
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
}
.Top__itemSlideArrow--prev::after
{
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg);
    -webkit-transform-origin: left top;
            transform-origin: left top;
}
.Top__itemListWrap
{
    display: none;

    width: 1060px;
    height: 760px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 960px)
{
    .Top__itemListWrap
    {
        display: block;
    }
}
.Top__itemListInner
{
    position: relative;

    width: 960px;
    height: 760px;
    margin-right: 100px;
}
.Top__itemListItem
{
    position: absolute;

    opacity: 0;
}
.Top__itemListItem a
{
    display: inline-block;
}
.Top__itemListItem--first
{
    top: 50%;
    left: 0;

    width: 400px;

    -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
}
.Top__itemListItem--second
{
    top: 0;
    left: 50%;

    width: 562px;

    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
}
.Top__itemListItem--third
{
    top: 50%;
    left: 50%;

    width: 700px;

    -webkit-transform: translateX(-5%) translateY(-40%);
            transform: translateX(-5%) translateY(-40%);
}
.Top__itemListItem--fourth
{
    right: -200px;
    bottom: 10%;

    width: 756px;
}
.Top__itemListBg
{
    opacity: 0;
}
.Top__itemListBg--first
{
    position: absolute;
    top: 0;
    left: -50px;

    display: block;

    width: 260px;
}
.Top__itemListBg--first::before
{
    display: block;

    width: 100%;
    padding-top: 70.3703703704%;

    content: '';

    background-image: url('../images/top/top_item_slide_list_bg_01.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.Top__itemListBg--second
{
    position: absolute;
    right: -400px;
    bottom: 0;

    display: block;

    width: 550px;
}
.Top__itemListBg--second::before
{
    display: block;

    width: 100%;
    padding-top: 41.1231884058%;

    content: '';

    background-image: url('../images/top/top_item_slide_list_bg_02.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.Top__itemListBg--third
{
    position: absolute;
    z-index: -100;
    top: -50px;
    right: -200px;

    display: block;

    width: 244px;
}
.Top__itemListBg--third::before
{
    display: block;

    width: 100%;
    padding-top: 65.243902439%;

    content: '';

    background-image: url('../images/top/top_item_slide_list_bg_03.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.Top__categoryArea
{
    margin-bottom: 40px;
    padding: 26px;

    background-color: rgba(203, 172, 146, .1);
}
@media (min-width: 960px)
{
    .Top__categoryArea
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.Top__categoryList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-left: 0;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.Top__categoryItem
{
    line-height: 1.2;

    margin-right: .5em;
    margin-bottom: .5em;
    padding: .5em;

    color: #fff;
    border: 1px solid #cbac92;
    background-color: rgb(203, 172, 146);
}
.Top__categoryItem--active
{
    color: rgb(203, 172, 146);
    background-color: transparent;
}
.Top__articleList
{
    border-bottom: solid 1px #c9c9c9;
}
.Top__articleListItem
{
    padding-top: 2rem;
    padding-bottom: 2rem;

    border-top: solid 1px #c9c9c9;
}
@media (min-width: 960px)
{
    .Top__articleListItem
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.Top__articleListItemTime
{
    display: block;

    width: 10%;

    color: #939393;
}
.Top__articleListItemTitle
{
    font-size: 1.2rem;
    line-height: 2.5;

    display: block;

    letter-spacing: .2rem;

    color: #2f2f2f;
}
@media (min-width: 960px)
{
    .Top__articleListItemTitle
    {
        width: 70%;
    }
}
.Top__articleListItemCategory
{
    display: block;
    display: inline-block;

    padding: .5em;

    color: #fff;
    border: 1px solid #cbac92;
    background-color: #cbac92;
}
.Top__animateBranch
{
    position: absolute;

    width: 100%;
}
.Top__animateBranch--first
{
    z-index: -100;
    top: 0;
    right: 0;

    max-width: 1920px;
}
.Top__animateBranch2
{
    position: absolute;

    width: 100%;

    opacity: .5;
}
.Top__animateBranch2--first
{
    z-index: -100;
    right: 0;
    bottom: 0;

    max-width: 1920px;

    -webkit-transform: rotate(.39turn);
            transform: rotate(.39turn);
}
.Top__animateBranch3
{
    position: absolute;

    width: 100%;
}
.Top__animateBranch3--first
{
    z-index: -100;
    right: -70px;
    bottom: 0;

    max-width: 1920px;

    -webkit-transform: rotate(.83turn);
            transform: rotate(.83turn);
}
.Top__animateBranch4
{
    position: absolute;

    width: 100%;
}
.Top__animateBranch4--first
{
    z-index: -100;
    right: -70px;
    bottom: 0;

    max-width: 1920px;

    -webkit-transform: rotate(.43turn);
            transform: rotate(.43turn);
}
.Top__animateBranch5
{
    position: absolute;

    width: 100%;

    opacity: .5;
}
.Top__animateBranch5--first
{
    z-index: 0;
    top: 0;
    left: 0;

    max-width: 1920px;

    -webkit-transform: rotate(.85turn);
            transform: rotate(.85turn);
}
.Top__animateBranch6
{
    position: absolute;

    width: 100%;

    opacity: .8;
}
.Top__animateBranch6--first
{
    z-index: 0;
    top: -168px;
    left: -612px;

    max-width: 1920px;

    -webkit-transform: rotate(.04turn);
            transform: rotate(.04turn);
}
.Top__youtubePlay
{
    position: absolute;
    z-index: 100;
}
.Top__youtubePlay--sp
{
    top: 80%;
    left: 0;
}
@media (min-width: 960px)
{
    .Top__youtubePlay--sp
    {
        display: none;
    }
}
.Top__youtubePlay--pc
{
    display: none;

    cursor: pointer;
}
@media (min-width: 960px)
{
    .Top__youtubePlay--pc
    {
        top: calc(80% - 125px);
        right: 10%;

        display: block;
    }
}

.Top__titleLine > div,
.Top__visualTextLine > div
{
    -webkit-transform: translate(0px, 25px);
            transform: translate(0px, 25px);

    opacity: 0;
}
.Top__title--small,
.Top__text,
.Top__link,
.Top__img,
.Top__category,
.Top__articleList
{
    -webkit-transform: translate(0px, 50px);
            transform: translate(0px, 50px);

    opacity: 0;
}

/* modal */
.ed-modal
{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .9);
}

div#modalOverlay
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 100%;

    cursor: pointer;
}

.ed-closeModal
{
    position: absolute;
    top: -35px;
    right: 5px;

    overflow: hidden;

    width: 2.5rem;
    height: 2.5rem;

    cursor: pointer;

    opacity: .5;
}

.ed-closeModal::before,
.ed-closeModal::after
{
    position: absolute;
    top: -2px;

    width: 35px;
    height: 2px;

    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;

    background: #fff;
}

.ed-closeModal::before
{
    left: 0;
}

.ed-closeModal::after
{
    right: 0;

    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: top right;
            transform-origin: top right;
}

.modalContent
{
    position: relative;

    width: 100%;
    max-width: 800px;
    margin: auto;
}

.video
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 0;
    padding-bottom: 56.25%;

    -webkit-animation: fadeIn 1.2s ease 0s 1 normal;
            animation: fadeIn 1.2s ease 0s 1 normal;

    -webkit-filter: drop-shadow(0px 2px 5px #313131);
            filter: drop-shadow(0px 2px 5px #313131);
}

.video iframe
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

@keyframes fadeIn
{
    0%
    {
        -webkit-transform: translateY(30px);
                transform: translateY(30px);

        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
@font-face
{
    font-family: 'swiper-icons';
    font-weight: 400;
    font-style: normal;

    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
}
:root
{
    --swiper-theme-color: #007aff;
}

.swiper
{
    position: relative;
    /* Fix of Webkit flickering */
    z-index: 1;

    overflow: hidden;

    margin-right: auto;
    margin-left: auto;
    padding: 0;

    list-style: none;
}

.swiper-vertical > .swiper-wrapper
{
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.swiper-wrapper
{
    position: relative;
    z-index: 1;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: 100%;
    height: 100%;

    -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property:         transform;
            transition-property:         transform, -webkit-transform;
}

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

.swiper-pointer-events
{
    -ms-touch-action: pan-y;
        touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical
{
    -ms-touch-action: pan-x;
        touch-action: pan-x;
}

.swiper-slide
{
    position: relative;

    width: 100%;
    height: 100%;

    -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property:         transform;
            transition-property:         transform, -webkit-transform;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide
{
    height: auto;
}
.swiper-autoheight .swiper-wrapper
{
    -webkit-transition-property: height, -webkit-transform;
            transition-property: height, -webkit-transform;
            transition-property: transform, height;
            transition-property: transform, height, -webkit-transform;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.swiper-backface-hidden .swiper-slide
{
    -webkit-transform: translateZ(0);
            transform: translateZ(0);

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper
{
    -webkit-perspective: 1200px;
            perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow
{
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;
}
.swiper-3d .swiper-slide-shadow
{
    background: rgba(0, 0, 0, .15);
}
.swiper-3d .swiper-slide-shadow-left
{
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right
{
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top
{
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper
{
    overflow: auto;

    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar
{
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide
{
    scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper
{
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper
{
    -ms-scroll-snap-type: y mandatory;
        scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before
{
    content: '';

    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child
{
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before
{
    width: var(--swiper-centered-offset-after);
    height: 100%;
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child
{
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before
{
    width: 100%;
    height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide
{
    scroll-snap-align: center center;
}