@layer init, elem, reset, vender, wp, components, components_mod, theme, helpers, super;

@layer init {
    :root {
        --1vw: 1vw;
        --1vh: 1vh;
        --blockElemsGap: 2rem;
        --compactBlockElemsGap: 0.7rem;
        --headingGap: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
        --tablePadding: clamp(3rem, 2.273rem + 3.64vw, 5rem);
        --gap-x: clamp(1.6rem, 3.725vw, 4.6933333333rem);
        --gap-y: var(--blockElemsGap);

        --font-mincho: "Zen Old Mincho", serif;
        --font-en: "Vollkorn", serif;

        --body-bgColor: #f5f2eb;
        --body-textColor: #4a4442;

        --color-white: #fffef9;
        --color-white-rgb: 255 254 249;
        --color-base-white: #fffdfa;
        --color-beige: #d9c3ad;
        --color-pink: #f6d4d4;
        --color-brown: #af8860;
        --color-brown-rgb: 175 136 96;
        --color-gray: #b7b1b1;
        --color-choco: #987168;
        --color-darkgray: #686661;

        --borderColor-brown: #DBCFCF;
        --borderColor-gray: #9D9795;
        
        --link-textColor: #4a4442;
        --link-textColor-active: #4a4442;
        --link-textColor-visited: #4a4442;
        --link-textColor-hover: #4a4442;

        --success-bgColor: #e7ffe5;
        --success-textColor: #0eb700;
        --success-borderColor: #0eb700;
        --error-bgColor: #fee;
        --error-textColor: #d22;
        --error-borderColor: #d22;
        --hint-bgColor: #fff8b6;
        --hint-textColor: #cdba00;
        --hint-borderColor: #edd700;
        --info-bgColor: #ebf8ff;
        --info-textColor: #007ce1;
        --info-borderColor: #007ce1;

        /*--border-radius-main: clamp(2rem, 1.636rem + 1.82vw, 3rem);
        --border-radius-sub: 2rem;*/

        --box-shadow: 0px 0px 7px #0000002a;
    }

    :root {
        --headerHeight: 8rem
    }
    @media(min-width: 720px) {
        :root {
            --headerHeight: 
        }
    }
    @media(min-width: 900px) {
        :root {
            --headerHeight: 
        }
    }
    @media(min-width: 1200px) {
        :root {
            --headerHeight: 13.2rem;
        }
    }
}

@layer init {
    body,
    hr {
        position: relative;
        margin: 0
    }

    address,
    blockquote,
    canvas,
    div,
    dl,
    fieldset,
    figure,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    pre,
    table,
    ul,
    ol,
    video {
        margin: 0
    }

    address {
        font-style: normal
    }

    img,
    video,
    figure {
        max-width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    iframe {
        max-width: 100%;
        border: 0
    }

    code,
    kbd,
    samp,
    var,
    pre {
        font-family: Consolas, "Courier New", monospace
    }

    code,
    kbd,
    samp,
    var {
        display: inline-block
    }

    pre {
        display: block;
        white-space: pre-wrap;
        overflow-x: auto;
        overflow-wrap: normal
    }

    rt {
        font-weight: normal
    }

    table {
        word-break: break-all
    }

    label {
        cursor: pointer
    }

    label:has([disabled]) {
        cursor: not-allowed
    }

    input[type=checkbox]:disabled+label,
    input[type=radio]:disabled+label {
        cursor: not-allowed
    }

    input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=range]),
    select,
    textarea,
    button {
        -webkit-appearance: none;
        appearance: none;
        font-size: 16px
    }

    input[type=file] {
        display: inline-block;
        width: 100%
    }

    select::-ms-expand {
        display: none
    }

    input[type=radio]:not([disabled]),
    input[type=checkbox]:not([disabled]),
    input[type=color]:not([disabled]),
    input[type=submit]:not([disabled]),
    input[type=button]:not([disabled]),
    input[type=reset]:not([disabled]),
    input[type=file]:not([disabled]),
    input[type=range]:not([disabled]),
    button:not([disabled]) {
        cursor: pointer
    }
}

@layer reset {

    .reset,
    .reset::before,
    .reset::after {
        margin: 0;
        padding: 0;
        width: auto;
        height: auto;
        min-width: auto;
        min-height: auto;
        background: none;
        border: none;
        border-radius: 0;
        color: inherit;
        font: inherit;
        font-size: 100%;
        list-style: none;
        box-shadow: none;
        text-shadow: none;
        visibility: visible;
        transition: none
    }

    .reset::before,
    .reset::after {
        content: "";
        display: inline
    }

    ul.reset::before {
        display: none;
    }
}

@layer elem { /*body hr pcsp font*/
    html {
        font-size: 62.5%;
        word-break: break-word;
        overflow-wrap: break-word;
    }

    body {
        background-color: var(--body-bgColor);
        color: var(--body-textColor);
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-size: 1.6rem;
        font-weight: 400;
        letter-spacing: .1em;
        line-height: 1.68;
        overflow-x: clip;
        -webkit-font-smoothing: antialiased
    }
    @media(min-width: 1200px) {
        body {
            font-size: 1.8rem;
        }
    }

    address:not(:last-child),
    blockquote:not(:last-child),
    canvas:not(:last-child),
    div:not(:last-child),
    dl:not(:last-child),
    fieldset:not(:last-child),
    figure:not(:last-child),
    h1:not(:last-child),
    h2:not(:last-child),
    h3:not(:last-child),
    h4:not(:last-child),
    h5:not(:last-child),
    h6:not(:last-child),
    p:not(:last-child),
    pre:not(:last-child),
    table:not(:last-child),
    ul:not(:last-child),
    ol:not(:last-child),
    video:not(:last-child) {
        margin-bottom: var(--blockElemsGap)
    }

    hr:not(.override),
    .hr {
        border: 0 solid var(--borderColor-brown);
        border-width: 1px 0 0 0;
        margin-top: clamp(3rem, -0.273rem + 16.36vw, 12rem)
    }

    hr:not(:last-child):not(.override),
    .hr:not(:last-child) {
        margin-bottom: clamp(3rem, -0.273rem + 16.36vw, 12rem)
    }

    @media (min-width:768px) {
        .sp {
            display: none;
        }
    }
    @media (min-width:1200px) {
        .sptab, .tab {
            display: none;
        }
    }
    @media (max-width:767px) {
        .pctab, .tab {
            display: none;
        }
    }
    @media (max-width:1199px) {
        .pc {
            display: none;
        }
    }


    .-font-mincho {
        font-family: "Zen Old Mincho", serif;
    }
    .-font-gothic {
        font-family: "Zen Kaku Gothic New", sans-serif;
    }
    .-font-en {
        font-family: "Vollkorn", serif;
    } 
}

@layer elem { /*a h1*/

    a:link:not(.override),
    .a:link {
        color: var(--link-textColor)
    }

    a:active:not(.override),
    .a:active {
        color: var(--link-textColor-active)
    }

    a:visited:not(.override),
    .a:visited {
        color: var(--link-textColor-visited)
    }

    a:hover:not(.override),
    .a:hover {
        color: var(--link-textColor-hover)
    }

    a[href^="tel:"]:not(.override),
    [href^="tel:"].a {
        color: inherit;
        text-decoration: none
    }

    h1:not(.override),
    .h1,
    h2:not(.override),
    .h2,
    h3:not(.override),
    .h3,
    h4:not(.override),
    .h4,
    h5:not(.override),
    .h5 {
        font-family: var(--font-mincho);
        font-weight: 700;
        letter-spacing: .08em;
        line-height: 1.6;
    }

    h1:not(:first-child):not(.override),
    .h1:not(:first-child),
    h2:not(:first-child):not(.override),
    .h2:not(:first-child),
    h3:not(:first-child):not(.override),
    .h3:not(:first-child),
    h4:not(:first-child):not(.override),
    .h4:not(:first-child),
    h5:not(:first-child):not(.override),
    .h5:not(:first-child) {
        margin-top: var(--headingGap)
    }

    h2:not(.override),
    .h2 {
        font-size: 2.6rem;
        margin-bottom: 6.3rem;
    }
    h3:not(.override),
    .h3 {
        font-size: 2.2rem;
        margin-bottom: 5.2rem;
    } 
    h3:not(.override),
    .h3 {
        font-size: 2.2rem;
        margin-bottom: 5.2rem;
    }
    h3.-brown,
    .h3.-brown {
        color: var(--color-brown);
    } 
    h4:not(.override),
    .h4 {
        position: relative;
        font-size: 1.8rem;
        margin-bottom: 3rem;
    }
    h4:not(.override)::after,
    .h4::after {
        position: absolute;
        bottom: -.5em;
        display: block;
        content: '';
        background-color: var(--color-choco);
        width: 40px;
        height: 2px;
    }
    h4.-beige::after,
    .h4.-beige::after {
        background-color: var(--color-beige);
    }
    h5:not(.override),
    .h5 {
        font-size: 2rem;
        margin-bottom: 3rem;
    }

    @media(min-width: 720px) {
        
    }
    @media(min-width: 1200px) {
        h1:not(.override),
        .h1,
        h2:not(.override),
        .h2,
        h3:not(.override),
        .h3,
        h4:not(.override),
        .h4,
        h5:not(.override),
        .h5 {
            letter-spacing: .04em;
        }
        h2:not(.override),
        .h2 {
            font-size: 4.6rem;
            margin-bottom: 12rem;
        }
        h3:not(.override),
        .h3 {
            font-size: 3.6rem;
            margin-bottom: 12rem;
        }
        h4:not(.override),
        .h4 {
            font-size: 2.4rem;
            margin-bottom: 5rem;
        }
        h4:not(.override)::after,
        .h4::after {
            width: 70px;
            height: 3px;
        }
        h5:not(.override),
        .h5 {
            font-size: 2.4rem;
            margin-bottom: 5rem;
        }

        h2:not(.override) .withHash, 
        h3:not(.override) .withHash {
            font-size: 2.4rem;
            margin-top: 1rem;
        }
        h2.withLine::after, 
        h3.withLine::after {
            margin: 40px auto;
            height: 50px;
        }
    }

    small:not(.override),
    .small {
        font-size: 1.4rem;
        line-height: 1.4
    }

    strong:not(.override),
    .strong {
        font-weight: 700
    }

    blockquote:not(.override),
    .blockquote {
        padding: 1em;
        border-left: 2px solid var(--subbed-borderColor)
    }

    cite:not(.override),
    .cite {
        font-size: 81.25%;
        color: var(--subbed-textColor)
    }

    code:not(.override),
    .code,
    kbd:not(.override),
    .kbd,
    samp:not(.override),
    .samp,
    var:not(.override),
    .var {
        margin-left: .2em;
        margin-right: .2em;
        padding-left: .3em;
        padding-right: .3em;
        padding-top: .375em;
        padding-bottom: .25em;
        line-height: 1;
        border: 1px solid var(--subbed-borderColor);
        border-radius: 3px
    }

    code code:not(.override),
    code .code,
    code kbd:not(.override),
    code .kbd,
    code samp:not(.override),
    code .samp,
    code var:not(.override),
    code .var {
        display: inline;
        margin: 0;
        padding: 0;
        background-color: rgba(0, 0, 0, 0);
        line-height: inherit
    }

    kbd:not(.override),
    .kbd {
        color: inherit;
        background-color: #fff;
        box-shadow: inset 0 -2px 0 0 var(--subbed-borderColor), inset 0 0 0 1px var(--subbed-borderColor)
    }

    pre:not(.override),
    .pre {
        font-family: "Noto Sans JP", BlinkMacSystemFont, -apple-system, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, Roboto, Ubuntu, Cantarell, Oxygen, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
    }

    pre:not(.override) code,
    .pre code {
        margin: 0;
        padding: .5em 1em;
        line-height: inherit;
        border-radius: 0
    }
}

@layer elem { /*li dt*/
    ul:not(.override) {
        list-style-type: none;
        padding-left: 0;
    }
    ul:not(.override) > li:not(.override) {
        position: relative;
        background: none;
        margin: 0 0 .5em;
        padding-left: 2em;
    }
    ul:not(.override) > li:not(.override)::before {
        position: absolute;
        top: .6em;
        left: .5em;
        display: block;
        content: ''; 
        background-color: var(--body-textColor);
        border-radius: 1em;
        width: .45em;
        height: .45em;
    }

    ol:not(.override) {
        padding-left: 2em;
    }
    ol:not(.override) > li:not(.override) {
        margin: 0 0 .5em;
        padding-left: 0;
    }
    ol:not(.override) > li:not(.override)::marker {
        font-family: var(--font-mincho);
        font-size: 1.1em;
        font-weight: 600;
    }

    @media(min-width: 1200px) {
        ul:not(.override) > li:not(.override), 
        ol:not(.override) > li:not(.override) {
            margin: .5em 0;
        }
    }
    
    dt:not(.override),
    .dt {
        border-bottom: 1px solid var(--body-textColor);
        font-size: 2.4rem;
        font-weight: 700;
        margin-bottom: 2rem;
        padding-bottom: 1rem;
    }

    dd:not(.override),
    .dd {
        margin-inline-start: 0;
        margin-bottom: var(--blockElemsGap)
    }
}

@layer elem { /*table*/

    table:not(.override),
    .table {
        border-top: 1px solid var(--color-gray);
        font-size: inherit;
        line-height: inherit;
        width: 100%;
    }
    th:not(.override),
    .th, 
    td:not(.override),
    .td {
        border-bottom: 1px solid var(--color-gray);
        padding: var(--tablePadding) 0
    }
    th:not(.override),
    .th {
        font-family: var(--font-mincho);
        font-weight: 600;
        letter-spacing: .08em;
        line-height: 1.6;
        padding-right: 3rem;
        text-align: left;
        vertical-align: top;
        width: 8rem;
    }
    @media(min-width: 1200px) {
        th:not(.override),
        .th {
            font-size: 1.3em;
            font-weight: 700;
            letter-spacing: .04em;
            padding-right: 6rem;
            width: 25rem;
        }
    }

    table.about {
        border-top: none;
    }
    table.about tr {
        border-bottom: 1px solid var(--color-white)
    }
    table.about th,
    table.about td {
        padding: 4.5rem 0 2rem;
    }
    table.about th {
        border-bottom: 2px solid var(--color-choco);
    }
    @media(min-width: 1200px) {
        table.about tr {
            border-bottom: 2px solid var(--color-white)
        }
        table.about th,
        table.about td {
            padding: var(--tablePadding) 0
        }
        table.about th {
            font-size: 1.1em;
        }
    }    

    caption:not(.override),
    .caption {
        text-align: center;
        margin: 3px 0
    }
}

@layer elem { /*input*/

    fieldset:not(.override),
    .fieldset {
        padding: 10px 15px 20px 15px;
        border: 1px solid var(--subbed-borderColor)
    }

    label:not(.override)+label:not(.override),
    .label+label:not(.override),
    label:not(.override)+.label,
    .label+.label {
        margin-left: 1em
    }

    input[type=text]:not(.override),
    input[type=file]:not(.override),
    input[type=search]:not(.override),
    input[type=tel]:not(.override),
    input[type=url]:not(.override),
    input[type=email]:not(.override),
    input[type=number]:not(.override),
    input[type=password]:not(.override),
    input[type=date]:not(.override),
    input[type=datetime-local]:not(.override),
    input[type=time]:not(.override),
    input[type=week]:not(.override),
    input[type=month]:not(.override),
    input[type=color]:not(.override),
    select:not(.override),
    textarea:not(.override) {
        padding: 5px 10px;
        min-height: 40px;
        border: 0;
        background-color: transparent;
        border-radius: 0;
        line-height: 1.5;
        vertical-align: middle;
        color: inherit;
        outline:none;
    }

    input[type=date]:not(.override) {
        width: calc(7em + 20px)
    }

    input[type=datetime-local]:not(.override) {
        width: calc(12em + 20px)
    }

    input[type=time]:not(.override) {
        width: calc(5.5em + 20px)
    }

    input[type=week]:not(.override) {
        width: calc(9em + 20px)
    }

    input[type=month]:not(.override) {
        width: calc(8em + 20px)
    }

    input[type=file]:not(.override) {
        padding-top: 7px
    }

    input[type=range]:not(.override) {
        vertical-align: middle
    }

    input[type=color]:not(.override) {
        padding: 8px 10px;
        min-width: 60px
    }

    input[type=color]:not(.override)::-webkit-color-swatch-wrapper {
        padding: 0
    }

    select:not(.override) {
        background: url("../images/theme/arrow-select.svg") right 8px center no-repeat rgba(119, 119, 119, .3);
        padding-right: 28px
    }

    html:not(.is-touchDevice) select[multiple]:not(.override) {
        padding: 0;
        vertical-align: bottom;
        min-height: none;
        height: auto;
        background-image: none;
        border-radius: 0
    }

    html:not(.is-touchDevice) select[multiple]:not(.override) option {
        padding: 2px 10px
    }

    input[type=radio]:not(.override),
    input[type=checkbox]:not(.override) {
        position: relative;
        margin-left: .4em;
        margin-right: .4em
    }

    input[type=button]:not(.override),
    button:not(.override):not(.fancybox-button):not(.splide__pagination__page):not(.splide__arrow),
    input[type=submit]:not(.override),
    button[type=submit]:not(.override),
    input[type=reset]:not(.override),
    button[type=reset]:not(.override) {
        padding: 5px 10px;
        line-height: 1.5;
        background-color: transparent;
        border-radius: 0;
        border: none;
        color: inherit;
        min-height: 40px;
        font-size: 1.6rem;
        transition: background-color 300ms
    }

    input[type=button]:hover:not([disabled]):not(.override),
    button:hover:not([disabled]):not(.override):not(.fancybox-button):not(.splide__pagination__page):not(.splide__arrow),
    input[type=submit]:hover:not([disabled]):not(.override),
    button[type=submit]:hover:not([disabled]):not(.override),
    input[type=reset]:hover:not([disabled]):not(.override),
    button[type=reset]:hover:not([disabled]):not(.override) {
        background-color: transparent
    }

    input[type=submit]:not(.override),
    button[type=submit]:not(.override) {
        border: 0;
        background-color: #2c8c4e;
        font-weight: 700;
        color: #fff;
        transition: background-color 300ms
    }

    input[type=submit]:hover:not([disabled]):not(.override),
    button[type=submit]:hover:not([disabled]):not(.override) {
        background-color: #46ae6b
    }

    input[type=text][readonly],
    input[type=search][readonly],
    input[type=tel][readonly],
    input[type=url][readonly],
    input[type=email][readonly],
    input[type=number][readonly],
    input[type=password][readonly],
    input[type=date][readonly],
    input[type=datetime-local][readonly],
    input[type=time][readonly],
    input[type=week][readonly],
    input[type=month][readonly],
    textarea[readonly],
    select[readonly] {
        background-color: var(--subbed-bgColor);
        outline: none;
        color: var(--body-textColor)
    }

    input[type=text][disabled],
    input[type=search][disabled],
    input[type=tel][disabled],
    input[type=url][disabled],
    input[type=email][disabled],
    input[type=number][disabled],
    input[type=password][disabled],
    input[type=date][disabled],
    input[type=datetime-local][disabled],
    input[type=time][disabled],
    input[type=week][disabled],
    input[type=month][disabled],
    textarea[disabled],
    select[disabled],
    label:has([disabled]),
    input[type=checkbox]:disabled+label,
    input[type=radio]:disabled+label {
        opacity: .7;
        background-color: rgba(119, 119, 119, .3);
        color: var(--subbed-textColor)
    }

    .searchbox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
        border-radius: 50px;
        box-shadow: var(--box-shadow);
        margin: auto;
        padding: 0 1rem;
        width: 85%;
        max-width: 40rem;
    }
    .searchbox input[type=text] {
        flex-basis: calc(100% - 40px);
    }
    .searchbox input[type=text]::placeholder {
        color: var(--body-textColor);
        font-weight: bold;
    }
    .searchbox button[type=submit] {
        flex-basis: 40px;
    }
    .searchbox button[type=submit] svg {
        width: 2rem;
    }
    .searchbox button[type=submit] svg path {
        transition: all .3s;
    }
    .searchbox button[type=submit]:hover svg path {
        fill: var(--color-bluegreen);
    }
}

@layer wp { /*gallery*/
    .gallery[id^=gallery-] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        margin-bottom: 15px !important;
        margin-left: -4px !important;
        margin-right: -4px !important
    }

    .gallery[id^=gallery-]+.gallery,
    .gallery[id^=gallery-]+style+.gallery {
        margin-top: -15px !important
    }

    .gallery[id^=gallery-]>br {
        display: none
    }

    .gallery[id^=gallery-] .gallery-item {
        float: none !important;
        margin: 0 !important;
        padding: 0 4px 10px 4px
    }

    .gallery[id^=gallery-] .gallery-item .gallery-icon {
        margin: 0 !important;
        padding: 0;
        background-color: rgba(0, 0, 0, 0);
        line-height: 0;
        text-align: center
    }

    .gallery[id^=gallery-] .gallery-item .gallery-icon a {
        display: inline-block;
        max-width: 100%
    }

    .gallery[id^=gallery-] .gallery-item .gallery-icon img {
        border: 0 !important;
        line-height: 0
    }

    .gallery[id^=gallery-] .gallery-item .gallery-caption {
        margin: 0;
        padding: 3px 0 5px 0;
        font-size: 87.5%;
        text-align: center
    }

    .gallery[id^=gallery-].gallery-columns-1 .gallery-item,
    .gallery[id^=gallery-].gallery-columns-2 .gallery-item {
        width: 100% !important
    }

    .gallery[id^=gallery-].gallery-columns-3 .gallery-item,
    .gallery[id^=gallery-].gallery-columns-4 .gallery-item,
    .gallery[id^=gallery-].gallery-columns-5 .gallery-item,
    .gallery[id^=gallery-].gallery-columns-6 .gallery-item,
    .gallery[id^=gallery-].gallery-columns-7 .gallery-item,
    .gallery[id^=gallery-].gallery-columns-8 .gallery-item,
    .gallery[id^=gallery-].gallery-columns-9 .gallery-item {
        width: 50% !important
    }

    @media(min-width: 568px) {
        .gallery[id^=gallery-].gallery-columns-2 .gallery-item {
            width: 50% !important
        }

        .gallery[id^=gallery-].gallery-columns-3 .gallery-item,
        .gallery[id^=gallery-].gallery-columns-4 .gallery-item,
        .gallery[id^=gallery-].gallery-columns-5 .gallery-item {
            width: 33.33333% !important
        }

        .gallery[id^=gallery-].gallery-columns-6 .gallery-item,
        .gallery[id^=gallery-].gallery-columns-7 .gallery-item,
        .gallery[id^=gallery-].gallery-columns-8 .gallery-item,
        .gallery[id^=gallery-].gallery-columns-9 .gallery-item {
            width: 25% !important
        }
    }

    @media(min-width: 740px) {
        .gallery[id^=gallery-].gallery-columns-4 .gallery-item {
            width: 25% !important
        }

        .gallery[id^=gallery-].gallery-columns-5 .gallery-item {
            width: 20% !important
        }

        .gallery[id^=gallery-].gallery-columns-6 .gallery-item {
            width: 16.6666667% !important
        }

        .gallery[id^=gallery-].gallery-columns-7 .gallery-item {
            width: 14.2857143% !important
        }

        .gallery[id^=gallery-].gallery-columns-8 .gallery-item {
            width: 12.5% !important
        }

        .gallery[id^=gallery-].gallery-columns-9 .gallery-item {
            width: 11.1111111111% !important
        }
    }

    .wp-caption {
        max-width: 100% !important;
        font-style: normal;
        text-align: center
    }

    .wp-caption img {
        vertical-align: top
    }

    .wp-caption-text {
        margin-top: 3px !important;
        font-size: 87.5%;
        font-style: normal;
        line-height: 1.4;
        text-align: center
    }
}

@layer components { /*container*/
    .container {
        margin: 0 auto;
        padding-left: calc(var(--1vw) * 10 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 10 + env(safe-area-inset-right));
        box-sizing: content-box;
        max-width: 1200px
    }
    .container.-wide {
        padding-left: calc(var(--1vw) * 5 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 5 + env(safe-area-inset-right));
        max-width: 1520px;
    }
    .container.-full {
        max-width: none;
        margin-left: calc((var(--1vw) * 10 + env(safe-area-inset-left))*-1);
        margin-right: calc((var(--1vw) * 10 + env(safe-area-inset-right))*-1);
        padding-left: calc(var(--1vw) * 10 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 10 + env(safe-area-inset-right))
    }
}

@layer components { /*-full*/
    .-fullRight {
        margin-right: calc((var(--1vw) * 10 + env(safe-area-inset-right))*-1);
    }
    .-fullLeft {
        margin-left: calc((var(--1vw) * 10 + env(safe-area-inset-left))*-1);
    }
    .container.-wide .-fullRight {
        margin-right: calc((var(--1vw) * 5 + env(safe-area-inset-right))*-1);
    }
    .container.-wide .-fullLeft {
        margin-left: calc((var(--1vw) * 5 + env(safe-area-inset-left))*-1);
    }
    @media(min-width: 1500px) {
        .-fullRight {
            margin-right: calc(((var(--1vw) * 80 - 1200px) / -2) + ((var(--1vw) * 10 + env(safe-area-inset-right))*-1));
        }
        .-fullLeft {
            margin-left: calc(((var(--1vw) * 80 - 1200px) / -2) + ((var(--1vw) * 10 + env(safe-area-inset-left))*-1));
        }
    }
}

@layer components { /*flexGrid*/
    .flexGrid {
        position: relative;
    }
    .flexGrid_body {
        margin-bottom: 0;
    }
    @media(min-width: 720px) {
        .flexGrid {
            display: grid;
            gap: 5rem;
        }
        .flexGrid-1_1 {
            grid-template-columns: 1fr 1fr;
        }
        .flexGrid-1_2 {
            grid-template-columns: 1fr 2fr;
        }
        .flexGrid-2_1 {
            grid-template-columns: 2fr 1fr;
        }
        .flexGrid-1_1_1 {
            grid-template-columns: 1fr 1fr 1fr;
        }
    }
    @media(min-width: 900px) {
        .flexGrid {
            gap: 6rem;
        }
    }
    
}

@layer components { /*pagination archiveSelector*/
    /*pagination*/
    .pagination {
        text-align: center;
    }
    .pagination_wrapper {
        display: inline-grid;
        grid-template-columns: 70px auto 70px;
        border: 1px solid var(--color-brown);
        border-radius: 5rem;
        color: var(--color-brown);
        font-family: var(--font-mincho);
        font-weight: 700;
        letter-spacing: .08em;
        margin: 0;
        height: 5rem
    }
    .pagination_wrapper>* {
        margin-top: 0;
        margin-bottom: 0
    }
    .pagination_prev, .pagination_next {
        grid-column: 3/4;
        overflow: hidden;
        height: 100%
    }
    
    .pagination_prev>*, .pagination_next>* {
        position: relative;
        display: block;
        line-height: 1;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 110%;
        width: 100%;
        height: 100%;
        transition: all 0.3s  
    }
    .pagination_prev>*::before,
    .pagination_prev>*::after, 
    .pagination_next>*::before,
    .pagination_next>*::after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: .5rem;
        left: 0;
        content: "";
        background-color: var(--color-beige);
        border-radius: 5px;
        margin: auto;
        transform-origin: calc(100% - 1px) 50%;
        width: 9px;
        height: 2px;
        transition: all 0.3s
    }
    .pagination_prev>*::before, 
    .pagination_next>*::before {
        transform: rotate(35deg);
    }
    .pagination_prev>*::after,
    .pagination_next>*::after {
        transform: rotate(-35deg);
    }
    .pagination_prev>*:has(a), 
    .pagination_next>*:has(a) {
        cursor: pointer;
    }
    .pagination_prev:has(a)>*::before,
    .pagination_prev:has(a)>*::after, 
    .pagination_next:has(a)>*::before,
    .pagination_next:has(a)>*::after {
        background-color: var(--color-brown);
    }
    .pagination_prev:has(a):hover>*,
    .pagination_next:has(a):hover>* {
        background-color: var(--color-beige);
        border-radius: 0 5rem 5rem 0;
    }
    .pagination_prev:has(a):hover>*::before,
    .pagination_prev:has(a):hover>*::after, 
    .pagination_next:has(a):hover>*::before,
    .pagination_next:has(a):hover>*::after {
        background-color: var(--color-white);
    }
    
    .pagination_prev {
        grid-column: 1/2
    }
    .pagination_prev>* {
        transform: scaleX(-1)
    }
    .pagination_select {
        grid-column: 2/3;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid var(--color-brown);
        border-right: 1px solid var(--color-brown);
        width: calc(80vw - 144px);
        max-width: 168px;
        height: 100%;
        transition: opacity .25s,filter .25s
    }
    .pagination_select:where(:not([aria-selected=true])):hover {
        opacity: 0.8;
    }
    .pagination_select select {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 0;
        opacity: 0;
        outline: none;
        cursor: pointer
    }
    .pagination_select option {
        color: var(--body-textColor);
    }
    .pagination_label {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8rem;
        overflow: hidden;
        pointer-events: none;
        text-overflow: ellipsis;
        max-width: 100%;
        white-space: nowrap;
    }
    .pagination_label::after {
        display: inline-block;
        content: '';
        border-style: solid;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 9px solid var(--color-brown);
        border-bottom: 0;
        margin: .3rem 0 0 1.2rem;
        width: 0;
        height: 0;
    }


    .pagination_list {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        width: clamp(180px,60vw,260px);
        height: 48px;
        background: #ddd;
        border: 2px solid #2c8c4e;
        border-radius: 200px;
        font-weight: 700;
        color: #2c8c4e;
        transition: background-color .25s;
        text-decoration: none
    }
    .pagination_list:hover {
        background-color: #f6e4c4
    }

    /*archiveSelector*/
    .archiveSelector {
        position: relative;
        border: 1px solid var(--color-brown);
        border-radius: 6rem;
        margin: 0 auto 6rem;
        width: 100%;
        max-width: 37.3rem;
        height: 5rem;
    }   
    .archiveSelector::before,
    .archiveSelector::after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 3rem;
        content: "";
        background-color: var(--color-brown);
        border-radius: 5px;
        margin: auto;
        width: 2px;
        height: 10px;
        transform-origin: 50% calc(100% - 1px) ;
        transition: all 0.3s   
    }
    .archiveSelector::before {
        transform: rotate(35deg);
    }
    .archiveSelector::after {
        transform: rotate(-35deg);
    } 
    .archiveSelector select {
        background-color: transparent;
        border-radius: 5rem;
        color: var(--color-brown);
        cursor: pointer;
        font-family: var(--font-mincho);
        font-size: 1.8rem;
        font-weight: 600;
        letter-spacing: .08em;
        padding: 0 0 0 3rem;
        width: 100%;
        height: 100%;
        transition: all .3s
    }
    .archiveSelector select:hover {
        background-color: var(--color-beige);
        color: var(--color-white);
    }
    .archiveSelector:has(select:hover)::before,
    .archiveSelector:has(select:hover)::after {
        background-color: var(--color-white);
    }
    .archiveSelector+* {
        margin-block-start:calc(var(--space-30)*-1)
    }
    @media(min-width: 1200px) {
        .archiveSelector {
            margin: 0 auto 8rem 0;
            height: 5.3rem;
        } 
    }
}

@layer components { /*box*/
    .box {
        padding: clamp(1.8rem, 1.364rem + 2.18vw, 3rem) clamp(1.5rem, 0.227rem + 6.36vw, 5rem);
        background-color: var(--color-white)
    }
}

@layer components_mod {
    .box.-compact {
        padding: clamp(.8rem, 1.8vw, 1.6rem) clamp(1rem, 2vw, 2rem)
    }

    .box.-border {
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid var(--subbed-borderColor)
    }
}

@layer components { /*qna copy tel 未 */
    .qna {
        --blockElemsGap: clamp(4rem, 2rem + 3.8vw, 6.4rem);
        --compactBlockElemsGap: min(2.8vw, 3.6rem)
    }

    .qna dt,
    .qna dd {
        display: flex;
        margin-left: 0;
        line-height: clamp(137.5%, 100% + .9vw, 162.5%)
    }

    .qna dt::before,
    .qna dd::before {
        display: block;
        font-size: clamp(3rem, 2.4rem + 2vw, 4.8rem);
        font-family: "Poppins", sans-serif;
        min-width: calc(clamp(3rem, 2.4rem + 2vw, 4.8rem) + min(2vw, 2.2rem));
        padding-right: min(2vw, 2.2rem);
        text-align: center
    }

    .qna dt {
        font-size: clamp(125%, 100% + .6vw, 137.5%)
    }

    .qna dt::before {
        content: "Q"
    }

    .qna dd::before {
        content: "A"
    }

    .copy {
        font-feature-settings: "palt";
        letter-spacing: .04em;
        font-weight: 800;
        font-size: clamp(2.4rem, 1em + 2vw, 4.096rem);
        line-height: 1.4
    }

    .mail {
        font-family: "Poppins", sans-serif;
        letter-spacing: 0;
        line-height: 1
    }

    .mail strong {
        font-weight: inherit;
        font-size: clamp(125%, 100% + .6vw, 137.5%)
    }
}

@layer components { /*bg img*/ 
    .bg_white {
        background-color: var(--color-white);
    }
    .bg_pink {
        background-color: var(--color-pink);
    }
    .bg_darkgray {
        background-color: var(--color-darkgray);
        color: var(--color-white);
    }
    .bg_brown {
        position: relative;
        background-color: var(--color-brown);
        color: var(--color-white);
    }
    .bg_brown.-grad-top::before {
        position: absolute;
        top: -10rem;
        left: 0;
        display: block;
        content: '';
        background-image: linear-gradient(180deg, transparent, var(--color-brown));
        width: 100%;
        height: 10rem;
    }
    .bg_brown.-grad-bottom::before {
        position: absolute;
        bottom: -10rem;
        left: 0;
        display: block;
        content: '';
        background-image: linear-gradient(0deg, transparent, var(--color-brown));
        width: 100%;
        height: 10rem;
    }

    .bg_darkgray a:link:not(.override),
    .bg_darkgray .a:link, 
    .bg_brown a:link:not(.override),
    .bg_brown .a:link {
        color: var(--color-white);
    }
    .bg_darkgray a:active:not(.override),
    .bg_darkgray .a:active,
    .bg_brown a:active:not(.override),
    .bg_brown .a:active {
        color: var(--color-white);
    }
    .bg_darkgray a:visited:not(.override),
    .bg_darkgray .a:visited, 
    .bg_brown a:visited:not(.override),
    .bg_brown .a:visited {
        color: var(--color-white);
    }
    .bg_darkgray a:hover:not(.override),
    .bg_darkgray .a:hover, 
    .bg_brown a:hover:not(.override),
    .bg_brown .a:hover {
        color: var(--color-white);
    }


    .imgBg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .imgBg img {
        pointer-events: none;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%
    }
}

@layer components { /*fade-in*/
    .fade_in {
        opacity: 0;
        transform: translateY(30px);
        transition: .8s ease-in-out;
    }
    .fade_in.active  {
        opacity: 1;
        transform: translateY(0);
    }

    .fade {
        opacity: 0;
    }
    .fade.active  {
        animation: fade 2s forwards;
    }
    .fade.-slow0-5.active {
        animation-delay: .25s;
    }
    .fade.-slow1.active {
        animation-delay: .5s;
    }
    .fade.-slow1-5.active {
        animation-delay: .75s;
    }
    .fade.-slow2.active {
        animation-delay: 1s;
    }
    .fade.-slow3.active {
        animation-delay: 1.5s;
    }
    @keyframes fade {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

    .fade.-slow1_sp.active, 
    .fade.-slow1_sptab.active {
        animation-delay: .5s;
    }
    .fade.-slow1_tab.active, 
    .fade.-slow1_pctab.active,
    .fade.-slow1_pc.active {
        animation-delay: 0;
    }

    .fade.-slow1-5_pc.active {
        animation-delay: 0;
    }

    .fade.-slow2_sp.active, 
    .fade.-slow2_sptab.active {
        animation-delay: 1s;
    }
    .fade.-slow2_tab.active, 
    .fade.-slow2_pctab.active,
    .fade.-slow2_pc.active {
        animation-delay: 0;
    }

    .fade.-slow3_sp.active, 
    .fade.-slow3_sptab.active {
        animation-delay: 1.5s;
    }
    .fade.-slow3_tab.active, 
    .fade.-slow3_pctab.active,
    .fade.-slow3_pc.active {
        animation-delay: 0;
    }
    
    @media (min-width:768px) {
        .fade.-slow1_sp.active {
            animation-delay: 0;
        }
        .fade.-slow1_sptab.active, 
        .fade.-slow1_tab.active, 
        .fade.-slow1_pctab.active {
            animation-delay: .5s;
        }
        .fade.-slow1_pc.active {
            animation-delay: 0;
        }

        .fade.-slow1-5_pc.active {
            animation-delay: 0;
        }

        .fade.-slow2_sp.active {
            animation-delay: 0;
        }
        .fade.-slow2_sptab.active, 
        .fade.-slow2_tab.active, 
        .fade.-slow2_pctab.active {
            animation-delay: 1s;
        }
        .fade.-slow2_pc.active {
            animation-delay: 0;
        }

        .fade.-slow3_sp.active {
            animation-delay: 0;
        }
        .fade.-slow3_sptab.active, 
        .fade.-slow3_tab.active, 
        .fade.-slow3_pctab.active {
            animation-delay: 1.5s;
        }
        .fade.-slow3_pc.active {
            animation-delay: 0;
        }
    }
    @media (min-width:1200px) {
        .fade.-slow1_sp.active,
        .fade.-slow1_sptab.active, 
        .fade.-slow1_tab.active {
            animation-delay: 0;
        }
        .fade.-slow1_pctab.active, 
        .fade.-slow1_pc.active {
            animation-delay: .5s;
        }

        .fade.-slow1-5_pc.active {
            animation-delay: .75s;
        }

        .fade.-slow2_sp.active,
        .fade.-slow2_sptab.active, 
        .fade.-slow2_tab.active {
            animation-delay: 0;
        }
        .fade.-slow2_pctab.active, 
        .fade.-slow2_pc.active {
            animation-delay: 1s;
        }

        .fade.-slow3_sp.active,
        .fade.-slow3_sptab.active, 
        .fade.-slow3_tab.active {
            animation-delay: 0;
        }
        .fade.-slow3_pctab.active, 
        .fade.-slow3_pc.active {
            animation-delay: 1.5s;
        }
    }
}

@layer components { /*linkBtn moreBtn anchorNav*/
    .linkBtn {
        position: relative;
        margin: 2rem auto;
        width: 24rem;
    }
    .linkBtn a {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid var(--body-textColor);
        border-radius: 5rem;
        box-sizing: border-box;
        cursor: pointer;
        font-family: var(--font-mincho);
        font-weight: 600;
        letter-spacing: .08em;
        padding: 1.1rem 0;
        text-decoration: none;
        transition: all 0.3s    
    }
    .bg_pink .linkBtn a, 
    .body_bg_pink .linkBtn a {
        background-color: rgb(246 212 212 / .7);
    }
    .bg_pink .footerContact_body .linkBtn a {
        background-color: transparent;
    }
    .linkBtn a span {
        position: relative;
        display: block;
        padding-right: 1.6rem;
    }
    .linkBtn a span::before,
    .linkBtn a span::after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        content: "";
        background-color: var(--body-textColor);
        border-radius: 5px;
        margin: auto;
        transform-origin: calc(100% - 1px) 50%;
        width: 9px;
        height: 2px;
        transition: all 0.3s   
    }
    .linkBtn a span::before {
        transform: rotate(35deg);
    }
    .linkBtn a span::after {
        transform: rotate(-35deg);
    }

    .linkBtn a:hover {
        background-color: var(--body-textColor);
        color: var(--color-white);
    }
    .linkBtn a:hover span::before,
    .linkBtn a:hover span::after {
        right: -.4rem;
        background-color: var(--color-white);
    }

    .linkBtn.-white a {
        border: 1px solid var(--color-white);
        color: var(--color-white); 
    }
    .bg_darkgray .linkBtn.-white a, 
    .body_bg_darkgray .linkBtn.-white a {
        background-color: rgb(104 102 97 / .8);
    }
    .linkBtn.-white a span::before,
    .linkBtn.-white a span::after {
        background-color: var(--color-white);
    }
    .linkBtn.-white a:hover {
        background-color: var(--color-white);
        color: var(--body-textColor);
    }
    .linkBtn.-white a:hover span::before,
    .linkBtn.-white a:hover span::after {
        background-color: var(--body-textColor);
    }

    @media(min-width: 1200px) {
        .linkBtn {
            width: 31rem;
        }
    }


    .moreBtn a, 
    .moreBtn span {
        display: flex;
        align-items: center;
        font-family: var(--font-mincho);
        font-weight: 600;
        letter-spacing: .08em;
        text-decoration: none;
        width: fit-content;
        transition: all 0.3s 
    }
    .moreBtn a::after, 
    .moreBtn span::after {
        display: block;
        content: '';
        background-image: url(../images/theme/moreBtn_arrow.svg);
        background-size: contain;
        margin-left: 1.5rem;
        width: 3.4rem;
        height: 3.4rem;
        transition: all 0.3s 
    }
    .moreBtn.-brown a::after, 
    .moreBtn.-brown span::after {
        background-image: url(../images/theme/moreBtn_arrow_brown.svg);
    }
    .moreBtn a:hover {
        opacity: .5;
    }


    .anchorNav li {
        margin: 1.2rem 0;
    }
    .anchorNav a {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid var(--body-textColor);
        border-radius: 5rem;
        box-sizing: border-box;
        cursor: pointer;
        font-family: var(--font-mincho);
        font-weight: 600;
        letter-spacing: .08em;
        padding: .5rem 6rem;
        text-decoration: none;
        width: fit-content;
        transition: all 0.3s 
    }
    .anchorNav a span {
        position: relative;
        display: block;
        padding-right: 1.6rem;
    }
    .anchorNav a span::before,
    .anchorNav a span::after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        content: "";
        background-color: var(--body-textColor);
        border-radius: 5px;
        margin: auto;
        width: 2px;
        height: 10px;
        transform-origin: 50% calc(100% - 1px) ;
        transition: all 0.3s   
    }
    .anchorNav a span::before {
        transform: rotate(35deg);
    }
    .anchorNav a span::after {
        transform: rotate(-35deg);
    }

    .anchorNav a:hover {
        background-color: var(--body-textColor);
        color: var(--color-white);
    }
    .anchorNav a:hover span::before,
    .anchorNav a:hover span::after {
        background-color: var(--color-white);
    }
    

    .anchorNav.-recruit a {
        border-color: var(--color-brown);
        color: var(--color-brown);
    }
    .anchorNav.-recruit a span::before,
    .anchorNav.-recruit a span::after {
        background-color: var(--color-brown);
    }
    .anchorNav.-recruit a:hover {
        background-color: var(--color-brown);
        color: var(--color-white);
    }
    .anchorNav.-recruit a:hover span::before,
    .anchorNav.-recruit a:hover span::after {
        background-color: var(--color-white);
    }

    .bg_brown .anchorNav.-recruit a, 
    .body_bg_brown .anchorNav.-recruit a {
        border-color: var(--color-white);
        color: var(--color-white);
    }
    .bg_brown .anchorNav.-recruit a span::before,
    .bg_brown .anchorNav.-recruit a span::after, 
    .body_bg_brown .anchorNav.-recruit a span::before,
    .body_bg_brown .anchorNav.-recruit a span::after {
        background-color: var(--color-white);
    }
    .bg_brown .anchorNav.-recruit a:hover, 
    .body_bg_brown .anchorNav.-recruit a:hover {
        background-color: var(--color-white);
        color: var(--color-brown);
    }
    .bg_brown .anchorNav.-recruit a:hover span::before,
    .bg_brown .anchorNav.-recruit a:hover span::after, 
    .body_bg_brown .anchorNav.-recruit a:hover span::before,
    .body_bg_brown .anchorNav.-recruit a:hover span::after {
        background-color: var(--color-brown);
    }

    @media(min-width: 720px) {
        .anchorNav ul {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
        }
        .anchorNav li {
            margin: 0;
        }
        .anchorNav a {
            padding: 1.1rem 6rem;
        }
    }

    .overflowWrapper {
        position: relative;
        overflow-x: auto
    }
}

@layer components { /*slide*/
    .slide {
        position: relative;
        margin: 0;
        width: 100%;
        height: 100%;
    }
    .slide_item {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }
    .slide_item img {
        object-fit: cover;
        min-width: 100%;
        min-height: 100%;
    }

    .slide:has(> :nth-child(n+2)) .slide_item {
        opacity: 0;
    }

    .slide:has(> :nth-child(2)) .slide_item {
        animation: slide-2 8s infinite;
    }
    .slide.-slower:has(> :nth-child(2)) .slide_item {
        animation: slide-2 14s infinite;
    }
    .slide.-slower2:has(> :nth-child(2)) .slide_item {
        animation: slide-2 18s infinite;
    }
    .slide:has(> :nth-child(3)) .slide_item  {
        animation: slide-3 12s infinite;
    }
    
    .slide .slide_item:nth-of-type(1) {
        animation-delay: -2s;
    }
    .slide .slide_item:nth-of-type(2) {
        animation-delay: 2s;
    }
    .slide .slide_item:nth-of-type(3) {
        animation-delay: 6s;
    }

    .slide.-slow .slide_item:nth-of-type(1) {
        animation-delay: 0s;
    }
    .slide.-slow .slide_item:nth-of-type(2) {
        animation-delay: 4s;
    }
    .slide.-slow .slide_item:nth-of-type(3) {
        animation-delay: 8s;
    }

    .slide.-slower .slide_item:nth-of-type(1) {
        animation-delay: 0s;
    }
    .slide.-slower .slide_item:nth-of-type(2) {
        animation-delay: 7s;
    }
    .slide.-slower .slide_item:nth-of-type(3) {
        animation-delay: 14s;
    }

    .slide.-slower2 .slide_item:nth-of-type(1) {
        animation-delay: -1s;
    }
    .slide.-slower2 .slide_item:nth-of-type(2) {
        animation-delay: 8s;
    }
    .slide.-slower2 .slide_item:nth-of-type(3) {
        animation-delay: 17s;
    }
    
    @keyframes slide-2 {
        0% { opacity: 0 }
        25% { opacity: 1 }
        50% { opacity: 1 }
        75% { opacity: 0 }
        100% { opacity: 0 }
    }
    @keyframes slide-3 {
        0% { opacity: 0 }
        16% { opacity: 1 }
        33% { opacity: 1 }
        49% { opacity: 0 }
        100% { opacity: 0 }
    }
}

@layer components { /*line-animation*/
    .line-animation {
        margin-bottom: 0;
        overflow: hidden;
    }
    .line-animation svg {
        margin-left: -2vw;
        width: 104%;
        height: auto;
    }
    .line-animation .base-white {
        fill: var(--color-white);
    }
    .line-animation .base-choco {
        fill: var(--color-choco);
    }
    .line-animation .base-brown {
        fill: var(--color-brown);
    }
    .body_bg_darkgray .line-animation .base-choco, 
    .body_bg_darkgray .line-animation .base-brown {
        fill: var(--color-white);
    }
    .line-animation .mask {
        fill: none;
        stroke: #fff;
        stroke-width: 10px;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dasharray: 1500px;
    }
    @media(min-width: 1200px) {
        .line-animation .mask {
            stroke-width: 20px;
            stroke-dasharray: 4000px;
        }
    }
    @keyframes line-animation_sp {
        0% {
            stroke-dashoffset: 1500px;
        }
        100% {
            stroke-dashoffset: 0;
        }
    } 
    @keyframes line-animation_pc {
        0% {
            stroke-dashoffset: 4000px;
        }
        100% {
            stroke-dashoffset: 0;
        }
    }    
}

@layer super { 

}

@layer theme { /*splide*/

    .splide__list,
    .splide__slide,
    .splide__arrows {
        --blockElemsGap: 0
    }
    .splide__list {
        height: auto;
    }
    .splide__slide {
        margin-bottom: 0;
    }

    .splide__arrow {
        margin: 0;
        min-width: auto;
        min-height: auto;
        padding: 5px;
        width: 50px;
        height: 50px;
        background: rgba(0, 0, 0, 0)
    }

    .splide__arrow svg {
        height: auto;
        width: auto
    }

    .splide__arrow svg path {
        fill: #ddd
    }

    .splide__arrow--prev {
        left: 0
    }

    .splide__arrow--next {
        right: 0
    }

    .splide__pagination {
        position: static;
        margin: 2rem auto;
    }

    .splide__pagination li {
        margin: 0
    }

    .splide__pagination__page {
        margin: 0 5px;
        width: 1rem;
        height: 1rem;
        background: #fff;
        opacity: 1;
    }

    .splide__pagination__page.is-active {
        background: var(--color-primary);
        transform: scale(1.25)
    }
}

a[href$=".webp"]:hover,
a[href$=".jpg"]:hover,
a[href$=".jpeg"]:hover,
a[href$=".png"]:hover,
a[href$=".gif"]:hover,
a[href$=".bmp"]:hover {
    cursor: zoom-in
}

@layer theme { /*header*/
    .header {
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        background: linear-gradient(180deg, rgb(255 255 255 / 1) 0%, rgb(var(--color-white-rgb) / .5) 60%, rgb(var(--color-white-rgb) / 0) 95%);
        box-sizing: border-box;
        padding-top: 2.2rem;
        padding-bottom: 1rem;
        padding-left: calc(var(--1vw) * 5 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 5 + env(safe-area-inset-right));
        width: 100vw;
        height: var(--headerHeight);
        z-index: 120;
    }

    .siteTitle {
        aspect-ratio: 380 / 62;
        margin-bottom: 0;
        width: 58vw;
        max-width: 30rem;
        max-height: 3.7rem;
    }
    .siteTitle a {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        transition: all .3s;
    }
    .siteTitle a:hover {
        opacity: .7;
    }
    .siteTitle img {
        position: absolute;
        bottom: 0;
        left: 0;
        vertical-align: top;
        width: 100%;
        z-index: 1;
        transition: all .3s;
    }
    .siteTitle .siteTitle_white {
        opacity: 0;
    }

    .header.-onMainVisual {
        background: transparent;
    }
    html:not(.mainMenu-open) .header.-onMainVisual .siteTitle .siteTitle_white { 
        opacity: 1;
    }
    html:not(.mainMenu-open) .header.-onMainVisual .siteTitle .siteTitle_black { 
        opacity: 0;
    }
    
    .headerBody {
        width: 4.8rem;
        height: 4.8rem;
    }
    .mainMenuBtn {
        position: relative;
        border: 1px solid var(--body-textColor);
        border-radius: 8rem;
        cursor: pointer;
        width: 100%;
        height: 100%;
        transition: all .3s;
    }
    .mainMenuBtn:hover {
        background-color: rgb(var(--color-white-rgb) / .3);
    }
    .mainMenuBtn::before, 
    .mainMenuBtn::after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        display: block;
        content: '';
        background-color: var(--body-textColor);
        width: 2.2rem;
        height: 2px;
        transition: all .3s;
    }
    .mainMenuBtn::before, 
    html.mainMenu-close .mainMenuBtn::before {
        bottom: .7rem;
        transform: rotate(0);
    }
    .mainMenuBtn::after, 
    html.mainMenu-close .mainMenuBtn::after {
        top: .7rem;
        transform: rotate(0);
    }
    
    html.mainMenu-open .mainMenuBtn::before {
        bottom: 0;
        transform: rotate(30deg);
    }
    html.mainMenu-open .mainMenuBtn::after {
        top: 0;
        transform: rotate(-30deg);
    }

    html:not(.mainMenu-open) .header.-onMainVisual .mainMenuBtn {
        border-color: var(--color-white);
    }
    html:not(.mainMenu-open) .header.-onMainVisual .mainMenuBtn::before, 
    html:not(.mainMenu-open) .header.-onMainVisual .mainMenuBtn::after {
        background-color: var(--color-white);
    }

    @media(min-width: 1200px) {
        .header {
            padding-top: 4.2rem;
            padding-left: calc(var(--1vw) * 4.5 + env(safe-area-inset-left));
            padding-right: calc(var(--1vw) * 4 + env(safe-area-inset-right));
        }

        .siteTitle {
            margin-bottom: 0;
            width: 58vw;
            max-width: 38rem;
        }

        .headerBody {
            width: 8rem;
            height: 8rem;
        }
        .mainMenuBtn::before, 
        .mainMenuBtn::after {
            width: 3.6rem;
            height: 3px;
        }
        .mainMenuBtn::before, 
        html.mainMenu-close .mainMenuBtn::before {
            bottom: 1.2rem;
        }
        .mainMenuBtn::after, 
        html.mainMenu-close .mainMenuBtn::after {
            top: 1.2rem;
        }
        
        html.mainMenu-open .mainMenuBtn::before {
            bottom: 0;
            transform: rotate(30deg);
        }
        html.mainMenu-open .mainMenuBtn::after {
            top: 0;
            transform: rotate(-30deg);
        }
    }
}

@layer theme { /*mainMenu*/
    .mainMenuOverlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--body-bgColor);
        margin: 0;
        opacity: 0;
        width: 100%;
        height: 100%;
        z-index: -100;
    }
    .mainMenu {
        position: fixed;
        overflow: hidden;
        top: 14rem;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        opacity: 0;
        padding-left: calc(var(--1vw) * 10 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 10 + env(safe-area-inset-right));
        overflow-y: auto;
        z-index: -100;
    }

    .mainMenu_img {
        display: none;
    }
    
    .mainMenu_nav {
        --compactBlockElemsGap: 0;
        margin-top: -1rem;
    }
    .mainMenu_nav a {
        display: block;
        font-family: var(--font-en);
        letter-spacing: .04em;
        text-decoration: none;
    }

    .mainNav {
        margin-bottom: 4rem;
    }
    .mainNav ul {
        margin-bottom: 0;
    }
    .mainNav ul:first-of-type::after {
        display: block;
        content: '';
        border-top: 1px solid var(--color-white);
        margin-top: 2.2rem;
        padding-top: 2.2rem;
        width: 100%;
        height: 1px;
    }
    .mainNav a {
        padding: 1rem 0;
    }
    .mainNav .mainNav_img {
        display: none;
    }
    .mainNav .title {
        font-size: 3.2rem;
        line-height: 1.55;
        transition: all .3s
    }
    .mainNav .title .ja {
        display: inline-block;
        font-family: var(--font-mincho);
        font-size: 1.3rem;
        font-weight: 600;
        letter-spacing: .08em;
        padding-left: 1rem;
    }
    .mainNav a:hover .title {
        opacity: .5;
    }

    .mainNav_sub {
        margin-bottom: 6rem;
    }
    .mainNav_sub ul {
        display: flex;
        justify-content: flex-end;
        gap: 3.4rem;
        font-size: 1.6rem;
    }
    .mainNav_sub li a {
        color: var(--borderColor-gray);
        transition: all .3s;
    }
    .mainNav_sub li a:hover {
        color: var(--body-textColor);
    }
    
    @media(min-width: 900px) {
        .mainMenu {
            padding: 0;
        }

        .mainMenu_body {
            display: flex;
        }
        .mainMenu_img {
            display: block;
            margin: 0;
            flex-basis: 50%;
        }
        .mainMenu_img::after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            content: '';
            background-color: transparent;
            width: 50%;
            height: 100%;
            z-index: 1;
        }
        .mainMenu_img img {
            position: fixed;
            top: 0;
            left: 0;
            display: block;
            width: 50vw;
            height: 100vh;
            object-fit: cover;
        }

        .mainMenu_nav {
            flex-basis: 50%;
            box-sizing: border-box;
            padding-top: 1rem;
            padding-bottom: 13.4rem;
            padding-left: calc(var(--1vw) * 8 + env(safe-area-inset-left));
            padding-right: calc(var(--1vw) * 8 + env(safe-area-inset-right));
        }
        .mainNav {
            margin-bottom: 10rem;
        }
        .mainNav ul:first-of-type::after {
            border-width: 2px;
            margin-top: 4rem;
            padding-top: 4rem;
            height: 2px;
        }
        .mainNav .mainNav_img {
            position: fixed;
            top: 0;
            left: 0;
            display: block;
            width: 50vw;
            height: 100vh;
            object-fit: cover;
            opacity: 0;
            transition: all .5s;
        }
        .mainNav a:hover .mainNav_img {
            opacity: 1;
            transition-duration: .5s;
        }
        .mainNav .title {
            font-size: 4.4rem;
            line-height: 1.6;
        }
        .mainNav .title .ja {
            font-size: 1.6rem;
            padding-left: 2rem;
        }

        .mainNav_sub {
            margin-bottom: 0;
        }
        .mainNav_sub ul {
            gap: 4rem;
            font-size: 2rem;
        }
    }

    html.mainMenu-open {
        overflow: hidden
    }
    html.mainMenu-open .siteTitle .siteTitle_black {
        opacity: 1;
    }
    html.mainMenu-open .siteTitle .siteTitle_white {
        opacity: 0;
    }

    @keyframes mainMenu_open {
        0% {
            opacity: 0;
            z-index: -100;
        }
        100% {
            opacity: 1;
            z-index: 110;
        }
    }
    @keyframes mainMenu_close {
        0% {
            opacity: 1;
            z-index: 110;
        }

        100% {
            opacity: 0;
            z-index: -100;
        }
    }
    
    html.mainMenu-open .mainMenuOverlay, 
    html.mainMenu-open .mainMenu {
        animation: mainMenu_open .4s both
    }
    
    html.mainMenu-close .mainMenuOverlay, 
    html.mainMenu-close .mainMenu {
        animation: mainMenu_close .3s both
    }
}

@layer theme { /*contents pageHeader pageBody*/
    main {
        display: block;
        background-color: var(--body-bgColor);
        color: var(--body-textColor);
        padding-bottom: 10rem;
    }
    .contents {
        position: relative
    }
    .contents>* {
        position: relative;
    }

    /*pageHeader*/
    .pageHeader {
        position: relative;
        --blockElemsGap: 0;
        margin: 0;
        padding-top: 15rem;
        width: 100vw;
    }

    /*title*/
    .pageHeader_title {
        position: relative;
        z-index: 2;
    }
    .pageTitle {
        font-family: var(--font-en);
        font-size: 4rem;
        font-weight: 400;
        letter-spacing: .02em;
        line-height: 1.2;
        text-transform: capitalize;
    }
    .pageTitle .title_jp {
        display: block;
        font-family: var(--font-mincho);
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: .08em;
    }
    @media(min-width: 1200px) {
        .pageHeader {
            padding-top: 30rem;
        }
        .pageTitle {
            font-size: 9.6rem;
        }
        .pageTitle .title_jp {
            font-size: 2rem;
        }
    }

    .breadcrumb {
        position: relative;
        font-family: var(--font-en);
        font-weight: 500;
        letter-spacing: .08em;
        margin-top: 1rem;
        text-transform: capitalize;
        z-index: 2;
    }
    .breadcrumb ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        list-style: none;
        padding: 0;
    }
    .breadcrumb li:not(:last-child)::after {
        display: inline-block;
        content: '';
        background-color: var(--borderColor-gray);
        margin: auto .5rem .2em;
        width: 1.2rem;
        height: 1px;
    }
    .breadcrumb li.-font-gothic {
        font-weight: 400;
        text-align: right;
        max-width: 80%;
    }
    .breadcrumb a {
        color: var(--color-gray);
        text-decoration: none;
        transition: all .3s
    }
    .breadcrumb a:hover {
        color: inherit;
    }

    @media(min-width: 1200px) {
        .breadcrumb {
            font-size: 2rem;
            font-weight: 400;
            margin-top: -2.5rem;
        }
        .breadcrumb li:not(:last-child)::after {
            margin: auto 1.5rem .2em;
            width: 2.4rem;
        }
    }

    /*line*/
    .pageHeader_line {
        position: relative;
        margin-top: -8.5vw;
        width: 100vw;
        z-index: 1;
    }
    #line-pageHeader_sp {
        mask: url(#line-pageHeader_sp__mask);
    }
    .active #line-pageHeader_sp__mask {
        animation: line-animation_sp 2s ease-out both;
    }

    /*img*/
    .pageHeader_img {
        position: relative;
        aspect-ratio: 1.625 / 1;
        clip-path: inset(0);
        margin-top: -11vw;
        width: 100vw;
    }
    .pageHeader_img_bk {
        position: fixed;
        top: 0;
        left: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100vw;
        height: 100lvh;
        z-index: -10;
    }
    @media(min-width: 1200px) {
        .pageHeader_line {
            margin-top: -2vw;
        }
        #line-pageHeader_pc {
            mask: url(#line-pageHeader_pc__mask);
        }
        #line-pageHeader_pc__mask, 
        #line-pageHeader_pc__mask .mask {
            stroke-width: 26px;
        }
        .active #line-pageHeader_pc__mask {
            animation: line-animation_pc 1.5s ease-out both;
        }
        
        .pageHeader_img {
            aspect-ratio: 2 / 1;
            /*aspect-ratio: 3 / 2;*/
            margin-top: -9vw;
        }
    }

    /*pageBody*/
    .pageBody_title {
        margin-bottom: 0;
        padding-top: 12rem;
        padding-bottom: 12rem;
    }

    .pageBody_title_txt {
        margin-bottom: 0;
    }
    .pageBody_title .title_en {
        color: var(--color-white);
        font-family: var(--font-en);
        font-size: 20.5vw;
        letter-spacing: .01em;
        text-transform: capitalize;
        margin-left: -7vw;
        margin-bottom: 0;
    }
    .pageBody_title .title {
        font-family: var(--font-mincho);
        font-size: 2.5rem;
        font-weight: 600;
        letter-spacing: .08em;
        margin-top: -17vw;
        margin-bottom: 5rem;
    }
    .pageBody_title .title br {
        display: none;
    }
    .pageBody_title .txt {
        margin-bottom: 8rem;
    }
    .pageBody_title .txt p {
        margin-bottom: 0;
    }
    .pageBody_title .txt p:not(:last-child) {
        margin-bottom: 3rem;
    }
    
    .pageBody_title_img img {
        aspect-ratio: 35 / 28;
        object-fit: cover;
        min-width: 100%;
    }

    .bg_darkgray.pageBody_title .title_en, 
    .bgchange_darkgray.pageBody_title .title_en, 
    .bg_brown.pageBody_title .title_en, 
    .bgchange_brown.pageBody_title .title_en {
        opacity: .2;
    }

    .pageBody_title.-narrow {
        padding-bottom: 10rem;
    }
    .pageBody_title.-narrow .title {
        margin-top: -4rem;
    }

    @media(min-width: 720px) {
        .pageBody_title .title_en {
            font-size: 8.4em;
        }
        .pageBody_title .title {
            margin-top: -10rem;
        }
    }
    @media(min-width: 1200px) {
        .pageBody_title {
            padding-top: 28rem;
            padding-bottom: 28rem;
        }
        .pageBody_title .container {
            display: flex;
            justify-content: space-between;
        }

        .pageBody_title_txt {
            margin-right: 5rem;
        }
        .pageBody_title .title_en {
            font-size: 17rem;
            line-height: 1;
            margin-left: -8vw;
            margin-right: -5rem;
        }
        .pageBody_title .title {
            font-size: 4rem;
            margin-top: -9.5rem;
            margin-bottom: 8rem;
        }
        .pageBody_title .title br {
            display: block;
        }
        .pageBody_title .txt {
            margin-bottom: 0;
        }
        
        .pageBody_title_img {
            flex-basis: 40vw;
            flex-shrink: 0;
        }
        .pageBody_title_img img {
            aspect-ratio: 73 / 64;
            width: 100%;
            max-width: 73rem;
        }

        .pageBody_title.-narrow {
            padding-top: 16rem;
            padding-bottom: 10rem;
        }
    }
    @media(min-width: 1520px) {
        .pageBody_title .title_en {
            font-size: 22rem;
            margin-left: -9vw;
        } 
        .pageBody_title .title {
            margin-top: -11rem;
        } 
    }
    @media(min-width: 1920px) {
        .pageBody_title .title_en {
            font-size: 24rem;
        } 
        .pageBody_title .title {
            margin-top: -11.5rem;
        } 
    }

    .pageBody_content {
        padding: 12rem 0 18rem;
    }
    .h2_subtxt {
        margin-top: -4rem;
        margin-bottom: 6.3rem;
    }
    @media(min-width: 1200px) {
        .pageBody_content {
            padding: 24rem 0 28rem;
        }
        .h2_subtxt {
            margin-top: -6rem;
            margin-bottom: 12rem;
        }
    }
    
}

@layer theme { /*footer*/
    .footer {
        clear: both;
        position: relative;
        margin-top: -10rem;
        padding-left: calc(var(--1vw)* 5 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw)* 5 + env(safe-area-inset-right));
        z-index: 1;
    }
    .footer a {
        text-decoration: none;
        transition: all .3s
    }
    main:has(.bg_brown.-grad-top) + .footer {
        background: linear-gradient(180deg, var(--color-brown) 0%, var(--color-brown) 10%, transparent 10%, transparent 100%);
    }

    /*footerContact*/
    .footerContact {
        margin-bottom: 9rem;
    }
    
    /*img*/
    .footerContact_img {
        aspect-ratio: 13 / 10;
        clip-path: inset(0);
        background-color: var(--body-bgColor);
        margin-left: calc((var(--1vw) * 5 + env(safe-area-inset-left))*-1);
        margin-right: calc((var(--1vw) * 5 + env(safe-area-inset-right))*-1);
        margin-bottom: 0;
        overflow: hidden;
        width: 100vw;
    }
    .footerContact_img_bk {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        filter: blur(4px);
        margin: auto;
        min-width: 104%;
        min-height: 104%;
        z-index: -10;
    }

    /*body*/
    .footerContact_body {
        position: relative;
        background-color: var(--color-white);
        margin: -60vw auto 0;
        padding: 23vw 0;
        text-align: center;
        max-width: 1520px;
        z-index: 1;
    }
    .footerContact_body::before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: '';
        box-shadow: 4px 4px 40px 0 #F5F2EB;
        mix-blend-mode:multiply;
        width: 100%;
        height: 100%;
    }
    .footerContact_body .title {
        font-family: var(--font-en);
        font-size: 4rem;
        font-weight: 400;
        letter-spacing: .02em;
        line-height: 1.05;
        margin-bottom: 4rem;
    }
    .footerContact_body .title .jp {
        display: block;
        font-family: var(--font-mincho);
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: .08em;
    }
    .footerContact_body .linkBtn {
        margin: 5rem auto 0;
    }

    /*line*/
    .footerContact_line {
        position: absolute;
        top: 0;
        right: 0;
        width: 36vw;
        z-index: 1;
    }
    .footerContact_line .line-animation svg {
        margin-left: 0;
    }
    #line-footerContact_sp {
        mask: url(#line-footerContact_sp__mask);
    }
    .active #line-footerContact_sp__mask {
        animation: line-animation_sp 3s linear forwards;
    }

    @media(min-width: 1200px) {
        .footerContact {
            margin-bottom: 12rem;
        }
        .footerContact_img {
            aspect-ratio: 192 / 60;
        }

        .footerContact_body {
            margin-top: -33rem;
            padding: 11rem 0;
        }
        .footerContact_body .title {
            font-size: 6.4rem;
            margin-bottom: 6rem;
        }
        .footerContact_body .linkBtn {
            margin: 4rem auto 0;
        }

        .footerContact_line {
            top: 10vw;
            width: 30vw;
        }
        #line-footerContact_pc {
            mask: url(#line-footerContact_pc__mask);
        }
        .active #line-footerContact_pc__mask {
            animation: line-animation_pc 2s linear forwards;
        }
    }

    .footerBottom {
        position: relative;
        padding-bottom: 5.6rem;
        margin: auto;
        max-width: 1520px;
    }
    .footerBottom a:hover {
        opacity: .5;
    }

    .footerBottom_body {
        margin-bottom: 0;
    }

    .footerInfo {
        margin-bottom: 12rem;
    }
    .footerInfo .name {
        font-family: var(--font-mincho);
        font-size: 2.2rem;
        font-weight: 600;
        letter-spacing: .08em;
        margin-bottom: 3rem;
    }
    .footerInfo address {
        font-size: 1.4rem;
        letter-spacing: .14em;
        line-height: 1.5;
    }
    .footerInfo .location, 
    .footerInfo .phone {
        margin-bottom: 0;
    }
    .footerInfo .postcode, 
    .footerInfo .phone span {
        display: block;
    }
     .footerInfo .maplink a {
        display: flex;
        align-items: center;
        font-family: var(--font-mincho);
        font-weight: 600;
        letter-spacing: .08em;
    }
    .footerInfo .maplink a::after {
        display: block;
        content: '';
        background-image: url(../images/theme/moreBtn_arrow.svg);
        background-size: contain;
        margin-left: 1.5rem;
        width: 3.4rem;
        height: 3.4rem;
        transition: all 0.3s 
    }

    .footerNav {
        font-family: var(--font-en);
        letter-spacing: .04em;
        margin-bottom: 11rem;
    }
    .footerNav_main {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 2.4rem;
        margin-bottom: 0;
    }
    .footerNav_main ul {
        flex-basis: 50%;
        margin-bottom: 0;
    }
    .footerNav_main li:not(:last-child) {
        margin-bottom: 1rem;
    }
    .footerNav_sub {
        display: none;
        margin-bottom: 0;
    }

    .footerCopyright {
        font-family: var(--font-mincho);
        letter-spacing: .08em;
    }

    @media(min-width: 1200px) {
        .footerInfo {
            margin-bottom: 0;
        }
        .footerInfo .name {
            font-size: 2.4rem;
            margin-bottom: 4rem;
        }
        .footerInfo address {
            font-size: 1.8rem;
            line-height: 1.68;
            margin-bottom: 3rem;
        }
        .footerInfo .postcode, 
        .footerInfo .phone span {
            display: inline-block;
            padding-right: .75rem;
        }
        .footerInfo .phone span:first-of-type::after {
            display: inline-block;
            content: '/';
            padding-left: .75rem;
        }
        .footerInfo .maplink a {
            font-size: 1.6rem;
        }

        .footerNav {
            font-family: var(--font-mincho);
            font-weight: 400;
            letter-spacing: .08em;
            margin-top: -3.2rem;
            margin-bottom: 14rem;
        }
        .footerNav_main {
            justify-content: flex-end;
            font-size: 2rem;
            margin-bottom: 2rem;
        }
        .footerNav_main ul {
            flex-basis: auto;
            display: flex;
            justify-content: flex-end;
            gap: 4rem;
        }
        .footerNav_main li:not(:last-child) {
            margin-bottom: 0;
        }
        .footerNav_sub {
            display: block;
            font-size: 1.6rem;
        }
        .footerNav_sub ul {
            display: flex;
            justify-content: flex-end;
            gap: 4rem;
        }

        .footerCopyright {
            font-size: 1.2rem;
            text-align: right;
        }
    }
}

@layer theme { /*pageTop floating Loading*/
    .pageTop {
        position: absolute;
        top: 7rem;
        right: 5vw;
        cursor: pointer;
        font-family: var(--font-mincho);
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: .08em;
        line-height: 1;
        margin: 0 calc(50% - 50vw);
        padding-top: 2.8rem;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
    .pageTop::before,
    .pageTop::after {
        position: absolute;
        top: 0;
        left: 0;
        right: .3em;
        content: "";
        background-color: var(--body-textColor);
        border-radius: 5px;
        margin: auto;
        transform-origin: 50% calc(0% + 1px);
        width: 2px;
        height: 9px;
        transition: all 0.3s   
    }
    .pageTop::before {
        transform: rotate(-35deg);
    }
    .pageTop::after {
        transform: rotate(35deg);
    }
    @media(min-width: 1200px) {
        .pageTop {
            top: -7rem;
        }
    }
    @media(min-width: 1700px) {
        .pageTop {
            top: -12rem;
            right: 4vw;
        }
    }

    .floatingBtn {
        position: fixed;
        bottom: 5.6rem;
        right: calc(var(--1vw) * 5 + env(safe-area-inset-right));
        z-index: 100;
    }
    .floatingBtn a {
        position: absolute;
        bottom: 0;
        right: 0;
        display: block;
        background-color: rgb(255 255 255 / .4);
        border: 1px solid #fff;
        border-radius: 5rem;
        box-shadow: 2px 2px 6px 0 rgb(204 172 146 / .4);
        color: var(--color-brown);
        font-family: var(--font-mincho);
        font-weight: 600;
        letter-spacing: .08em;
        line-height: 1;
        padding: 2.8rem 1.2rem;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        height: 7rem;
    }
    .floatingBtn a:hover {
        background-color: rgb(255 255 255 / .8);
    }
    @media(min-width: 1200px) {
        .floatingBtn {
            right: calc(var(--1vw) * 4 + env(safe-area-inset-right));
            margin: auto;
            height: fit-content;
        }
        .floatingBtn a {
            box-shadow: 4px 4px 10px 0 rgb(228 205 185 / .5);
            padding: 3.8rem 1.4rem;
            height: 7.8rem;
        }
    }
    

    @keyframes loading {
        0% {
            opacity: 1;
            width: 100%
        }

        99% {
            opacity: 0;
            width: 100%
        }

        100% {
            width: 0
        }
    }

    #Loading {
        position: fixed;
        z-index: 999999;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100vw;
        height: 100vh
    }
    .Loading_body {
        text-align: center;
    }
    .Loading_body img {
        width: 14rem;
    }
    .Loading_body p {
        color: var(--color-blue);
        font-size: 1.4rem;
        font-weight: bold;
        margin-top: 1.5rem;
    }
    #Loading.is-hide {
        pointer-events: none;
        opacity: 0;
        animation: loading .3s both
    }
}

@layer theme { /*homebody*/
    .homeBody {
        position: relative;
        padding-left: calc(var(--1vw) * 10 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 10 + env(safe-area-inset-right));
    }
    .homeBody>* {
        margin-bottom: 0
    }
    .homeBody>section {
        position: relative;
        padding: 16rem 0;
    }
    .homeBody h2 {
        font-family: var(--font-en);
        font-size: 4rem;
        font-weight: 400;
        letter-spacing: .02em;
        line-height: 1;
        margin-bottom: 6rem;
    }
    .homeBody h2 .jp {
        display: block;
        font-family: var(--font-mincho);
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: .08em;
    }
    .homeBody h3 {
        font-size: 2.4rem;
        font-weight: 600;
        margin-bottom: 4rem;
    }
    .homeBody .subTxt {
        margin-bottom: 4rem;
    }

    @media(min-width: 1200px) {
        .homeBody>section {
            padding: 28rem 0;
        }
        .homeBody h2 {
            font-size: 6.4rem;
            margin-bottom: 9rem;
        }
        .homeBody h2 .jp {
            font-size: 1.8rem;
            margin-top: .5em;
        }
        .homeBody h3 {
            font-size: 3.6rem;
            margin-bottom: 5.6rem;
        }
        .homeBody .subTxt {
            margin-bottom: 5.6rem;
        }
    }
}

@layer theme { /*toppage mainVisual*/
    .mainVisual {
        position: relative;
        margin-left: calc((var(--1vw) * 10 + env(safe-area-inset-left))*-1);
        margin-right: calc((var(--1vw) * 10 + env(safe-area-inset-right))*-1);
        width: 100vw;
        height: 100svh;
    }

    .mainVisual_body {
        position: relative;
        margin: 0;
        width: 100%;
        height: 100%;
    }
    .mainVisual_body::after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: '';
        background-color: rgb(200 164 134 / .5);
        width: 100%;
        height: 100%;
    }
    .slick_slider, 
    .slick_slider .slider_item {
        margin-bottom: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    .slick_slider .slider_item picture>* {
        object-fit: cover;
        width: 100%;
        height: 100vh;
    }
    @keyframes zoomUp {
        0% {
            transform: scale(1);
        }
        100% {
            transform: scale(1.15); /* 拡大率 */
        }
    }
    .add-animation {
       animation: zoomUp 10s linear 0s normal both;
    }

    .mainVisual_copy {
        position: absolute;
        top: 50svh;
        right: 0;
        margin: 0;
        width: 100%;
    }
    .mainVisual_copy .title {
        color: var(--color-white);
        font-family: var(--font-mincho);
        font-size: 2.6rem;
        font-weight: 900;
        line-height: 1.5;
        letter-spacing: .04;
        margin: 0 0 2rem 10vw;
    }
    .mainVisual_copy .mvLine {
        margin-left: 2vw;
    }
    .mainVisual_copy .mvLine svg {
        margin-left: 0;
    }
    #line-mv_sp {
        mask: url(#line-mv_sp__mask);
    }
    #line-mv_sp__mask, 
    #line-mv_sp__mask .mask {
        stroke-dasharray: 2000px;
        stroke-width: 8px;
    }
    .active #line-mv_sp__mask {
        animation: line-animation-mv_sp 2s ease-out both;
        animation-delay: 1s;
    }

    @media(min-width: 1200px) {
        .mainVisual_copy {
            margin-right: -3vw;
            width: fit-content;
            max-width: 90vw;
        }
        .mainVisual_copy .title {
            font-size: 3rem;
            line-height: 1.6;
            letter-spacing: .08em;
            margin: 0 0 2rem 3rem;
        }
        .mainVisual_copy .mvLine {
            margin-left: 0;
        }
        .mainVisual_copy .mvLine .line-animation {
            aspect-ratio: 1091.45 / 248.12;
            width: auto;
            height: 38vh;
            max-width: 90vw;
        }
        .mainVisual_copy .mvLine .line-animation svg.pctab {
            width: 100%;
            height: 100%;
        }
        #line-mv_pc {
            mask: url(#line-mv_pc__mask);
        }
        #line-mv_pc__mask, 
        #line-mv_pc__mask .mask {
            stroke-dasharray: 7000px;
            stroke-width: 28px;
        }
        .active #line-mv_pc__mask {
            animation: line-animation-mv_pc 10s ease-out both;
            animation-delay: 1s;
        }
        
    }
    @keyframes line-animation-mv_sp {
        0% {
            stroke-dashoffset: 2000px;
        }
        100% {
            stroke-dashoffset: 0;
        }
    } 
    @keyframes line-animation-mv_pc {
        0% {
            opacity: 1;
            stroke-dashoffset: 7000px;
        }
        100% {
            stroke-dashoffset: 0;
        }
    } 
    
}

@layer theme { /*toppage about*/
    .top_aboutSection {
        position: relative;
    }
    .top_aboutSection .aboutImg, 
    .top_aboutSection .aboutTxt {
        margin-bottom: 0;
    }
    
    /*img*/
    .top_aboutSection .aboutImg {
        position: relative;
    }
    .top_aboutSection .aboutImg img {
        object-fit: cover;
        min-width: 100%;
        min-height: 100%;
    }

    .top_aboutSection .aboutImg01 {
        margin: 0 0 0 auto;
        width: 67.7vw;
    }
    .top_aboutSection .aboutImg01 img {
        aspect-ratio: 264 / 206;
    }
    .top_aboutSection .aboutImg02 {
        margin: 31vw auto 0 0;
        width: 50vw;
    }
    .top_aboutSection .aboutImg02 img {
        aspect-ratio: 195 / 187;
    }
    .top_aboutSection .aboutImg03 {
        margin: 93.8vw auto 0;
        width: 62vw;
    }
    .top_aboutSection .aboutImg03 img {
        aspect-ratio: 242 / 145;
    }
    .top_aboutSection .aboutImg04 {
        margin: 15.1vw 0 0 auto;
        width: 63.5vw;
    }
    .top_aboutSection .aboutImg04 img {
        aspect-ratio: 248 / 231;
    }
    .top_aboutSection .aboutImg05 {
        margin: 96.6vw auto 12rem 0;
        width: 90vw;
    }
    .top_aboutSection .aboutImg05 img {
        aspect-ratio: 363 / 290;
    }

    /*txt*/
    .top_aboutSection .aboutTxt {
        position: absolute;
    }
    .top_aboutSection .aboutTxt p {
        color: var(--color-choco);
        font-family: var(--font-mincho);
        font-size: clamp(1.8rem, 1.414rem + 1.58vw, 2.8rem);
        font-weight: 600;
        letter-spacing: .15em;
        line-height: 1.4;
        margin: 0;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        white-space: nowrap;
    }

    .top_aboutSection .aboutTxt01 {
        top: calc(16rem + 84vw);
        left: 59vw;
    }
    .top_aboutSection .aboutTxt02 {
        top: calc(16rem + 173vw);
        left: 19vw;
    }
    .top_aboutSection .aboutTxt03 {
        top: calc(16rem + 375vw);
        left: 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    /*line*/
    .top_aboutSection .aboutLine {
        margin-bottom: 0;
    }
    .top_aboutSection .aboutLine .line-animation {
        position: absolute;
    }

    .top_aboutSection .aboutLine .line01 {
        top: calc(16rem + 41vw);
        width: 100%;
    }
    .top_aboutSection .aboutLine .line01 svg.sptab {
        margin-left: -35%;
        width: 138%;
    }
    #line-home01_sp {
        mask: url(#line-home01_sp__mask);
    }
    #line-home01_sp__mask, 
    #line-home01_sp__mask .mask {
        stroke-width: 12px;
    }
    .active #line-home01_sp__mask {
        animation: line-animation_sp 2s ease-out both;
    }

    .top_aboutSection .aboutLine .line02 {
        top: calc(16rem + 260vw);
        width: 100%;
    }
    #line-home02_sp {
        mask: url(#line-home02_sp__mask);
    }
    .active #line-home02_sp__mask {
        animation: line-animation_sp 2s ease-out both;
    }

    .top_aboutSection .aboutLine .line03 {
        top: calc(16rem + 475vw);
        width: 100%;
    }
    #line-home03_sp {
        mask: url(#line-home03_sp__mask);
    }
    .active #line-home03_sp__mask {
        animation: line-animation_sp 2s ease-out both;
    }

    @media(min-width: 1200px) {
        .top_aboutSection {
            background-color: transparent;
        }

        /*img*/
        .top_aboutSection .aboutImg01 {
            width: 41.6vw;
        }
        .top_aboutSection .aboutImg01 img {
            aspect-ratio: 4 / 3;
        }
        .top_aboutSection .aboutImg02 {
            margin: -1vw auto 0 0;
            width: 34.8vw;
            z-index: 1;
        }
        .top_aboutSection .aboutImg02 img {
            aspect-ratio: 670 / 480;
        }
        .top_aboutSection .aboutImg03 {
            margin: 14.2vw 18.75vw 0 auto;
            width: 23.9vw;
        }
        .top_aboutSection .aboutImg03 img {
            aspect-ratio: 460 / 365;
        }
        .top_aboutSection .aboutImg04 {
            margin: 7vw 0 0 auto;
            width: 31.2vw;
        }
        .top_aboutSection .aboutImg04 img {
            aspect-ratio: 600 / 482;
        }
        .top_aboutSection .aboutImg05 {
            margin: 14.3vw auto 9rem 0;
            width: 41.6vw;
            z-index: 1;
        }
        .top_aboutSection .aboutImg05 img {
            aspect-ratio: 800 / 730;
        }

        /*txt*/
        .top_aboutSection .aboutTxt p {
            line-height: 1.7;
        }

        .top_aboutSection .aboutTxt01 {
            top: calc(28rem + .5vw);
            left: 0;
            right: 0;
            margin: auto;
            display: flex;
            align-items: end;
            width: fit-content;
            height: calc(41.6vw / 4 * 3);
        }
        .top_aboutSection .aboutTxt02 {
            top: calc(28rem + 69vw);
            left: 0;
            right: 0;
            margin: auto;
            width: fit-content;
        }
        .top_aboutSection .aboutTxt03 {
            top: calc(28rem + 135vw);
        }

        /*line*/
        .top_aboutSection .aboutLine .line01 {
            top: calc(28rem - 16vw);
            right: 0;
            width: 76%;
        }
        .top_aboutSection .aboutLine .line01 svg {
            margin-left: 0;
        }
        #line-home01_pc {
            mask: url(#line-home01_pc__mask);
        }
        #line-home01_pc__mask, 
        #line-home01_pc__mask .mask {
            stroke-width: 28px;
        }
        .active #line-home01_pc__mask {
            animation: line-animation_pc 2s ease-out both;
            animation-delay: .5s;
        }
        
        .top_aboutSection .aboutLine .line02 {
            top: calc(28rem + 88vw);
        }
        #line-home02_pc {
            mask: url(#line-home02_pc__mask);
        }
        .active #line-home02_pc__mask {
            animation: line-animation_pc 2s ease-out both;
        }

        .top_aboutSection .aboutLine .line03 {
            top: auto;
            bottom: 20rem;
        }
        #line-home03_pc {
            mask: url(#line-home03_pc__mask);
        }
        .active #line-home03_pc__mask {
            animation: line-animation_pc 2s ease-out both;
        }

        /*content*/
        .top_aboutSection .aboutContent {
            margin-left: 0;
            padding-left: 55vw;
            padding-bottom: 20rem;
            max-width: 52rem;
        }
        .top_aboutSection .aboutContent .subTxt {
            margin-bottom: 10rem;
        }
        .top_aboutSection .aboutContent .linkBtn {
            margin-right: 0;
        }
    }
}

@layer theme { /*toppage service*/
    .top_serviceSection .serviceHeadline {
        position: relative;
        z-index: 2;
    }

    /*line*/
    .top_serviceSection .serviceLine {
        margin-bottom: 0;
    }
    .top_serviceSection .serviceLine .line-animation {
        position: absolute;
    }
    .top_serviceSection .serviceLine .line01 {
        top: calc(16rem - 40.6vw + 8rem);
        width: 100%;
    }
    #line-home04_sp {
        mask: url(#line-home04_sp__mask);
    }
    .active #line-home04_sp__mask {
        animation: line-animation_sp 2s ease-out both;
    }

    /*scroll*/
    .horizontal_scroll {
        position: relative;
        z-index: 1;
    }

    @media(min-width: 768px) {
        .top_serviceSection .serviceHeadline .linkBtn {
            margin: 0 0 0 auto;
        }
    }
    @media(min-width: 1200px) {
        /*scroll*/
        .horizontal_scroll {
            --sticky-container-height: 100vh;
            height: var(--sticky-container-height);
            /*min-height: 100vh;*/
            box-sizing: border-box;
        }
        .horizontal_scroll .sticky {
            position: sticky;
            top: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            /*min-height: 100vh;*/
        }
        .horizontal_scroll .scroller {
            display: flex;
            overflow: auto;
        }
        .horizontal_scroll .scroller.nobar {
            overflow: hidden;
        }

        /*line*/
        .top_serviceSection .serviceLine .line01 {
            top: calc(28rem - 6.5vw);
        }
        #line-home04_pc {
            mask: url(#line-home04_pc__mask);
        }
        #line-home04_pc__mask, 
        #line-home04_pc__mask .mask {
            stroke-width: 26px;
        }
        .active #line-home04_pc__mask {
            animation: line-animation_pc 2s ease-out both;
        }

        /*headline*/
        .top_serviceSection .serviceHeadline_body {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-end;  
        }
        .top_serviceSection .serviceHeadline .subTxt {
            margin-bottom: 0;
        }
        .top_serviceSection .serviceHeadline .linkBtn {
            margin: 0;
        }

        /*list*/
        .top_serviceSection .serviceList {
            margin: -5rem 0 0;
            padding: 16rem 0 0;
            max-width: none;
        }
        .top_serviceSection .serviceList ul {
            padding: 5rem 5vw;
        }
        .top_serviceSection .serviceList ul {
            flex-wrap: nowrap;
            gap: 0 6rem;
        }
        .top_serviceSection .serviceList_item {
            flex-basis: 96rem !important;
            flex-shrink: 0;
            box-shadow: 4px 4px 40px 0 rgb(74 68 66 / 1);
            height: calc(100vh - 26rem);
            min-height: 40rem;
            max-height: 64rem;
        }
        .top_serviceSection .serviceList_item > a {
            display: flex;
            flex-direction: row !important;
            align-items: center;
            background-color: var(--color-base-white);
        }
        .top_serviceSection .serviceList_item .img {
            flex-shrink: 0;
            height: 100%;
        }
        .top_serviceSection .serviceList_item .img img {
            aspect-ratio: auto;
            width: 48rem;
            height: 100%;
        }
        .top_serviceSection .serviceList_item:nth-child(1) .img img {
            object-position: 65% 0%;
        }
        .top_serviceSection .serviceList_item:nth-child(2) .img img {
            object-position: 70% 0%;
        }
        .top_serviceSection .serviceList_item .body {
            flex-direction: column;
            align-items: center !important;
            padding: 8.6rem 6rem !important;
            min-height: 22.8rem;
            max-height: 25.6rem;
        }
        .top_serviceSection .serviceList_item .txt {
            width: 100%;
            max-width: none;
        }
        .top_serviceSection .serviceList_item .moreBtn {
            margin: 0 0 0 auto;
        }
    }
}

@layer theme { /*toppage product*/
    .top_productSection {
        overflow: hidden;
    }
    .top_productSection h2 {
        margin-bottom: 3.4rem;
    }

    /*line*/
    .top_productSection .productLine {
        margin-bottom: 0;
    }
    .top_productSection .productLine .line-animation {
        position: absolute;
    }
    .top_productSection .productLine .line01 {
        top: calc(16rem - 39vw + 8rem);
        width: 113%;
    }
    #line-home09_sp {
        mask: url(#line-home09_sp__mask);
    }
    .active #line-home09_sp__mask {
        animation: line-animation_sp 2s ease-out both;
    }

    /*img*/
    .top_productSection .productImg {
        margin-bottom: 0;
    }
    .top_productSection .productImg .pict {
        position: relative;
        aspect-ratio: 1 / 1;
    }
    .top_productSection .productImg .pict.-blur img {
        filter: blur(8px);
    }
    
    .top_productSection .productImg .pict01 {
        margin: 0 0 0 auto;
        width: 47.6vw;
    }
    .top_productSection .productImg .pict02 {
        margin: -35.3vw auto 0 22.5vw;
        width: 23vw;
    }
    .top_productSection .productImg .pict03 {
        margin: -8.4vw auto 0 5vw; 
        width: 31.3vw;
        z-index: 1;
    }
    .top_productSection .productImg .pict04 {
        margin: 0 auto 0 10vw; 
        width: 28.2vw;
        z-index: 1;
    }
    .top_productSection .productImg .pict05 {
        margin: -19.7vw auto 0 32.3vw; 
        width: 32.8vw;
    }
    .top_productSection .productImg .pict06 {
        margin: -20.2vw 5vw 0 auto; 
        width: 47.7vw;
    }
    .top_productSection .productImg .pict07 {
        margin: -29.4vw auto 0 0; 
        width: 32.3vw;
    }

    /*content*/
    .top_productSection .productContent {
        margin-top: 5.7rem;
        margin-bottom: 6.2rem;
    }

    @media(min-width: 620px) {
        .top_productSection .productLine .line01 {
            top: 0;
        }
    }
    @media(min-width: 768px) {
        .top_productSection .productContent_wrap {
            position: relative;
            margin: 0 auto;
            width: fit-content;
            z-index: 10;
        }
        .top_productSection .productContent h3 {
            text-align: center;
        }
        .top_productSection .productContent .subTxt {
            margin-left: auto;
            margin-right: auto;
            width: 34rem;
        }
    }
    @media(min-width: 1200px) {
        .top_productSection .productContent {
            position: relative;
            margin: -10.5rem 0 0;
            padding-top: 15.5vw;
            padding-bottom: 20vw;
        }
        .top_productSection .productContent .linkBtn {
            margin-bottom: 0;
        }

        /*line*/
        .top_productSection .productLine .line01 {
            top: calc(28rem + 10vw);
            width: 100%;
            z-index: 1;
        }
        .top_productSection .productLine .line-animation svg {
            width: 95%;
        }
        #line-home09_pc {
            mask: url(#line-home09_pc__mask);
        }
        #line-home09_pc__mask, 
        #line-home09_pc__mask .mask {
            stroke-width: 26px;
            stroke-dasharray: 5000px;
        }
        .active #line-home09_pc__mask {
            animation: line-animation_pc 3s ease-out both;
        }
        
        /*img*/
        .top_productSection .productImg .pict {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            opacity: 0;
        }
        /*.top_productSection .productImg .pict.active {
            top: auto;
            left: auto;
            right: auto;
            bottom: auto;
            transform: translate(0, 0);
            opacity: 1;
        }*/
        
        .top_productSection .productImg .pict01 {
            width: 11.4vw;
            z-index: 2;
        }
        .top_productSection .productImg .pict01.active {
            /*top: 0;
            left: 0;
            right: 0;*/
            animation: pict01 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
            animation-delay: 0s;
        }
        @keyframes pict01 {
            0% {
                transform: translate(0, 0);
                opacity: 0;
            }
            100% {
                transform: translate(0, calc( ((37.2rem + 35.5vw) / 2 * -1) + (11.4vw / 2) ) );
            }
            80%,100% {
                opacity: 1;
            }
        }
        .top_productSection .productImg .pict02 {
            width: 10.4vw;
        }
        .top_productSection .productImg .pict02.active {
            /*top: 7.4vw;
            right: 24.6vw;*/
            animation: pict02 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
            animation-delay: .1s;
        }
        @keyframes pict02 {
            0% {
                transform: translate(0, 0);
                opacity: 0;
            }
            100% {
                transform: translate(20.2vw, calc( ((37.2rem + 35.5vw) / 2 * -1) + 7.4vw + (10.4vw / 2) ) );
            }
            80%,100% {
                opacity: 1;
            }
        }
        .top_productSection .productImg .pict03 {
            width: 17.2vw;
            z-index: 2;
        }
        .top_productSection .productImg .pict03.active {
            /*top: 2.2vw;
            right: 10.4vw;*/
            animation: pict03 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
            animation-delay: .2s;
        }
        @keyframes pict03 {
            0% {
                transform: translate(0, 0);
                opacity: 0;
            }
            100% {
                transform: translate(31vw, calc( ((37.2rem + 35.5vw) / 2 * -1) + 2.2vw + (17.2vw / 2) ) );
            }
            80%,100% {
                opacity: 1;
            }
        }
        .top_productSection .productImg .pict04 {
            width: 12.5vw;
            z-index: 2;
        }
        .top_productSection .productImg .pict04.active {
            /*top: 23vw;
            right: -2vw;*/
            animation: pict04 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
            animation-delay: .3s;
        }
        @keyframes pict04 {
            0% {
                transform: translate(0, 0);
                opacity: 0;
            }
            100% {
                transform: translate(45.8vw, calc( ((37.2rem + 35.5vw) / 2 * -1) + 23vw + (12.5vw / 2) ) );
            }
            80%,100% {
                opacity: 1;
            }
        }
        .top_productSection .productImg .pict05 {
            width: 14.6vw;
            z-index: 2;
        }
        .top_productSection .productImg .pict05.active {
            /*bottom: 8.5vw;
            right: 16vw;*/
            animation: pict05 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
            animation-delay: .4s;
        }
        @keyframes pict05 {
            0% {
                transform: translate(0, 0);
                opacity: 0;
            }
            100% {
                transform: translate(26.7vw, calc( ((37.2rem + 35.5vw) / 2 ) - 8.5vw - (14.6vw / 2) ) );
            }
            80%,100% {
                opacity: 1;
            }
        }
        .top_productSection .productImg .pict06 {
            width: 10.4vw;
        }
        .top_productSection .productImg .pict06.active {
            /*bottom: 7vw;
            right: 33.75vw;*/
            animation: pict06 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
            animation-delay: .5s;
        }
        @keyframes pict06 {
            0% {
                transform: translate(0, 0);
                opacity: 0;
            }
            100% {
                transform: translate(11.1vw, calc( ((37.2rem + 35.5vw) / 2 ) - 7vw - (10.4vw / 2) ) );
            }
            80%,100% {
                opacity: 1;
            }
        }
        .top_productSection .productImg .pict07 {
            width: 13.5vw;
            z-index: 2;
        }
        .top_productSection .productImg .pict07.active {
            /*bottom: 0;
            right: 42vw;*/
            animation: pict07 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
            animation-delay: .6s;
        }
        @keyframes pict07 {
            0% {
                transform: translate(0, 0);
                opacity: 0;
            }
            100% {
                transform: translate(1.2vw, calc( ((37.2rem + 35.5vw) / 2 ) - (13.5vw / 2) ) );
            }
            80%,100% {
                opacity: 1;
            }
        }
        .top_productSection .productImg .pict08 {
            width: 13.5vw;
            z-index: 2;
        }
        .top_productSection .productImg .pict08.active {
            /*bottom: 5vw;
            left: 22.3vw;*/
            animation: pict08 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
            animation-delay: .7s;
        }
        @keyframes pict08 {
            0% {
                transform: translate(0, 0);
                opacity: 0;
            }
            100% {
                transform: translate(-21vw, calc( ((37.2rem + 35.5vw) / 2 ) - 5vw - (13.5vw / 2) ) );
            }
            80%,100% {
                opacity: 1;
            }
        }
        .top_productSection .productImg .pict09 {
            width: 12.5vw;
            z-index: 2;
        }
        .top_productSection .productImg .pict09.active {
            /*top: 28.8vw;
            left: -2vw;*/
            animation: pict09 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
            animation-delay: .8s;
        }
        @keyframes pict09 {
            0% {
                transform: translate(0, 0);
                opacity: 0;
            }
            100% {
                transform: translate(-45.7vw, calc( ((37.2rem + 35.5vw) / 2 * -1) + 28.8vw + (12.5vw / 2) ) );
            }
            80%,100% {
                opacity: 1;
            }
        }
        .top_productSection .productImg .pict10 {
            width: 12.5vw;
        }
        .top_productSection .productImg .pict10.active {
            /*top: 17.8vw;
            left: 18.75vw;*/
            animation: pict10 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
            animation-delay: .9s;
        }
        @keyframes pict10 {
            0% {
                transform: translate(0, 0);
                opacity: 0;
            }
            100% {
                transform: translate(-25vw, calc( ((37.2rem + 35.5vw) / 2 * -1) + 17.8vw + (12.5vw / 2) ) );
            }
            80%,100% {
                opacity: 1;
            }
        }
        .top_productSection .productImg .pict11 {
            width: 16.25vw;
            z-index: 2;
        }
        .top_productSection .productImg .pict11.active {
            /*top: 8vw;
            left: 10.4vw;*/
            animation: pict11 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
            animation-delay: 1s;
        }
        @keyframes pict11 {
            0% {
                transform: translate(0, 0);
                opacity: 0;
            }
            100% {
                transform: translate(-31.5vw, calc( ((37.2rem + 35.5vw) / 2 * -1) + 8vw + (16.25vw / 2) ) );
            }
            80%,100% {
                opacity: 1;
            }
        }
    }
}

@layer theme { /*toppage shop*/
    .top_shopSection .shopBlockContent {
        margin-bottom: 0;
    }

    /*img*/
    .top_shopSection .shopImg img {
        object-fit: cover;
    }
    .top_shopSection .shopImg01 {
        margin-bottom: 7.2rem;
    }
    .top_shopSection .shopImg01 .shopImg:nth-child(1) {
        margin-right: 10.2vw;
        margin-bottom: 2rem;
    }
    .top_shopSection .shopImg01 .shopImg:nth-child(1) img {
        aspect-ratio: 350 / 339;
    }
    .top_shopSection .shopImg01 .shopImg:nth-child(2) {
        margin-left: 36.4vw;
    }
    .top_shopSection .shopImg01 .shopImg:nth-child(2) img {
        aspect-ratio: 248 / 174;
    }

    .top_shopSection .shopImg02 {
        margin-top: 8rem;
        margin-bottom: -2rem;
    }
    .top_shopSection .shopImg02 .shopImg {
        margin-left: 12.8vw;
    }
    .top_shopSection .shopImg02 .shopImg img {
        aspect-ratio: 350 / 200;
        min-width: 100%;
        min-height: 100%;
    }

    /*line*/
    .top_shopSection .shopLine {
        margin-bottom: 0;
    }
    .top_shopSection .shopLine .line-animation {
        position: absolute;
    }
    .top_shopSection .shopLine .line01 {
        top: calc(16rem + 68vw);
        width: 100%;
    }
    #line-home05_sp {
        mask: url(#line-home05_sp__mask);
    }
    #line-home05_sp__mask, 
    #line-home05_sp__mask .mask {
        stroke-width: 12px;
    }
    .active #line-home05_sp__mask {
        animation: line-animation_sp 2s ease-out both;
    }

    /*information*/
    .top_shopSection .shopInformation_wrap {
        border: 1px solid var(--color-white);
        padding: 6.4rem 3rem 4.8rem;
    }
    .top_shopSection .shopInformation dl {
        display: flex;
        margin: 0;
        padding: .1rem 0;
    }
    .top_shopSection .shopInformation dt {
        flex-basis: 10rem;
        flex-shrink: 0;
        border: none;
        font-size: 1.6rem;
        font-weight: 600;
        margin: 0;
        padding: 0;
    }
    .top_shopSection .shopInformation dd {
        margin: 0;
    }

    @media(min-width: 800px) {
        .top_shopSection .shopLine .line01 {
            top: calc(16rem + 58vw);
        }
    }
    @media(min-width: 900px) {
        .top_shopSection .shopLine .line01 {
            top: calc(16rem + 48vw);
        }
    }
    @media(min-width: 1000px) {
        .top_shopSection .shopLine .line01 {
            top: calc(16rem + 38vw);
        }
    }
    @media(min-width: 1200px) {
        .top_shopSection .shopBlockContent {
            display: flex;
            justify-content: space-between;
        }

        /*img*/
        .top_shopSection .shopImg01 {
            flex-basis: 37.5vw;
            flex-shrink: 0;
            margin-bottom: 0;
            z-index: 1;
        }
        .top_shopSection .shopImg01 .shopImg:nth-child(1) {
            margin-right: 0;
            margin-bottom: 5rem;
        }
        .top_shopSection .shopImg01 .shopImg:nth-child(1) img {
            aspect-ratio: 720 / 640;
        }
        .top_shopSection .shopImg01 .shopImg:nth-child(2) {
            margin-left: 15.6vw;
            margin-right: 2vw;
        }
        .top_shopSection .shopImg01 .shopImg:nth-child(2) img {
            aspect-ratio: 380 / 280;
        }

        .top_shopSection .shopImg02 {
            flex-basis: 18.75vw;
            flex-shrink: 0;
            padding-top: 24.3rem;
            margin-bottom: 0;
        }
        .top_shopSection .shopImg02 .shopImg {
            margin-left: 0;
        }
        .top_shopSection .shopImg02 .shopImg img {
            aspect-ratio: 360 / 454;
        }

        /*content*/
        .top_shopSection .shopContent {
            margin-top: 8.6rem;
            padding: 0 6vw;
            z-index: 1;
        }
        .top_shopSection .shopContent .linkBtn {
            margin: 0 0 6rem auto;
        }

        /*line*/
        .top_shopSection .shopLine .line01 {
            top: calc(28rem + 29vw);
        }
        #line-home05_pc {
            mask: url(#line-home05_pc__mask);
        }
        #line-home05_pc__mask, 
        #line-home05_pc__mask .mask {
            stroke-width: 24px;
        }
        .active #line-home05_pc__mask {
            animation: line-animation_pc 2s ease-out both;
        }

        /*infotmation*/
        .top_shopSection .shopInformation {
            padding-left: calc(37.5vw + 6vw);
            padding-right: calc(18.75vw + 6vw);
        }
        .top_shopSection .shopInformation_wrap {
            padding: 4rem;
        }
        .top_shopSection .shopInformation_body {
            margin: 0 auto;
            width: fit-content;
        }
        .top_shopSection .shopInformation dt {
            flex-basis: 12.4rem;
            font-size: 1.8rem;
        }
    }
}

@layer theme { /*toppage recruit*/
    /*top_recruitHeader*/
    .top_recruitHeader {
        padding: 0;
    }
    .top_recruitHeader img {
        aspect-ratio: 390 / 326;
        object-fit: cover;
        min-width: 100%;
        min-height: 100%;
    }
    @media(min-width: 1200px) {
        .top_recruitHeader img {
            aspect-ratio: 1920 / 700;
        }
    }

    /*top_recruitSection*/
    .top_recruitSection {
        padding-top: 11rem;
    }
    .top_recruitSection h3 {
        color: var(--color-brown);
        font-size: 3rem;
    }

    /*line*/
    .top_recruitSection .recruitLine {
        margin-bottom: 0;
    }
    .top_recruitSection .recruitLine .line-animation {
        position: absolute;
    }
    .top_recruitSection .recruitLine .line01 {
        top: -3rem;
        right: 0;
        width: 53%;
    }
    .top_recruitSection .recruitLine .line01 svg {
        margin-left: 0;
    }
    #line-home06_sp {
            mask: url(#line-home06_sp__mask);
    }
    .active #line-home06_sp__mask {
        animation: line-animation_sp 2s ease-out both;
    }

    .top_recruitSection .recruitLine .line02 {
        top: -8rem;
        margin-left: -10vw;
        margin-right: -10vw;
        width: 100vw;
    }
    #line-home07_sp {
            mask: url(#line-home07_sp__mask);
    }
    .active #line-home07_sp__mask {
        animation: line-animation_sp 3s ease-out both;
    }

    /*list*/
    .top_recruitSection .interviewList {
        position: relative;
        margin-top: 8rem;
    }
    .top_recruitSection .linkBtn {
        z-index: 1;
    }

    @media(min-width: 768px) {
        .top_recruitSection .recruitLine .line01 {
            width: 33%;
        }
        .top_recruitSection .linkBtn {
            margin: 0 0 0 auto;
        }
    }
    @media(min-width: 1200px) {
        .top_recruitSection {
            padding-top: 18rem;
        }
        .top_recruitSection .recruitHeadline {
            display: flex;
            gap: 0 4.2rem;
            margin-bottom: 4rem;
        }
        .top_recruitSection h3 {
            flex-shrink: 0;
            font-size: 4.8rem;
            line-height: 1.4;
            margin-bottom: 0;
        }
        .top_recruitSection .subTxt {
            margin-top: 2rem;
            margin-bottom: 0;
        }
        
        /*line*/
        .top_recruitSection .recruitLine .line01 {
            top: -3rem;
            width: 27.6%;
        }
        #line-home06_pc {
            mask: url(#line-home06_pc__mask);
        }
        #line-home06_pc__mask, 
        #line-home06_pc__mask .mask {
            stroke-width: 26px;
        }
        .active #line-home06_pc__mask {
            animation: line-animation_pc 2s linear forwards;
        }
        
        .top_recruitSection .recruitLine .line02 {
            top: -18rem;
        }
        #line-home07_pc {
            mask: url(#line-home07_pc__mask);
        }
        .active #line-home07_pc__mask {
            animation: line-animation_pc 2s linear forwards;
        }

        /*list*/
        .top_recruitSection .interviewList {
            margin-top: 16rem;
        }
    }
    @media(min-width: 1500px) {
        .top_recruitSection .recruitLine .line02 {
            top: -22rem;
            margin-right: calc(((var(--1vw) * 80 - 1200px) / -2) + ((var(--1vw) * 10 + env(safe-area-inset-right))*-1));
            margin-left: calc(((var(--1vw) * 80 - 1200px) / -2) + ((var(--1vw) * 10 + env(safe-area-inset-left))*-1));
        }
    }

}

@layer theme { /*toppage news*/
    .top_newsSection {
        padding-top: 8rem;
    }
    @media(min-width: 1200px) {
        .top_newsSection {
            padding-top: 18rem;
        }
    }

    /*line*/
    .top_newsSection .newsLine + .container {
        position: relative;
        z-index: 1;
    }
    .top_newsSection .newsLine {
        margin-bottom: 0;
    }
    .top_newsSection .newsLine .line-animation {
        position: absolute;
    }
    .top_newsSection .newsLine .line01 {
        display: none;
    }

    .top_newsSection .moreBtn {
        margin: 6rem -5vw 0 auto;
        width: fit-content;
    }
    @media(min-width: 1200px) {
        .top_newsSection {
            margin-top: 0;
        }

        /*line*/
        .top_newsSection .newsLine .line01 {
            display: block;
            top: 10rem;
            width: 100%;
        }
        #line-home08_pc {
            mask: url(#line-home08_pc__mask);
        }
        #line-home08_pc__mask, 
        #line-home08_pc__mask .mask {
            stroke-width: 26px;
        }
        .active #line-home08_pc__mask {
            animation: line-animation_pc 2s ease-out both;
        }
        
        .top_newsSection h2 {
            margin-bottom: 17.5rem;
        }
        .top_newsSection .moreBtn {
            margin: 13rem 0 0 auto;
        }
    }
}

@layer theme { /*products*/
    /*nav*/
    .productsBlock_nav {
        margin-bottom: 12rem;
    }
    .productsBlock_nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-end;
        gap: 1rem 1.6rem;
        font-family: var(--font-mincho);
        font-weight: 600;
        letter-spacing: .08em;
        line-height: 1.2;
    }
    .productsBlock_nav ul li {
        flex-basis: calc((100% - 1.6rem) / 2);
    }
    .productsBlock_nav ul li a {
        position: relative;
        display: block;
        border-bottom: 1px solid var(--color-gray);
        padding: 1.6rem 1.6rem 1.6rem 0;
        text-decoration: none;
    }
    .productsBlock_nav ul li a::before,
    .productsBlock_nav ul li a::after {
        position: absolute;
        bottom: 2rem;
        right: .6rem;
        content: "";
        background-color: var(--color-gray);
        border-radius: 5px;
        width: 2px;
        height: 10px;
        transform-origin: 50% calc(100% - 1px) ;
        transition: all 0.3s   
    }
    .productsBlock_nav ul li a::before {
        transform: rotate(35deg);
    }
    .productsBlock_nav ul li a::after {
        transform: rotate(-35deg);
    }

    /*body*/
    .productsBlock_body .item {
        margin-bottom: 0;
        padding-bottom: 6rem;       
    }
    .productsBlock_body .item:not(:first-child) {
        border-top: 1px solid var(--borderColor-brown);
        padding-top: 6rem;
    }
    .productsBlock_body .item .img {
        margin: 0 auto 5rem;
        text-align: center;
        width: 90%;
    }
    .productsBlock_body .item .img img {
        width: 100%;
        max-width: 37.5rem;
    }


    @media(min-width: 1200px) {
        .productsBlock {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 0 10rem;
            
        }

        /*nav*/
        .productsBlock_nav {
            position: sticky;
            top: 20rem;
            flex-basis: 31.5rem;
            flex-shrink: 0;
            border-top: 2px solid var(--color-gray);
            margin-bottom: 0;
            padding-top: 4.5rem;
        }
        .productsBlock_nav ul {
            display: block;
            line-height: 1;
        }
        .productsBlock_nav ul li a {
            border-bottom: none;
            color: var(--color-gray);
            padding: 1.5rem 1.6rem 1.5rem 0;
            transition: all .3s;
        }
        .productsBlock_nav ul li a:hover, 
        .productsBlock_nav ul li a.is-current {
            color: var(--body-textColor);
        }
        .productsBlock_nav ul li a::before,
        .productsBlock_nav ul li a::after {
            top: 0;
            bottom: 0;
            right: .6rem;
            margin: auto;
        }
        
        /*body*/
        .productsBlock_body {
            margin-right: calc((var(--1vw) * 5 + env(safe-area-inset-right))*-1);
        }
        .productsBlock_body .item {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 0 4rem;
            padding-bottom: 8rem;
        }
        .productsBlock_body .item:first-child {
            border-top: 1px solid var(--borderColor-brown);
            padding-top: 8rem;
        }
        .productsBlock_body .item:not(:first-child) {
            padding-top: 8rem;
        }
        .productsBlock_body .item h3 {
            flex-basis: 100%;
            margin-bottom: 6rem;
        }
        .productsBlock_body .item .img {
            flex-basis: 40%;
        }
        .productsBlock_body .item .img img {
            width: 100%;
            max-width: 37.5rem;
        }
        .productsBlock_body .item .txt {
            flex-basis: calc(60% - 4rem);
            flex-grow: 1;
        }
        .productsBlock_body .item .txt h4 {
            margin-bottom: 4rem;
        }
        .productsBlock_body .item .txt h4::after {
            bottom: -.6em;
            background-color: var(--color-beige);
        }
        .productsBlock_body .item .txt h4:not(:first-child) {
            margin-top: 6rem;
        }
    }
}

@layer theme { /*service*/
    .serviceList {
        margin-top: 8rem;
    }
    .serviceList ul {
        display: flex;
        flex-direction: column;
        gap: 2.4rem 0;
    }
    .serviceList_item {
        box-shadow: 4px 4px 20px 0 rgb(74 68 66 / 0.2);
    }
    .serviceList_item a {
        color: var(--body-textColor);
        text-decoration: none;
        transition: all .3s;
    }
    .serviceList_item a:hover {
        opacity: .75;
    }
    .serviceList_item .img {
        margin-bottom: 0;
    }
    .serviceList_item .img img {
        aspect-ratio: 350 / 200;
        object-fit: cover;
        min-width: 100%;
    }
    .serviceList_item .body {
        background-color: var(--color-base-white);
        padding: 5rem 3.5rem;
    }
    .serviceList_item .title {
        font-family: var(--font-mincho);
        font-size: 2.4rem;
        font-weight: 600;
        letter-spacing: .08em;
        line-height: 1;
    }
    .serviceList_item .moreBtn {
        margin: 0 0 0 auto;
        width: fit-content;
    }

    @media(min-width: 768px) {
        .serviceList {
            margin-top: 10rem;
        }
        .serviceList ul {
            flex-direction: row;
            flex-wrap: wrap;
            gap: 4rem 2.4rem;
        }
        .serviceList_item {
            flex-basis: calc((100% - 2.4rem) / 2);
        }
        .serviceList_item a {
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .serviceList_item .img img {
            aspect-ratio: auto;
            object-position: top;
            width: 100%;
            height: 20rem;
        }
        .serviceList_item .body {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
        .serviceList_item .title {
            margin-bottom: 3rem;
        }
        .serviceList_item .txt {
            flex-grow: 1;
        }
    }

    @media(min-width: 1200px) {
        .serviceList {
            margin-top: 12rem;
        }
        .serviceList ul {
            gap: 8rem 4rem;
        }
        .serviceList_item {
            flex-basis: calc((100% - 4rem) / 2);
            box-shadow: 4px 4px 40px 0 rgb(0 0 0 / 0.25);
        }
        .serviceList_item .img img {
            aspect-ratio: 740 / 436;
            height: auto;
        }
        .serviceList_item .body {
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-end;
            gap: 0 2rem;
            padding: 7.2rem 5.2rem 7.2rem 6.4rem;
        }
        .serviceList_item .title {
            font-size: 3.6rem;
            font-weight: 700;
            margin-bottom: 3rem;
            width: 100%;
        }
        .serviceList_item .txt {
            flex-grow: 0;
            margin-bottom: 0;
            width: calc(100% - 2rem - 14.7rem);
            max-width: 35rem;
        }
        .serviceList_item .moreBtn {
            margin: 0;
            width: 14.7rem;
        }
    }
}

@layer theme { /*recruit*/
    .h2_subtxt:has(+ .interviewList) {
        margin-bottom: 3.3rem;
    }
    @media(min-width: 1200px) {
        .h2_subtxt:has(+ .interviewList) {
            margin-bottom: 9rem;
        }
    }

    /*entryBlock*/
    .entryBlock {
        margin-top: -8rem;
        margin-bottom: -5rem;
    }
    .entryBlock h2 {
        margin-bottom: 5rem;
        text-align: center;
    }
    .entryBlock h2 .title_en {
        font-family: var(--font-en);
        font-weight: 400;
        font-size: 5rem;
        letter-spacing: .01em;
        line-height: 1;
    }
    .entryBlock h2 .title_jp {
        display: block;
        font-family: var(--font-mincho);
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: .08em;
    }
    .entryBlock .entryBtn {
        font-family: var(--font-mincho);
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: .08em;
    }
    .entryBlock .entryBtn ul {
        display: flex;
        flex-direction: column;
        gap: 2.4rem 0;
    }
    .entryBlock .entryBtn ul::after {
        display: none;
    }
    .entryBlock .entryBtn li a {
        display: block;
        border: 1px solid var(--color-white);
        color: #fff;
        padding: 2.2rem 0;
        text-align: center;
        text-decoration: none;
        transition: all .3s;
    }
    .entryBlock .entryBtn li a strong {
        font-size: 3.2rem;
    }
    .entryBlock .entryBtn li a:hover {
        background-color: var(--color-white);
        color: var(--color-brown);
    }
    @media(min-width: 1200px) {
        .entryBlock {
            margin-top: -14rem;
            margin-bottom: -8rem;
        }
        .entryBlock h2 {
            margin-bottom: 8rem;
        }
        .entryBlock h2 .title_en {
            font-size: 6.4rem;
            letter-spacing: .02em;
        }
        .entryBlock h2 .title_jp {
            font-size: 1.8rem;
        }
        .entryBlock .entryBtn {
            font-size: 3.2rem;
        }
        .entryBlock .entryBtn ul {
            display: flex;
            flex-direction: row;
            gap: 0 4rem;
        }
        .entryBlock .entryBtn li {
            flex-basis: calc((100% - 4rem) / 2);
        }
        .entryBlock .entryBtn li a {
            padding: 4.8rem 0;
        }
        .entryBlock .entryBtn li a strong {
            font-size: 4.4rem;
        }
    }

    /*archive*/
    body.post-type-archive-interview .interviewList ul {
        flex-wrap: wrap;
    }
    @media(max-width: 1199px) {
        body.post-type-archive-interview .interviewList ul {
            gap: 4rem;
        }
        body.post-type-archive-interview .interviewList_item {
            width: calc((80vw - 4rem) / 2);
        }
    }
    @media(max-width: 720px) {
        body.post-type-archive-interview .interviewList_item {
            width: 100%;
        }
    }
}

@layer theme { /*interview*/
    body.single-interview, 
    body.post-type-archive-interview {
        background-color: var(--color-white);
    }
    #contents.interview .pageBody_title {
        padding-bottom: 24rem;
    }

    /*interviewBlock*/
    .interviewBlock {
        margin-top: -23rem;
        margin-bottom: 10rem;
    }

    .interviewBlock_img {
        position: relative;
        margin-bottom: 7rem;
        z-index: 1;
    }
    .interviewBlock_img img {
        aspect-ratio: 31 / 36;
        object-fit: cover;
        width: 100%;
    }

    .interviewBlock_body h2 {
        color: var(--color-brown);
        margin-bottom: 3rem;
    }
    .interviewBlock_body .profile {
        font-family: var(--font-mincho);
        letter-spacing: .08em;
        margin-bottom: 14rem;
        text-align: right;
    }
    .interviewBlock_body .name {
        font-size: 2.4rem;
        margin-bottom: 0;
    }
    .interviewBlock_body .work {
        font-weight: 600;
    }

    .interviewBox {
        margin-bottom: 8rem;
    }
    .interviewBox .question {
        position: relative;
        font-family: var(--font-mincho);
        font-weight: 600;
        letter-spacing: .08em;
        margin-bottom: 0;
        padding-left: 5rem;
    }
    .interviewBox .question::before {
        position: absolute;
        top: 1.3rem;
        left: 0;
        display: block;
        content: '';
        background-color: var(--color-brown);
        width: 3.3rem;
        height: 2px;
    }
    .interviewBox h3 {
        color: var(--color-brown);
        margin-top: 4rem;
        margin-bottom: 4.4rem;
    }
    .interviewBox .img {
        margin: 6rem calc(50% - 50vw);
    }
    .interviewBox .img img {
        aspect-ratio: 39 / 28;
        object-fit: cover;
        width: 100%;
    }

    @media(min-width: 1200px) {
        body.single-interview .footer, 
        body.post-type-archive-interview .footer {
            background-color: var(--body-bgColor);
        }
        #contents.interview .pageBody_title {
            padding-bottom: 10rem;
        }

        .interviewBlock {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 0 4rem;
            margin-top: -29rem;
            margin-bottom: 20rem;
        }

        .interviewBlock_img {
            position: sticky;
            top: 20rem;
            flex-basis: 30%;
            flex-shrink: 0;
            margin-bottom: 0;
        }
        .interviewBlock_img img {
            aspect-ratio: 373 / 500;
        }

        .interviewBlock_body h2 {
            margin-top: 20rem;
            margin-bottom: 7rem;
            padding-left: 10rem;
        }
        .interviewBlock_body .profile {
            margin-bottom: 18rem;
            padding-left: 10rem;
            text-align: left;
        }
        .interviewBlock_body .name {
            font-size: 3rem;
            font-weight: 600;
            margin-bottom: 0;
        }
        .interviewBlock_body .work {
            font-size: 2rem;
            font-weight: 600;
        }

        .interviewBox .question {
            padding-left: 6rem;
        }
        .interviewBox .question::before {
            top: 1.7rem;
            width: 4rem;
        }
        .interviewBox .img {
            margin: 6rem auto;
        }
        .interviewBox .img img {
            aspect-ratio: 748 / 400;
        }
    }

    /*interviewSchedule*/
    .interviewSchedule {
        margin: 0 -5vw;
    }
    .interviewSchedule .title {
        background-color: var(--color-brown);
        color: #fff;
        font-family: var(--font-mincho);
        font-size: 2rem;
        font-weight: 600;
        letter-spacing: .08em;
        margin-bottom: 0;
        padding: 1.6rem 0;
        text-align: center;
    }
    .interviewSchedule .timeline {
        border: 1px solid var(--color-choco);
        border-width: 0 1px 1px 1px;
        padding: 6rem 2rem;
    }
    .interviewSchedule .timelineBox {
        position: relative;
        margin-bottom: 0;
        padding-left: 3.4rem;
        padding-bottom: 2.5rem;
    }
    .interviewSchedule .timelineBox:last-of-type {
        padding-bottom: 0;
    }
    .interviewSchedule .timelineBox::before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: '';
        background-color: rgb(var(--color-brown-rgb) / .1);
        width: 1rem;
        height: 100%;
    }
    .interviewSchedule .timelineBox:first-of-type::before {
        top: auto;
        bottom: 0;
        height: calc(100% - 1rem);
    }
    .interviewSchedule .timelineBox:last-of-type::before {
        height: 2.8rem;
    }
    .interviewSchedule .timelineTime {
        position: relative;
        color: var(--color-brown);
        font-family: var(--font-mincho);
        font-size: 2.2rem;
        font-weight: 700;
        letter-spacing: .08em;
        margin-bottom: 0;
        padding-bottom: .5rem;
    }
    .interviewSchedule .timelineTime::after {
        position: absolute;
        top: 1.5rem;
        left: -3.3rem;
        display: block;
        content: '';
        background-color: var(--color-brown);
        border-radius: 5rem;
        width: 8px;
        height: 8px;
    }
    .interviewSchedule .timelineContent {
        margin-bottom: 0;
    }

    @media(min-width: 1200px) {
        .interviewSchedule {
            margin: 10rem 0 0 0;
        }
        .interviewSchedule .title {
            font-size: 2.4rem;
            padding: 2rem 0;
        }
        .interviewSchedule .timeline {
            padding: 8rem 6rem;
        }

        .interviewSchedule .timelineBox {
            display: flex;
            gap: 0 6rem;
            padding-bottom: 6rem;
        }
        .interviewSchedule .timelineBox:first-of-type::before {
            height: calc(100% - 1.4rem);
        }
        .interviewSchedule .timelineBox:last-of-type::before {
            height: 3.1rem;
        }

        .interviewSchedule .timelineTime {
            flex-basis: 9.5rem;
            flex-shrink: 0;
            font-size: 2.4rem;
            padding-bottom: 0;
        }
        .interviewSchedule .timelineTime::after {
            top: 1.8rem;
        }
        .interviewSchedule .timelineContent {
            padding-top: .6rem;
        }
    }
}

.interviewList_wrap .simplebar-track.simplebar-horizontal {
    background-color: var(--body-bgColor);
    margin-right: 10vw;
    height: 3px;
}
.interviewList_wrap .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    top: 0;
    background-color: var(--color-brown);
    height: 3px;
}
.interviewList_wrap .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    display: none;
}
@media(min-width: 1200px) {
    .interviewList_wrap .simplebar-track.simplebar-horizontal {
        margin-right: calc(10vw + ((80vw - 8rem) / 3) + 4rem);
    }
}
@media(min-width: 1500px) {
    .interviewList_wrap .simplebar-track.simplebar-horizontal {
        margin-right: calc(((100vw - 1200px) / 2) + ((1200px - 8rem) / 3) + 4rem);
    }
}

@layer theme { /*interviewList*/
    .interviewList_wrap {
        margin-bottom: 0;
        overflow: auto;
    }
    .interviewList_wrap .simplebar-track {
        margin-bottom: 0;
    }

    .interviewList ul {
        display: flex;
        gap: 2.4rem;
        padding: 3rem 0 4rem;
        width: fit-content;
    }
    .interviewList_item {
        position: relative;
        aspect-ratio: 284 / 460;
        box-shadow: 10px 10px 24px 0 rgb(200 164 134 / 0.3);
        width: 28.4rem;
    }
    .interviewList_item a {
        display: block;
        transition: all .3s;
    }
    .interviewList_item a:hover {
        opacity: .8;
    }
    
    .interviewList_item .img img {
        width: 100%;
    }
    .interviewList_item .profile {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: var(--color-brown);
        box-sizing: border-box;
        color: var(--color-white);
        font-family: var(--font-mincho);
        font-weight: 600;
        letter-spacing: .08em;
        line-height: 1.6;
        padding: 0 2.3rem 3.5rem;
        width: 100%;
    }
    .interviewList_item .profile::before {
        position: absolute;
        top: -15rem;
        left: 0;
        display: block;
        content: '';
        background: linear-gradient(180deg, transparent, var(--color-brown));
        width: 100%;
        height: 15rem;
    }
    .interviewList_item .title {
        font-size: 2rem;
        margin-bottom: 0;
    }
    .interviewList_item .title br {
        display: none;
    }
    .interviewList_item .name {
        position: relative;
        font-size: 2.6rem;
        margin-bottom: .5rem;
        padding-left: 4rem;
    }
    .interviewList_item .name::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        content: '';
        background-color: var(--color-white);
        margin: auto;
        width: 3rem;
        height: 1px;
    }
    .interviewList_item .work {
        font-size: 1.4rem;
    }

    .interviewList .moreBtn a {
        margin: 4rem -5vw 0 auto;
    }
   
    @media(min-width: 1200px) {
        .interviewList ul {
            display: flex;
            gap: 4rem;
            padding: 3rem 0 6rem;
        }
        .interviewList_item {
            aspect-ratio: 373 / 600;
            width: calc((80vw - 8rem) / 3);
        }
        .interviewList_item .profile {
            padding: 0 3.5rem 4rem;
        }
        .interviewList_item .profile::before {
            top: -15rem;
            height: 15rem;
        }
        .interviewList_item .title {
            font-size: 2.4rem;
            margin-bottom: 1rem;
        }
        .interviewList_item .name {
            font-size: 2.8rem;
            margin-bottom: .5rem;
            padding-left: 4rem;
        }
        .interviewList_item .name::before {
            width: 3.2rem;
            height: 1px;
        }
        .interviewList_item .work {
            font-size: 1.6rem;
        }
        .interviewList .moreBtn a {
            margin: 4rem 0 0 auto;
        }
    }
    @media(min-width: 1500px) {
        .interviewList_item {
            width: calc((1200px - 8rem) / 3);
        }
    }
}

@layer theme { /*news*/
    .date {
        white-space: nowrap
    }

    /*newsList*/
    #newsTop {
        margin-top: -6rem;
    }
    .newsList {
        --compactBlockElemsGap: 0;
    }
    .newsList_item {
        border-bottom: 1px solid var(--borderColor-brown);
        font-family: var(--font-mincho);
        font-weight: 600;
        letter-spacing: .08em;
    }
    .newsList_item:first-of-type {
        border-top: 1px solid var(--borderColor-brown);
    }
    .newsList_item a {
        display: flex;
        flex-wrap: wrap;
        padding: 3rem 0;
        text-decoration: none;
        transition: all .3s;
    }
    .newsList_item a:hover {
        opacity: .5;
    }
    .newsList_date {
        flex-basis: 14rem;
        display: block;
        font-size: 1.5rem;
        padding-left: .1em;
    }
    .newsList_cat {
        flex-basis: 10rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--color-beige);
        color: var(--color-white);
        font-size: 1.4rem;
    }
    .newsList_title {
        flex-basis: 100%;
        display: block;
        font-size: 1.8rem;
        font-weight: 700;
        margin-top: 1.2rem;
    }
    .newsList_cat.cat-recruit {
        background-color: var(--color-brown);
    }
    .newsList_cat.cat-shopM {
        background-color: var(--color-brown);
    }
    .newsList .moreBtn a {
        margin: 6rem -5vw 0 auto;
    }

    @media(min-width: 1200px) {
        #newsTop {
            margin-top: -10rem;
        }
        .newsList_item {
            border-bottom: 1px solid var(--color-gray);
        }
        .newsList_item:first-of-type {
            border-top: 1px solid var(--color-gray);
        }
        .newsList_item a {
            flex-wrap: nowrap;
            align-items: center;
            padding: 6rem 0;
        }
        .newsList_date {
            flex-basis: 21rem;
            font-size: 1.8rem;
        }
        .newsList_cat {
            flex-basis: 16rem;
            padding: .4rem 0;
        }
        .newsList_title {
            flex-basis: calc(100% - 37rem);
            font-size: 2rem;
            margin-top: 0;
            padding: 0 4rem;
        }
        .newsList .moreBtn a {
            margin: 8rem 0 0 auto;
        }
    }

    /*news*/
    .newsBlock {
        margin-top: -4rem;
    }
    .newsBlock .postdata {
        display: flex;
        font-family: var(--font-mincho);
        font-weight: 600;
        letter-spacing: .08em;
    }
    .newsBlock .postdata + h2 {
        margin-top: 0;
        margin-bottom: 5rem;
    }
    .newsBlock .newsBottom {
        border-top: 1px solid var(--borderColor-brown);
        margin-top: 6rem;
        padding-top: 4rem;
    }
    .newsBlock .newsBottom .moreBtn a {
        flex-direction: row-reverse;
    }
    .newsBlock .newsBottom .moreBtn a::after {
        margin-left: 0;
        margin-right: 1.5rem;
        transform: rotate(180deg);
    }
    @media(min-width: 1200px) {
        .newsBlock {
            margin-top: -8rem;
        }
        .newsBlock .postdata .newsList_date {
            flex-basis: 19rem;
        }
        .newsBlock .postdata + h2 {
            margin-bottom: 9rem;
        }
        .newsBlock .newsBottom {
            border-top: 1px solid var(--color-gray);
            margin-top: 10rem;
            padding-top: 8rem;
        }
    }
}

@layer helpers {
    .color-black {
        color: #111
    }

    .color-white {
        color: #ddd
    }

    .color-bg {
        color: var(--body-bgColor)
    }

    .color-default {
        color: var(--body-textColor)
    }

    .color-subbed {
        color: var(--subbed-textColor)
    }

    .color-link {
        color: var(--link-textColor)
    }

    .color-success {
        color: var(--success-textColor)
    }

    .color-error {
        color: var(--error-textColor)
    }

    .color-hint {
        color: var(--hint-textColor)
    }

    .color-info {
        color: var(--info-textColor)
    }

    .color-green {
        color: #2C8C4E
    }

    .color-red {
        color: #BF3232
    }

    .bg-black {
        background-color: #111
    }

    /*.bg-white {
        background-color: #ddd
    }*/

    .bg-body {
        background-color: #000
    }

    .bg-subbed {
        background-color: var(--subbed-bgColor)
    }

    .bg-link {
        background-color: var(--link-textColor)
    }

    .bg-success {
        background-color: var(--success-bgColor)
    }

    .bg-error {
        background-color: var(--error-bgColor)
    }

    .bg-hint {
        background-color: var(--hint-bgColor)
    }

    .bg-info {
        background-color: var(--info-bgColor)
    }

    .bg-green {
        background-color: #2C8C4E
    }

    .border-black {
        border-color: #111
    }

    .border-white {
        border-color: #ddd
    }

    .border-bg {
        border-color: var(--body-bgColor)
    }

    .border-text {
        border-color: var(--body-textColor)
    }

    .border-subbed {
        border-color: var(--subbed-borderColor)
    }

    .border-link {
        border-color: var(--link-borderColor)
    }

    .border-success {
        border-color: var(--success-borderColor)
    }

    .border-error {
        border-color: var(--error-borderColor)
    }

    .border-hint {
        border-color: var(--hint-borderColor)
    }

    .border-info {
        border-color: var(--info-borderColor)
    }
}

@layer helpers {
    .font-serif {
        font-family: serif
    }

    .font-sansSerif {
        font-family: Noto Sans JP, BlinkMacSystemFont, -apple-system, Segoe UI, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, Roboto, Ubuntu, Cantarell, Oxygen, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }

    .font-code {
        font-family: Consolas, Courier New, monospace
    }

    .font-en {
        font-family: Poppins, sans-serif
    }

    .font-normal {
        font-weight: 400;
        font-style: normal
    }

    .font-italic {
        font-style: italic
    }

    .font-oblique {
        font-style: oblique
    }

    .font-bold {
        font-weight: 700
    }

    .font-default {
        font-size: 1.6rem
    }

    .font-small {
        font-size: 81.25%
    }

    .font-large {
        font-size: 125%
    }

    .font-up3 {
        font-size: clamp(137.5%, 100% + 0.9vw, 162.5%)
    }

    .font-up2 {
        font-size: clamp(125%, 100% + 0.6vw, 137.5%)
    }

    .font-up1 {
        font-size: 106.25%
    }

    .font-down1 {
        font-size: 87.5%
    }

    .font-down2 {
        font-size: 75%
    }

    .font-down3 {
        font-size: 68.75%
    }

    .font-inherit {
        font-size: inherit
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-justify {
        text-align: justify
    }

    .text-inherit {
        text-align: inherit
    }

    @media(min-width: 440px) {
        .text-center--splg {
            text-align: center
        }

        .text-left--splg {
            text-align: left
        }

        .text-right--splg {
            text-align: right
        }

        .text-justify--splg {
            text-align: justify
        }

        .text-inherit--splg {
            text-align: inherit
        }
    }

    @media(min-width: 720px) {
        .text-center--tb {
            text-align: center
        }

        .text-left--tb {
            text-align: left
        }

        .text-right--tb {
            text-align: right
        }

        .text-justify--tb {
            text-align: justify
        }

        .text-inherit--tb {
            text-align: inherit
        }
    }

    @media(min-width: 900px) {
        .text-center--tblg {
            text-align: center
        }

        .text-left--tblg {
            text-align: left
        }

        .text-right--tblg {
            text-align: right
        }

        .text-justify--tblg {
            text-align: justify
        }

        .text-inherit--tblg {
            text-align: inherit
        }
    }

    @media(min-width: 1200px) {
        .text-center--dt {
            text-align: center
        }

        .text-left--dt {
            text-align: left
        }

        .text-right--dt {
            text-align: right
        }

        .text-justify--dt {
            text-align: justify
        }

        .text-inherit--dt {
            text-align: inherit
        }
    }

    .text-noDeco {
        text-decoration: none
    }

    .text-underline {
        text-decoration: underline
    }

    .text-overline {
        text-decoration: overline
    }

    .text-lineThrough {
        text-decoration: line-through
    }

    .text-inherit {
        text-decoration: inherit
    }

    .verticalAlign-baseline {
        vertical-align: baseline
    }

    .verticalAlign-top {
        vertical-align: top
    }

    .verticalAlign-middle {
        vertical-align: middle
    }

    .verticalAlign-bottom {
        vertical-align: bottom
    }

    .verticalAlign-textTop {
        vertical-align: text-top
    }

    .verticalAlign-textBottom {
        vertical-align: text-bottom
    }

    .verticalAlign-super {
        vertical-align: super
    }

    .verticalAlign-sub {
        vertical-align: sub
    }

    .verticalAlign-inherit {
        vertical-align: inherit
    }

    .whiteSpace-normal {
        white-space: normal
    }

    .whiteSpace-nowrap {
        white-space: nowrap
    }

    @media(min-width: 440px) {
        .whiteSpace-normal--splg {
            white-space: normal
        }

        .whiteSpace-nowrap--splg {
            white-space: nowrap
        }
    }

    @media(min-width: 720px) {
        .whiteSpace-normal--tb {
            white-space: normal
        }

        .whiteSpace-nowrap--tb {
            white-space: nowrap
        }
    }

    @media(min-width: 900px) {
        .whiteSpace-normal--tblg {
            white-space: normal
        }

        .whiteSpace-nowrap--tblg {
            white-space: nowrap
        }
    }

    @media(min-width: 1200px) {
        .whiteSpace-normal--dt {
            white-space: normal
        }

        .whiteSpace-nowrap--dt {
            white-space: nowrap
        }
    }

    .indent-0 {
        text-indent: 0
    }

    .indent-1em {
        text-indent: 1em
    }

    .indent-inherit {
        text-indent: inherit
    }

    .indent-hanging {
        text-indent: -1em;
        padding-left: 1em
    }

    .lineHeight-default {
        line-height: 1.8
    }

    .lineHeight-small {
        line-height: 1.4
    }

    .lineHeight-large {
        line-height: 2.25
    }

    .lineHeight-heading {
        line-height: 1.4
    }

    .lineHeight-0 {
        line-height: 0
    }

    .lineHeight-1 {
        line-height: 1
    }

    .lineHeight-2 {
        line-height: 2
    }

    .lineHeight-3 {
        line-height: 3
    }

    .lineHeight-inherit {
        line-height: inherit
    }

    @media(min-width: 440px) {
        .lineHeight-default--splg {
            line-height: 1.8
        }

        .lineHeight-small--splg {
            line-height: 1.4
        }

        .lineHeight-large--splg {
            line-height: 2.25
        }

        .lineHeight-heading--splg {
            line-height: 1.4
        }

        .lineHeight-0--splg {
            line-height: 0
        }

        .lineHeight-1--splg {
            line-height: 1
        }

        .lineHeight-2--splg {
            line-height: 2
        }

        .lineHeight-3--splg {
            line-height: 3
        }

        .lineHeight-inherit--splg {
            line-height: inherit
        }
    }

    @media(min-width: 720px) {
        .lineHeight-default--tb {
            line-height: 1.8
        }

        .lineHeight-small--tb {
            line-height: 1.4
        }

        .lineHeight-large--tb {
            line-height: 2.25
        }

        .lineHeight-heading--tb {
            line-height: 1.4
        }

        .lineHeight-0--tb {
            line-height: 0
        }

        .lineHeight-1--tb {
            line-height: 1
        }

        .lineHeight-2--tb {
            line-height: 2
        }

        .lineHeight-3--tb {
            line-height: 3
        }

        .lineHeight-inherit--tb {
            line-height: inherit
        }
    }

    @media(min-width: 900px) {
        .lineHeight-default--tblg {
            line-height: 1.8
        }

        .lineHeight-small--tblg {
            line-height: 1.4
        }

        .lineHeight-large--tblg {
            line-height: 2.25
        }

        .lineHeight-heading--tblg {
            line-height: 1.4
        }

        .lineHeight-0--tblg {
            line-height: 0
        }

        .lineHeight-1--tblg {
            line-height: 1
        }

        .lineHeight-2--tblg {
            line-height: 2
        }

        .lineHeight-3--tblg {
            line-height: 3
        }

        .lineHeight-inherit--tblg {
            line-height: inherit
        }
    }

    @media(min-width: 1200px) {
        .lineHeight-default--dt {
            line-height: 1.8
        }

        .lineHeight-small--dt {
            line-height: 1.4
        }

        .lineHeight-large--dt {
            line-height: 2.25
        }

        .lineHeight-heading--dt {
            line-height: 1.4
        }

        .lineHeight-0--dt {
            line-height: 0
        }

        .lineHeight-1--dt {
            line-height: 1
        }

        .lineHeight-2--dt {
            line-height: 2
        }

        .lineHeight-3--dt {
            line-height: 3
        }

        .lineHeight-inherit--dt {
            line-height: inherit
        }
    }

    .letterSpacing-0 {
        letter-spacing: 0
    }

    .letterSpacing-up1 {
        letter-spacing: 0.0625em
    }

    .letterSpacing-up2 {
        letter-spacing: 0.125em
    }

    .letterSpacing-up3 {
        letter-spacing: 0.25em
    }

    .letterSpacing-down1 {
        letter-spacing: -0.0375em
    }

    .letterSpacing-down2 {
        letter-spacing: -0.075em
    }

    .letterSpacing-down3 {
        letter-spacing: -0.15em
    }

    .letterSpacing-1em {
        letter-spacing: 1em
    }

    .letterSpacing-2em {
        letter-spacing: 2em
    }

    .letterSpacing-harfLetter {
        letter-spacing: 0.5em
    }

    .letterSpacing-inherit {
        letter-spacing: inherit
    }

    @media(min-width: 440px) {
        .letterSpacing-0--splg {
            letter-spacing: 0
        }

        .letterSpacing-up1--splg {
            letter-spacing: 0.0625em
        }

        .letterSpacing-up2--splg {
            letter-spacing: 0.125em
        }

        .letterSpacing-up3--splg {
            letter-spacing: 0.25em
        }

        .letterSpacing-down1--splg {
            letter-spacing: -0.0375em
        }

        .letterSpacing-down2--splg {
            letter-spacing: -0.075em
        }

        .letterSpacing-down3--splg {
            letter-spacing: -0.15em
        }

        .letterSpacing-1em--splg {
            letter-spacing: 1em
        }

        .letterSpacing-2em--splg {
            letter-spacing: 2em
        }

        .letterSpacing-harfLetter--splg {
            letter-spacing: 0.5em
        }

        .letterSpacing-inherit--splg {
            letter-spacing: inherit
        }
    }

    @media(min-width: 720px) {
        .letterSpacing-0--tb {
            letter-spacing: 0
        }

        .letterSpacing-up1--tb {
            letter-spacing: 0.0625em
        }

        .letterSpacing-up2--tb {
            letter-spacing: 0.125em
        }

        .letterSpacing-up3--tb {
            letter-spacing: 0.25em
        }

        .letterSpacing-down1--tb {
            letter-spacing: -0.0375em
        }

        .letterSpacing-down2--tb {
            letter-spacing: -0.075em
        }

        .letterSpacing-down3--tb {
            letter-spacing: -0.15em
        }

        .letterSpacing-1em--tb {
            letter-spacing: 1em
        }

        .letterSpacing-2em--tb {
            letter-spacing: 2em
        }

        .letterSpacing-harfLetter--tb {
            letter-spacing: 0.5em
        }

        .letterSpacing-inherit--tb {
            letter-spacing: inherit
        }
    }

    @media(min-width: 900px) {
        .letterSpacing-0--tblg {
            letter-spacing: 0
        }

        .letterSpacing-up1--tblg {
            letter-spacing: 0.0625em
        }

        .letterSpacing-up2--tblg {
            letter-spacing: 0.125em
        }

        .letterSpacing-up3--tblg {
            letter-spacing: 0.25em
        }

        .letterSpacing-down1--tblg {
            letter-spacing: -0.0375em
        }

        .letterSpacing-down2--tblg {
            letter-spacing: -0.075em
        }

        .letterSpacing-down3--tblg {
            letter-spacing: -0.15em
        }

        .letterSpacing-1em--tblg {
            letter-spacing: 1em
        }

        .letterSpacing-2em--tblg {
            letter-spacing: 2em
        }

        .letterSpacing-harfLetter--tblg {
            letter-spacing: 0.5em
        }

        .letterSpacing-inherit--tblg {
            letter-spacing: inherit
        }
    }

    @media(min-width: 1200px) {
        .letterSpacing-0--dt {
            letter-spacing: 0
        }

        .letterSpacing-up1--dt {
            letter-spacing: 0.0625em
        }

        .letterSpacing-up2--dt {
            letter-spacing: 0.125em
        }

        .letterSpacing-up3--dt {
            letter-spacing: 0.25em
        }

        .letterSpacing-down1--dt {
            letter-spacing: -0.0375em
        }

        .letterSpacing-down2--dt {
            letter-spacing: -0.075em
        }

        .letterSpacing-down3--dt {
            letter-spacing: -0.15em
        }

        .letterSpacing-1em--dt {
            letter-spacing: 1em
        }

        .letterSpacing-2em--dt {
            letter-spacing: 2em
        }

        .letterSpacing-harfLetter--dt {
            letter-spacing: 0.5em
        }

        .letterSpacing-inherit--dt {
            letter-spacing: inherit
        }
    }
}

@layer helpers {
    .clear {
        clear: both
    }

    @media(min-width: 440px) {
        .clear--splg {
            clear: both
        }
    }

    @media(min-width: 720px) {
        .clear--tb {
            clear: both
        }
    }

    @media(min-width: 900px) {
        .clear--tblg {
            clear: both
        }
    }

    @media(min-width: 1200px) {
        .clear--dt {
            clear: both
        }
    }

    .clearfix::after,
    .clearfix-after::after {
        content: "";
        clear: both;
        display: table
    }

    .clearfix-before::before {
        content: "";
        clear: both;
        display: table
    }

    .v-hidden {
        visibility: hidden;
        overflow: hidden;
        margin: 0;
        padding: 0;
        border: 0;
        width: 0;
        height: 0
    }

    .v-hidden:last-child {
        margin-top: -2rem
    }

    .v-visible {
        visibility: visible
    }

    .d-none {
        display: none
    }

    .d-inline {
        display: inline
    }

    .d-block {
        display: block
    }

    .d-inlineBlock {
        display: inline-block
    }

    .d-flex {
        display: flex
    }

    .d-inlineFlex {
        display: inline-flex
    }

    .d-table {
        display: table
    }

    .d-inlineTable {
        display: inline-table
    }

    @media(min-width: 440px) {
        .d-none--splg {
            display: none
        }

        .d-inline--splg {
            display: inline
        }

        .d-block--splg {
            display: block
        }

        .d-inlineBlock--splg {
            display: inline-block
        }

        .d-flex--splg {
            display: flex
        }

        .d-inlineFlex--splg {
            display: inline-flex
        }

        .d-table--splg {
            display: table
        }

        .d-inlineTable--splg {
            display: inline-table
        }
    }

    @media(min-width: 720px) {
        .d-none--tb {
            display: none
        }

        .d-inline--tb {
            display: inline
        }

        .d-block--tb {
            display: block
        }

        .d-inlineBlock--tb {
            display: inline-block
        }

        .d-flex--tb {
            display: flex
        }

        .d-inlineFlex--tb {
            display: inline-flex
        }

        .d-table--tb {
            display: table
        }

        .d-inlineTable--tb {
            display: inline-table
        }
    }

    @media(min-width: 900px) {
        .d-none--tblg {
            display: none
        }

        .d-inline--tblg {
            display: inline
        }

        .d-block--tblg {
            display: block
        }

        .d-inlineBlock--tblg {
            display: inline-block
        }

        .d-flex--tblg {
            display: flex
        }

        .d-inlineFlex--tblg {
            display: inline-flex
        }

        .d-table--tblg {
            display: table
        }

        .d-inlineTable--tblg {
            display: inline-table
        }
    }

    @media(min-width: 1200px) {
        .d-none--dt {
            display: none
        }

        .d-inline--dt {
            display: inline
        }

        .d-block--dt {
            display: block
        }

        .d-inlineBlock--dt {
            display: inline-block
        }

        .d-flex--dt {
            display: flex
        }

        .d-inlineFlex--dt {
            display: inline-flex
        }

        .d-table--dt {
            display: table
        }

        .d-inlineTable--dt {
            display: inline-table
        }
    }

    .position-static {
        position: static
    }

    .position-relative {
        position: relative
    }

    .position-absolute {
        position: absolute
    }

    .position-fixed {
        position: fixed
    }

    .position-sticky {
        position: -webkit-sticky;
        position: sticky
    }

    @media(min-width: 440px) {
        .position-static--splg {
            position: static
        }

        .position-relative--splg {
            position: relative
        }

        .position-absolute--splg {
            position: absolute
        }

        .position-fixed--splg {
            position: fixed
        }

        .position-sticky--splg {
            position: -webkit-sticky;
            position: sticky
        }
    }

    @media(min-width: 720px) {
        .position-static--tb {
            position: static
        }

        .position-relative--tb {
            position: relative
        }

        .position-absolute--tb {
            position: absolute
        }

        .position-fixed--tb {
            position: fixed
        }

        .position-sticky--tb {
            position: -webkit-sticky;
            position: sticky
        }
    }

    @media(min-width: 900px) {
        .position-static--tblg {
            position: static
        }

        .position-relative--tblg {
            position: relative
        }

        .position-absolute--tblg {
            position: absolute
        }

        .position-fixed--tblg {
            position: fixed
        }

        .position-sticky--tblg {
            position: -webkit-sticky;
            position: sticky
        }
    }

    @media(min-width: 1200px) {
        .position-static--dt {
            position: static
        }

        .position-relative--dt {
            position: relative
        }

        .position-absolute--dt {
            position: absolute
        }

        .position-fixed--dt {
            position: fixed
        }

        .position-sticky--dt {
            position: -webkit-sticky;
            position: sticky
        }
    }

    .border-none {
        border: none
    }

    .border-solid {
        border: solid 1px
    }

    .border-dashed {
        border: dashed 1px
    }

    .border-dotted {
        border: dotted 1px
    }

    .border-double {
        border: double 3px
    }

    .border-1px {
        border-width: 1px
    }

    .border-2px {
        border-width: 2px
    }

    .border-3px {
        border-width: 3px
    }

    .border-4px {
        border-width: 4px
    }

    .border-5px {
        border-width: 5px
    }

    .border-6px {
        border-width: 6px
    }

    .border-7px {
        border-width: 7px
    }

    .border-8px {
        border-width: 8px
    }

    @media(min-width: 440px) {
        .border-1px--splg {
            border-width: 1px
        }

        .border-2px--splg {
            border-width: 2px
        }

        .border-3px--splg {
            border-width: 3px
        }

        .border-4px--splg {
            border-width: 4px
        }

        .border-5px--splg {
            border-width: 5px
        }

        .border-6px--splg {
            border-width: 6px
        }

        .border-7px--splg {
            border-width: 7px
        }

        .border-8px--splg {
            border-width: 8px
        }
    }

    @media(min-width: 720px) {
        .border-1px--tb {
            border-width: 1px
        }

        .border-2px--tb {
            border-width: 2px
        }

        .border-3px--tb {
            border-width: 3px
        }

        .border-4px--tb {
            border-width: 4px
        }

        .border-5px--tb {
            border-width: 5px
        }

        .border-6px--tb {
            border-width: 6px
        }

        .border-7px--tb {
            border-width: 7px
        }

        .border-8px--tb {
            border-width: 8px
        }
    }

    @media(min-width: 900px) {
        .border-1px--tblg {
            border-width: 1px
        }

        .border-2px--tblg {
            border-width: 2px
        }

        .border-3px--tblg {
            border-width: 3px
        }

        .border-4px--tblg {
            border-width: 4px
        }

        .border-5px--tblg {
            border-width: 5px
        }

        .border-6px--tblg {
            border-width: 6px
        }

        .border-7px--tblg {
            border-width: 7px
        }

        .border-8px--tblg {
            border-width: 8px
        }
    }

    @media(min-width: 1200px) {
        .border-1px--dt {
            border-width: 1px
        }

        .border-2px--dt {
            border-width: 2px
        }

        .border-3px--dt {
            border-width: 3px
        }

        .border-4px--dt {
            border-width: 4px
        }

        .border-5px--dt {
            border-width: 5px
        }

        .border-6px--dt {
            border-width: 6px
        }

        .border-7px--dt {
            border-width: 7px
        }

        .border-8px--dt {
            border-width: 8px
        }
    }

    .video {
        aspect-ratio: 16/9;
        width: 100%;
        height: 100%
    }

    .map {
        aspect-ratio: 4/3;
        width: 100%;
        height: 100%
    }

    .ratio-auto {
        aspect-ratio: auto;
        height: 100%
    }

    .ratio-1to1 {
        aspect-ratio: 1/1;
        height: 100%
    }

    .ratio-2to3 {
        aspect-ratio: 2/3;
        height: 100%
    }

    .ratio-3to2 {
        aspect-ratio: 3/2;
        height: 100%
    }

    .ratio-3to4 {
        aspect-ratio: 3/4;
        height: 100%
    }

    .ratio-4to3 {
        aspect-ratio: 4/3;
        height: 100%
    }

    .ratio-9to16 {
        aspect-ratio: 9/16;
        height: 100%
    }

    .ratio-16to9 {
        aspect-ratio: 16/9;
        height: 100%
    }

    .ratio-4to5 {
        aspect-ratio: 4 / 5;
        height: 100%
    }

    @media(min-width: 440px) {
        .ratio-auto--splg {
            aspect-ratio: auto;
            height: 100%
        }

        .ratio-1to1--splg {
            aspect-ratio: 1/1;
            height: 100%
        }

        .ratio-2to3--splg {
            aspect-ratio: 2/3;
            height: 100%
        }

        .ratio-3to2--splg {
            aspect-ratio: 3/2;
            height: 100%
        }

        .ratio-3to4--splg {
            aspect-ratio: 3/4;
            height: 100%
        }

        .ratio-4to3--splg {
            aspect-ratio: 4/3;
            height: 100%
        }

        .ratio-9to16--splg {
            aspect-ratio: 9/16;
            height: 100%
        }

        .ratio-16to9--splg {
            aspect-ratio: 16/9;
            height: 100%
        }

        .ratio-4to5--splg {
            aspect-ratio: 4 / 5;
            height: 100%
        }
    }

    @media(min-width: 720px) {
        .ratio-auto--tb {
            aspect-ratio: auto;
            height: 100%
        }

        .ratio-1to1--tb {
            aspect-ratio: 1/1;
            height: 100%
        }

        .ratio-2to3--tb {
            aspect-ratio: 2/3;
            height: 100%
        }

        .ratio-3to2--tb {
            aspect-ratio: 3/2;
            height: 100%
        }

        .ratio-3to4--tb {
            aspect-ratio: 3/4;
            height: 100%
        }

        .ratio-4to3--tb {
            aspect-ratio: 4/3;
            height: 100%
        }

        .ratio-9to16--tb {
            aspect-ratio: 9/16;
            height: 100%
        }

        .ratio-16to9--tb {
            aspect-ratio: 16/9;
            height: 100%
        }

        .ratio-4to5--tb {
            aspect-ratio: 4 / 5;
            height: 100%
        }
    }

    @media(min-width: 900px) {
        .ratio-auto--tblg {
            aspect-ratio: auto;
            height: 100%
        }

        .ratio-1to1--tblg {
            aspect-ratio: 1/1;
            height: 100%
        }

        .ratio-2to3--tblg {
            aspect-ratio: 2/3;
            height: 100%
        }

        .ratio-3to2--tblg {
            aspect-ratio: 3/2;
            height: 100%
        }

        .ratio-3to4--tblg {
            aspect-ratio: 3/4;
            height: 100%
        }

        .ratio-4to3--tblg {
            aspect-ratio: 4/3;
            height: 100%
        }

        .ratio-9to16--tblg {
            aspect-ratio: 9/16;
            height: 100%
        }

        .ratio-16to9--tblg {
            aspect-ratio: 16/9;
            height: 100%
        }

        .ratio-4to5--tblg {
            aspect-ratio: 4 / 5;
            height: 100%
        }
    }

    @media(min-width: 1200px) {
        .ratio-auto--dt {
            aspect-ratio: auto;
            height: 100%
        }

        .ratio-1to1--dt {
            aspect-ratio: 1/1;
            height: 100%
        }

        .ratio-2to3--dt {
            aspect-ratio: 2/3;
            height: 100%
        }

        .ratio-3to2--dt {
            aspect-ratio: 3/2;
            height: 100%
        }

        .ratio-3to4--dt {
            aspect-ratio: 3/4;
            height: 100%
        }

        .ratio-4to3--dt {
            aspect-ratio: 4/3;
            height: 100%
        }

        .ratio-9to16--dt {
            aspect-ratio: 9/16;
            height: 100%
        }

        .ratio-16to9--dt {
            aspect-ratio: 16/9;
            height: 100%
        }

        .ratio-4to5--dt {
            aspect-ratio: 4 / 5;
            height: 100%
        }
    }

    .objectFit-none {
        -o-object-fit: none;
        object-fit: none
    }

    .objectFit-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .objectFit-contain {
        -o-object-fit: contain;
        object-fit: contain
    }

    @media(min-width: 440px) {
        .objectFit-none--splg {
            -o-object-fit: none;
            object-fit: none
        }

        .objectFit-cover--splg {
            -o-object-fit: cover;
            object-fit: cover
        }

        .objectFit-contain--splg {
            -o-object-fit: contain;
            object-fit: contain
        }
    }

    @media(min-width: 720px) {
        .objectFit-none--tb {
            -o-object-fit: none;
            object-fit: none
        }

        .objectFit-cover--tb {
            -o-object-fit: cover;
            object-fit: cover
        }

        .objectFit-contain--tb {
            -o-object-fit: contain;
            object-fit: contain
        }
    }

    @media(min-width: 900px) {
        .objectFit-none--tblg {
            -o-object-fit: none;
            object-fit: none
        }

        .objectFit-cover--tblg {
            -o-object-fit: cover;
            object-fit: cover
        }

        .objectFit-contain--tblg {
            -o-object-fit: contain;
            object-fit: contain
        }
    }

    @media(min-width: 1200px) {
        .objectFit-none--dt {
            -o-object-fit: none;
            object-fit: none
        }

        .objectFit-cover--dt {
            -o-object-fit: cover;
            object-fit: cover
        }

        .objectFit-contain--dt {
            -o-object-fit: contain;
            object-fit: contain
        }
    }

    .elem-small,
    .elem-compact {
        --headingGap: clamp(12px, 1.5vw, 15px);
        line-height: 1.4
    }

    .elem-small *,
    .elem-compact * {
        --blockElemsGap: var(--compactBlockElemsGap)
    }

    .elem-small {
        --tablePadding: clamp(1rem, 1.6vw, 1.6rem);
        font-size: 93.75%
    }

    .elem-default {
        --headingGap: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
        --tablePadding: clamp(1.8rem, 2.8vw, 3rem);
        font-size: 1.6rem
    }

    .elem-default * {
        --blockElemsGap: 2rem
    }

    @media(min-width: 440px) {

        .elem-small--splg,
        .elem-compact--splg {
            --headingGap: clamp(12px, 1.5vw, 15px);
            line-height: 1.4
        }

        .elem-small--splg *,
        .elem-compact--splg * {
            --blockElemsGap: var(--compactBlockElemsGap)
        }

        .elem-small--splg {
            --tablePadding: clamp(1rem, 1.6vw, 1.6rem);
            font-size: 93.75%
        }

        .elem-default--splg {
            --headingGap: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            --tablePadding: clamp(1.8rem, 2.8vw, 3rem);
            font-size: 1.6rem
        }

        .elem-default--splg * {
            --blockElemsGap: 2rem
        }
    }

    @media(min-width: 720px) {

        .elem-small--tb,
        .elem-compact--tb {
            --headingGap: clamp(12px, 1.5vw, 15px);
            line-height: 1.4
        }

        .elem-small--tb *,
        .elem-compact--tb * {
            --blockElemsGap: var(--compactBlockElemsGap)
        }

        .elem-small--tb {
            --tablePadding: clamp(1rem, 1.6vw, 1.6rem);
            font-size: 93.75%
        }

        .elem-default--tb {
            --headingGap: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            --tablePadding: clamp(1.8rem, 2.8vw, 3rem);
            font-size: 1.6rem
        }

        .elem-default--tb * {
            --blockElemsGap: 2rem
        }
    }

    @media(min-width: 900px) {

        .elem-small--tblg,
        .elem-compact--tblg {
            --headingGap: clamp(12px, 1.5vw, 15px);
            line-height: 1.4
        }

        .elem-small--tblg *,
        .elem-compact--tblg * {
            --blockElemsGap: var(--compactBlockElemsGap)
        }

        .elem-small--tblg {
            --tablePadding: clamp(1rem, 1.6vw, 1.6rem);
            font-size: 93.75%
        }

        .elem-default--tblg {
            --headingGap: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            --tablePadding: clamp(1.8rem, 2.8vw, 3rem);
            font-size: 1.6rem
        }

        .elem-default--tblg * {
            --blockElemsGap: 2rem
        }
    }

    @media(min-width: 1200px) {

        .elem-small--dt,
        .elem-compact--dt {
            --headingGap: clamp(12px, 1.5vw, 15px);
            line-height: 1.4
        }

        .elem-small--dt *,
        .elem-compact--dt * {
            --blockElemsGap: var(--compactBlockElemsGap)
        }

        .elem-small--dt {
            --tablePadding: clamp(1rem, 1.6vw, 1.6rem);
            font-size: 93.75%
        }

        .elem-default--dt {
            --headingGap: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            --tablePadding: clamp(1.8rem, 2.8vw, 3rem);
            font-size: 1.6rem
        }

        .elem-default--dt * {
            --blockElemsGap: 2rem
        }
    }
}

@layer helpers {

    .cw-1of1>*,
    .cw-2of2>*,
    .cw-3of3>*,
    .cw-4of4>*,
    .cw-5of5>*,
    .cw-6of6>*,
    .cw-7of7>*,
    .cw-8of8>*,
    .cw-9of9>*,
    .odd-w-1of1>*:nth-child(odd),
    .odd-w-2of2>*:nth-child(odd),
    .odd-w-3of3>*:nth-child(odd),
    .odd-w-4of4>*:nth-child(odd),
    .odd-w-5of5>*:nth-child(odd),
    .odd-w-6of6>*:nth-child(odd),
    .odd-w-7of7>*:nth-child(odd),
    .odd-w-8of8>*:nth-child(odd),
    .odd-w-9of9>*:nth-child(odd),
    .even-w-1of1>*:nth-child(even),
    .even-w-2of2>*:nth-child(even),
    .even-w-3of3>*:nth-child(even),
    .even-w-4of4>*:nth-child(even),
    .even-w-5of5>*:nth-child(even),
    .even-w-6of6>*:nth-child(even),
    .even-w-7of7>*:nth-child(even),
    .even-w-8of8>*:nth-child(even),
    .even-w-9of9>*:nth-child(even) {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    .cw-1of3>*,
    .cw-2of6>*,
    .cw-3of9>*,
    .odd-w-1of3>*:nth-child(odd),
    .odd-w-2of6>*:nth-child(odd),
    .odd-w-3of9>*:nth-child(odd),
    .even-w-1of3>*:nth-child(even),
    .even-w-2of6>*:nth-child(even),
    .even-w-3of9>*:nth-child(even) {
        width: 33.33333%;
        max-width: 33.33333%;
        flex: 0 0 33.33333%
    }

    .cw-2of3>*,
    .cw-4of6>*,
    .cw-6of9>*,
    .odd-w-2of3>*:nth-child(odd),
    .odd-w-4of6>*:nth-child(odd),
    .odd-w-6of9>*:nth-child(odd),
    .even-w-2of3>*:nth-child(even),
    .even-w-4of6>*:nth-child(even),
    .even-w-6of9>*:nth-child(even) {
        width: 66.66667%;
        max-width: 66.66667%;
        flex: 0 0 66.66667%
    }

    .cw-1of4>*,
    .cw-2of8>*,
    .cw-4of8>*,
    .odd-w-1of4>*:nth-child(odd),
    .odd-w-2of8>*:nth-child(odd),
    .odd-w-4of8>*:nth-child(odd),
    .even-w-1of4>*:nth-child(even),
    .even-w-2of8>*:nth-child(even),
    .even-w-4of8>*:nth-child(even) {
        width: 25%;
        max-width: 25%;
        flex: 0 0 25%
    }

    .cw-1of2>*,
    .cw-2of4>*,
    .cw-3of6>*,
    .cw-4of8>*,
    .odd-w-1of2>*:nth-child(odd),
    .odd-w-2of4>*:nth-child(odd),
    .odd-w-3of6>*:nth-child(odd),
    .odd-w-4of8>*:nth-child(odd),
    .even-w-1of2>*:nth-child(even),
    .even-w-2of4>*:nth-child(even),
    .even-w-3of6>*:nth-child(even),
    .even-w-4of8>*:nth-child(even) {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%
    }

    .cw-3of4>*,
    .cw-6of8>*,
    .odd-w-3of4>*:nth-child(odd),
    .odd-w-6of8>*:nth-child(odd),
    .even-w-3of4>*:nth-child(even),
    .even-w-6of8>*:nth-child(even) {
        width: 75%;
        max-width: 75%;
        flex: 0 0 75%
    }

    .cw-1of5>*,
    .odd-w-1of5>*:nth-child(odd),
    .even-w-1of5>*:nth-child(even) {
        width: 20%;
        max-width: 20%;
        flex: 0 0 20%
    }

    .cw-2of5>*,
    .odd-w-2of5>*:nth-child(odd),
    .even-w-2of5>*:nth-child(even) {
        width: 40%;
        max-width: 40%;
        flex: 0 0 40%
    }

    .cw-3of5>*,
    .odd-w-3of5>*:nth-child(odd),
    .even-w-3of5>*:nth-child(even) {
        width: 60%;
        max-width: 60%;
        flex: 0 0 60%
    }

    .cw-4of5>*,
    .odd-w-4of5>*:nth-child(odd),
    .even-w-4of5>*:nth-child(even) {
        width: 80%;
        max-width: 80%;
        flex: 0 0 80%
    }

    .cw-1of6>*,
    .odd-w-1of6>*:nth-child(odd),
    .even-w-1of6>*:nth-child(even) {
        width: 16.66667%;
        max-width: 16.66667%;
        flex: 0 0 16.66667%
    }

    .cw-5of6>*,
    .odd-w-5of6>*:nth-child(odd),
    .even-w-5of6>*:nth-child(even) {
        width: 83.33333%;
        max-width: 83.33333%;
        flex: 0 0 83.33333%
    }

    .cw-1of7>*,
    .odd-w-1of7>*:nth-child(odd),
    .even-w-1of7>*:nth-child(even) {
        width: 14.28571%;
        max-width: 14.28571%;
        flex: 0 0 14.28571%
    }

    .cw-2of7>*,
    .odd-w-2of7>*:nth-child(odd),
    .even-w-2of7>*:nth-child(even) {
        width: 28.57143%;
        max-width: 28.57143%;
        flex: 0 0 28.57143%
    }

    .cw-3of7>*,
    .odd-w-3of7>*:nth-child(odd),
    .even-w-3of7>*:nth-child(even) {
        width: 42.85714%;
        max-width: 42.85714%;
        flex: 0 0 42.85714%
    }

    .cw-4of7>*,
    .odd-w-4of7>*:nth-child(odd),
    .even-w-4of7>*:nth-child(even) {
        width: 57.14286%;
        max-width: 57.14286%;
        flex: 0 0 57.14286%
    }

    .cw-5of7>*,
    .odd-w-5of7>*:nth-child(odd),
    .even-w-5of7>*:nth-child(even) {
        width: 71.42857%;
        max-width: 71.42857%;
        flex: 0 0 71.42857%
    }

    .cw-6of7>*,
    .odd-w-6of7>*:nth-child(odd),
    .even-w-6of7>*:nth-child(even) {
        width: 85.71429%;
        max-width: 85.71429%;
        flex: 0 0 85.71429%
    }

    .cw-1of8>*,
    .odd-w-1of8>*:nth-child(odd),
    .even-w-1of8>*:nth-child(even) {
        width: 12.5%;
        max-width: 12.5%;
        flex: 0 0 12.5%
    }

    .cw-3of8>*,
    .odd-w-3of8>*:nth-child(odd),
    .even-w-3of8>*:nth-child(even) {
        width: 37.5%;
        max-width: 37.5%;
        flex: 0 0 37.5%
    }

    .cw-5of8>*,
    .odd-w-5of8>*:nth-child(odd),
    .even-w-5of8>*:nth-child(even) {
        width: 62.5%;
        max-width: 62.5%;
        flex: 0 0 62.5%
    }

    .cw-7of8>*,
    .odd-w-7of8>*:nth-child(odd),
    .even-w-7of8>*:nth-child(even) {
        width: 87.5%;
        max-width: 87.5%;
        flex: 0 0 87.5%
    }

    .cw-1of9>*,
    .odd-w-1of9>*:nth-child(odd),
    .even-w-1of9>*:nth-child(even) {
        width: 11.11111%;
        max-width: 11.11111%;
        flex: 0 0 11.11111%
    }

    .cw-2of9>*,
    .odd-w-2of9>*:nth-child(odd),
    .even-w-2of9>*:nth-child(even) {
        width: 22.22222%;
        max-width: 22.22222%;
        flex: 0 0 22.22222%
    }

    .cw-4of9>*,
    .odd-w-4of9>*:nth-child(odd),
    .even-w-4of9>*:nth-child(even) {
        width: 44.44444%;
        max-width: 44.44444%;
        flex: 0 0 44.44444%
    }

    .cw-5of9>*,
    .odd-w-5of9>*:nth-child(odd),
    .even-w-5of9>*:nth-child(even) {
        width: 55.55556%;
        max-width: 55.55556%;
        flex: 0 0 55.55556%
    }

    .cw-7of9>*,
    .odd-w-7of9>*:nth-child(odd),
    .even-w-7of9>*:nth-child(even) {
        width: 77.77778%;
        max-width: 77.77778%;
        flex: 0 0 77.77778%
    }

    .cw-8of9>*,
    .odd-w-8of9>*:nth-child(odd),
    .even-w-8of9>*:nth-child(even) {
        width: 88.88889%;
        max-width: 88.88889%;
        flex: 0 0 88.88889%
    }

    .cw-auto>*,
    .odd-w-auto>*:nth-child(odd),
    .even-w-auto>*:nth-child(even) {
        width: auto;
        max-width: 100%;
        flex: 0 0 auto
    }

    .w-1of1,
    .w-2of2,
    .w-3of3,
    .w-4of4,
    .w-5of5,
    .w-6of6,
    .w-7of7,
    .w-8of8,
    .w-9of9 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    .w-1of3,
    .w-2of6,
    .w-3of9 {
        width: 33.33333%;
        max-width: 33.33333%;
        flex: 0 0 33.33333%
    }

    .w-2of3,
    .w-4of6,
    .w-6of9 {
        width: 66.66667%;
        max-width: 66.66667%;
        flex: 0 0 66.66667%
    }

    .w-1of4,
    .w-2of8,
    .w-4of8 {
        width: 25%;
        max-width: 25%;
        flex: 0 0 25%
    }

    .w-1of2,
    .w-2of4,
    .w-3of6,
    .w-4of8 {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%
    }

    .w-3of4,
    .w-6of8 {
        width: 75%;
        max-width: 75%;
        flex: 0 0 75%
    }

    .w-1of5 {
        width: 20%;
        max-width: 20%;
        flex: 0 0 20%
    }

    .w-2of5 {
        width: 40%;
        max-width: 40%;
        flex: 0 0 40%
    }

    .w-3of5 {
        width: 60%;
        max-width: 60%;
        flex: 0 0 60%
    }

    .w-4of5 {
        width: 80%;
        max-width: 80%;
        flex: 0 0 80%
    }

    .w-1of6 {
        width: 16.66667%;
        max-width: 16.66667%;
        flex: 0 0 16.66667%
    }

    .w-5of6 {
        width: 83.33333%;
        max-width: 83.33333%;
        flex: 0 0 83.33333%
    }

    .w-1of7 {
        width: 14.28571%;
        max-width: 14.28571%;
        flex: 0 0 14.28571%
    }

    .w-2of7 {
        width: 28.57143%;
        max-width: 28.57143%;
        flex: 0 0 28.57143%
    }

    .w-3of7 {
        width: 42.85714%;
        max-width: 42.85714%;
        flex: 0 0 42.85714%
    }

    .w-4of7 {
        width: 57.14286%;
        max-width: 57.14286%;
        flex: 0 0 57.14286%
    }

    .w-5of7 {
        width: 71.42857%;
        max-width: 71.42857%;
        flex: 0 0 71.42857%
    }

    .w-6of7 {
        width: 85.71429%;
        max-width: 85.71429%;
        flex: 0 0 85.71429%
    }

    .w-1of8 {
        width: 12.5%;
        max-width: 12.5%;
        flex: 0 0 12.5%
    }

    .w-3of8 {
        width: 37.5%;
        max-width: 37.5%;
        flex: 0 0 37.5%
    }

    .w-5of8 {
        width: 62.5%;
        max-width: 62.5%;
        flex: 0 0 62.5%
    }

    .w-7of8 {
        width: 87.5%;
        max-width: 87.5%;
        flex: 0 0 87.5%
    }

    .w-1of9 {
        width: 11.11111%;
        max-width: 11.11111%;
        flex: 0 0 11.11111%
    }

    .w-2of9 {
        width: 22.22222%;
        max-width: 22.22222%;
        flex: 0 0 22.22222%
    }

    .w-4of9 {
        width: 44.44444%;
        max-width: 44.44444%;
        flex: 0 0 44.44444%
    }

    .w-5of9 {
        width: 55.55556%;
        max-width: 55.55556%;
        flex: 0 0 55.55556%
    }

    .w-7of9 {
        width: 77.77778%;
        max-width: 77.77778%;
        flex: 0 0 77.77778%
    }

    .w-8of9 {
        width: 88.88889%;
        max-width: 88.88889%;
        flex: 0 0 88.88889%
    }

    .w-auto {
        width: auto;
        max-width: 100%;
        flex: 0 0 auto
    }

    @media(min-width: 440px) {

        .cw-1of1--splg>*,
        .cw-2of2--splg>*,
        .cw-3of3--splg>*,
        .cw-4of4--splg>*,
        .cw-5of5--splg>*,
        .cw-6of6--splg>*,
        .cw-7of7--splg>*,
        .cw-8of8--splg>*,
        .cw-9of9--splg>*,
        .odd-w-1of1--splg>*:nth-child(odd),
        .odd-w-2of2--splg>*:nth-child(odd),
        .odd-w-3of3--splg>*:nth-child(odd),
        .odd-w-4of4--splg>*:nth-child(odd),
        .odd-w-5of5--splg>*:nth-child(odd),
        .odd-w-6of6--splg>*:nth-child(odd),
        .odd-w-7of7--splg>*:nth-child(odd),
        .odd-w-8of8--splg>*:nth-child(odd),
        .odd-w-9of9--splg>*:nth-child(odd),
        .even-w-1of1--splg>*:nth-child(even),
        .even-w-2of2--splg>*:nth-child(even),
        .even-w-3of3--splg>*:nth-child(even),
        .even-w-4of4--splg>*:nth-child(even),
        .even-w-5of5--splg>*:nth-child(even),
        .even-w-6of6--splg>*:nth-child(even),
        .even-w-7of7--splg>*:nth-child(even),
        .even-w-8of8--splg>*:nth-child(even),
        .even-w-9of9--splg>*:nth-child(even) {
            width: 100%;
            max-width: 100%;
            flex: 0 0 100%
        }

        .cw-1of3--splg>*,
        .cw-2of6--splg>*,
        .cw-3of9--splg>*,
        .odd-w-1of3--splg>*:nth-child(odd),
        .odd-w-2of6--splg>*:nth-child(odd),
        .odd-w-3of9--splg>*:nth-child(odd),
        .even-w-1of3--splg>*:nth-child(even),
        .even-w-2of6--splg>*:nth-child(even),
        .even-w-3of9--splg>*:nth-child(even) {
            width: 33.33333%;
            max-width: 33.33333%;
            flex: 0 0 33.33333%
        }

        .cw-2of3--splg>*,
        .cw-4of6--splg>*,
        .cw-6of9--splg>*,
        .odd-w-2of3--splg>*:nth-child(odd),
        .odd-w-4of6--splg>*:nth-child(odd),
        .odd-w-6of9--splg>*:nth-child(odd),
        .even-w-2of3--splg>*:nth-child(even),
        .even-w-4of6--splg>*:nth-child(even),
        .even-w-6of9--splg>*:nth-child(even) {
            width: 66.66667%;
            max-width: 66.66667%;
            flex: 0 0 66.66667%
        }

        .cw-1of4--splg>*,
        .cw-2of8--splg>*,
        .cw-4of8--splg>*,
        .odd-w-1of4--splg>*:nth-child(odd),
        .odd-w-2of8--splg>*:nth-child(odd),
        .odd-w-4of8--splg>*:nth-child(odd),
        .even-w-1of4--splg>*:nth-child(even),
        .even-w-2of8--splg>*:nth-child(even),
        .even-w-4of8--splg>*:nth-child(even) {
            width: 25%;
            max-width: 25%;
            flex: 0 0 25%
        }

        .cw-1of2--splg>*,
        .cw-2of4--splg>*,
        .cw-3of6--splg>*,
        .cw-4of8--splg>*,
        .odd-w-1of2--splg>*:nth-child(odd),
        .odd-w-2of4--splg>*:nth-child(odd),
        .odd-w-3of6--splg>*:nth-child(odd),
        .odd-w-4of8--splg>*:nth-child(odd),
        .even-w-1of2--splg>*:nth-child(even),
        .even-w-2of4--splg>*:nth-child(even),
        .even-w-3of6--splg>*:nth-child(even),
        .even-w-4of8--splg>*:nth-child(even) {
            width: 50%;
            max-width: 50%;
            flex: 0 0 50%
        }

        .cw-3of4--splg>*,
        .cw-6of8--splg>*,
        .odd-w-3of4--splg>*:nth-child(odd),
        .odd-w-6of8--splg>*:nth-child(odd),
        .even-w-3of4--splg>*:nth-child(even),
        .even-w-6of8--splg>*:nth-child(even) {
            width: 75%;
            max-width: 75%;
            flex: 0 0 75%
        }

        .cw-1of5--splg>*,
        .odd-w-1of5--splg>*:nth-child(odd),
        .even-w-1of5--splg>*:nth-child(even) {
            width: 20%;
            max-width: 20%;
            flex: 0 0 20%
        }

        .cw-2of5--splg>*,
        .odd-w-2of5--splg>*:nth-child(odd),
        .even-w-2of5--splg>*:nth-child(even) {
            width: 40%;
            max-width: 40%;
            flex: 0 0 40%
        }

        .cw-3of5--splg>*,
        .odd-w-3of5--splg>*:nth-child(odd),
        .even-w-3of5--splg>*:nth-child(even) {
            width: 60%;
            max-width: 60%;
            flex: 0 0 60%
        }

        .cw-4of5--splg>*,
        .odd-w-4of5--splg>*:nth-child(odd),
        .even-w-4of5--splg>*:nth-child(even) {
            width: 80%;
            max-width: 80%;
            flex: 0 0 80%
        }

        .cw-1of6--splg>*,
        .odd-w-1of6--splg>*:nth-child(odd),
        .even-w-1of6--splg>*:nth-child(even) {
            width: 16.66667%;
            max-width: 16.66667%;
            flex: 0 0 16.66667%
        }

        .cw-5of6--splg>*,
        .odd-w-5of6--splg>*:nth-child(odd),
        .even-w-5of6--splg>*:nth-child(even) {
            width: 83.33333%;
            max-width: 83.33333%;
            flex: 0 0 83.33333%
        }

        .cw-1of7--splg>*,
        .odd-w-1of7--splg>*:nth-child(odd),
        .even-w-1of7--splg>*:nth-child(even) {
            width: 14.28571%;
            max-width: 14.28571%;
            flex: 0 0 14.28571%
        }

        .cw-2of7--splg>*,
        .odd-w-2of7--splg>*:nth-child(odd),
        .even-w-2of7--splg>*:nth-child(even) {
            width: 28.57143%;
            max-width: 28.57143%;
            flex: 0 0 28.57143%
        }

        .cw-3of7--splg>*,
        .odd-w-3of7--splg>*:nth-child(odd),
        .even-w-3of7--splg>*:nth-child(even) {
            width: 42.85714%;
            max-width: 42.85714%;
            flex: 0 0 42.85714%
        }

        .cw-4of7--splg>*,
        .odd-w-4of7--splg>*:nth-child(odd),
        .even-w-4of7--splg>*:nth-child(even) {
            width: 57.14286%;
            max-width: 57.14286%;
            flex: 0 0 57.14286%
        }

        .cw-5of7--splg>*,
        .odd-w-5of7--splg>*:nth-child(odd),
        .even-w-5of7--splg>*:nth-child(even) {
            width: 71.42857%;
            max-width: 71.42857%;
            flex: 0 0 71.42857%
        }

        .cw-6of7--splg>*,
        .odd-w-6of7--splg>*:nth-child(odd),
        .even-w-6of7--splg>*:nth-child(even) {
            width: 85.71429%;
            max-width: 85.71429%;
            flex: 0 0 85.71429%
        }

        .cw-1of8--splg>*,
        .odd-w-1of8--splg>*:nth-child(odd),
        .even-w-1of8--splg>*:nth-child(even) {
            width: 12.5%;
            max-width: 12.5%;
            flex: 0 0 12.5%
        }

        .cw-3of8--splg>*,
        .odd-w-3of8--splg>*:nth-child(odd),
        .even-w-3of8--splg>*:nth-child(even) {
            width: 37.5%;
            max-width: 37.5%;
            flex: 0 0 37.5%
        }

        .cw-5of8--splg>*,
        .odd-w-5of8--splg>*:nth-child(odd),
        .even-w-5of8--splg>*:nth-child(even) {
            width: 62.5%;
            max-width: 62.5%;
            flex: 0 0 62.5%
        }

        .cw-7of8--splg>*,
        .odd-w-7of8--splg>*:nth-child(odd),
        .even-w-7of8--splg>*:nth-child(even) {
            width: 87.5%;
            max-width: 87.5%;
            flex: 0 0 87.5%
        }

        .cw-1of9--splg>*,
        .odd-w-1of9--splg>*:nth-child(odd),
        .even-w-1of9--splg>*:nth-child(even) {
            width: 11.11111%;
            max-width: 11.11111%;
            flex: 0 0 11.11111%
        }

        .cw-2of9--splg>*,
        .odd-w-2of9--splg>*:nth-child(odd),
        .even-w-2of9--splg>*:nth-child(even) {
            width: 22.22222%;
            max-width: 22.22222%;
            flex: 0 0 22.22222%
        }

        .cw-4of9--splg>*,
        .odd-w-4of9--splg>*:nth-child(odd),
        .even-w-4of9--splg>*:nth-child(even) {
            width: 44.44444%;
            max-width: 44.44444%;
            flex: 0 0 44.44444%
        }

        .cw-5of9--splg>*,
        .odd-w-5of9--splg>*:nth-child(odd),
        .even-w-5of9--splg>*:nth-child(even) {
            width: 55.55556%;
            max-width: 55.55556%;
            flex: 0 0 55.55556%
        }

        .cw-7of9--splg>*,
        .odd-w-7of9--splg>*:nth-child(odd),
        .even-w-7of9--splg>*:nth-child(even) {
            width: 77.77778%;
            max-width: 77.77778%;
            flex: 0 0 77.77778%
        }

        .cw-8of9--splg>*,
        .odd-w-8of9--splg>*:nth-child(odd),
        .even-w-8of9--splg>*:nth-child(even) {
            width: 88.88889%;
            max-width: 88.88889%;
            flex: 0 0 88.88889%
        }

        .cw-auto--splg>*,
        .odd-w-auto--splg>*:nth-child(odd),
        .even-w-auto--splg>*:nth-child(even) {
            width: auto;
            max-width: 100%;
            flex: 0 0 auto
        }

        .w-1of1--splg,
        .w-2of2--splg,
        .w-3of3--splg,
        .w-4of4--splg,
        .w-5of5--splg,
        .w-6of6--splg,
        .w-7of7--splg,
        .w-8of8--splg,
        .w-9of9--splg {
            width: 100%;
            max-width: 100%;
            flex: 0 0 100%
        }

        .w-1of3--splg,
        .w-2of6--splg,
        .w-3of9--splg {
            width: 33.33333%;
            max-width: 33.33333%;
            flex: 0 0 33.33333%
        }

        .w-2of3--splg,
        .w-4of6--splg,
        .w-6of9--splg {
            width: 66.66667%;
            max-width: 66.66667%;
            flex: 0 0 66.66667%
        }

        .w-1of4--splg,
        .w-2of8--splg,
        .w-4of8--splg {
            width: 25%;
            max-width: 25%;
            flex: 0 0 25%
        }

        .w-1of2--splg,
        .w-2of4--splg,
        .w-3of6--splg,
        .w-4of8--splg {
            width: 50%;
            max-width: 50%;
            flex: 0 0 50%
        }

        .w-3of4--splg,
        .w-6of8--splg {
            width: 75%;
            max-width: 75%;
            flex: 0 0 75%
        }

        .w-1of5--splg {
            width: 20%;
            max-width: 20%;
            flex: 0 0 20%
        }

        .w-2of5--splg {
            width: 40%;
            max-width: 40%;
            flex: 0 0 40%
        }

        .w-3of5--splg {
            width: 60%;
            max-width: 60%;
            flex: 0 0 60%
        }

        .w-4of5--splg {
            width: 80%;
            max-width: 80%;
            flex: 0 0 80%
        }

        .w-1of6--splg {
            width: 16.66667%;
            max-width: 16.66667%;
            flex: 0 0 16.66667%
        }

        .w-5of6--splg {
            width: 83.33333%;
            max-width: 83.33333%;
            flex: 0 0 83.33333%
        }

        .w-1of7--splg {
            width: 14.28571%;
            max-width: 14.28571%;
            flex: 0 0 14.28571%
        }

        .w-2of7--splg {
            width: 28.57143%;
            max-width: 28.57143%;
            flex: 0 0 28.57143%
        }

        .w-3of7--splg {
            width: 42.85714%;
            max-width: 42.85714%;
            flex: 0 0 42.85714%
        }

        .w-4of7--splg {
            width: 57.14286%;
            max-width: 57.14286%;
            flex: 0 0 57.14286%
        }

        .w-5of7--splg {
            width: 71.42857%;
            max-width: 71.42857%;
            flex: 0 0 71.42857%
        }

        .w-6of7--splg {
            width: 85.71429%;
            max-width: 85.71429%;
            flex: 0 0 85.71429%
        }

        .w-1of8--splg {
            width: 12.5%;
            max-width: 12.5%;
            flex: 0 0 12.5%
        }

        .w-3of8--splg {
            width: 37.5%;
            max-width: 37.5%;
            flex: 0 0 37.5%
        }

        .w-5of8--splg {
            width: 62.5%;
            max-width: 62.5%;
            flex: 0 0 62.5%
        }

        .w-7of8--splg {
            width: 87.5%;
            max-width: 87.5%;
            flex: 0 0 87.5%
        }

        .w-1of9--splg {
            width: 11.11111%;
            max-width: 11.11111%;
            flex: 0 0 11.11111%
        }

        .w-2of9--splg {
            width: 22.22222%;
            max-width: 22.22222%;
            flex: 0 0 22.22222%
        }

        .w-4of9--splg {
            width: 44.44444%;
            max-width: 44.44444%;
            flex: 0 0 44.44444%
        }

        .w-5of9--splg {
            width: 55.55556%;
            max-width: 55.55556%;
            flex: 0 0 55.55556%
        }

        .w-7of9--splg {
            width: 77.77778%;
            max-width: 77.77778%;
            flex: 0 0 77.77778%
        }

        .w-8of9--splg {
            width: 88.88889%;
            max-width: 88.88889%;
            flex: 0 0 88.88889%
        }

        .w-auto--splg {
            width: auto;
            max-width: 100%;
            flex: 0 0 auto
        }
    }

    @media(min-width: 720px) {

        .cw-1of1--tb>*,
        .cw-2of2--tb>*,
        .cw-3of3--tb>*,
        .cw-4of4--tb>*,
        .cw-5of5--tb>*,
        .cw-6of6--tb>*,
        .cw-7of7--tb>*,
        .cw-8of8--tb>*,
        .cw-9of9--tb>*,
        .odd-w-1of1--tb>*:nth-child(odd),
        .odd-w-2of2--tb>*:nth-child(odd),
        .odd-w-3of3--tb>*:nth-child(odd),
        .odd-w-4of4--tb>*:nth-child(odd),
        .odd-w-5of5--tb>*:nth-child(odd),
        .odd-w-6of6--tb>*:nth-child(odd),
        .odd-w-7of7--tb>*:nth-child(odd),
        .odd-w-8of8--tb>*:nth-child(odd),
        .odd-w-9of9--tb>*:nth-child(odd),
        .even-w-1of1--tb>*:nth-child(even),
        .even-w-2of2--tb>*:nth-child(even),
        .even-w-3of3--tb>*:nth-child(even),
        .even-w-4of4--tb>*:nth-child(even),
        .even-w-5of5--tb>*:nth-child(even),
        .even-w-6of6--tb>*:nth-child(even),
        .even-w-7of7--tb>*:nth-child(even),
        .even-w-8of8--tb>*:nth-child(even),
        .even-w-9of9--tb>*:nth-child(even) {
            width: 100%;
            max-width: 100%;
            flex: 0 0 100%
        }

        .cw-1of3--tb>*,
        .cw-2of6--tb>*,
        .cw-3of9--tb>*,
        .odd-w-1of3--tb>*:nth-child(odd),
        .odd-w-2of6--tb>*:nth-child(odd),
        .odd-w-3of9--tb>*:nth-child(odd),
        .even-w-1of3--tb>*:nth-child(even),
        .even-w-2of6--tb>*:nth-child(even),
        .even-w-3of9--tb>*:nth-child(even) {
            width: 33.33333%;
            max-width: 33.33333%;
            flex: 0 0 33.33333%
        }

        .cw-2of3--tb>*,
        .cw-4of6--tb>*,
        .cw-6of9--tb>*,
        .odd-w-2of3--tb>*:nth-child(odd),
        .odd-w-4of6--tb>*:nth-child(odd),
        .odd-w-6of9--tb>*:nth-child(odd),
        .even-w-2of3--tb>*:nth-child(even),
        .even-w-4of6--tb>*:nth-child(even),
        .even-w-6of9--tb>*:nth-child(even) {
            width: 66.66667%;
            max-width: 66.66667%;
            flex: 0 0 66.66667%
        }

        .cw-1of4--tb>*,
        .cw-2of8--tb>*,
        .cw-4of8--tb>*,
        .odd-w-1of4--tb>*:nth-child(odd),
        .odd-w-2of8--tb>*:nth-child(odd),
        .odd-w-4of8--tb>*:nth-child(odd),
        .even-w-1of4--tb>*:nth-child(even),
        .even-w-2of8--tb>*:nth-child(even),
        .even-w-4of8--tb>*:nth-child(even) {
            width: 25%;
            max-width: 25%;
            flex: 0 0 25%
        }

        .cw-1of2--tb>*,
        .cw-2of4--tb>*,
        .cw-3of6--tb>*,
        .cw-4of8--tb>*,
        .odd-w-1of2--tb>*:nth-child(odd),
        .odd-w-2of4--tb>*:nth-child(odd),
        .odd-w-3of6--tb>*:nth-child(odd),
        .odd-w-4of8--tb>*:nth-child(odd),
        .even-w-1of2--tb>*:nth-child(even),
        .even-w-2of4--tb>*:nth-child(even),
        .even-w-3of6--tb>*:nth-child(even),
        .even-w-4of8--tb>*:nth-child(even) {
            width: 50%;
            max-width: 50%;
            flex: 0 0 50%
        }

        .cw-3of4--tb>*,
        .cw-6of8--tb>*,
        .odd-w-3of4--tb>*:nth-child(odd),
        .odd-w-6of8--tb>*:nth-child(odd),
        .even-w-3of4--tb>*:nth-child(even),
        .even-w-6of8--tb>*:nth-child(even) {
            width: 75%;
            max-width: 75%;
            flex: 0 0 75%
        }

        .cw-1of5--tb>*,
        .odd-w-1of5--tb>*:nth-child(odd),
        .even-w-1of5--tb>*:nth-child(even) {
            width: 20%;
            max-width: 20%;
            flex: 0 0 20%
        }

        .cw-2of5--tb>*,
        .odd-w-2of5--tb>*:nth-child(odd),
        .even-w-2of5--tb>*:nth-child(even) {
            width: 40%;
            max-width: 40%;
            flex: 0 0 40%
        }

        .cw-3of5--tb>*,
        .odd-w-3of5--tb>*:nth-child(odd),
        .even-w-3of5--tb>*:nth-child(even) {
            width: 60%;
            max-width: 60%;
            flex: 0 0 60%
        }

        .cw-4of5--tb>*,
        .odd-w-4of5--tb>*:nth-child(odd),
        .even-w-4of5--tb>*:nth-child(even) {
            width: 80%;
            max-width: 80%;
            flex: 0 0 80%
        }

        .cw-1of6--tb>*,
        .odd-w-1of6--tb>*:nth-child(odd),
        .even-w-1of6--tb>*:nth-child(even) {
            width: 16.66667%;
            max-width: 16.66667%;
            flex: 0 0 16.66667%
        }

        .cw-5of6--tb>*,
        .odd-w-5of6--tb>*:nth-child(odd),
        .even-w-5of6--tb>*:nth-child(even) {
            width: 83.33333%;
            max-width: 83.33333%;
            flex: 0 0 83.33333%
        }

        .cw-1of7--tb>*,
        .odd-w-1of7--tb>*:nth-child(odd),
        .even-w-1of7--tb>*:nth-child(even) {
            width: 14.28571%;
            max-width: 14.28571%;
            flex: 0 0 14.28571%
        }

        .cw-2of7--tb>*,
        .odd-w-2of7--tb>*:nth-child(odd),
        .even-w-2of7--tb>*:nth-child(even) {
            width: 28.57143%;
            max-width: 28.57143%;
            flex: 0 0 28.57143%
        }

        .cw-3of7--tb>*,
        .odd-w-3of7--tb>*:nth-child(odd),
        .even-w-3of7--tb>*:nth-child(even) {
            width: 42.85714%;
            max-width: 42.85714%;
            flex: 0 0 42.85714%
        }

        .cw-4of7--tb>*,
        .odd-w-4of7--tb>*:nth-child(odd),
        .even-w-4of7--tb>*:nth-child(even) {
            width: 57.14286%;
            max-width: 57.14286%;
            flex: 0 0 57.14286%
        }

        .cw-5of7--tb>*,
        .odd-w-5of7--tb>*:nth-child(odd),
        .even-w-5of7--tb>*:nth-child(even) {
            width: 71.42857%;
            max-width: 71.42857%;
            flex: 0 0 71.42857%
        }

        .cw-6of7--tb>*,
        .odd-w-6of7--tb>*:nth-child(odd),
        .even-w-6of7--tb>*:nth-child(even) {
            width: 85.71429%;
            max-width: 85.71429%;
            flex: 0 0 85.71429%
        }

        .cw-1of8--tb>*,
        .odd-w-1of8--tb>*:nth-child(odd),
        .even-w-1of8--tb>*:nth-child(even) {
            width: 12.5%;
            max-width: 12.5%;
            flex: 0 0 12.5%
        }

        .cw-3of8--tb>*,
        .odd-w-3of8--tb>*:nth-child(odd),
        .even-w-3of8--tb>*:nth-child(even) {
            width: 37.5%;
            max-width: 37.5%;
            flex: 0 0 37.5%
        }

        .cw-5of8--tb>*,
        .odd-w-5of8--tb>*:nth-child(odd),
        .even-w-5of8--tb>*:nth-child(even) {
            width: 62.5%;
            max-width: 62.5%;
            flex: 0 0 62.5%
        }

        .cw-7of8--tb>*,
        .odd-w-7of8--tb>*:nth-child(odd),
        .even-w-7of8--tb>*:nth-child(even) {
            width: 87.5%;
            max-width: 87.5%;
            flex: 0 0 87.5%
        }

        .cw-1of9--tb>*,
        .odd-w-1of9--tb>*:nth-child(odd),
        .even-w-1of9--tb>*:nth-child(even) {
            width: 11.11111%;
            max-width: 11.11111%;
            flex: 0 0 11.11111%
        }

        .cw-2of9--tb>*,
        .odd-w-2of9--tb>*:nth-child(odd),
        .even-w-2of9--tb>*:nth-child(even) {
            width: 22.22222%;
            max-width: 22.22222%;
            flex: 0 0 22.22222%
        }

        .cw-4of9--tb>*,
        .odd-w-4of9--tb>*:nth-child(odd),
        .even-w-4of9--tb>*:nth-child(even) {
            width: 44.44444%;
            max-width: 44.44444%;
            flex: 0 0 44.44444%
        }

        .cw-5of9--tb>*,
        .odd-w-5of9--tb>*:nth-child(odd),
        .even-w-5of9--tb>*:nth-child(even) {
            width: 55.55556%;
            max-width: 55.55556%;
            flex: 0 0 55.55556%
        }

        .cw-7of9--tb>*,
        .odd-w-7of9--tb>*:nth-child(odd),
        .even-w-7of9--tb>*:nth-child(even) {
            width: 77.77778%;
            max-width: 77.77778%;
            flex: 0 0 77.77778%
        }

        .cw-8of9--tb>*,
        .odd-w-8of9--tb>*:nth-child(odd),
        .even-w-8of9--tb>*:nth-child(even) {
            width: 88.88889%;
            max-width: 88.88889%;
            flex: 0 0 88.88889%
        }

        .cw-auto--tb>*,
        .odd-w-auto--tb>*:nth-child(odd),
        .even-w-auto--tb>*:nth-child(even) {
            width: auto;
            max-width: 100%;
            flex: 0 0 auto
        }

        .w-1of1--tb,
        .w-2of2--tb,
        .w-3of3--tb,
        .w-4of4--tb,
        .w-5of5--tb,
        .w-6of6--tb,
        .w-7of7--tb,
        .w-8of8--tb,
        .w-9of9--tb {
            width: 100%;
            max-width: 100%;
            flex: 0 0 100%
        }

        .w-1of3--tb,
        .w-2of6--tb,
        .w-3of9--tb {
            width: 33.33333%;
            max-width: 33.33333%;
            flex: 0 0 33.33333%
        }

        .w-2of3--tb,
        .w-4of6--tb,
        .w-6of9--tb {
            width: 66.66667%;
            max-width: 66.66667%;
            flex: 0 0 66.66667%
        }

        .w-1of4--tb,
        .w-2of8--tb,
        .w-4of8--tb {
            width: 25%;
            max-width: 25%;
            flex: 0 0 25%
        }

        .w-1of2--tb,
        .w-2of4--tb,
        .w-3of6--tb,
        .w-4of8--tb {
            width: 50%;
            max-width: 50%;
            flex: 0 0 50%
        }

        .w-3of4--tb,
        .w-6of8--tb {
            width: 75%;
            max-width: 75%;
            flex: 0 0 75%
        }

        .w-1of5--tb {
            width: 20%;
            max-width: 20%;
            flex: 0 0 20%
        }

        .w-2of5--tb {
            width: 40%;
            max-width: 40%;
            flex: 0 0 40%
        }

        .w-3of5--tb {
            width: 60%;
            max-width: 60%;
            flex: 0 0 60%
        }

        .w-4of5--tb {
            width: 80%;
            max-width: 80%;
            flex: 0 0 80%
        }

        .w-1of6--tb {
            width: 16.66667%;
            max-width: 16.66667%;
            flex: 0 0 16.66667%
        }

        .w-5of6--tb {
            width: 83.33333%;
            max-width: 83.33333%;
            flex: 0 0 83.33333%
        }

        .w-1of7--tb {
            width: 14.28571%;
            max-width: 14.28571%;
            flex: 0 0 14.28571%
        }

        .w-2of7--tb {
            width: 28.57143%;
            max-width: 28.57143%;
            flex: 0 0 28.57143%
        }

        .w-3of7--tb {
            width: 42.85714%;
            max-width: 42.85714%;
            flex: 0 0 42.85714%
        }

        .w-4of7--tb {
            width: 57.14286%;
            max-width: 57.14286%;
            flex: 0 0 57.14286%
        }

        .w-5of7--tb {
            width: 71.42857%;
            max-width: 71.42857%;
            flex: 0 0 71.42857%
        }

        .w-6of7--tb {
            width: 85.71429%;
            max-width: 85.71429%;
            flex: 0 0 85.71429%
        }

        .w-1of8--tb {
            width: 12.5%;
            max-width: 12.5%;
            flex: 0 0 12.5%
        }

        .w-3of8--tb {
            width: 37.5%;
            max-width: 37.5%;
            flex: 0 0 37.5%
        }

        .w-5of8--tb {
            width: 62.5%;
            max-width: 62.5%;
            flex: 0 0 62.5%
        }

        .w-7of8--tb {
            width: 87.5%;
            max-width: 87.5%;
            flex: 0 0 87.5%
        }

        .w-1of9--tb {
            width: 11.11111%;
            max-width: 11.11111%;
            flex: 0 0 11.11111%
        }

        .w-2of9--tb {
            width: 22.22222%;
            max-width: 22.22222%;
            flex: 0 0 22.22222%
        }

        .w-4of9--tb {
            width: 44.44444%;
            max-width: 44.44444%;
            flex: 0 0 44.44444%
        }

        .w-5of9--tb {
            width: 55.55556%;
            max-width: 55.55556%;
            flex: 0 0 55.55556%
        }

        .w-7of9--tb {
            width: 77.77778%;
            max-width: 77.77778%;
            flex: 0 0 77.77778%
        }

        .w-8of9--tb {
            width: 88.88889%;
            max-width: 88.88889%;
            flex: 0 0 88.88889%
        }

        .w-auto--tb {
            width: auto;
            max-width: 100%;
            flex: 0 0 auto
        }
    }

    @media(min-width: 900px) {

        .cw-1of1--tblg>*,
        .cw-2of2--tblg>*,
        .cw-3of3--tblg>*,
        .cw-4of4--tblg>*,
        .cw-5of5--tblg>*,
        .cw-6of6--tblg>*,
        .cw-7of7--tblg>*,
        .cw-8of8--tblg>*,
        .cw-9of9--tblg>*,
        .odd-w-1of1--tblg>*:nth-child(odd),
        .odd-w-2of2--tblg>*:nth-child(odd),
        .odd-w-3of3--tblg>*:nth-child(odd),
        .odd-w-4of4--tblg>*:nth-child(odd),
        .odd-w-5of5--tblg>*:nth-child(odd),
        .odd-w-6of6--tblg>*:nth-child(odd),
        .odd-w-7of7--tblg>*:nth-child(odd),
        .odd-w-8of8--tblg>*:nth-child(odd),
        .odd-w-9of9--tblg>*:nth-child(odd),
        .even-w-1of1--tblg>*:nth-child(even),
        .even-w-2of2--tblg>*:nth-child(even),
        .even-w-3of3--tblg>*:nth-child(even),
        .even-w-4of4--tblg>*:nth-child(even),
        .even-w-5of5--tblg>*:nth-child(even),
        .even-w-6of6--tblg>*:nth-child(even),
        .even-w-7of7--tblg>*:nth-child(even),
        .even-w-8of8--tblg>*:nth-child(even),
        .even-w-9of9--tblg>*:nth-child(even) {
            width: 100%;
            max-width: 100%;
            flex: 0 0 100%
        }

        .cw-1of3--tblg>*,
        .cw-2of6--tblg>*,
        .cw-3of9--tblg>*,
        .odd-w-1of3--tblg>*:nth-child(odd),
        .odd-w-2of6--tblg>*:nth-child(odd),
        .odd-w-3of9--tblg>*:nth-child(odd),
        .even-w-1of3--tblg>*:nth-child(even),
        .even-w-2of6--tblg>*:nth-child(even),
        .even-w-3of9--tblg>*:nth-child(even) {
            width: 33.33333%;
            max-width: 33.33333%;
            flex: 0 0 33.33333%
        }

        .cw-2of3--tblg>*,
        .cw-4of6--tblg>*,
        .cw-6of9--tblg>*,
        .odd-w-2of3--tblg>*:nth-child(odd),
        .odd-w-4of6--tblg>*:nth-child(odd),
        .odd-w-6of9--tblg>*:nth-child(odd),
        .even-w-2of3--tblg>*:nth-child(even),
        .even-w-4of6--tblg>*:nth-child(even),
        .even-w-6of9--tblg>*:nth-child(even) {
            width: 66.66667%;
            max-width: 66.66667%;
            flex: 0 0 66.66667%
        }

        .cw-1of4--tblg>*,
        .cw-2of8--tblg>*,
        .cw-4of8--tblg>*,
        .odd-w-1of4--tblg>*:nth-child(odd),
        .odd-w-2of8--tblg>*:nth-child(odd),
        .odd-w-4of8--tblg>*:nth-child(odd),
        .even-w-1of4--tblg>*:nth-child(even),
        .even-w-2of8--tblg>*:nth-child(even),
        .even-w-4of8--tblg>*:nth-child(even) {
            width: 25%;
            max-width: 25%;
            flex: 0 0 25%
        }

        .cw-1of2--tblg>*,
        .cw-2of4--tblg>*,
        .cw-3of6--tblg>*,
        .cw-4of8--tblg>*,
        .odd-w-1of2--tblg>*:nth-child(odd),
        .odd-w-2of4--tblg>*:nth-child(odd),
        .odd-w-3of6--tblg>*:nth-child(odd),
        .odd-w-4of8--tblg>*:nth-child(odd),
        .even-w-1of2--tblg>*:nth-child(even),
        .even-w-2of4--tblg>*:nth-child(even),
        .even-w-3of6--tblg>*:nth-child(even),
        .even-w-4of8--tblg>*:nth-child(even) {
            width: 50%;
            max-width: 50%;
            flex: 0 0 50%
        }

        .cw-3of4--tblg>*,
        .cw-6of8--tblg>*,
        .odd-w-3of4--tblg>*:nth-child(odd),
        .odd-w-6of8--tblg>*:nth-child(odd),
        .even-w-3of4--tblg>*:nth-child(even),
        .even-w-6of8--tblg>*:nth-child(even) {
            width: 75%;
            max-width: 75%;
            flex: 0 0 75%
        }

        .cw-1of5--tblg>*,
        .odd-w-1of5--tblg>*:nth-child(odd),
        .even-w-1of5--tblg>*:nth-child(even) {
            width: 20%;
            max-width: 20%;
            flex: 0 0 20%
        }

        .cw-2of5--tblg>*,
        .odd-w-2of5--tblg>*:nth-child(odd),
        .even-w-2of5--tblg>*:nth-child(even) {
            width: 40%;
            max-width: 40%;
            flex: 0 0 40%
        }

        .cw-3of5--tblg>*,
        .odd-w-3of5--tblg>*:nth-child(odd),
        .even-w-3of5--tblg>*:nth-child(even) {
            width: 60%;
            max-width: 60%;
            flex: 0 0 60%
        }

        .cw-4of5--tblg>*,
        .odd-w-4of5--tblg>*:nth-child(odd),
        .even-w-4of5--tblg>*:nth-child(even) {
            width: 80%;
            max-width: 80%;
            flex: 0 0 80%
        }

        .cw-1of6--tblg>*,
        .odd-w-1of6--tblg>*:nth-child(odd),
        .even-w-1of6--tblg>*:nth-child(even) {
            width: 16.66667%;
            max-width: 16.66667%;
            flex: 0 0 16.66667%
        }

        .cw-5of6--tblg>*,
        .odd-w-5of6--tblg>*:nth-child(odd),
        .even-w-5of6--tblg>*:nth-child(even) {
            width: 83.33333%;
            max-width: 83.33333%;
            flex: 0 0 83.33333%
        }

        .cw-1of7--tblg>*,
        .odd-w-1of7--tblg>*:nth-child(odd),
        .even-w-1of7--tblg>*:nth-child(even) {
            width: 14.28571%;
            max-width: 14.28571%;
            flex: 0 0 14.28571%
        }

        .cw-2of7--tblg>*,
        .odd-w-2of7--tblg>*:nth-child(odd),
        .even-w-2of7--tblg>*:nth-child(even) {
            width: 28.57143%;
            max-width: 28.57143%;
            flex: 0 0 28.57143%
        }

        .cw-3of7--tblg>*,
        .odd-w-3of7--tblg>*:nth-child(odd),
        .even-w-3of7--tblg>*:nth-child(even) {
            width: 42.85714%;
            max-width: 42.85714%;
            flex: 0 0 42.85714%
        }

        .cw-4of7--tblg>*,
        .odd-w-4of7--tblg>*:nth-child(odd),
        .even-w-4of7--tblg>*:nth-child(even) {
            width: 57.14286%;
            max-width: 57.14286%;
            flex: 0 0 57.14286%
        }

        .cw-5of7--tblg>*,
        .odd-w-5of7--tblg>*:nth-child(odd),
        .even-w-5of7--tblg>*:nth-child(even) {
            width: 71.42857%;
            max-width: 71.42857%;
            flex: 0 0 71.42857%
        }

        .cw-6of7--tblg>*,
        .odd-w-6of7--tblg>*:nth-child(odd),
        .even-w-6of7--tblg>*:nth-child(even) {
            width: 85.71429%;
            max-width: 85.71429%;
            flex: 0 0 85.71429%
        }

        .cw-1of8--tblg>*,
        .odd-w-1of8--tblg>*:nth-child(odd),
        .even-w-1of8--tblg>*:nth-child(even) {
            width: 12.5%;
            max-width: 12.5%;
            flex: 0 0 12.5%
        }

        .cw-3of8--tblg>*,
        .odd-w-3of8--tblg>*:nth-child(odd),
        .even-w-3of8--tblg>*:nth-child(even) {
            width: 37.5%;
            max-width: 37.5%;
            flex: 0 0 37.5%
        }

        .cw-5of8--tblg>*,
        .odd-w-5of8--tblg>*:nth-child(odd),
        .even-w-5of8--tblg>*:nth-child(even) {
            width: 62.5%;
            max-width: 62.5%;
            flex: 0 0 62.5%
        }

        .cw-7of8--tblg>*,
        .odd-w-7of8--tblg>*:nth-child(odd),
        .even-w-7of8--tblg>*:nth-child(even) {
            width: 87.5%;
            max-width: 87.5%;
            flex: 0 0 87.5%
        }

        .cw-1of9--tblg>*,
        .odd-w-1of9--tblg>*:nth-child(odd),
        .even-w-1of9--tblg>*:nth-child(even) {
            width: 11.11111%;
            max-width: 11.11111%;
            flex: 0 0 11.11111%
        }

        .cw-2of9--tblg>*,
        .odd-w-2of9--tblg>*:nth-child(odd),
        .even-w-2of9--tblg>*:nth-child(even) {
            width: 22.22222%;
            max-width: 22.22222%;
            flex: 0 0 22.22222%
        }

        .cw-4of9--tblg>*,
        .odd-w-4of9--tblg>*:nth-child(odd),
        .even-w-4of9--tblg>*:nth-child(even) {
            width: 44.44444%;
            max-width: 44.44444%;
            flex: 0 0 44.44444%
        }

        .cw-5of9--tblg>*,
        .odd-w-5of9--tblg>*:nth-child(odd),
        .even-w-5of9--tblg>*:nth-child(even) {
            width: 55.55556%;
            max-width: 55.55556%;
            flex: 0 0 55.55556%
        }

        .cw-7of9--tblg>*,
        .odd-w-7of9--tblg>*:nth-child(odd),
        .even-w-7of9--tblg>*:nth-child(even) {
            width: 77.77778%;
            max-width: 77.77778%;
            flex: 0 0 77.77778%
        }

        .cw-8of9--tblg>*,
        .odd-w-8of9--tblg>*:nth-child(odd),
        .even-w-8of9--tblg>*:nth-child(even) {
            width: 88.88889%;
            max-width: 88.88889%;
            flex: 0 0 88.88889%
        }

        .cw-auto--tblg>*,
        .odd-w-auto--tblg>*:nth-child(odd),
        .even-w-auto--tblg>*:nth-child(even) {
            width: auto;
            max-width: 100%;
            flex: 0 0 auto
        }

        .w-1of1--tblg,
        .w-2of2--tblg,
        .w-3of3--tblg,
        .w-4of4--tblg,
        .w-5of5--tblg,
        .w-6of6--tblg,
        .w-7of7--tblg,
        .w-8of8--tblg,
        .w-9of9--tblg {
            width: 100%;
            max-width: 100%;
            flex: 0 0 100%
        }

        .w-1of3--tblg,
        .w-2of6--tblg,
        .w-3of9--tblg {
            width: 33.33333%;
            max-width: 33.33333%;
            flex: 0 0 33.33333%
        }

        .w-2of3--tblg,
        .w-4of6--tblg,
        .w-6of9--tblg {
            width: 66.66667%;
            max-width: 66.66667%;
            flex: 0 0 66.66667%
        }

        .w-1of4--tblg,
        .w-2of8--tblg,
        .w-4of8--tblg {
            width: 25%;
            max-width: 25%;
            flex: 0 0 25%
        }

        .w-1of2--tblg,
        .w-2of4--tblg,
        .w-3of6--tblg,
        .w-4of8--tblg {
            width: 50%;
            max-width: 50%;
            flex: 0 0 50%
        }

        .w-3of4--tblg,
        .w-6of8--tblg {
            width: 75%;
            max-width: 75%;
            flex: 0 0 75%
        }

        .w-1of5--tblg {
            width: 20%;
            max-width: 20%;
            flex: 0 0 20%
        }

        .w-2of5--tblg {
            width: 40%;
            max-width: 40%;
            flex: 0 0 40%
        }

        .w-3of5--tblg {
            width: 60%;
            max-width: 60%;
            flex: 0 0 60%
        }

        .w-4of5--tblg {
            width: 80%;
            max-width: 80%;
            flex: 0 0 80%
        }

        .w-1of6--tblg {
            width: 16.66667%;
            max-width: 16.66667%;
            flex: 0 0 16.66667%
        }

        .w-5of6--tblg {
            width: 83.33333%;
            max-width: 83.33333%;
            flex: 0 0 83.33333%
        }

        .w-1of7--tblg {
            width: 14.28571%;
            max-width: 14.28571%;
            flex: 0 0 14.28571%
        }

        .w-2of7--tblg {
            width: 28.57143%;
            max-width: 28.57143%;
            flex: 0 0 28.57143%
        }

        .w-3of7--tblg {
            width: 42.85714%;
            max-width: 42.85714%;
            flex: 0 0 42.85714%
        }

        .w-4of7--tblg {
            width: 57.14286%;
            max-width: 57.14286%;
            flex: 0 0 57.14286%
        }

        .w-5of7--tblg {
            width: 71.42857%;
            max-width: 71.42857%;
            flex: 0 0 71.42857%
        }

        .w-6of7--tblg {
            width: 85.71429%;
            max-width: 85.71429%;
            flex: 0 0 85.71429%
        }

        .w-1of8--tblg {
            width: 12.5%;
            max-width: 12.5%;
            flex: 0 0 12.5%
        }

        .w-3of8--tblg {
            width: 37.5%;
            max-width: 37.5%;
            flex: 0 0 37.5%
        }

        .w-5of8--tblg {
            width: 62.5%;
            max-width: 62.5%;
            flex: 0 0 62.5%
        }

        .w-7of8--tblg {
            width: 87.5%;
            max-width: 87.5%;
            flex: 0 0 87.5%
        }

        .w-1of9--tblg {
            width: 11.11111%;
            max-width: 11.11111%;
            flex: 0 0 11.11111%
        }

        .w-2of9--tblg {
            width: 22.22222%;
            max-width: 22.22222%;
            flex: 0 0 22.22222%
        }

        .w-4of9--tblg {
            width: 44.44444%;
            max-width: 44.44444%;
            flex: 0 0 44.44444%
        }

        .w-5of9--tblg {
            width: 55.55556%;
            max-width: 55.55556%;
            flex: 0 0 55.55556%
        }

        .w-7of9--tblg {
            width: 77.77778%;
            max-width: 77.77778%;
            flex: 0 0 77.77778%
        }

        .w-8of9--tblg {
            width: 88.88889%;
            max-width: 88.88889%;
            flex: 0 0 88.88889%
        }

        .w-auto--tblg {
            width: auto;
            max-width: 100%;
            flex: 0 0 auto
        }
    }

    @media(min-width: 1200px) {

        .cw-1of1--dt>*,
        .cw-2of2--dt>*,
        .cw-3of3--dt>*,
        .cw-4of4--dt>*,
        .cw-5of5--dt>*,
        .cw-6of6--dt>*,
        .cw-7of7--dt>*,
        .cw-8of8--dt>*,
        .cw-9of9--dt>*,
        .odd-w-1of1--dt>*:nth-child(odd),
        .odd-w-2of2--dt>*:nth-child(odd),
        .odd-w-3of3--dt>*:nth-child(odd),
        .odd-w-4of4--dt>*:nth-child(odd),
        .odd-w-5of5--dt>*:nth-child(odd),
        .odd-w-6of6--dt>*:nth-child(odd),
        .odd-w-7of7--dt>*:nth-child(odd),
        .odd-w-8of8--dt>*:nth-child(odd),
        .odd-w-9of9--dt>*:nth-child(odd),
        .even-w-1of1--dt>*:nth-child(even),
        .even-w-2of2--dt>*:nth-child(even),
        .even-w-3of3--dt>*:nth-child(even),
        .even-w-4of4--dt>*:nth-child(even),
        .even-w-5of5--dt>*:nth-child(even),
        .even-w-6of6--dt>*:nth-child(even),
        .even-w-7of7--dt>*:nth-child(even),
        .even-w-8of8--dt>*:nth-child(even),
        .even-w-9of9--dt>*:nth-child(even) {
            width: 100%;
            max-width: 100%;
            flex: 0 0 100%
        }

        .cw-1of3--dt>*,
        .cw-2of6--dt>*,
        .cw-3of9--dt>*,
        .odd-w-1of3--dt>*:nth-child(odd),
        .odd-w-2of6--dt>*:nth-child(odd),
        .odd-w-3of9--dt>*:nth-child(odd),
        .even-w-1of3--dt>*:nth-child(even),
        .even-w-2of6--dt>*:nth-child(even),
        .even-w-3of9--dt>*:nth-child(even) {
            width: 33.33333%;
            max-width: 33.33333%;
            flex: 0 0 33.33333%
        }

        .cw-2of3--dt>*,
        .cw-4of6--dt>*,
        .cw-6of9--dt>*,
        .odd-w-2of3--dt>*:nth-child(odd),
        .odd-w-4of6--dt>*:nth-child(odd),
        .odd-w-6of9--dt>*:nth-child(odd),
        .even-w-2of3--dt>*:nth-child(even),
        .even-w-4of6--dt>*:nth-child(even),
        .even-w-6of9--dt>*:nth-child(even) {
            width: 66.66667%;
            max-width: 66.66667%;
            flex: 0 0 66.66667%
        }

        .cw-1of4--dt>*,
        .cw-2of8--dt>*,
        .cw-4of8--dt>*,
        .odd-w-1of4--dt>*:nth-child(odd),
        .odd-w-2of8--dt>*:nth-child(odd),
        .odd-w-4of8--dt>*:nth-child(odd),
        .even-w-1of4--dt>*:nth-child(even),
        .even-w-2of8--dt>*:nth-child(even),
        .even-w-4of8--dt>*:nth-child(even) {
            width: 25%;
            max-width: 25%;
            flex: 0 0 25%
        }

        .cw-1of2--dt>*,
        .cw-2of4--dt>*,
        .cw-3of6--dt>*,
        .cw-4of8--dt>*,
        .odd-w-1of2--dt>*:nth-child(odd),
        .odd-w-2of4--dt>*:nth-child(odd),
        .odd-w-3of6--dt>*:nth-child(odd),
        .odd-w-4of8--dt>*:nth-child(odd),
        .even-w-1of2--dt>*:nth-child(even),
        .even-w-2of4--dt>*:nth-child(even),
        .even-w-3of6--dt>*:nth-child(even),
        .even-w-4of8--dt>*:nth-child(even) {
            width: 50%;
            max-width: 50%;
            flex: 0 0 50%
        }

        .cw-3of4--dt>*,
        .cw-6of8--dt>*,
        .odd-w-3of4--dt>*:nth-child(odd),
        .odd-w-6of8--dt>*:nth-child(odd),
        .even-w-3of4--dt>*:nth-child(even),
        .even-w-6of8--dt>*:nth-child(even) {
            width: 75%;
            max-width: 75%;
            flex: 0 0 75%
        }

        .cw-1of5--dt>*,
        .odd-w-1of5--dt>*:nth-child(odd),
        .even-w-1of5--dt>*:nth-child(even) {
            width: 20%;
            max-width: 20%;
            flex: 0 0 20%
        }

        .cw-2of5--dt>*,
        .odd-w-2of5--dt>*:nth-child(odd),
        .even-w-2of5--dt>*:nth-child(even) {
            width: 40%;
            max-width: 40%;
            flex: 0 0 40%
        }

        .cw-3of5--dt>*,
        .odd-w-3of5--dt>*:nth-child(odd),
        .even-w-3of5--dt>*:nth-child(even) {
            width: 60%;
            max-width: 60%;
            flex: 0 0 60%
        }

        .cw-4of5--dt>*,
        .odd-w-4of5--dt>*:nth-child(odd),
        .even-w-4of5--dt>*:nth-child(even) {
            width: 80%;
            max-width: 80%;
            flex: 0 0 80%
        }

        .cw-1of6--dt>*,
        .odd-w-1of6--dt>*:nth-child(odd),
        .even-w-1of6--dt>*:nth-child(even) {
            width: 16.66667%;
            max-width: 16.66667%;
            flex: 0 0 16.66667%
        }

        .cw-5of6--dt>*,
        .odd-w-5of6--dt>*:nth-child(odd),
        .even-w-5of6--dt>*:nth-child(even) {
            width: 83.33333%;
            max-width: 83.33333%;
            flex: 0 0 83.33333%
        }

        .cw-1of7--dt>*,
        .odd-w-1of7--dt>*:nth-child(odd),
        .even-w-1of7--dt>*:nth-child(even) {
            width: 14.28571%;
            max-width: 14.28571%;
            flex: 0 0 14.28571%
        }

        .cw-2of7--dt>*,
        .odd-w-2of7--dt>*:nth-child(odd),
        .even-w-2of7--dt>*:nth-child(even) {
            width: 28.57143%;
            max-width: 28.57143%;
            flex: 0 0 28.57143%
        }

        .cw-3of7--dt>*,
        .odd-w-3of7--dt>*:nth-child(odd),
        .even-w-3of7--dt>*:nth-child(even) {
            width: 42.85714%;
            max-width: 42.85714%;
            flex: 0 0 42.85714%
        }

        .cw-4of7--dt>*,
        .odd-w-4of7--dt>*:nth-child(odd),
        .even-w-4of7--dt>*:nth-child(even) {
            width: 57.14286%;
            max-width: 57.14286%;
            flex: 0 0 57.14286%
        }

        .cw-5of7--dt>*,
        .odd-w-5of7--dt>*:nth-child(odd),
        .even-w-5of7--dt>*:nth-child(even) {
            width: 71.42857%;
            max-width: 71.42857%;
            flex: 0 0 71.42857%
        }

        .cw-6of7--dt>*,
        .odd-w-6of7--dt>*:nth-child(odd),
        .even-w-6of7--dt>*:nth-child(even) {
            width: 85.71429%;
            max-width: 85.71429%;
            flex: 0 0 85.71429%
        }

        .cw-1of8--dt>*,
        .odd-w-1of8--dt>*:nth-child(odd),
        .even-w-1of8--dt>*:nth-child(even) {
            width: 12.5%;
            max-width: 12.5%;
            flex: 0 0 12.5%
        }

        .cw-3of8--dt>*,
        .odd-w-3of8--dt>*:nth-child(odd),
        .even-w-3of8--dt>*:nth-child(even) {
            width: 37.5%;
            max-width: 37.5%;
            flex: 0 0 37.5%
        }

        .cw-5of8--dt>*,
        .odd-w-5of8--dt>*:nth-child(odd),
        .even-w-5of8--dt>*:nth-child(even) {
            width: 62.5%;
            max-width: 62.5%;
            flex: 0 0 62.5%
        }

        .cw-7of8--dt>*,
        .odd-w-7of8--dt>*:nth-child(odd),
        .even-w-7of8--dt>*:nth-child(even) {
            width: 87.5%;
            max-width: 87.5%;
            flex: 0 0 87.5%
        }

        .cw-1of9--dt>*,
        .odd-w-1of9--dt>*:nth-child(odd),
        .even-w-1of9--dt>*:nth-child(even) {
            width: 11.11111%;
            max-width: 11.11111%;
            flex: 0 0 11.11111%
        }

        .cw-2of9--dt>*,
        .odd-w-2of9--dt>*:nth-child(odd),
        .even-w-2of9--dt>*:nth-child(even) {
            width: 22.22222%;
            max-width: 22.22222%;
            flex: 0 0 22.22222%
        }

        .cw-4of9--dt>*,
        .odd-w-4of9--dt>*:nth-child(odd),
        .even-w-4of9--dt>*:nth-child(even) {
            width: 44.44444%;
            max-width: 44.44444%;
            flex: 0 0 44.44444%
        }

        .cw-5of9--dt>*,
        .odd-w-5of9--dt>*:nth-child(odd),
        .even-w-5of9--dt>*:nth-child(even) {
            width: 55.55556%;
            max-width: 55.55556%;
            flex: 0 0 55.55556%
        }

        .cw-7of9--dt>*,
        .odd-w-7of9--dt>*:nth-child(odd),
        .even-w-7of9--dt>*:nth-child(even) {
            width: 77.77778%;
            max-width: 77.77778%;
            flex: 0 0 77.77778%
        }

        .cw-8of9--dt>*,
        .odd-w-8of9--dt>*:nth-child(odd),
        .even-w-8of9--dt>*:nth-child(even) {
            width: 88.88889%;
            max-width: 88.88889%;
            flex: 0 0 88.88889%
        }

        .cw-auto--dt>*,
        .odd-w-auto--dt>*:nth-child(odd),
        .even-w-auto--dt>*:nth-child(even) {
            width: auto;
            max-width: 100%;
            flex: 0 0 auto
        }

        .w-1of1--dt,
        .w-2of2--dt,
        .w-3of3--dt,
        .w-4of4--dt,
        .w-5of5--dt,
        .w-6of6--dt,
        .w-7of7--dt,
        .w-8of8--dt,
        .w-9of9--dt {
            width: 100%;
            max-width: 100%;
            flex: 0 0 100%
        }

        .w-1of3--dt,
        .w-2of6--dt,
        .w-3of9--dt {
            width: 33.33333%;
            max-width: 33.33333%;
            flex: 0 0 33.33333%
        }

        .w-2of3--dt,
        .w-4of6--dt,
        .w-6of9--dt {
            width: 66.66667%;
            max-width: 66.66667%;
            flex: 0 0 66.66667%
        }

        .w-1of4--dt,
        .w-2of8--dt,
        .w-4of8--dt {
            width: 25%;
            max-width: 25%;
            flex: 0 0 25%
        }

        .w-1of2--dt,
        .w-2of4--dt,
        .w-3of6--dt,
        .w-4of8--dt {
            width: 50%;
            max-width: 50%;
            flex: 0 0 50%
        }

        .w-3of4--dt,
        .w-6of8--dt {
            width: 75%;
            max-width: 75%;
            flex: 0 0 75%
        }

        .w-1of5--dt {
            width: 20%;
            max-width: 20%;
            flex: 0 0 20%
        }

        .w-2of5--dt {
            width: 40%;
            max-width: 40%;
            flex: 0 0 40%
        }

        .w-3of5--dt {
            width: 60%;
            max-width: 60%;
            flex: 0 0 60%
        }

        .w-4of5--dt {
            width: 80%;
            max-width: 80%;
            flex: 0 0 80%
        }

        .w-1of6--dt {
            width: 16.66667%;
            max-width: 16.66667%;
            flex: 0 0 16.66667%
        }

        .w-5of6--dt {
            width: 83.33333%;
            max-width: 83.33333%;
            flex: 0 0 83.33333%
        }

        .w-1of7--dt {
            width: 14.28571%;
            max-width: 14.28571%;
            flex: 0 0 14.28571%
        }

        .w-2of7--dt {
            width: 28.57143%;
            max-width: 28.57143%;
            flex: 0 0 28.57143%
        }

        .w-3of7--dt {
            width: 42.85714%;
            max-width: 42.85714%;
            flex: 0 0 42.85714%
        }

        .w-4of7--dt {
            width: 57.14286%;
            max-width: 57.14286%;
            flex: 0 0 57.14286%
        }

        .w-5of7--dt {
            width: 71.42857%;
            max-width: 71.42857%;
            flex: 0 0 71.42857%
        }

        .w-6of7--dt {
            width: 85.71429%;
            max-width: 85.71429%;
            flex: 0 0 85.71429%
        }

        .w-1of8--dt {
            width: 12.5%;
            max-width: 12.5%;
            flex: 0 0 12.5%
        }

        .w-3of8--dt {
            width: 37.5%;
            max-width: 37.5%;
            flex: 0 0 37.5%
        }

        .w-5of8--dt {
            width: 62.5%;
            max-width: 62.5%;
            flex: 0 0 62.5%
        }

        .w-7of8--dt {
            width: 87.5%;
            max-width: 87.5%;
            flex: 0 0 87.5%
        }

        .w-1of9--dt {
            width: 11.11111%;
            max-width: 11.11111%;
            flex: 0 0 11.11111%
        }

        .w-2of9--dt {
            width: 22.22222%;
            max-width: 22.22222%;
            flex: 0 0 22.22222%
        }

        .w-4of9--dt {
            width: 44.44444%;
            max-width: 44.44444%;
            flex: 0 0 44.44444%
        }

        .w-5of9--dt {
            width: 55.55556%;
            max-width: 55.55556%;
            flex: 0 0 55.55556%
        }

        .w-7of9--dt {
            width: 77.77778%;
            max-width: 77.77778%;
            flex: 0 0 77.77778%
        }

        .w-8of9--dt {
            width: 88.88889%;
            max-width: 88.88889%;
            flex: 0 0 88.88889%
        }

        .w-auto--dt {
            width: auto;
            max-width: 100%;
            flex: 0 0 auto
        }
    }
}

@layer helpers {
    .mX-blockElemsGap {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .mX-blockElemsGap-compact {
        margin-left: 0.7rem;
        margin-right: 0.7rem
    }

    .mX-blockElemsGap-spread {
        margin-left: clamp(2.6rem, 4vw, 4rem);
        margin-right: clamp(2.6rem, 4vw, 4rem)
    }

    .mX-auto {
        margin-left: auto;
        margin-right: auto
    }

    .mX-0 {
        margin-left: 0;
        margin-right: 0
    }

    .mX-1 {
        margin-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
        margin-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
    }

    .mX-2 {
        margin-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
        margin-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
    }

    .mX-3 {
        margin-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
        margin-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
    }

    .mX-4 {
        margin-left: clamp(4rem, 2rem + 3.8vw, 6.4rem);
        margin-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
    }

    .mX-5 {
        margin-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
        margin-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
    }

    .mX-6 {
        margin-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
        margin-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .mY-blockElemsGap {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .mY-blockElemsGap-compact {
        margin-top: 0.7rem;
        margin-bottom: 0.7rem
    }

    .mY-blockElemsGap-spread {
        margin-top: clamp(2.6rem, 4vw, 4rem);
        margin-bottom: clamp(2.6rem, 4vw, 4rem)
    }

    .mY-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .mY-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .mY-1 {
        margin-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
        margin-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
    }

    .mY-2 {
        margin-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
        margin-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
    }

    .mY-3 {
        margin-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
        margin-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
    }

    .mY-4 {
        margin-top: clamp(4rem, 2rem + 3.8vw, 6.4rem);
        margin-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
    }

    .mY-5 {
        margin-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
        margin-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
    }

    .mY-6 {
        margin-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
        margin-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .mTop-blockElemsGap {
        margin-top: 2rem
    }

    .mTop-blockElemsGap-compact {
        margin-top: 0.7rem
    }

    .mTop-blockElemsGap-spread {
        margin-top: clamp(2.6rem, 4vw, 4rem)
    }

    .mTop-auto {
        margin-top: auto
    }

    .mTop-0 {
        margin-top: 0
    }

    .mTop-1 {
        margin-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
    }

    .mTop-2 {
        margin-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
    }

    .mTop-3 {
        margin-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
    }

    .mTop-4 {
        margin-top: clamp(4rem, 2rem + 3.8vw, 6.4rem)
    }

    .mTop-5 {
        margin-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
    }

    .mTop-6 {
        margin-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .mBottom-blockElemsGap {
        margin-bottom: 2rem
    }

    .mBottom-blockElemsGap-compact {
        margin-bottom: 0.7rem
    }

    .mBottom-blockElemsGap-spread {
        margin-bottom: clamp(2.6rem, 4vw, 4rem)
    }

    .mBottom-auto {
        margin-bottom: auto
    }

    .mBottom-0 {
        margin-bottom: 0
    }

    .mBottom-1 {
        margin-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
    }

    .mBottom-2 {
        margin-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
    }

    .mBottom-3 {
        margin-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
    }

    .mBottom-4 {
        margin-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
    }

    .mBottom-5 {
        margin-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
    }

    .mBottom-6 {
        margin-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .mLeft-blockElemsGap {
        margin-left: 2rem
    }

    .mLeft-blockElemsGap-compact {
        margin-left: 0.7rem
    }

    .mLeft-blockElemsGap-spread {
        margin-left: clamp(2.6rem, 4vw, 4rem)
    }

    .mLeft-auto {
        margin-left: auto
    }

    .mLeft-0 {
        margin-left: 0
    }

    .mLeft-1 {
        margin-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
    }

    .mLeft-2 {
        margin-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
    }

    .mLeft-3 {
        margin-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
    }

    .mLeft-4 {
        margin-left: clamp(4rem, 2rem + 3.8vw, 6.4rem)
    }

    .mLeft-5 {
        margin-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
    }

    .mLeft-6 {
        margin-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .mRight-blockElemsGap {
        margin-right: 2rem
    }

    .mRight-blockElemsGap-compact {
        margin-right: 0.7rem
    }

    .mRight-blockElemsGap-spread {
        margin-right: clamp(2.6rem, 4vw, 4rem)
    }

    .mRight-auto {
        margin-right: auto
    }

    .mRight-0 {
        margin-right: 0
    }

    .mRight-1 {
        margin-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
    }

    .mRight-2 {
        margin-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
    }

    .mRight-3 {
        margin-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
    }

    .mRight-4 {
        margin-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
    }

    .mRight-5 {
        margin-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
    }

    .mRight-6 {
        margin-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .pX-blockElemsGap {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .pX-blockElemsGap-compact {
        padding-left: 0.7rem;
        padding-right: 0.7rem
    }

    .pX-blockElemsGap-spread {
        padding-left: clamp(2.6rem, 4vw, 4rem);
        padding-right: clamp(2.6rem, 4vw, 4rem)
    }

    .pX-auto {
        padding-left: auto;
        padding-right: auto
    }

    .pX-0 {
        padding-left: 0;
        padding-right: 0
    }

    .pX-1 {
        padding-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
        padding-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
    }

    .pX-2 {
        padding-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
        padding-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
    }

    .pX-3 {
        padding-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
        padding-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
    }

    .pX-4 {
        padding-left: clamp(4rem, 2rem + 3.8vw, 6.4rem);
        padding-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
    }

    .pX-5 {
        padding-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
        padding-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
    }

    .pX-6 {
        padding-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
        padding-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .pY-blockElemsGap {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .pY-blockElemsGap-compact {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem
    }

    .pY-blockElemsGap-spread {
        padding-top: clamp(2.6rem, 4vw, 4rem);
        padding-bottom: clamp(2.6rem, 4vw, 4rem)
    }

    .pY-auto {
        padding-top: auto;
        padding-bottom: auto
    }

    .pY-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .pY-1 {
        padding-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
        padding-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
    }

    .pY-2 {
        padding-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
        padding-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
    }

    .pY-3 {
        padding-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
        padding-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
    }

    .pY-4 {
        padding-top: clamp(4rem, 2rem + 3.8vw, 6.4rem);
        padding-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
    }

    .pY-5 {
        padding-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
        padding-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
    }

    .pY-6 {
        padding-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
        padding-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .pTop-blockElemsGap {
        padding-top: 2rem
    }

    .pTop-blockElemsGap-compact {
        padding-top: 0.7rem
    }

    .pTop-blockElemsGap-spread {
        padding-top: clamp(2.6rem, 4vw, 4rem)
    }

    .pTop-auto {
        padding-top: auto
    }

    .pTop-0 {
        padding-top: 0
    }

    .pTop-1 {
        padding-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
    }

    .pTop-2 {
        padding-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
    }

    .pTop-3 {
        padding-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
    }

    .pTop-4 {
        padding-top: clamp(4rem, 2rem + 3.8vw, 6.4rem)
    }

    .pTop-5 {
        padding-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
    }

    .pTop-6 {
        padding-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .pBottom-blockElemsGap {
        padding-bottom: 2rem
    }

    .pBottom-blockElemsGap-compact {
        padding-bottom: 0.7rem
    }

    .pBottom-blockElemsGap-spread {
        padding-bottom: clamp(2.6rem, 4vw, 4rem)
    }

    .pBottom-auto {
        padding-bottom: auto
    }

    .pBottom-0 {
        padding-bottom: 0
    }

    .pBottom-1 {
        padding-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
    }

    .pBottom-2 {
        padding-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
    }

    .pBottom-3 {
        padding-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
    }

    .pBottom-4 {
        padding-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
    }

    .pBottom-5 {
        padding-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
    }

    .pBottom-6 {
        padding-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .pLeft-blockElemsGap {
        padding-left: 2rem
    }

    .pLeft-blockElemsGap-compact {
        padding-left: 0.7rem
    }

    .pLeft-blockElemsGap-spread {
        padding-left: clamp(2.6rem, 4vw, 4rem)
    }

    .pLeft-auto {
        padding-left: auto
    }

    .pLeft-0 {
        padding-left: 0
    }

    .pLeft-1 {
        padding-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
    }

    .pLeft-2 {
        padding-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
    }

    .pLeft-3 {
        padding-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
    }

    .pLeft-4 {
        padding-left: clamp(4rem, 2rem + 3.8vw, 6.4rem)
    }

    .pLeft-5 {
        padding-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
    }

    .pLeft-6 {
        padding-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .pRight-blockElemsGap {
        padding-right: 2rem
    }

    .pRight-blockElemsGap-compact {
        padding-right: 0.7rem
    }

    .pRight-blockElemsGap-spread {
        padding-right: clamp(2.6rem, 4vw, 4rem)
    }

    .pRight-auto {
        padding-right: auto
    }

    .pRight-0 {
        padding-right: 0
    }

    .pRight-1 {
        padding-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
    }

    .pRight-2 {
        padding-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
    }

    .pRight-3 {
        padding-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
    }

    .pRight-4 {
        padding-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
    }

    .pRight-5 {
        padding-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
    }

    .pRight-6 {
        padding-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    @media(min-width: 440px) {
        .mX-blockElemsGap--splg {
            margin-left: 2rem;
            margin-right: 2rem
        }

        .mX-blockElemsGap-compact--splg {
            margin-left: 0.7rem;
            margin-right: 0.7rem
        }

        .mX-blockElemsGap-spread--splg {
            margin-left: clamp(2.6rem, 4vw, 4rem);
            margin-right: clamp(2.6rem, 4vw, 4rem)
        }

        .mX-auto--splg {
            margin-left: auto;
            margin-right: auto
        }

        .mX-0--splg {
            margin-left: 0;
            margin-right: 0
        }

        .mX-1--splg {
            margin-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
            margin-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mX-2--splg {
            margin-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
            margin-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mX-3--splg {
            margin-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
            margin-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mX-4--splg {
            margin-left: clamp(4rem, 2rem + 3.8vw, 6.4rem);
            margin-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mX-5--splg {
            margin-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            margin-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mX-6--splg {
            margin-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
            margin-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mY-blockElemsGap--splg {
            margin-top: 2rem;
            margin-bottom: 2rem
        }

        .mY-blockElemsGap-compact--splg {
            margin-top: 0.7rem;
            margin-bottom: 0.7rem
        }

        .mY-blockElemsGap-spread--splg {
            margin-top: clamp(2.6rem, 4vw, 4rem);
            margin-bottom: clamp(2.6rem, 4vw, 4rem)
        }

        .mY-auto--splg {
            margin-top: auto;
            margin-bottom: auto
        }

        .mY-0--splg {
            margin-top: 0;
            margin-bottom: 0
        }

        .mY-1--splg {
            margin-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
            margin-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mY-2--splg {
            margin-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
            margin-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mY-3--splg {
            margin-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
            margin-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mY-4--splg {
            margin-top: clamp(4rem, 2rem + 3.8vw, 6.4rem);
            margin-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mY-5--splg {
            margin-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            margin-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mY-6--splg {
            margin-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
            margin-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mTop-blockElemsGap--splg {
            margin-top: 2rem
        }

        .mTop-blockElemsGap-compact--splg {
            margin-top: 0.7rem
        }

        .mTop-blockElemsGap-spread--splg {
            margin-top: clamp(2.6rem, 4vw, 4rem)
        }

        .mTop-auto--splg {
            margin-top: auto
        }

        .mTop-0--splg {
            margin-top: 0
        }

        .mTop-1--splg {
            margin-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mTop-2--splg {
            margin-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mTop-3--splg {
            margin-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mTop-4--splg {
            margin-top: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mTop-5--splg {
            margin-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mTop-6--splg {
            margin-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mBottom-blockElemsGap--splg {
            margin-bottom: 2rem
        }

        .mBottom-blockElemsGap-compact--splg {
            margin-bottom: 0.7rem
        }

        .mBottom-blockElemsGap-spread--splg {
            margin-bottom: clamp(2.6rem, 4vw, 4rem)
        }

        .mBottom-auto--splg {
            margin-bottom: auto
        }

        .mBottom-0--splg {
            margin-bottom: 0
        }

        .mBottom-1--splg {
            margin-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mBottom-2--splg {
            margin-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mBottom-3--splg {
            margin-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mBottom-4--splg {
            margin-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mBottom-5--splg {
            margin-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mBottom-6--splg {
            margin-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mLeft-blockElemsGap--splg {
            margin-left: 2rem
        }

        .mLeft-blockElemsGap-compact--splg {
            margin-left: 0.7rem
        }

        .mLeft-blockElemsGap-spread--splg {
            margin-left: clamp(2.6rem, 4vw, 4rem)
        }

        .mLeft-auto--splg {
            margin-left: auto
        }

        .mLeft-0--splg {
            margin-left: 0
        }

        .mLeft-1--splg {
            margin-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mLeft-2--splg {
            margin-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mLeft-3--splg {
            margin-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mLeft-4--splg {
            margin-left: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mLeft-5--splg {
            margin-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mLeft-6--splg {
            margin-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mRight-blockElemsGap--splg {
            margin-right: 2rem
        }

        .mRight-blockElemsGap-compact--splg {
            margin-right: 0.7rem
        }

        .mRight-blockElemsGap-spread--splg {
            margin-right: clamp(2.6rem, 4vw, 4rem)
        }

        .mRight-auto--splg {
            margin-right: auto
        }

        .mRight-0--splg {
            margin-right: 0
        }

        .mRight-1--splg {
            margin-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mRight-2--splg {
            margin-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mRight-3--splg {
            margin-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mRight-4--splg {
            margin-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mRight-5--splg {
            margin-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mRight-6--splg {
            margin-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pX-blockElemsGap--splg {
            padding-left: 2rem;
            padding-right: 2rem
        }

        .pX-blockElemsGap-compact--splg {
            padding-left: 0.7rem;
            padding-right: 0.7rem
        }

        .pX-blockElemsGap-spread--splg {
            padding-left: clamp(2.6rem, 4vw, 4rem);
            padding-right: clamp(2.6rem, 4vw, 4rem)
        }

        .pX-auto--splg {
            padding-left: auto;
            padding-right: auto
        }

        .pX-0--splg {
            padding-left: 0;
            padding-right: 0
        }

        .pX-1--splg {
            padding-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
            padding-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pX-2--splg {
            padding-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
            padding-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pX-3--splg {
            padding-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
            padding-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pX-4--splg {
            padding-left: clamp(4rem, 2rem + 3.8vw, 6.4rem);
            padding-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pX-5--splg {
            padding-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            padding-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pX-6--splg {
            padding-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
            padding-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pY-blockElemsGap--splg {
            padding-top: 2rem;
            padding-bottom: 2rem
        }

        .pY-blockElemsGap-compact--splg {
            padding-top: 0.7rem;
            padding-bottom: 0.7rem
        }

        .pY-blockElemsGap-spread--splg {
            padding-top: clamp(2.6rem, 4vw, 4rem);
            padding-bottom: clamp(2.6rem, 4vw, 4rem)
        }

        .pY-auto--splg {
            padding-top: auto;
            padding-bottom: auto
        }

        .pY-0--splg {
            padding-top: 0;
            padding-bottom: 0
        }

        .pY-1--splg {
            padding-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
            padding-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pY-2--splg {
            padding-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
            padding-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pY-3--splg {
            padding-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
            padding-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pY-4--splg {
            padding-top: clamp(4rem, 2rem + 3.8vw, 6.4rem);
            padding-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pY-5--splg {
            padding-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            padding-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pY-6--splg {
            padding-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
            padding-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pTop-blockElemsGap--splg {
            padding-top: 2rem
        }

        .pTop-blockElemsGap-compact--splg {
            padding-top: 0.7rem
        }

        .pTop-blockElemsGap-spread--splg {
            padding-top: clamp(2.6rem, 4vw, 4rem)
        }

        .pTop-auto--splg {
            padding-top: auto
        }

        .pTop-0--splg {
            padding-top: 0
        }

        .pTop-1--splg {
            padding-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pTop-2--splg {
            padding-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pTop-3--splg {
            padding-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pTop-4--splg {
            padding-top: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pTop-5--splg {
            padding-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pTop-6--splg {
            padding-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pBottom-blockElemsGap--splg {
            padding-bottom: 2rem
        }

        .pBottom-blockElemsGap-compact--splg {
            padding-bottom: 0.7rem
        }

        .pBottom-blockElemsGap-spread--splg {
            padding-bottom: clamp(2.6rem, 4vw, 4rem)
        }

        .pBottom-auto--splg {
            padding-bottom: auto
        }

        .pBottom-0--splg {
            padding-bottom: 0
        }

        .pBottom-1--splg {
            padding-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pBottom-2--splg {
            padding-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pBottom-3--splg {
            padding-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pBottom-4--splg {
            padding-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pBottom-5--splg {
            padding-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pBottom-6--splg {
            padding-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pLeft-blockElemsGap--splg {
            padding-left: 2rem
        }

        .pLeft-blockElemsGap-compact--splg {
            padding-left: 0.7rem
        }

        .pLeft-blockElemsGap-spread--splg {
            padding-left: clamp(2.6rem, 4vw, 4rem)
        }

        .pLeft-auto--splg {
            padding-left: auto
        }

        .pLeft-0--splg {
            padding-left: 0
        }

        .pLeft-1--splg {
            padding-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pLeft-2--splg {
            padding-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pLeft-3--splg {
            padding-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pLeft-4--splg {
            padding-left: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pLeft-5--splg {
            padding-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pLeft-6--splg {
            padding-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pRight-blockElemsGap--splg {
            padding-right: 2rem
        }

        .pRight-blockElemsGap-compact--splg {
            padding-right: 0.7rem
        }

        .pRight-blockElemsGap-spread--splg {
            padding-right: clamp(2.6rem, 4vw, 4rem)
        }

        .pRight-auto--splg {
            padding-right: auto
        }

        .pRight-0--splg {
            padding-right: 0
        }

        .pRight-1--splg {
            padding-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pRight-2--splg {
            padding-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pRight-3--splg {
            padding-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pRight-4--splg {
            padding-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pRight-5--splg {
            padding-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pRight-6--splg {
            padding-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }
    }

    @media(min-width: 720px) {
        .mX-blockElemsGap--tb {
            margin-left: 2rem;
            margin-right: 2rem
        }

        .mX-blockElemsGap-compact--tb {
            margin-left: 0.7rem;
            margin-right: 0.7rem
        }

        .mX-blockElemsGap-spread--tb {
            margin-left: clamp(2.6rem, 4vw, 4rem);
            margin-right: clamp(2.6rem, 4vw, 4rem)
        }

        .mX-auto--tb {
            margin-left: auto;
            margin-right: auto
        }

        .mX-0--tb {
            margin-left: 0;
            margin-right: 0
        }

        .mX-1--tb {
            margin-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
            margin-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mX-2--tb {
            margin-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
            margin-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mX-3--tb {
            margin-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
            margin-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mX-4--tb {
            margin-left: clamp(4rem, 2rem + 3.8vw, 6.4rem);
            margin-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mX-5--tb {
            margin-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            margin-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mX-6--tb {
            margin-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
            margin-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mY-blockElemsGap--tb {
            margin-top: 2rem;
            margin-bottom: 2rem
        }

        .mY-blockElemsGap-compact--tb {
            margin-top: 0.7rem;
            margin-bottom: 0.7rem
        }

        .mY-blockElemsGap-spread--tb {
            margin-top: clamp(2.6rem, 4vw, 4rem);
            margin-bottom: clamp(2.6rem, 4vw, 4rem)
        }

        .mY-auto--tb {
            margin-top: auto;
            margin-bottom: auto
        }

        .mY-0--tb {
            margin-top: 0;
            margin-bottom: 0
        }

        .mY-1--tb {
            margin-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
            margin-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mY-2--tb {
            margin-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
            margin-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mY-3--tb {
            margin-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
            margin-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mY-4--tb {
            margin-top: clamp(4rem, 2rem + 3.8vw, 6.4rem);
            margin-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mY-5--tb {
            margin-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            margin-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mY-6--tb {
            margin-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
            margin-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mTop-blockElemsGap--tb {
            margin-top: 2rem
        }

        .mTop-blockElemsGap-compact--tb {
            margin-top: 0.7rem
        }

        .mTop-blockElemsGap-spread--tb {
            margin-top: clamp(2.6rem, 4vw, 4rem)
        }

        .mTop-auto--tb {
            margin-top: auto
        }

        .mTop-0--tb {
            margin-top: 0
        }

        .mTop-1--tb {
            margin-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mTop-2--tb {
            margin-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mTop-3--tb {
            margin-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mTop-4--tb {
            margin-top: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mTop-5--tb {
            margin-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mTop-6--tb {
            margin-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mBottom-blockElemsGap--tb {
            margin-bottom: 2rem
        }

        .mBottom-blockElemsGap-compact--tb {
            margin-bottom: 0.7rem
        }

        .mBottom-blockElemsGap-spread--tb {
            margin-bottom: clamp(2.6rem, 4vw, 4rem)
        }

        .mBottom-auto--tb {
            margin-bottom: auto
        }

        .mBottom-0--tb {
            margin-bottom: 0
        }

        .mBottom-1--tb {
            margin-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mBottom-2--tb {
            margin-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mBottom-3--tb {
            margin-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mBottom-4--tb {
            margin-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mBottom-5--tb {
            margin-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mBottom-6--tb {
            margin-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mLeft-blockElemsGap--tb {
            margin-left: 2rem
        }

        .mLeft-blockElemsGap-compact--tb {
            margin-left: 0.7rem
        }

        .mLeft-blockElemsGap-spread--tb {
            margin-left: clamp(2.6rem, 4vw, 4rem)
        }

        .mLeft-auto--tb {
            margin-left: auto
        }

        .mLeft-0--tb {
            margin-left: 0
        }

        .mLeft-1--tb {
            margin-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mLeft-2--tb {
            margin-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mLeft-3--tb {
            margin-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mLeft-4--tb {
            margin-left: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mLeft-5--tb {
            margin-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mLeft-6--tb {
            margin-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mRight-blockElemsGap--tb {
            margin-right: 2rem
        }

        .mRight-blockElemsGap-compact--tb {
            margin-right: 0.7rem
        }

        .mRight-blockElemsGap-spread--tb {
            margin-right: clamp(2.6rem, 4vw, 4rem)
        }

        .mRight-auto--tb {
            margin-right: auto
        }

        .mRight-0--tb {
            margin-right: 0
        }

        .mRight-1--tb {
            margin-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mRight-2--tb {
            margin-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mRight-3--tb {
            margin-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mRight-4--tb {
            margin-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mRight-5--tb {
            margin-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mRight-6--tb {
            margin-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pX-blockElemsGap--tb {
            padding-left: 2rem;
            padding-right: 2rem
        }

        .pX-blockElemsGap-compact--tb {
            padding-left: 0.7rem;
            padding-right: 0.7rem
        }

        .pX-blockElemsGap-spread--tb {
            padding-left: clamp(2.6rem, 4vw, 4rem);
            padding-right: clamp(2.6rem, 4vw, 4rem)
        }

        .pX-auto--tb {
            padding-left: auto;
            padding-right: auto
        }

        .pX-0--tb {
            padding-left: 0;
            padding-right: 0
        }

        .pX-1--tb {
            padding-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
            padding-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pX-2--tb {
            padding-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
            padding-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pX-3--tb {
            padding-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
            padding-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pX-4--tb {
            padding-left: clamp(4rem, 2rem + 3.8vw, 6.4rem);
            padding-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pX-5--tb {
            padding-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            padding-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pX-6--tb {
            padding-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
            padding-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pY-blockElemsGap--tb {
            padding-top: 2rem;
            padding-bottom: 2rem
        }

        .pY-blockElemsGap-compact--tb {
            padding-top: 0.7rem;
            padding-bottom: 0.7rem
        }

        .pY-blockElemsGap-spread--tb {
            padding-top: clamp(2.6rem, 4vw, 4rem);
            padding-bottom: clamp(2.6rem, 4vw, 4rem)
        }

        .pY-auto--tb {
            padding-top: auto;
            padding-bottom: auto
        }

        .pY-0--tb {
            padding-top: 0;
            padding-bottom: 0
        }

        .pY-1--tb {
            padding-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
            padding-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pY-2--tb {
            padding-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
            padding-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pY-3--tb {
            padding-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
            padding-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pY-4--tb {
            padding-top: clamp(4rem, 2rem + 3.8vw, 6.4rem);
            padding-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pY-5--tb {
            padding-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            padding-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pY-6--tb {
            padding-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
            padding-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pTop-blockElemsGap--tb {
            padding-top: 2rem
        }

        .pTop-blockElemsGap-compact--tb {
            padding-top: 0.7rem
        }

        .pTop-blockElemsGap-spread--tb {
            padding-top: clamp(2.6rem, 4vw, 4rem)
        }

        .pTop-auto--tb {
            padding-top: auto
        }

        .pTop-0--tb {
            padding-top: 0
        }

        .pTop-1--tb {
            padding-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pTop-2--tb {
            padding-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pTop-3--tb {
            padding-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pTop-4--tb {
            padding-top: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pTop-5--tb {
            padding-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pTop-6--tb {
            padding-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pBottom-blockElemsGap--tb {
            padding-bottom: 2rem
        }

        .pBottom-blockElemsGap-compact--tb {
            padding-bottom: 0.7rem
        }

        .pBottom-blockElemsGap-spread--tb {
            padding-bottom: clamp(2.6rem, 4vw, 4rem)
        }

        .pBottom-auto--tb {
            padding-bottom: auto
        }

        .pBottom-0--tb {
            padding-bottom: 0
        }

        .pBottom-1--tb {
            padding-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pBottom-2--tb {
            padding-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pBottom-3--tb {
            padding-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pBottom-4--tb {
            padding-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pBottom-5--tb {
            padding-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pBottom-6--tb {
            padding-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pLeft-blockElemsGap--tb {
            padding-left: 2rem
        }

        .pLeft-blockElemsGap-compact--tb {
            padding-left: 0.7rem
        }

        .pLeft-blockElemsGap-spread--tb {
            padding-left: clamp(2.6rem, 4vw, 4rem)
        }

        .pLeft-auto--tb {
            padding-left: auto
        }

        .pLeft-0--tb {
            padding-left: 0
        }

        .pLeft-1--tb {
            padding-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pLeft-2--tb {
            padding-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pLeft-3--tb {
            padding-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pLeft-4--tb {
            padding-left: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pLeft-5--tb {
            padding-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pLeft-6--tb {
            padding-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pRight-blockElemsGap--tb {
            padding-right: 2rem
        }

        .pRight-blockElemsGap-compact--tb {
            padding-right: 0.7rem
        }

        .pRight-blockElemsGap-spread--tb {
            padding-right: clamp(2.6rem, 4vw, 4rem)
        }

        .pRight-auto--tb {
            padding-right: auto
        }

        .pRight-0--tb {
            padding-right: 0
        }

        .pRight-1--tb {
            padding-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pRight-2--tb {
            padding-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pRight-3--tb {
            padding-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pRight-4--tb {
            padding-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pRight-5--tb {
            padding-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pRight-6--tb {
            padding-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }
    }

    @media(min-width: 900px) {
        .mX-blockElemsGap--tblg {
            margin-left: 2rem;
            margin-right: 2rem
        }

        .mX-blockElemsGap-compact--tblg {
            margin-left: 0.7rem;
            margin-right: 0.7rem
        }

        .mX-blockElemsGap-spread--tblg {
            margin-left: clamp(2.6rem, 4vw, 4rem);
            margin-right: clamp(2.6rem, 4vw, 4rem)
        }

        .mX-auto--tblg {
            margin-left: auto;
            margin-right: auto
        }

        .mX-0--tblg {
            margin-left: 0;
            margin-right: 0
        }

        .mX-1--tblg {
            margin-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
            margin-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mX-2--tblg {
            margin-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
            margin-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mX-3--tblg {
            margin-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
            margin-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mX-4--tblg {
            margin-left: clamp(4rem, 2rem + 3.8vw, 6.4rem);
            margin-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mX-5--tblg {
            margin-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            margin-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mX-6--tblg {
            margin-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
            margin-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mY-blockElemsGap--tblg {
            margin-top: 2rem;
            margin-bottom: 2rem
        }

        .mY-blockElemsGap-compact--tblg {
            margin-top: 0.7rem;
            margin-bottom: 0.7rem
        }

        .mY-blockElemsGap-spread--tblg {
            margin-top: clamp(2.6rem, 4vw, 4rem);
            margin-bottom: clamp(2.6rem, 4vw, 4rem)
        }

        .mY-auto--tblg {
            margin-top: auto;
            margin-bottom: auto
        }

        .mY-0--tblg {
            margin-top: 0;
            margin-bottom: 0
        }

        .mY-1--tblg {
            margin-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
            margin-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mY-2--tblg {
            margin-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
            margin-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mY-3--tblg {
            margin-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
            margin-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mY-4--tblg {
            margin-top: clamp(4rem, 2rem + 3.8vw, 6.4rem);
            margin-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mY-5--tblg {
            margin-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            margin-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mY-6--tblg {
            margin-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
            margin-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mTop-blockElemsGap--tblg {
            margin-top: 2rem
        }

        .mTop-blockElemsGap-compact--tblg {
            margin-top: 0.7rem
        }

        .mTop-blockElemsGap-spread--tblg {
            margin-top: clamp(2.6rem, 4vw, 4rem)
        }

        .mTop-auto--tblg {
            margin-top: auto
        }

        .mTop-0--tblg {
            margin-top: 0
        }

        .mTop-1--tblg {
            margin-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mTop-2--tblg {
            margin-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mTop-3--tblg {
            margin-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mTop-4--tblg {
            margin-top: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mTop-5--tblg {
            margin-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mTop-6--tblg {
            margin-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mBottom-blockElemsGap--tblg {
            margin-bottom: 2rem
        }

        .mBottom-blockElemsGap-compact--tblg {
            margin-bottom: 0.7rem
        }

        .mBottom-blockElemsGap-spread--tblg {
            margin-bottom: clamp(2.6rem, 4vw, 4rem)
        }

        .mBottom-auto--tblg {
            margin-bottom: auto
        }

        .mBottom-0--tblg {
            margin-bottom: 0
        }

        .mBottom-1--tblg {
            margin-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mBottom-2--tblg {
            margin-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mBottom-3--tblg {
            margin-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mBottom-4--tblg {
            margin-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mBottom-5--tblg {
            margin-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mBottom-6--tblg {
            margin-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mLeft-blockElemsGap--tblg {
            margin-left: 2rem
        }

        .mLeft-blockElemsGap-compact--tblg {
            margin-left: 0.7rem
        }

        .mLeft-blockElemsGap-spread--tblg {
            margin-left: clamp(2.6rem, 4vw, 4rem)
        }

        .mLeft-auto--tblg {
            margin-left: auto
        }

        .mLeft-0--tblg {
            margin-left: 0
        }

        .mLeft-1--tblg {
            margin-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mLeft-2--tblg {
            margin-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mLeft-3--tblg {
            margin-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mLeft-4--tblg {
            margin-left: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mLeft-5--tblg {
            margin-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mLeft-6--tblg {
            margin-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mRight-blockElemsGap--tblg {
            margin-right: 2rem
        }

        .mRight-blockElemsGap-compact--tblg {
            margin-right: 0.7rem
        }

        .mRight-blockElemsGap-spread--tblg {
            margin-right: clamp(2.6rem, 4vw, 4rem)
        }

        .mRight-auto--tblg {
            margin-right: auto
        }

        .mRight-0--tblg {
            margin-right: 0
        }

        .mRight-1--tblg {
            margin-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mRight-2--tblg {
            margin-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mRight-3--tblg {
            margin-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mRight-4--tblg {
            margin-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mRight-5--tblg {
            margin-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mRight-6--tblg {
            margin-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pX-blockElemsGap--tblg {
            padding-left: 2rem;
            padding-right: 2rem
        }

        .pX-blockElemsGap-compact--tblg {
            padding-left: 0.7rem;
            padding-right: 0.7rem
        }

        .pX-blockElemsGap-spread--tblg {
            padding-left: clamp(2.6rem, 4vw, 4rem);
            padding-right: clamp(2.6rem, 4vw, 4rem)
        }

        .pX-auto--tblg {
            padding-left: auto;
            padding-right: auto
        }

        .pX-0--tblg {
            padding-left: 0;
            padding-right: 0
        }

        .pX-1--tblg {
            padding-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
            padding-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pX-2--tblg {
            padding-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
            padding-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pX-3--tblg {
            padding-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
            padding-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pX-4--tblg {
            padding-left: clamp(4rem, 2rem + 3.8vw, 6.4rem);
            padding-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pX-5--tblg {
            padding-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            padding-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pX-6--tblg {
            padding-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
            padding-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pY-blockElemsGap--tblg {
            padding-top: 2rem;
            padding-bottom: 2rem
        }

        .pY-blockElemsGap-compact--tblg {
            padding-top: 0.7rem;
            padding-bottom: 0.7rem
        }

        .pY-blockElemsGap-spread--tblg {
            padding-top: clamp(2.6rem, 4vw, 4rem);
            padding-bottom: clamp(2.6rem, 4vw, 4rem)
        }

        .pY-auto--tblg {
            padding-top: auto;
            padding-bottom: auto
        }

        .pY-0--tblg {
            padding-top: 0;
            padding-bottom: 0
        }

        .pY-1--tblg {
            padding-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
            padding-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pY-2--tblg {
            padding-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
            padding-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pY-3--tblg {
            padding-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
            padding-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pY-4--tblg {
            padding-top: clamp(4rem, 2rem + 3.8vw, 6.4rem);
            padding-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pY-5--tblg {
            padding-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            padding-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pY-6--tblg {
            padding-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
            padding-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pTop-blockElemsGap--tblg {
            padding-top: 2rem
        }

        .pTop-blockElemsGap-compact--tblg {
            padding-top: 0.7rem
        }

        .pTop-blockElemsGap-spread--tblg {
            padding-top: clamp(2.6rem, 4vw, 4rem)
        }

        .pTop-auto--tblg {
            padding-top: auto
        }

        .pTop-0--tblg {
            padding-top: 0
        }

        .pTop-1--tblg {
            padding-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pTop-2--tblg {
            padding-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pTop-3--tblg {
            padding-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pTop-4--tblg {
            padding-top: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pTop-5--tblg {
            padding-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pTop-6--tblg {
            padding-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pBottom-blockElemsGap--tblg {
            padding-bottom: 2rem
        }

        .pBottom-blockElemsGap-compact--tblg {
            padding-bottom: 0.7rem
        }

        .pBottom-blockElemsGap-spread--tblg {
            padding-bottom: clamp(2.6rem, 4vw, 4rem)
        }

        .pBottom-auto--tblg {
            padding-bottom: auto
        }

        .pBottom-0--tblg {
            padding-bottom: 0
        }

        .pBottom-1--tblg {
            padding-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pBottom-2--tblg {
            padding-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pBottom-3--tblg {
            padding-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pBottom-4--tblg {
            padding-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pBottom-5--tblg {
            padding-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pBottom-6--tblg {
            padding-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pLeft-blockElemsGap--tblg {
            padding-left: 2rem
        }

        .pLeft-blockElemsGap-compact--tblg {
            padding-left: 0.7rem
        }

        .pLeft-blockElemsGap-spread--tblg {
            padding-left: clamp(2.6rem, 4vw, 4rem)
        }

        .pLeft-auto--tblg {
            padding-left: auto
        }

        .pLeft-0--tblg {
            padding-left: 0
        }

        .pLeft-1--tblg {
            padding-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pLeft-2--tblg {
            padding-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pLeft-3--tblg {
            padding-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pLeft-4--tblg {
            padding-left: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pLeft-5--tblg {
            padding-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pLeft-6--tblg {
            padding-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pRight-blockElemsGap--tblg {
            padding-right: 2rem
        }

        .pRight-blockElemsGap-compact--tblg {
            padding-right: 0.7rem
        }

        .pRight-blockElemsGap-spread--tblg {
            padding-right: clamp(2.6rem, 4vw, 4rem)
        }

        .pRight-auto--tblg {
            padding-right: auto
        }

        .pRight-0--tblg {
            padding-right: 0
        }

        .pRight-1--tblg {
            padding-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pRight-2--tblg {
            padding-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pRight-3--tblg {
            padding-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pRight-4--tblg {
            padding-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pRight-5--tblg {
            padding-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pRight-6--tblg {
            padding-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }
    }

    @media(min-width: 1200px) {
        .mX-blockElemsGap--dt {
            margin-left: 2rem;
            margin-right: 2rem
        }

        .mX-blockElemsGap-compact--dt {
            margin-left: 0.7rem;
            margin-right: 0.7rem
        }

        .mX-blockElemsGap-spread--dt {
            margin-left: clamp(2.6rem, 4vw, 4rem);
            margin-right: clamp(2.6rem, 4vw, 4rem)
        }

        .mX-auto--dt {
            margin-left: auto;
            margin-right: auto
        }

        .mX-0--dt {
            margin-left: 0;
            margin-right: 0
        }

        .mX-1--dt {
            margin-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
            margin-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mX-2--dt {
            margin-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
            margin-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mX-3--dt {
            margin-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
            margin-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mX-4--dt {
            margin-left: clamp(4rem, 2rem + 3.8vw, 6.4rem);
            margin-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mX-5--dt {
            margin-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            margin-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mX-6--dt {
            margin-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
            margin-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mY-blockElemsGap--dt {
            margin-top: 2rem;
            margin-bottom: 2rem
        }

        .mY-blockElemsGap-compact--dt {
            margin-top: 0.7rem;
            margin-bottom: 0.7rem
        }

        .mY-blockElemsGap-spread--dt {
            margin-top: clamp(2.6rem, 4vw, 4rem);
            margin-bottom: clamp(2.6rem, 4vw, 4rem)
        }

        .mY-auto--dt {
            margin-top: auto;
            margin-bottom: auto
        }

        .mY-0--dt {
            margin-top: 0;
            margin-bottom: 0
        }

        .mY-1--dt {
            margin-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
            margin-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mY-2--dt {
            margin-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
            margin-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mY-3--dt {
            margin-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
            margin-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mY-4--dt {
            margin-top: clamp(4rem, 2rem + 3.8vw, 6.4rem);
            margin-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mY-5--dt {
            margin-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            margin-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mY-6--dt {
            margin-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
            margin-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mTop-blockElemsGap--dt {
            margin-top: 2rem
        }

        .mTop-blockElemsGap-compact--dt {
            margin-top: 0.7rem
        }

        .mTop-blockElemsGap-spread--dt {
            margin-top: clamp(2.6rem, 4vw, 4rem)
        }

        .mTop-auto--dt {
            margin-top: auto
        }

        .mTop-0--dt {
            margin-top: 0
        }

        .mTop-1--dt {
            margin-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mTop-2--dt {
            margin-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mTop-3--dt {
            margin-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mTop-4--dt {
            margin-top: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mTop-5--dt {
            margin-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mTop-6--dt {
            margin-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mBottom-blockElemsGap--dt {
            margin-bottom: 2rem
        }

        .mBottom-blockElemsGap-compact--dt {
            margin-bottom: 0.7rem
        }

        .mBottom-blockElemsGap-spread--dt {
            margin-bottom: clamp(2.6rem, 4vw, 4rem)
        }

        .mBottom-auto--dt {
            margin-bottom: auto
        }

        .mBottom-0--dt {
            margin-bottom: 0
        }

        .mBottom-1--dt {
            margin-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mBottom-2--dt {
            margin-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mBottom-3--dt {
            margin-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mBottom-4--dt {
            margin-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mBottom-5--dt {
            margin-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mBottom-6--dt {
            margin-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mLeft-blockElemsGap--dt {
            margin-left: 2rem
        }

        .mLeft-blockElemsGap-compact--dt {
            margin-left: 0.7rem
        }

        .mLeft-blockElemsGap-spread--dt {
            margin-left: clamp(2.6rem, 4vw, 4rem)
        }

        .mLeft-auto--dt {
            margin-left: auto
        }

        .mLeft-0--dt {
            margin-left: 0
        }

        .mLeft-1--dt {
            margin-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mLeft-2--dt {
            margin-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mLeft-3--dt {
            margin-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mLeft-4--dt {
            margin-left: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mLeft-5--dt {
            margin-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mLeft-6--dt {
            margin-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .mRight-blockElemsGap--dt {
            margin-right: 2rem
        }

        .mRight-blockElemsGap-compact--dt {
            margin-right: 0.7rem
        }

        .mRight-blockElemsGap-spread--dt {
            margin-right: clamp(2.6rem, 4vw, 4rem)
        }

        .mRight-auto--dt {
            margin-right: auto
        }

        .mRight-0--dt {
            margin-right: 0
        }

        .mRight-1--dt {
            margin-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .mRight-2--dt {
            margin-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .mRight-3--dt {
            margin-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .mRight-4--dt {
            margin-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .mRight-5--dt {
            margin-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .mRight-6--dt {
            margin-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pX-blockElemsGap--dt {
            padding-left: 2rem;
            padding-right: 2rem
        }

        .pX-blockElemsGap-compact--dt {
            padding-left: 0.7rem;
            padding-right: 0.7rem
        }

        .pX-blockElemsGap-spread--dt {
            padding-left: clamp(2.6rem, 4vw, 4rem);
            padding-right: clamp(2.6rem, 4vw, 4rem)
        }

        .pX-auto--dt {
            padding-left: auto;
            padding-right: auto
        }

        .pX-0--dt {
            padding-left: 0;
            padding-right: 0
        }

        .pX-1--dt {
            padding-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
            padding-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pX-2--dt {
            padding-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
            padding-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pX-3--dt {
            padding-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
            padding-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pX-4--dt {
            padding-left: clamp(4rem, 2rem + 3.8vw, 6.4rem);
            padding-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pX-5--dt {
            padding-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            padding-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pX-6--dt {
            padding-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
            padding-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pY-blockElemsGap--dt {
            padding-top: 2rem;
            padding-bottom: 2rem
        }

        .pY-blockElemsGap-compact--dt {
            padding-top: 0.7rem;
            padding-bottom: 0.7rem
        }

        .pY-blockElemsGap-spread--dt {
            padding-top: clamp(2.6rem, 4vw, 4rem);
            padding-bottom: clamp(2.6rem, 4vw, 4rem)
        }

        .pY-auto--dt {
            padding-top: auto;
            padding-bottom: auto
        }

        .pY-0--dt {
            padding-top: 0;
            padding-bottom: 0
        }

        .pY-1--dt {
            padding-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem);
            padding-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pY-2--dt {
            padding-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem);
            padding-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pY-3--dt {
            padding-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem);
            padding-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pY-4--dt {
            padding-top: clamp(4rem, 2rem + 3.8vw, 6.4rem);
            padding-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pY-5--dt {
            padding-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem);
            padding-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pY-6--dt {
            padding-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
            padding-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pTop-blockElemsGap--dt {
            padding-top: 2rem
        }

        .pTop-blockElemsGap-compact--dt {
            padding-top: 0.7rem
        }

        .pTop-blockElemsGap-spread--dt {
            padding-top: clamp(2.6rem, 4vw, 4rem)
        }

        .pTop-auto--dt {
            padding-top: auto
        }

        .pTop-0--dt {
            padding-top: 0
        }

        .pTop-1--dt {
            padding-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pTop-2--dt {
            padding-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pTop-3--dt {
            padding-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pTop-4--dt {
            padding-top: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pTop-5--dt {
            padding-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pTop-6--dt {
            padding-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pBottom-blockElemsGap--dt {
            padding-bottom: 2rem
        }

        .pBottom-blockElemsGap-compact--dt {
            padding-bottom: 0.7rem
        }

        .pBottom-blockElemsGap-spread--dt {
            padding-bottom: clamp(2.6rem, 4vw, 4rem)
        }

        .pBottom-auto--dt {
            padding-bottom: auto
        }

        .pBottom-0--dt {
            padding-bottom: 0
        }

        .pBottom-1--dt {
            padding-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pBottom-2--dt {
            padding-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pBottom-3--dt {
            padding-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pBottom-4--dt {
            padding-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pBottom-5--dt {
            padding-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pBottom-6--dt {
            padding-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pLeft-blockElemsGap--dt {
            padding-left: 2rem
        }

        .pLeft-blockElemsGap-compact--dt {
            padding-left: 0.7rem
        }

        .pLeft-blockElemsGap-spread--dt {
            padding-left: clamp(2.6rem, 4vw, 4rem)
        }

        .pLeft-auto--dt {
            padding-left: auto
        }

        .pLeft-0--dt {
            padding-left: 0
        }

        .pLeft-1--dt {
            padding-left: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pLeft-2--dt {
            padding-left: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pLeft-3--dt {
            padding-left: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pLeft-4--dt {
            padding-left: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pLeft-5--dt {
            padding-left: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pLeft-6--dt {
            padding-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }

        .pRight-blockElemsGap--dt {
            padding-right: 2rem
        }

        .pRight-blockElemsGap-compact--dt {
            padding-right: 0.7rem
        }

        .pRight-blockElemsGap-spread--dt {
            padding-right: clamp(2.6rem, 4vw, 4rem)
        }

        .pRight-auto--dt {
            padding-right: auto
        }

        .pRight-0--dt {
            padding-right: 0
        }

        .pRight-1--dt {
            padding-right: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem)
        }

        .pRight-2--dt {
            padding-right: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem)
        }

        .pRight-3--dt {
            padding-right: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem)
        }

        .pRight-4--dt {
            padding-right: clamp(4rem, 2rem + 3.8vw, 6.4rem)
        }

        .pRight-5--dt {
            padding-right: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem)
        }

        .pRight-6--dt {
            padding-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
        }
    }

    .mX-block {
        margin-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
        margin-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .mY-block {
        margin-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
        margin-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .mTop-block {
        margin-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .mBottom-block {
        margin-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .mLeft-block {
        margin-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .mRight-block {
        margin-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .pX-block {
        padding-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
        padding-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .pY-block {
        padding-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem);
        padding-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .pTop-block {
        padding-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .pBottom-block {
        padding-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .pLeft-block {
        padding-left: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .pRight-block {
        padding-right: clamp(10rem, 5rem + 10vw, 14.5066666667rem)
    }

    .mX-gap {
        margin-left: clamp(1.6rem, 3.725vw, 4.6933333333rem);
        margin-right: clamp(1.6rem, 3.725vw, 4.6933333333rem)
    }

    .mY-gap {
        margin-top: clamp(1.6rem, 3.725vw, 4.6933333333rem);
        margin-bottom: clamp(1.6rem, 3.725vw, 4.6933333333rem)
    }

    .mTop-gap {
        margin-top: clamp(1.6rem, 3.725vw, 4.6933333333rem)
    }

    .mBottom-gap {
        margin-bottom: clamp(1.6rem, 3.725vw, 4.6933333333rem)
    }

    .mLeft-gap {
        margin-left: clamp(1.6rem, 3.725vw, 4.6933333333rem)
    }

    .mRight-gap {
        margin-right: clamp(1.6rem, 3.725vw, 4.6933333333rem)
    }

    .mX-compactGap {
        margin-left: clamp(1.2rem, 2.3vw, 2.8rem);
        margin-right: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    .mY-compactGap {
        margin-top: clamp(1.2rem, 2.3vw, 2.8rem);
        margin-bottom: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    .mTop-compactGap {
        margin-top: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    .mBottom-compactGap {
        margin-bottom: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    .mLeft-compactGap {
        margin-left: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    .mRight-compactGap {
        margin-right: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    .pX-gap {
        padding-left: clamp(1.6rem, 3.725vw, 4.6933333333rem);
        padding-right: clamp(1.6rem, 3.725vw, 4.6933333333rem)
    }

    .pY-gap {
        padding-top: clamp(1.6rem, 3.725vw, 4.6933333333rem);
        padding-bottom: clamp(1.6rem, 3.725vw, 4.6933333333rem)
    }

    .pTop-gap {
        padding-top: clamp(1.6rem, 3.725vw, 4.6933333333rem)
    }

    .pBottom-gap {
        padding-bottom: clamp(1.6rem, 3.725vw, 4.6933333333rem)
    }

    .pLeft-gap {
        padding-left: clamp(1.6rem, 3.725vw, 4.6933333333rem)
    }

    .pRight-gap {
        padding-right: clamp(1.6rem, 3.725vw, 4.6933333333rem)
    }

    .pX-compactGap {
        padding-left: clamp(1.2rem, 2.3vw, 2.8rem);
        padding-right: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    .pY-compactGap {
        padding-top: clamp(1.2rem, 2.3vw, 2.8rem);
        padding-bottom: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    .pTop-compactGap {
        padding-top: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    .pBottom-compactGap {
        padding-bottom: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    .pLeft-compactGap {
        padding-left: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    .pRight-compactGap {
        padding-right: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    .gap-compact {
        --gap-x: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    .gapX-blockElemsGap {
        --gap-x: 2rem
    }

    .gapY-blockElemsGap {
        --gap-y: 2rem
    }

    .gapX-blockElemsGap-compact {
        --gap-x: 0.7rem
    }

    .gapY-blockElemsGap-compact {
        --gap-y: 0.7rem
    }

    .gapX-blockElemsGap-spread {
        --gap-x: clamp(2.6rem, 4vw, 4rem)
    }

    .gapY-blockElemsGap-spread {
        --gap-y: clamp(2.6rem, 4vw, 4rem)
    }

    .gapX-0 {
        --gap-x: 0
    }

    .gapY-0 {
        --gap-y: 0
    }

    .gapX-1 {
        --gap-x: 5px
    }

    .gapY-1 {
        --gap-y: 5px
    }

    .gapX-2 {
        --gap-x: 10px
    }

    .gapY-2 {
        --gap-y: 10px
    }

    .gapX-3 {
        --gap-x: 15px
    }

    .gapY-3 {
        --gap-y: 15px
    }

    .gapX-4 {
        --gap-x: 20px
    }

    .gapY-4 {
        --gap-y: 20px
    }

    .gapX-5 {
        --gap-x: 30px
    }

    .gapY-5 {
        --gap-y: 30px
    }

    .gap-compact {
        --gap-x: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    @media(min-width: 440px) {
        .gapX-blockElemsGap--splg {
            --gap-x: 2rem
        }

        .gapY-blockElemsGap--splg {
            --gap-y: 2rem
        }

        .gapX-blockElemsGap-compact--splg {
            --gap-x: 0.7rem
        }

        .gapY-blockElemsGap-compact--splg {
            --gap-y: 0.7rem
        }

        .gapX-blockElemsGap-spread--splg {
            --gap-x: clamp(2.6rem, 4vw, 4rem)
        }

        .gapY-blockElemsGap-spread--splg {
            --gap-y: clamp(2.6rem, 4vw, 4rem)
        }

        .gapX-0--splg {
            --gap-x: 0
        }

        .gapY-0--splg {
            --gap-y: 0
        }

        .gapX-1--splg {
            --gap-x: 5px
        }

        .gapY-1--splg {
            --gap-y: 5px
        }

        .gapX-2--splg {
            --gap-x: 10px
        }

        .gapY-2--splg {
            --gap-y: 10px
        }

        .gapX-3--splg {
            --gap-x: 15px
        }

        .gapY-3--splg {
            --gap-y: 15px
        }

        .gapX-4--splg {
            --gap-x: 20px
        }

        .gapY-4--splg {
            --gap-y: 20px
        }

        .gapX-5--splg {
            --gap-x: 30px
        }

        .gapY-5--splg {
            --gap-y: 30px
        }
    }

    .gap-compact {
        --gap-x: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    @media(min-width: 720px) {
        .gapX-blockElemsGap--tb {
            --gap-x: 2rem
        }

        .gapY-blockElemsGap--tb {
            --gap-y: 2rem
        }

        .gapX-blockElemsGap-compact--tb {
            --gap-x: 0.7rem
        }

        .gapY-blockElemsGap-compact--tb {
            --gap-y: 0.7rem
        }

        .gapX-blockElemsGap-spread--tb {
            --gap-x: clamp(2.6rem, 4vw, 4rem)
        }

        .gapY-blockElemsGap-spread--tb {
            --gap-y: clamp(2.6rem, 4vw, 4rem)
        }

        .gapX-0--tb {
            --gap-x: 0
        }

        .gapY-0--tb {
            --gap-y: 0
        }

        .gapX-1--tb {
            --gap-x: 5px
        }

        .gapY-1--tb {
            --gap-y: 5px
        }

        .gapX-2--tb {
            --gap-x: 10px
        }

        .gapY-2--tb {
            --gap-y: 10px
        }

        .gapX-3--tb {
            --gap-x: 15px
        }

        .gapY-3--tb {
            --gap-y: 15px
        }

        .gapX-4--tb {
            --gap-x: 20px
        }

        .gapY-4--tb {
            --gap-y: 20px
        }

        .gapX-5--tb {
            --gap-x: 30px
        }

        .gapY-5--tb {
            --gap-y: 30px
        }
    }

    .gap-compact {
        --gap-x: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    @media(min-width: 900px) {
        .gapX-blockElemsGap--tblg {
            --gap-x: 2rem
        }

        .gapY-blockElemsGap--tblg {
            --gap-y: 2rem
        }

        .gapX-blockElemsGap-compact--tblg {
            --gap-x: 0.7rem
        }

        .gapY-blockElemsGap-compact--tblg {
            --gap-y: 0.7rem
        }

        .gapX-blockElemsGap-spread--tblg {
            --gap-x: clamp(2.6rem, 4vw, 4rem)
        }

        .gapY-blockElemsGap-spread--tblg {
            --gap-y: clamp(2.6rem, 4vw, 4rem)
        }

        .gapX-0--tblg {
            --gap-x: 0
        }

        .gapY-0--tblg {
            --gap-y: 0
        }

        .gapX-1--tblg {
            --gap-x: 5px
        }

        .gapY-1--tblg {
            --gap-y: 5px
        }

        .gapX-2--tblg {
            --gap-x: 10px
        }

        .gapY-2--tblg {
            --gap-y: 10px
        }

        .gapX-3--tblg {
            --gap-x: 15px
        }

        .gapY-3--tblg {
            --gap-y: 15px
        }

        .gapX-4--tblg {
            --gap-x: 20px
        }

        .gapY-4--tblg {
            --gap-y: 20px
        }

        .gapX-5--tblg {
            --gap-x: 30px
        }

        .gapY-5--tblg {
            --gap-y: 30px
        }
    }

    .gap-compact {
        --gap-x: clamp(1.2rem, 2.3vw, 2.8rem)
    }

    @media(min-width: 1200px) {
        .gapX-blockElemsGap--dt {
            --gap-x: 2rem
        }

        .gapY-blockElemsGap--dt {
            --gap-y: 2rem
        }

        .gapX-blockElemsGap-compact--dt {
            --gap-x: 0.7rem
        }

        .gapY-blockElemsGap-compact--dt {
            --gap-y: 0.7rem
        }

        .gapX-blockElemsGap-spread--dt {
            --gap-x: clamp(2.6rem, 4vw, 4rem)
        }

        .gapY-blockElemsGap-spread--dt {
            --gap-y: clamp(2.6rem, 4vw, 4rem)
        }

        .gapX-0--dt {
            --gap-x: 0
        }

        .gapY-0--dt {
            --gap-y: 0
        }

        .gapX-1--dt {
            --gap-x: 5px
        }

        .gapY-1--dt {
            --gap-y: 5px
        }

        .gapX-2--dt {
            --gap-x: 10px
        }

        .gapY-2--dt {
            --gap-y: 10px
        }

        .gapX-3--dt {
            --gap-x: 15px
        }

        .gapY-3--dt {
            --gap-y: 15px
        }

        .gapX-4--dt {
            --gap-x: 20px
        }

        .gapY-4--dt {
            --gap-y: 20px
        }

        .gapX-5--dt {
            --gap-x: 30px
        }

        .gapY-5--dt {
            --gap-y: 30px
        }
    }

    .blockElemsGap-default * {
        --blockElemsGap: 2rem
    }

    .blockElemsGap-compact * {
        --blockElemsGap: 0.7rem
    }

    .blockElemsGap-spread * {
        --blockElemsGap: clamp(2.6rem, 4vw, 4rem)
    }

    .compactBlockElemsGap-default * {
        --compactBlockElemsGap: 2rem
    }

    .compactBlockElemsGap-compact * {
        --compactBlockElemsGap: 0.7rem
    }

    .compactBlockElemsGap-spread * {
        --compactBlockElemsGap: clamp(2.6rem, 4vw, 4rem)
    }
}

@layer helpers {
    .flex-wrap {
        flex-wrap: wrap
    }

    .flex-nowrap {
        flex-wrap: nowrap
    }

    @media(min-width: 440px) {
        .flex-wrap--splg {
            flex-wrap: wrap
        }

        .flex-nowrap--splg {
            flex-wrap: nowrap
        }
    }

    @media(min-width: 720px) {
        .flex-wrap--tb {
            flex-wrap: wrap
        }

        .flex-nowrap--tb {
            flex-wrap: nowrap
        }
    }

    @media(min-width: 900px) {
        .flex-wrap--tblg {
            flex-wrap: wrap
        }

        .flex-nowrap--tblg {
            flex-wrap: nowrap
        }
    }

    @media(min-width: 1200px) {
        .flex-wrap--dt {
            flex-wrap: wrap
        }

        .flex-nowrap--dt {
            flex-wrap: nowrap
        }
    }

    .order-0 {
        order: 0
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

    .order-4 {
        order: 4
    }

    .order-5 {
        order: 5
    }

    .order-minus1 {
        order: -1
    }

    .order-minus2 {
        order: -2
    }

    .order-minus3 {
        order: -3
    }

    .order-minus4 {
        order: -4
    }

    .order-minus5 {
        order: -5
    }

    @media(min-width: 440px) {
        .order-0--splg {
            order: 0
        }

        .order-1--splg {
            order: 1
        }

        .order-2--splg {
            order: 2
        }

        .order-3--splg {
            order: 3
        }

        .order-4--splg {
            order: 4
        }

        .order-5--splg {
            order: 5
        }
    }

    @media(min-width: 440px) {
        .order-minus1--splg {
            order: -1
        }

        .order-minus2--splg {
            order: -2
        }

        .order-minus3--splg {
            order: -3
        }

        .order-minus4--splg {
            order: -4
        }

        .order-minus5--splg {
            order: -5
        }
    }

    @media(min-width: 720px) {
        .order-0--tb {
            order: 0
        }

        .order-1--tb {
            order: 1
        }

        .order-2--tb {
            order: 2
        }

        .order-3--tb {
            order: 3
        }

        .order-4--tb {
            order: 4
        }

        .order-5--tb {
            order: 5
        }
    }

    @media(min-width: 720px) {
        .order-minus1--tb {
            order: -1
        }

        .order-minus2--tb {
            order: -2
        }

        .order-minus3--tb {
            order: -3
        }

        .order-minus4--tb {
            order: -4
        }

        .order-minus5--tb {
            order: -5
        }
    }

    @media(min-width: 900px) {
        .order-0--tblg {
            order: 0
        }

        .order-1--tblg {
            order: 1
        }

        .order-2--tblg {
            order: 2
        }

        .order-3--tblg {
            order: 3
        }

        .order-4--tblg {
            order: 4
        }

        .order-5--tblg {
            order: 5
        }
    }

    @media(min-width: 900px) {
        .order-minus1--tblg {
            order: -1
        }

        .order-minus2--tblg {
            order: -2
        }

        .order-minus3--tblg {
            order: -3
        }

        .order-minus4--tblg {
            order: -4
        }

        .order-minus5--tblg {
            order: -5
        }
    }

    @media(min-width: 1200px) {
        .order-0--dt {
            order: 0
        }

        .order-1--dt {
            order: 1
        }

        .order-2--dt {
            order: 2
        }

        .order-3--dt {
            order: 3
        }

        .order-4--dt {
            order: 4
        }

        .order-5--dt {
            order: 5
        }
    }

    @media(min-width: 1200px) {
        .order-minus1--dt {
            order: -1
        }

        .order-minus2--dt {
            order: -2
        }

        .order-minus3--dt {
            order: -3
        }

        .order-minus4--dt {
            order: -4
        }

        .order-minus5--dt {
            order: -5
        }
    }

    .grow-0 {
        flex-grow: 0
    }

    .grow-1 {
        flex-grow: 1
    }

    .grow-2 {
        flex-grow: 2
    }

    .grow-3 {
        flex-grow: 3
    }

    .grow-4 {
        flex-grow: 4
    }

    .grow-5 {
        flex-grow: 5
    }

    @media(min-width: 440px) {
        .grow-0--splg {
            flex-grow: 0
        }

        .grow-1--splg {
            flex-grow: 1
        }

        .grow-2--splg {
            flex-grow: 2
        }

        .grow-3--splg {
            flex-grow: 3
        }

        .grow-4--splg {
            flex-grow: 4
        }

        .grow-5--splg {
            flex-grow: 5
        }
    }

    @media(min-width: 720px) {
        .grow-0--tb {
            flex-grow: 0
        }

        .grow-1--tb {
            flex-grow: 1
        }

        .grow-2--tb {
            flex-grow: 2
        }

        .grow-3--tb {
            flex-grow: 3
        }

        .grow-4--tb {
            flex-grow: 4
        }

        .grow-5--tb {
            flex-grow: 5
        }
    }

    @media(min-width: 900px) {
        .grow-0--tblg {
            flex-grow: 0
        }

        .grow-1--tblg {
            flex-grow: 1
        }

        .grow-2--tblg {
            flex-grow: 2
        }

        .grow-3--tblg {
            flex-grow: 3
        }

        .grow-4--tblg {
            flex-grow: 4
        }

        .grow-5--tblg {
            flex-grow: 5
        }
    }

    @media(min-width: 1200px) {
        .grow-0--dt {
            flex-grow: 0
        }

        .grow-1--dt {
            flex-grow: 1
        }

        .grow-2--dt {
            flex-grow: 2
        }

        .grow-3--dt {
            flex-grow: 3
        }

        .grow-4--dt {
            flex-grow: 4
        }

        .grow-5--dt {
            flex-grow: 5
        }
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .shrink-1 {
        flex-shrink: 1
    }

    .shrink-2 {
        flex-shrink: 2
    }

    .shrink-3 {
        flex-shrink: 3
    }

    .shrink-4 {
        flex-shrink: 4
    }

    .shrink-5 {
        flex-shrink: 5
    }

    @media(min-width: 440px) {
        .shrink-0--splg {
            flex-shrink: 0
        }

        .shrink-1--splg {
            flex-shrink: 1
        }

        .shrink-2--splg {
            flex-shrink: 2
        }

        .shrink-3--splg {
            flex-shrink: 3
        }

        .shrink-4--splg {
            flex-shrink: 4
        }

        .shrink-5--splg {
            flex-shrink: 5
        }
    }

    @media(min-width: 720px) {
        .shrink-0--tb {
            flex-shrink: 0
        }

        .shrink-1--tb {
            flex-shrink: 1
        }

        .shrink-2--tb {
            flex-shrink: 2
        }

        .shrink-3--tb {
            flex-shrink: 3
        }

        .shrink-4--tb {
            flex-shrink: 4
        }

        .shrink-5--tb {
            flex-shrink: 5
        }
    }

    @media(min-width: 900px) {
        .shrink-0--tblg {
            flex-shrink: 0
        }

        .shrink-1--tblg {
            flex-shrink: 1
        }

        .shrink-2--tblg {
            flex-shrink: 2
        }

        .shrink-3--tblg {
            flex-shrink: 3
        }

        .shrink-4--tblg {
            flex-shrink: 4
        }

        .shrink-5--tblg {
            flex-shrink: 5
        }
    }

    @media(min-width: 1200px) {
        .shrink-0--dt {
            flex-shrink: 0
        }

        .shrink-1--dt {
            flex-shrink: 1
        }

        .shrink-2--dt {
            flex-shrink: 2
        }

        .shrink-3--dt {
            flex-shrink: 3
        }

        .shrink-4--dt {
            flex-shrink: 4
        }

        .shrink-5--dt {
            flex-shrink: 5
        }
    }
}

@layer helpers {
    @keyframes anim-bounceIn {

        0%,
        20%,
        40%,
        60%,
        80%,
        to {
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            transform: scale3d(0.92, 0.92, 0.92)
        }

        20% {
            opacity: 1;
            transform: scale3d(1.06, 1.06, 1.06)
        }

        40% {
            transform: scale3d(0.97, 0.97, 0.97)
        }

        60% {
            transform: scale3d(1.01, 1.01, 1.01)
        }

        80% {
            transform: scale3d(0.995, 0.995, 0.995)
        }

        to {
            transform: scaleX(1)
        }
    }

    .js-waypoint.-maskIn {
        position: relative
    }

    .js-waypoint.-maskIn::after {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: 0;
        top: 0;
        right: 0;
        width: 100%;
        background: var(--body-bgColor);
        transition: width cubic-bezier(0.215, 0.61, 0.355, 1) .8s .2s
    }

    .js-waypoint.-maskIn.is-animated::after {
        width: 0
    }

    .js-waypoint.-blurIn {
        opacity: .3;
        filter: blur(0.2em);
        transition: opacity 1.5s, filter 1.5s, transform 1.5s
    }

    .js-waypoint.-blurIn.is-animated {
        opacity: 1;
        filter: none;
        transform: none
    }

    .js-waypoint.-fadeIn {
        opacity: 0;
        transform: translateY(3.5rem);
        transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) .7s, transform cubic-bezier(0.215, 0.61, 0.355, 1) .7s
    }

    .js-waypoint.-fadeIn.is-animated {
        opacity: 1;
        transform: translateY(0)
    }

    .js-waypoint.-slideIn {
        opacity: 0;
        transform: translateX(2.5rem);
        transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) .7s, transform cubic-bezier(0.215, 0.61, 0.355, 1) .7s
    }

    .js-waypoint.-slideIn.is-animated {
        opacity: 1;
        transform: translateX(0)
    }

    .js-waypoint.-bounceIn.is-animated {
        animation: anim-bounceIn;
        animation-duration: 1000ms;
        animation-delay: 300ms;
        animation-fill-mode: both
    }
}

#UnsupportedBrowser {
    overflow: hidden;
    z-index: 9999999999;
    position: absolute;
    top: 8px;
    right: 8px;
    left: 8px;
    margin: 0;
    padding: 10px;
    background: #fffad3;
    border: 1px solid #d3bb00;
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    border-radius: 4px;
    color: #39382f;
    text-align: left;
    font-size: 14px;
    line-height: 20px
}

#UnsupportedBrowser * {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    line-height: inherit;
    font-size: inherit;
    font-weight: normal;
    color: inherit
}

#UnsupportedBrowser h1 {
    display: block;
    margin: 0 30px 8px 0;
    line-height: 22px;
    font-weight: bold
}

#UnsupportedBrowser small {
    float: right;
    margin-top: 4px;
    line-height: 16px;
    text-align: right;
    color: #858162;
    font-size: 12px
}

#UnsupportedBrowser h2 {
    display: block;
    clear: both;
    margin: 8px 0 8px 0;
    font-weight: bold;
    color: #858162
}

#UnsupportedBrowser ul {
    display: block;
    margin: -5px;
    list-style: none
}

#UnsupportedBrowser ul>li {
    display: inline-block;
    margin: 0 5px 5px 5px
}

#UnsupportedBrowser ul>li>a {
    display: inline-block;
    padding: .15em .22em .1em .22em;
    border-bottom: 1px solid #d3bb00;
    color: #776900;
    text-decoration: none
}

#UnsupportedBrowser ul>li>a:hover {
    background: #ece294
}

#UnsupportedBrowser_CloseBtn {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 30px;
    min-width: auto;
    height: 30px;
    min-height: auto;
    overflow: hidden;
    text-indent: -99px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23858162%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M11%2C22A11%2C11%2C0%2C0%2C1%2C3.222%2C3.222%2C11%2C11%2C0%2C1%2C1%2C18.778%2C18.778%2C10.928%2C10.928%2C0%2C0%2C1%2C11%2C22Zm0-9.7h0l3.928%2C3.928a.921.921%2C0%2C1%2C0%2C1.3-1.3L12.3%2C11l3.929-3.929a.921.921%2C0%2C0%2C0-1.3-1.3L11%2C9.7%2C7.073%2C5.768a.921.921%2C0%2C1%2C0-1.3%2C1.3L9.7%2C11%2C5.771%2C14.927a.921.921%2C0%2C0%2C0%2C1.3%2C1.3L11%2C12.3Z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer
}

#UnsupportedBrowser_CloseBtn:hover {
    opacity: .7
}

@media(min-width: 440px) {
    #UnsupportedBrowser {
        left: auto;
        width: 345px
    }
}