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

@layer init {
    :root {
        --1vw: 1vw;
        --1vh: 1vh;
        --blockElemsGap: 20px;
        --compactBlockElemsGap: 10px;
        --tablePadding: clamp(1.8rem, 2.8vw, 3rem);
        --gap-x: clamp(1.6rem, 3.725vw, 4.6933333333rem);
        --gap-y: var(--blockElemsGap);

        --header-height: 65px;

        --bgColor-body: #fff;
        --textColor-body: #000;

        --textColor-link: #0073A1;
        --textColor-news_pc: #003F4E;
        --textColor-news_sp: #666;
        --textColor-red: #E36565;
        
        --color-main: #01B8E2;
        --color-main-rgb: 1 184 226;
        --color-main-contrast: #fff;
        --color-main-contrast-rgb: 255 255 255;
        
        --bgcolor-gray01: #F7F7F7;
        --bgcolor-gray02: #E7E7E7;
        --bgcolor-gray03: #D7D7D7;
        --bgcolor-gray04: #C1CBCD;
        --bgcolor-darkgray: #878787;
        --bgcolor-blue: #D6F1F7;
        --bgcolor-yellow: #FFD000;

        --bgcolor-tag01: #B08781;
        --bgcolor-tag02: #6F9AD0;
        --bgcolor-tag03: #AD9466;
        --bgcolor-tag04: #FF4448;

        --bordercolor-main: #C7C7C7;
        --bordercolor-btn: #A7A7A7;
        --bordercolor-project: #7A9094;
        --bordercolor-news: #D7D7D7;
        
        --link-textColor: #000;
        --link-textColor-active: #000;
        --link-textColor-visited: #000;
        --link-textColor-hover: #000;

        --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;

        --font-serif: "Noto Serif JP", serif;
        --font-en: "Figtree", sans-serif;
    }
    @media(min-width: 1025px) {
        :root {
            --blockElemsGap: 30px;
            --header-height: 96px;
        }
    }
}

@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: 1.6rem
    }

    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;
        list-style: none;
        box-shadow: none;
        text-shadow: none;
        visibility: visible;
        transition: none
    }

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

@layer elem { /*html body pcsp font selection*/

    * { box-sizing: border-box; }

    html {
        font-size: 62.5%;
        word-break: break-word;
        overflow-wrap: break-word;
        -webkit-font-smoothing: antialiased
    }

    body {
        background-color: var(--bgColor-body);
        color: var(--textColor-body);
        font-family: "Noto Sans JP", sans-serif;
        font-size: 1.6rem;
        font-weight: 400;
        letter-spacing: .05em;
        line-height: 1.6;
    }
    @media(min-width: 1025px) {
        body {
            line-height: 1.8;
        }
    }
    @media(min-width: 1600px) {
        html {
            font-size: calc(62.5% * 1.2);
        }
    }

    :is(address, blockquote, canvas, div, dl, fieldset, figure, p, pre, table, ul, ol, video, details):not(:last-child) {
        margin-bottom: var(--blockElemsGap)
    }
    p:not(:last-child):has(+ p) {
        margin-bottom: var(--compactBlockElemsGap)
    }

    @media (min-width: 600px) {
        .sp {
            display: none;
        }
    }
    @media (min-width: 1025px) {
        .sptab, .tab {
            display: none;
        }
    }
    @media not all and (min-width: 600px) {
        .pctab, .tab {
            display: none;
        }
    }
    @media not all and (min-width: 1025px) {
        .pc {
            display: none;
        }
    }

    .-serif {
        font-family: var(--font-serif);
    }
    .-en {
        font-family: var(--font-en);
    }

    ::selection {
        background-color: var(--color-main);
        color: var(--color-main-contrast);
    }
}

@layer elem { /*a small strong*/

    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
    }

    small:not(.override),
    .small {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.4
    }
    @media(min-width: 1025px) {
        small:not(.override),
        .small {
            font-size: 1.4rem;
        }
    }

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

    blockquote:not(.override),
    .blockquote {
        padding: 16px;
        border-left: 2px solid var(--bordercolor-main)
    }

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

    code:not(.override),
    .code,
    kbd:not(.override),
    .kbd,
    samp:not(.override),
    .samp,
    var:not(.override),
    .var {
        border: 1px solid var(--bordercolor-main);
        border-radius: 3px;
        line-height: 1;
        margin-inline: 3px;
        padding: 6px 4px 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(--bordercolor-main), inset 0 0 0 1px var(--bordercolor-main)
    } 

    pre:not(.override),
    .pre {
        font-family: "Noto Sans JP", sans-serif;
    }

    pre:not(.override) code,
    .pre code {
        margin: 0;
        padding: 8px 16px;
        line-height: inherit;
        border-radius: 0
    }

}

@layer elem { /*hr hl*/
    hr:not(.override),
    .hr {
        border: 1px solid var(--bordercolor-main);
        margin-top: 50px;
    }
    hr:not(:last-child):not(.override),
    .hr:not(:last-child) {
        margin-bottom: 50px
    }


    :is(h2, h3, h4):not(:first-child):not(.override),
    :is(.h2, .h3, .h4):not(:first-child) {
        margin-top: 50px
    }
    :is(h5, h6):not(:first-child):not(.override),
    :is(.h5, .h6):not(:first-child) {
        margin-top: 40px
    }

    h1:not(.override),
    .h1 {
        font-weight: 500;
    }

    h2:not(.override),
    .h2 {
        font-size: 2.4rem;
        font-weight: 500;
        margin-bottom: 20px;
    }
    h2 .-en, 
    .h2 .-en {
        display: block;
        font-size: 3.6rem; 
        line-height: 1.2;
    }
    h2 .-jp, 
    .h2 .-jp {
        display: block;
        font-size: 1.8rem;
    }

    h3:not(.override),
    .h3 {
        position: relative;
        font-size: 2.2rem;
        font-weight: 700;
        padding-left: .7rem;
        margin-bottom: 20px;
    }
    h3:not(.override)::before {
        position: absolute;
        top: -.7rem;
        left: 0;
        display: block;
        content: '';
        background-color: var(--color-main);
        border-radius: 50%;
        width: .8rem;
        height: .8rem;
    }

    h4:not(.override),
    .h4 {
        border-top: 1px solid var(--bordercolor-main);
        font-size: 1.8rem;
        font-weight: 700;
        margin-bottom: 20px;
        padding-top: 20px;
    }
    .-bg-project h4:not(.override) {
        border-color: var(--bordercolor-project);
    }

    h5:not(.override),
    .h5 {
        font-size: 1.6rem;
        font-weight: 700;
        margin-bottom: 12px;
    }

    @media(min-width: 1025px) {
        :is(h2, h3, h4):not(:first-child):not(.override),
        :is(.h2, .h3, .h4):not(:first-child) {
            margin-top: 90px
        }
        :is(h5, h6):not(:first-child):not(.override),
        :is(.h5, .h6):not(:first-child) {
            margin-top: 50px
        }
        h2:not(.override, .headline),
        .h2 {
            font-size: 4rem;
            font-weight: 700;
            line-height: 1.222;
            margin-bottom: 50px;
        }
        h2 .-en {
            font-size: 5rem; 
            font-weight: 500;
        }
        h2 .-jp {
            font-size: 2.6rem;
            font-weight: 500;
        }

        h3:not(.override),
        .h3 {
            font-size: 3.2rem;
            margin-bottom: 40px;
        }
        h3::before {
            width: 1rem;
            height: 1rem;
        }

        h4:not(.override),
        .h4 {
            font-size: 2.4rem;
            margin-bottom: 26px;
            padding-top: 26px;
        }

        h5:not(.override),
        .h5 {
            font-size: 1.8rem;
            margin-bottom: 16px;
        }
    }

}

@layer elem { /*figure*/

    main figure:not(.override) {
        position: relative;
    }
    main figure:not(.override) img {
        width: 100%;
    }
    main a figure:not(.override)::before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: '';
        background-color: rgb(var(--color-main-rgb) / .3 );
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity .3s;
    }
    @media (any-hover: hover) {
        main a:hover figure:not(.override)::before {
            opacity: 1;
        }
    }

}

@layer elem { /*ul ol dl*/
    ul.reset.override::before, 
    ul.reset.override::after {
        display: none !important;
    }

    ul:not(.override) {
        list-style-type: none;
        padding-left: 0;
    }
    ul:not(.override) > li:not(.override) {
        position: relative;
        background: none;
        padding-left: 2rem;
    }
    ul:not(.override) > li:not(.override)::before {
        position: absolute;
        top: .6em;
        left: .3em;
        display: block;
        content: ''; 
        background-color: var(--color-main);
        border-radius: 50%;
        width: .375em;
        height: .375em;
    }


    ol:not(.override) {
        padding-left: 2.5rem;
    }
    ol:not(.override) > li:not(.override) {
        padding-left: 0;
    }
    ol:not(.override) > li:not(.override)::marker {
        font-weight: 700;
    }
    ol.-marker-blue > li:not(.override)::marker {
        color: var(--color-main);
    }

    li:not(:last-child):not(.override),
    .li:not(:last-child) {
        margin-bottom: 8px
    }
    

    dl:not(.override),
    .dl {
        position: relative;
        border-top: 1px solid var(--bordercolor-main);
    }
    dl:not(.override) div,
    .dl div {
        position: relative;
        border-bottom: 1px solid var(--bordercolor-main);
        margin: 0;
        padding: 20px 10px;
    }
    .-bg-project :is(dl:not(.override), .dl, dl:not(.override) div, .dl div) {
        border-color: var(--bordercolor-project);
    }
    dl:not(.override)::before,
    .dl::before, 
    dl:not(.override) div::before,
    .dl div::before {
        position: absolute;
        top: -.1rem;
        left: 0;
        display: block;
        content: '';
        background-color: var(--color-main);
        width: 8rem;
        height: 1px;
    }
    dt:not(.override),
    .dt {
        color: var(--color-main);
        font-weight: 700;
        margin-bottom: 10px;
    }
    dd:not(.override),
    .dd {
        margin: 0;
    }

    @media(min-width: 1025px) {
        dl:not(.override) div,
        .dl div {
            display: flex;
            padding: 36px 10px;
        }
        dl:not(.override)::before,
        .dl::before, 
        dl:not(.override) div::before,
        .dl div::before {
            width: 29rem;
        }
        dt:not(.override),
        .dt {
            flex-basis: 30rem;
            margin-bottom: 0;
        }
        dd:not(.override),
        .dd {
            flex-basis: calc(100% - 30rem);
        }
    }
}

@layer elem { /*table*/

    table:not(.override),
    .table {
        line-height: 1.6;
        border-top: 1px solid var(--bordercolor-main)
    }

    tr:not(.override),
    .tr {
        border-bottom: 1px solid var(--bordercolor-main)
    }

    th:not(.override),
    .th,
    td:not(.override),
    .td {
        border-bottom: 1px solid var(--bordercolor-main);
        padding: var(--tablePadding) 0
    }

    .-bg-project table:not(.override),
    .-bg-project .table, 
    .-bg-project tr:not(.override),
    .-bg-project .tr, 
    .-bg-project th:not(.override),
    .-bg-project .th,
    .-bg-project td:not(.override),
    .-bg-project .td {
        border-color: var(--bordercolor-project);
    }

    th:not(.override),
    .th {
        font-weight: 500;
        text-align: left;
        vertical-align: top;
    }

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

@layer elem { /*input*/

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

    label:not(.override)+label:not(.override),
    .label+label:not(.override),
    label:not(.override)+.label,
    .label+.label {
        margin-top: 8px
    }

    dd label:not(.override) {
        display: block;
    }
    label .label-title {
        display: inline-block;
        padding-right: 15px;
    }

    @media(min-width: 1025px) {
        label:not(.override)+label:not(.override),
        .label+label:not(.override),
        label:not(.override)+.label,
        .label+.label {
            margin-top: 14px;
        }
    }

    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) {
        background-color: #fff;
        border: 1px solid var(--bordercolor-main);
        border-radius: 0;
        color: inherit;
        font-family: "Noto Sans JP", sans-serif;
        letter-spacing: 0.05em;
        line-height: 1.5;
        padding: 8px 10px;
        max-width: 100%;
        min-height: 42px;
        vertical-align: middle;
    }
    @media(min-width: 1025px) {
        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: 14px 20px;
            min-height: 56px;
        }
    }

    input::placeholder {
        color: #b7b7b7;
        opacity: 1;
    }
    textarea::placeholder {
        color: #777;
        opacity: 1;
    }

    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) {
        position: relative;
        padding-right: 62px;
    }
    .select-wrap {
        position: relative;
        display: block;
        background-color: #fff;
        width: fit-content;
    }
    .select-wrap select {
        background-color: transparent;
        z-index: 2;
    }
    .select-wrap::before {
        position: absolute;
        top: 1px;
        right: 1px;
        display: block;
        content: '';
        background-color: var(--bgcolor-gray02);
        width: 40px;
        height: 40px;
        z-index: 1;
    }
    .select-wrap::after {
        position: absolute;
        top: 1px;
        right: 1px;
        display: block;
        content: '';
        background-image: url(../images/arrow_simple.svg);
        background-position: center;
        background-size: 45%;
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        z-index: 1;
    }
    @media(min-width: 1025px) {
        select:not(.override) {
            padding-right: 76px;
        }
        .select-wrap::before {
            width: 54px;
            height: 54px;
        }
        .select-wrap::after {
            background-size: 38%;
            width: 54px;
            height: 54px;
        }
    }


    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
    }

    button[type=submit].override {
        border: none;
        background-color: transparent;
    }

    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: .8rem 2.4rem;
        line-height: 1.5;
        background-color: #111;
        border-radius: 0;
        border: 1px solid #ddd;
        border-radius: 3rem;
        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: rgba(119, 119, 119, .3)
    }

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


    .wpcf7-not-valid-tip {
        background-color: var(--bgcolor-gray01);
        font-size: 1.4rem !important;
        padding-top: 5px;
    }
    .wpcf7 form .wpcf7-response-output {
        line-height: 1.5;
        padding: 1em !important;
    }
}

@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) * 7 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
        box-sizing: content-box;
        max-width: 1380px
    }
    .container.-narrow {
        max-width: 954px
    }
    .container.-wide {
        padding-left: calc(var(--1vw) * 2.5 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 2.5 + env(safe-area-inset-right));
    }
    .container.-full {
        margin-left: calc((var(--1vw) * 7 + env(safe-area-inset-left))*-1);
        margin-right: calc((var(--1vw) *7 + env(safe-area-inset-right))*-1);
        padding-left: calc(var(--1vw) * 7 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
        max-width: none;
    }
    .container.-fullContent {
        margin-left: calc((var(--1vw) * 7 + env(safe-area-inset-left))*-1);
        margin-right: calc((var(--1vw) *7 + env(safe-area-inset-right))*-1);
        padding-left: 0;
        padding-right: 0;
        max-width: none;
    }
}

@layer components { /*-full*/
    .-fullRight {
        margin-right: calc((var(--1vw) * 7 + env(safe-area-inset-right))*-1);
    }
    .-fullLeft {
        margin-left: calc((var(--1vw) * 7 + env(safe-area-inset-left))*-1);
    }
    .container.-wide .-fullRight {
        margin-right: calc((var(--1vw) * 2.5 + env(safe-area-inset-right))*-1);
    }
    .container.-wide .-fullLeft {
        margin-left: calc((var(--1vw) * 2.5 + env(safe-area-inset-left))*-1);
    }
    @media(min-width: 1600px) {
        .-fullRight {
            margin-right: calc(((var(--1vw) * 86 - 1380px) / -2) + ((var(--1vw) * 7 + env(safe-area-inset-right))*-1));
        }
        .-fullLeft {
            margin-left: calc(((var(--1vw) * 86 - 1380px) / -2) + ((var(--1vw) * 7 + env(safe-area-inset-left))*-1));
        }
        .container.-full,
        .container.-fullContent {
            margin-right: calc(((var(--1vw) * 86 - 1380px) / -2) + ((var(--1vw) * 7 + env(safe-area-inset-right))*-1));
            margin-left: calc(((var(--1vw) * 86 - 1380px) / -2) + ((var(--1vw) * 7 + env(safe-area-inset-left))*-1));
        }
    }
}

@layer components { /*headline*/
    .headline {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        line-height: 1;
        margin: 0;
        text-decoration: none;
        white-space: nowrap
    }
    .headline_en {
        position: relative;
        display: block;
        font-family: var(--font-en);
        font-size: 5.4rem;
        margin-left: -0.05em;
        text-transform: capitalize;
        min-height: 0vw;
    }
    .headline_jp {
        display: inline-flex;
        font-size: 1.8rem;
        padding-top: .2em;
        min-height: 0vw;
    }
    .headline_en::before {
        position: absolute;
        top: -.22em;
        left: -.11em;
        display: block;
        content: '';
        background-color: var(--color-main);
        border-radius: 50%;
        width: .185em;
        height: .185em;
    }

    @media(min-width: 600px) {
        .headline_en {
            font-size: 7rem;
        }
        .headline_jp {
            font-size: 2.15rem;
        }
    }
    @media(min-width: 1025px) {
        .headline_en {
            font-size: 8.2rem;
        }
        .headline_jp {
            font-size: 2.6rem;
        }
        .headline_en::before {
            top: -.3em;
            left: -.13em;
            width: .195em;
            height: .195em;
        }
    }


    @keyframes headline_en_text {
        0% {
            opacity: 0
        }
        49% {
            opacity: 0
        }
        50% {
            opacity: 1
        }
        100% {
            opacity: 1
        }
    }

    @keyframes headline_en_mask {
        0% {
            left: 0;
            right: 100%
        }
        48% {
            left: 0;
            right: 0
        }
        52% {
            left: 0;
            right: 0
        }
        100% {
            left: 100%;
            right: 0
        }
    }

    .headline.js-waypoint .headline_en::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 100%;
        display: block;
        content: "";
        background: var(--color-main);
        pointer-events: none;
        z-index: 1;
    }

    .headline.js-waypoint .headline_en_text {
        opacity: 0
    }

    .headline.is-animated .headline_en::after {
        animation: headline_en_mask .8s both
    }

    .headline.is-animated .headline_en_text {
        animation: headline_en_text .75s both
    }

    .headline.js-waypoint .headline_jp {
        transform: translateX(-0.5em);
        opacity: 0;
        transition: opacity .5s .4s, transform .5s .4s
    }

    .headline.is-animated .headline_jp {
        transform: translateX(0);
        opacity: 1
    }

}

@layer components { /*wrapAround column beforeAfter*/
    .column_wrapAround {
        display: flex;
        flex-direction: column;
        gap: var(--blockElemsGap) 0 !important;
        margin-bottom: var(--blockElemsGap) !important;
    }
    .column_wrapAround.-rev {
        flex-direction: column-reverse;
    }
    .column_wrapAround figure, 
    .column_wrapAround > * {
        margin-bottom: 0 !important;
    }

    @media(min-width: 1025px) {
        .column_wrapAround {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            gap: 40px !important;
        }
        .column_wrapAround.-rev {
            flex-direction: row;
        }
        .column_wrapAround > * {
            flex-basis: calc((100% - 20px) / 2);
            margin: 0;
        }
        .column_wrapAround.-small-img > figure {
            flex-basis: 33%;
        }
        .column_wrapAround.-small-img > *:not(figure) {
            flex-basis: calc(100% - 33% - 40px);
        }
    }


    .column {
        display: flex;
        flex-wrap: wrap;
        gap: 16px 20px !important;
    }
    .column figure {
        margin-bottom: 0 !important;
    }
    .column.-col2 > *, 
    .column.-col3 > *,
    .column.-col4 > * {
        flex-basis: calc((100% - 20px) / 2) !important;
        flex-grow: 0 !important;
        margin: 0;
    }

    @media(min-width: 1025px) {
        .column {
            gap: 30px 40px !important;
        }
        .column.-col2 > * {
            flex-basis: calc((100% - 40px) / 2) !important;
        }
        .column.-col3 > * {
            flex-basis: calc((100% - 40px * 2) / 3) !important;
        }
        .column.-col4 > * {
            flex-basis: calc((100% - 40px * 3) / 4) !important;
        }
    }


    .column_beforeAfter {
        display: flex;
        flex-direction: column;
        gap: var(--blockElemsGap) 0 !important;
        margin-bottom: var(--blockElemsGap) !important;
    }
    .column_beforeAfter .arrow {
        display: flex;
        justify-content: center;
        align-content: center;
        margin-bottom: 0;
    }
    .column_beforeAfter .arrow img {
        transform: rotate(90deg);
        width: 33px;
    }
    .column_beforeAfter figure {
        margin-bottom: 0 !important;
    }
    .column_beforeAfter figure figcaption {
        position: absolute;
        top: 10px;
        right: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100vmax;
        color: #fff;
        font-size: 1.1rem;
        line-height: 1;
        margin: 0 !important;
        width: 7rem;
        height: 3rem;
    }
    .column_beforeAfter .before figure figcaption, 
    .column_beforeAfter figure.before figcaption {
        background-color: var(--bgcolor-darkgray);
    }
    .column_beforeAfter .after figure figcaption, 
    .column_beforeAfter figure.after figcaption {
        background-color: var(--color-main);
    }
    
    @media(min-width: 1025px) {
        .column_beforeAfter {
            display: flex;
            flex-direction: row;
        }
        .column_beforeAfter .before, 
        .column_beforeAfter figure.before {
            flex-basis: 40% !important;
            flex-grow: 0;
        }
        .column_beforeAfter .after,
        .column_beforeAfter figure.after {
            flex-basis: calc((100% - 40px) / 2) !important;
            flex-grow: 0;
        }
        .column_beforeAfter .arrow {
            flex-basis: calc(100% - ((100% - 40px) / 2) - 40%) !important;
            flex-grow: 0;
        }
        .column_beforeAfter .wp-block-column.arrow .wp-block-image {
            width: 40%;
        }
        .column_beforeAfter .wp-block-column.arrow figure {
            width: 100%;
        }
        .column_beforeAfter .wp-block-column.arrow figure img {
            transform: rotate(0);
            width: 100%;
        }
        .column_beforeAfter p.arrow img {
            transform: rotate(0);
            width: 40%;
        }
        .column_beforeAfter figure figcaption {
            top: 20px;
            right: 20px;
            font-size: 1.5rem;
            width: 8.8rem;
            height: 3.6rem;
        }
    }

}

@layer components { /*box*/
    .box {
        border-radius: 10px;
        margin-top: 40px;
        padding: 30px;
    }
    .box.-bg-white {
        background-color: #fff;
    }
    .box.-bg-blue {
        background-color: var(--bgcolor-blue);
    }
    .box.-bg-gray {
        background-color: var(--bgcolor-gray02);
    }
    .box.-frame {
        border: 1px solid var(--bordercolor-main);
    }
    .-bg-project .box.-frame {
        border: 1px solid var(--bordercolor-project);
    }

    @media(min-width: 1025px) {
        .box {
            margin-top: 80px;
            padding: 60px;
        }
    }
}

@layer components { /*faq history*/
    .accordion_faq details {
        background-color: #fff;
        line-height: 1.8;
        padding: 0 10px;
    }
    .accordion_faq summary {
        display: block;
    }
    .accordion_faq summary::-webkit-details-marker {
        display: none;
    }

    .accordion_faq .summary_inner {
        position: relative;
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
    }
    .accordion_faq .summary_inner::after {
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        content: '';
        border-bottom: 1px solid var(--bordercolor-main);
    }
    .-bg-project .accordion_faq .summary_inner::after {
        border-color: var(--bordercolor-project);
    }

    .accordion_faq .summary_inner .plus {
        position: relative;
        flex-basis: 55px;
        flex-shrink: 0;
        margin-top: 2px;
    }
    .accordion_faq .summary_inner .plus::before, 
    .accordion_faq .summary_inner .plus::after {
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        display: block;
        content: '';
        background-color: var(--color-main);
        transition: transform .6s, width .6s, height .6s;
    }
    .accordion_faq .summary_inner .plus::before {
        top: 8px;
        width: 21px;
        height: 1px;
    }
    .accordion_faq .summary_inner .plus::after {
        top: 0;
        width: 1px;
        height: 17px;
    }
    .accordion_faq details[open] .summary_inner .plus::before {
        width: 27px;
        transform: rotate(150deg);
    }
    .accordion_faq details[open] .summary_inner .plus::after {
        top: -5px;
        height: 27px;
        transform: rotate(120deg);
    }

    .accordion_faq .content_inner {
        padding: 20px 55px 20px 0;
    } 

    @media(min-width: 1025px) {
        .accordion_faq .summary_inner {
            padding: 32px 0 32px 50px;
        }
        .accordion_faq .summary_inner .plus {
            flex-basis: 81px;
        }
        .accordion_faq .content_inner {
            font-weight: 700;
            padding: 32px 81px 32px 50px;
        } 
    }


    .dl_history, 
    .dl_history div {
        border: none;
    }
    .dl_history::before, 
    .dl_history div::before {
        display: none;
    }

    .dl_history div {
        display: flex;
        padding: 0;
    }
    .dl_history dt {
        flex-basis: 9rem;
        flex-shrink: 0;
        font-family: var(--font-en);
        font-size: 2.6rem;
        font-weight: 500;
        padding: 18px 0;
    }
    .dl_history dd {
        flex-basis: calc(100% - 9rem);
        border-top: 1px solid var(--bordercolor-main);
        margin: 0;
        padding: 18px 0;
    }
    .dl_history dd > *:last-child {
        margin-bottom: 0 !important;
    }
    .dl_history div:last-child dd {
        border-bottom: 1px solid var(--bordercolor-main);
    }
    .-bg-project :is(.dl_history dd, .dl_history div:last-child dd) {
        border-color: var(--bordercolor-project);
    }

    @media(min-width: 1025px) {
        .dl_history dt {
            flex-basis: 10rem;
            font-size: 3rem;
            padding: 28px 0;
        }
        .dl_history dd {
            flex-basis: calc(100% - 10rem);
            padding: 36px 10px;
        }
    }
}

@layer components { /*slideBox scroll-infinity js-scroll-overlap*/

    /*slideBox*/
    .slideBox {
        position: relative;
        aspect-ratio: 3 / 2;
    }
    .slideBox img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0;
    }
    .slideBox:has(img:nth-of-type(1)) img {
        animation: slideBox-1 3s infinite;
    }
    .slideBox:has(img:nth-of-type(2)) img {
        animation: slideBox-2 6s infinite;
    }
    .slideBox:has(img:nth-of-type(3)) img {
        animation: slideBox-3 9s infinite;
    }
    .slideBox:has(img:nth-of-type(4)) img {
        animation: slideBox-4 12s infinite;
    }
    .slideBox:has(img:nth-of-type(5)) img {
        animation: slideBox-5 15s infinite;
    }

    @keyframes slideBox-1 {
        0% { opacity: 1 }
        25% { opacity: 1 }
        50% { opacity: 1 }
        75% { opacity: 1 }
        100% { opacity: 1 }
    }

    @keyframes slideBox-2 {
        0% { opacity: 0 }
        25% { opacity: 1 }
        50% { opacity: 1 }
        75% { opacity: 0 }
        100% { opacity: 0 }
    }

    @keyframes slideBox-3 {
        0% { opacity: 0 }
        16% { opacity: 1 }
        33% { opacity: 1 }
        49% { opacity: 0 }
        100% { opacity: 0 }
    }

    @keyframes slideBox-4 {
        0% { opacity: 0 }
        12% { opacity: 1 }
        25% { opacity: 1 }
        37% { opacity: 0 }
        100% { opacity: 0 }
    }

    @keyframes slideBox-5 {
        0% { opacity: 0 }
        10% { opacity: 1 }
        20% { opacity: 1 }
        30% { opacity: 0 }
        100% { opacity: 0 }
    }

    .slideBox img:nth-of-type(1) {
        animation-delay: 0s !important;
    }
    .slideBox img:nth-of-type(2) {
        animation-delay: 3s !important;
    }
    .slideBox img:nth-of-type(3) {
        animation-delay: 6s !important;
    }
    .slideBox img:nth-of-type(4) {
        animation-delay: 9s !important;
    }
    .slideBox img:nth-of-type(5) {
        animation-delay: 12s !important;
    }


    /*scroll-infinity*/
    .scroll-infinity__wrap {
        display: flex;
        overflow: hidden;
        width: 100%;
    }
    .scroll-infinity__list {
        display: flex;
        gap: 10px;
    }
    .scroll-infinity__item {
        margin-bottom: 0;
        width: calc(100vw / 2);
    }
    .scroll-infinity__item img {
        aspect-ratio: 3 / 2;
        object-fit: cover;
        width: 100%;
    }
    .scroll-infinity__list--left {
        animation: infinity-scroll-left 50s infinite linear 0.5s both;
    }
    .scroll-infinity__list--right {
        animation: infinity-scroll-right 50s infinite linear 0.5s both;
    }
    @media (min-width: 600px) {
        .scroll-infinity__item {
            width: calc(100vw / 3);
        }
    }
    @media (min-width: 1080px) {
        .scroll-infinity__list {
            gap: 16px;
        }
        .scroll-infinity__item {
            width: calc(100vw / 4);
        }
        .scroll-infinity__list--left {
            animation: infinity-scroll-left 70s infinite linear 0.5s both;
        }
        .scroll-infinity__list--right {
            animation: infinity-scroll-right 70s infinite linear 0.5s both;
        }
    }

    @keyframes infinity-scroll-left {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-100%);
        }
    }
    @keyframes infinity-scroll-right {
        from {
            transform: translateX(-100%);
        }
        to {
            transform: translateX(0);
        }
    }
    @keyframes infinity-scroll-top {
        from {
            transform: translateY(0);
        }
        to {
            transform: translateY(-100%);
        }
    }
    @keyframes infinity-scroll-bottom {
        from {
            transform: translateY(-100%);
        }
        to {
            transform: translateY(0);
        }
    }


    /*js-scroll-overlap*/
    .js-scroll-overlap:not(.is-disabled) {
        --sticky-offset: -1px;
        position: sticky;
        top: var(--sticky-offset);
    }
}

@layer components { /*buttonFrame*/
    
    /*buttonFrame*/
    .buttonFrame {
        position: relative;
        min-width: 23rem;
        width: fit-content;
        max-width: 40rem;
        min-height: 5.2rem;
    }
    .buttonFrame .buttonFrame_link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0;
        border-radius: 100vmax;
        text-decoration: none;
        height: calc(100% - 2px);
        transition: background-color 1.2s;
    }
    .buttonFrame .buttonFrame_link::before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: '';
        border: 1px solid var(--bordercolor-btn);
        border-radius: 100vmax;
        width: 100%;
        height: 100%;
    }
    
    .buttonFrame_title {
        color: var(--textColor-link);
        font-weight: 500;
        line-height: 1.3;
        padding: 12px 8px 12px 20px;
        width: fit-content;
    }
    .buttonFrame_hover {
        position: absolute;
        top: -1px;
        left: -1px;
        width: calc(100% + 2px);
        height: calc(100% + 2px);
        stroke-dasharray: 600;
        stroke-dashoffset: 600;
    }
    .buttonFrame_hover rect {
        display: block; 
        width: calc(100% - 2px);
        height: calc(100% - 2px);
        stroke: var(--color-main);
        transition: 1.2s cubic-bezier(0.075, 0.82, 0.165, 1);
    }

    .buttonFrame[class*=wht] .buttonFrame_link::before {
        border-color: #fff;
    }
    .buttonFrame[class*=wht] .buttonFrame_title {
        color: #fff;
    }

    @media (any-hover: hover) {
        .buttonFrame .buttonFrame_link:hover {
            background-color: #fff;
        }
        .buttonFrame .buttonFrame_link:hover::before {
            opacity: 0
        }
        .buttonFrame .buttonFrame_link:hover .buttonFrame_title {
            color: var(--textColor-body);
        }
        .buttonFrame .buttonFrame_link:hover .buttonFrame_hover rect {
            stroke-dashoffset: 0
        }
        
    }

    /*buttonFrame_arrow */
    .buttonFrame_arrow {
        position: relative;
        display: block;
        flex-shrink: 0;
        background-color: var(--color-main);
        border-radius: 50%;
        overflow: hidden;
        width: 36px;
        height: 36px;
    }
    .buttonFrame .buttonFrame_arrow {
        margin: 8px;
    }
    .buttonFrame_arrow::before, 
    .buttonFrame_arrow::after {
        position: absolute;
        display: block;
        content: '';
        background-image: url(../images/arrow.svg);
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        animation-fill-mode: forwards;
        animation-duration: .3s;
    }
    .buttonFrame_arrow::after {
        transform: translateX(-100%);
    }
    .buttonFrame_link:hover .buttonFrame_arrow:before {
        animation-name: transformRightLeft;
        animation-delay: 0s;
    }
    .buttonFrame_link:hover .buttonFrame_arrow:after {
        animation-name: transformLeftRight;
        animation-delay: 0.2s;
    }

    .pagination .buttonFrame_arrow::before, 
    .pagination .buttonFrame_arrow::after {
        transform: rotate(-90deg);
    }
    .pagination .buttonFrame_arrow::after {
        transform: translateY(100%) rotate(-90deg);
    }

    @media(min-width: 1600px) {
        .buttonFrame_arrow {
            width: 44px;
            height: 44px;
        }
    }

    @media (any-hover: hover) {
        .buttonFrame_link:hover .buttonFrame_arrow:before {
            animation-name: transformRightLeft;
            animation-delay: 0s;
        }
        .buttonFrame_link:hover .buttonFrame_arrow:after {
            animation-name: transformLeftRight;
            animation-delay: 0.2s;
        }

        .pagination .buttonFrame_link:hover .buttonFrame_arrow:before {
            animation-name: transformBottomTop;
            animation-delay: 0s;
        }
        .pagination .buttonFrame_link:hover .buttonFrame_arrow:after {
            animation-name: transformTopBottom;
            animation-delay: 0.2s;
        }
    }
    @keyframes transformLeftRight {
        0% {
            transform: translateX(-100%);
        }
        100% {
            transform: translateX(0);
        }
    }
    @keyframes transformRightLeft {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(100%);
        }
    }
    @keyframes transformTopBottom {
        0% {
            transform: translateY(100%) rotate(-90deg);
        }
        100% {
            transform: translateY(0) rotate(-90deg);
        }
    }
    @keyframes transformBottomTop {
        0% {
            transform: translateY(0) rotate(-90deg);
        }
        100% {
            transform: translateY(-100%) rotate(-90deg);
        }
    }

}

@layer components { /*pagination*/
    /*archive*/
    .pagination {
        padding-top: 40px;
    }
    .pagination a {
        text-decoration: none;
    }
    .pagination .nav-links {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 12px;
        font-family: var(--font-en);
    }
    .pagination .page-numbers {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid var(--bordercolor-btn);
        border-radius: 50%;
        color: var(--textColor-link);
        font-size: 1.5rem;
        width: 3.6rem;
        height: 3.6rem;
    }
    .pagination a.page-numbers {
        transition: 
            border-color .3s,
            background-color .3s,
            color .3s;
    }
    .pagination .page-numbers.current {
        background-color: var(--color-main);
        border-color: var(--color-main);
        color: #fff;
    }
    .pagination .page-numbers.prev {
        margin-right: 12px;
    }
    .pagination .page-numbers.next {
        margin-left: 12px;
    }
    .pagination .page-numbers.prev::before,
    .pagination .page-numbers.next::before {
        position: absolute;
        display: block;
        content: '';
        background-image: url(../images/arrow_page.svg);
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        transition: background-image .3s;
    }
    .pagination .page-numbers.prev::before {
        transform: rotate(180deg);
    }

    @media (any-hover: hover) {
        .pagination a.page-numbers:hover {
            background-color: var(--color-main);
            border-color: var(--color-main);
            color: #fff;
        }
        .pagination a.page-numbers.prev:hover::before,
        .pagination a.page-numbers.next:hover::before {
            background-image: url(../images/arrow.svg);
        }
    }

    /*single*/
    .pageFooter .pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 18px;
        padding-top: 0;
    }
    .pageFooter .pagination .page-thum {
        display: none;
    }
    .pageFooter .pagination .page-numbers.prev {
        margin-right: 0;
    }
    .pageFooter .pagination .page-numbers.next {
        margin-left: 0;
    }
    .pageFooter .pagination .buttonFrame {
        margin-bottom: 0;
        width: 180px;
    }
    .pageFooter .pagination .buttonFrame a {
        gap: 12px;
    }

    @media(min-width: 1025px) {
        .pageFooter .pagination {
            justify-content: space-between;
            gap: 50px;
        }
        .pageFooter .pagination .pagination-item {
            flex-basis: calc((100% - 180px - 100px) / 2);
            margin-bottom: 0 !important;
            max-width: 450px;
        }
        .pageFooter .pagination .page-numbers {
            display: none;
        }
        .pageFooter .pagination .page-thum {
            display: flex;
            align-items: center;
            gap: 15px;
            color: var(--textColor-link);
        }
        .pageFooter .pagination .page-thum.next {
            flex-direction: row-reverse;
        }
        .pageFooter .pagination .page-thum figure {
            margin-bottom: 0 !important;
        }
        .pageFooter .pagination .page-thum img {
            aspect-ratio: 3 / 2;
            object-fit: cover;
            width: 160px;
        }
    }
}

@layer super { /*bg*/
    .-bg-project {
        background-color: var(--bgcolor-gray04);
    }
    .-bg-recruit {
        background: var(--bgcolor-yellow);
    }

    .-bg-gray01 {
        background-color: var(--bgcolor-gray01);
    }
    .-bg-gray02 {
        background-color: var(--bgcolor-gray02);
    }
    .-bg-gray03 {
        background-color: var(--bgcolor-gray03);
    }
    .-bg-white {
        background-color: #fff;
    }
}


@layer theme { /*splide*/

    /*reset*/
    .splide__slide img {
        aspect-ratio: 3 / 2;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .splide__pagination {
        padding-left: 0;
    }
    .splide__pagination li {
        padding: 0;
    }
    .splide__pagination li::before {
        display: none;
    }

    /*carousel01*/
    .splide.-carousel01 {
        margin-bottom: 40px
    }
    .splide.-carousel01 .splide__track {
        margin-bottom: 0;
    }

    .splide.-carousel01 .splide__arrow {
        background-color: var(--color-main) !important;
        opacity: 1 !important;
        width: 36px !important;
        height: 36px !important;
    }
    .splide.-carousel01 .splide__arrow.__prev {
        left: -18px !important;
    }
    .splide.-carousel01 .splide__arrow.__prev::before, 
    .splide.-carousel01 .splide__arrow.__prev::after {
        transform: rotate(180deg);
    }
    .splide.-carousel01 .splide__arrow.__next {
        right: -18px !important;
    }

    .splide.-carousel01 .splide__pagination {
        position: relative !important;
        padding-top: 15px;
    }
    .splide.-carousel01 .splide__pagination__page {
        background-color: #a7a7a7 !important;
        margin: 0 7px !important;
        width: 12px !important;
        height: 12px !important;
    }
    .splide.-carousel01 .splide__pagination__page.is-active {
        background-color: var(--color-main) !important;
        transform: scale(1) !important;
    }

    @media(min-width: 600px) {
        .splide.-carousel01 .splide__arrow.__prev {
            left: calc(8% - 18px) !important;
        }
        .splide.-carousel01 .splide__arrow.__next {
            right: calc(8% - 18px) !important;
        }
    }
    @media(min-width: 1025px) {
        .splide.-carousel01 {
            margin-bottom: 80px
        }
        .splide.-carousel01 .splide__arrow.__prev {
            left: calc(10% - 18px) !important;
        }
        .splide.-carousel01 .splide__arrow.__next {
            right: calc(10% - 18px) !important;
        }
        .splide.-carousel01 .splide__pagination {
            padding-top: 30px;
        }
        .splide.-carousel01 .splide__pagination__page {
            width: 15px !important;
            height: 15px !important;
        }
    }
    @media(min-width: 1380px) {
        .splide.-carousel01 .splide__arrow.__prev {
            left: calc(15% - 18px) !important;
        }
        .splide.-carousel01 .splide__arrow.__next {
            right: calc(15% - 18px) !important;
        }
    }
    @media(min-width: 1920px) {
        .splide.-carousel01 .splide__arrow.__prev {
            left: calc(20% - 18px) !important;
        }
        .splide.-carousel01 .splide__arrow.__next {
            right: calc(20% - 18px) !important;
        }
    }
}

@layer theme { /*bgVideo*/
    #bgVideo {
        position: fixed;
        inset: 0;
        background-image: url(https://moriyamasei-ex.selesite.com/cms/wp-content/uploads/2026/04/bg-vodeo.jpg);
        background-size: cover;
        background-position: center;
        margin-bottom: 0;
        width: 100vw;
        height: 100lvh;
        z-index: -10;
    }
    #bgVideo::before {
        position: absolute;
        inset: 0;
        display: block;
        content: '';
        background-color: rgb(var(--color-main-rgb) / .4 );
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    #bgVideo video {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    #bgVideo p {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }
    #bgVideo p:empty, 
    #bgVideo br {
        display: none;
    }
}

@layer theme { /*header*/
    .header {
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
        padding-left: calc(20px + env(safe-area-inset-left));
        width: 100vw;
        height: var(--header-height);
        z-index: 120;
        transition: 
            background-color .4s, 
            transform .3s;
    }
    .header.hide {
        transform: translateY(-100%);
    }
    .header a {
        text-decoration: none;
    }

    .header_logo {
        margin-bottom: 0;
        width: min(calc(100vw - 65px - 40px), 256px); 
        transition: display .3s;
    }
    .header_logo a {
        display: block;
    }
    .header_logo a img {
        width: 100%;
    }
    .header_logo a img.header_logo_onMovie {
        display: none;
    }

    .header_content {
        display: none;
    }


    .header.-onMovie, 
    .header.-onHeader {
        background-color: transparent;
    }
    .header.-onMovie .header_logo a img.header_logo_initial {
        display: none;
    }
    .header.-onMovie .header_logo a img.header_logo_onMovie {
        display: block;
    }


    .header_menubtn {
        position: absolute;
        top: 0;
        right: 0;
        background-color: var(--color-main);
        cursor: pointer;
        width: var(--header-height);
        height: var(--header-height);
        transition: background-color .3s;
    }
    .header_menubtn span, 
    .header_menubtn span::before,
    .header_menubtn span::after {
        position: absolute;
        inset: 0;
        display: block;
        content: '';
        background-color: #fff;
        margin: auto;
        width: 18px;
        height: 1px;
        transition: 
            background-color .6s, 
            transform .6s;
    }
    .header_menubtn span::before {
        top: -14px;
    }
    .header_menubtn span::after {
        bottom: -14px;
    }


    html.header_menubtn_open .header {
        background-color: transparent;
    }
    html.header_menubtn_open .header.hide {
        transform: translateY(0);
    }
    html.header_menubtn_open .header_logo {
        display: none;
    }
    html.header_menubtn_open .header_menubtn{
        background-color: #fff;
    }
    html.header_menubtn_open .header_menubtn span {
        background-color: transparent;
    }
    html.header_menubtn_open .header_menubtn span::before, 
    html.header_menubtn_open .header_menubtn span::after {
        background-color: var(--color-main);
    }
    html.header_menubtn_open .header_menubtn span::before {
        -webkit-transform: translateY(7px) rotate(35deg);
        transform: translateY(7px) rotate(35deg);
    }
    html.header_menubtn_open .header_menubtn span::after {
        -webkit-transform: translateY(-7px) rotate(-35deg);
        transform: translateY(-7px) rotate(-35deg);
    }

    @media(min-width: 1025px) {
        .header_logo {
            width: 280px; 
        }

        .header_content {
            display: block;
            margin-bottom: 0;
            padding-right: min(11vw, calc(2 * var(--header-height)));
            transition: display .3s;
        }
        .header_nav ul {
            display: flex;
            justify-content: flex-end;
            gap: min(1.5vw, 30px);
        }
        .header_nav li {
            margin-bottom: 0;
        }
        .header_nav li a {
            font-weight: 500;
            transition: color .3s;
        }


        .header.-onMovie .header_nav li a {
            color: #fff;
        }


        .header_menubtn span, 
        .header_menubtn span::before,
        .header_menubtn span::after {
            width: 20px;
        }
        .header_menubtn span::before {
            top: -16px;
        }
        .header_menubtn span::after {
            bottom: -16px;
        }

        html.header_menubtn_open .header_content {
            display: none;
        }
        html.header_menubtn_open .header_menubtn span::before {
            -webkit-transform: translateY(8px) rotate(40deg);
            transform: translateY(8px) rotate(40deg);
        }
        html.header_menubtn_open .header_menubtn span::after {
            -webkit-transform: translateY(-8px) rotate(-40deg);
            transform: translateY(-8px) rotate(-40deg);
        }

    }
    @media (any-hover: hover) {
        .header_nav li a:hover, 
        .header.-onMovie .header_nav li a:hover {
            color: var(--color-main);
        }
    }
}

@layer theme { /*gNav*/
    #gNav {
        position: fixed;
        inset: 0;
        background-color: var(--color-main);
        color: #fff;
        margin: 0;
        overflow-y: auto;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: -10;
        transition: 
            opacity ease-in-out .4s, 
            z-index ease-in-out .4s;
    }
    #gNav a {
        color: #fff;
        text-decoration: none;
    }

    /*gNav_img*/
    .gNav_img {
        display: none;
    }

    /*gNav_content*/
    .gNav_content {
        padding-top: var(--header-height);
        padding-bottom: 64px;
        padding-inline: calc(var(--1vw) * 8 + env(safe-area-inset-left));
    }
    .gNav_nav_main {
        margin-bottom: 36px;
    }
    .gNav_nav_main li {
        margin-bottom: 0;
    }
    .gNav_nav_main a {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        border-bottom: 1px solid #fff;
        font-weight: 500;
        padding: 38px 0 15px;
        transition: transform .4s;
    }
    .gNav_nav_main a .-en {
        font-size: 3.6rem;
        letter-spacing: 0;
        line-height: 1;
    }
    .gNav_nav_sub ul {
        font-size: 1.5rem;
    }
    .gNav_nav_sub ul li {
        margin-bottom: 5px;
    }
    .gNav_nav_sub ul li::before {
        background-color: #fff;
    }
    .gNav_nav_sub a {
        transition: opacity .6s;
    }


    @media(min-width: 1025px) {
        #gNav {
            display: flex;
        }

        /*gNav_img*/
        .gNav_img {
            position: relative;
            display: block;
            flex-basis: 50%;
            margin-bottom: 0;
            height: 100%;
        }
        .gNav_img_initial, 
        .gNav_img ul, 
        .gNav_img li, 
        .gNav_img li figure {
            position: absolute;
            inset: 0;
            margin-bottom: 0;
            width: 100%;
            height: 100%;
        }
        .gNav_img_initial::before {
            position: absolute;
            inset: 0;
            display: block;
            content: '';
            background-color: rgb(var(--color-main-rgb) / .25 );
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        .gNav_img li {
            opacity: 0;
            transition: opacity .6s ease-in-out;
        }
        .gNav_img img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }

        #gNav:has(.gNav_nav_main li:nth-child(1) a:hover) .gNav_img li:nth-child(1) {
            opacity: 1;
        }
        #gNav:has(.gNav_nav_main li:nth-child(2) a:hover) .gNav_img li:nth-child(2) {
            opacity: 1;
        }
        #gNav:has(.gNav_nav_main li:nth-child(3) a:hover) .gNav_img li:nth-child(3) {
            opacity: 1;
        }
        #gNav:has(.gNav_nav_main li:nth-child(4) a:hover) .gNav_img li:nth-child(4) {
            opacity: 1;
        }
        #gNav:has(.gNav_nav_main li:nth-child(5) a:hover) .gNav_img li:nth-child(5) {
            opacity: 1;
        }
        #gNav:has(.gNav_nav_main li:nth-child(6) a:hover) .gNav_img li:nth-child(6) {
            opacity: 1;
        }
        #gNav:has(.gNav_nav_main li:nth-child(7) a:hover) .gNav_img li:nth-child(7) {
            opacity: 1;
        }
        
        /*gNav_content*/
        .gNav_content {
            flex-basis: 50%;
            overflow-y: auto;
        }
        .gNav_nav_main {
            margin-bottom: 50px;
        }
        .gNav_nav_main a {
            padding: 36px 0 15px;
        }
        .gNav_nav_main a .-en {
            font-size: 4.2rem;
        }
        .gNav_nav_sub ul {
            display: flex;
            flex-wrap: wrap;
            gap: 0 50px;
        }
        .gNav_nav_sub ul::before {
            display: none;
        }
    }

    @media (any-hover: hover) {
        .gNav_nav_main a:hover {
            transform: translateX(20px);
        }
        .gNav_nav_sub a:hover {
            opacity: .75;
        }
    }
}

@layer theme { /*footer Loading*/
    .footer {
        clear: both;
        position: relative;
        color: #fff;
        z-index: 1;
    }
    .footer a {
        color: #fff;
        text-decoration: none;
    }
    @media(min-width: 1025px) {
        .footer {
            padding-block: calc(var(--header-height) + env(safe-area-inset-bottom));
            padding-left: calc(var(--header-height) + env(safe-area-inset-left));
            padding-right: calc(var(--header-height) + env(safe-area-inset-right));
        }
    }

    /*footer_contact*/
    .footer_contact {
        margin: 0;
    }
    .footer_contact a {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        background-color: rgb(0 0 0 / .8);
        padding-block: 50px;
        padding-left: calc(var(--1vw) * 8 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 8 + env(safe-area-inset-right));
        transition: background-color .3s;
    }
    .footer_contact .headline .headline_jp {
        display: none;
    }
    .footer_contact .buttonFrame_arrow {
        width: 50px;
        height: 50px;
    }

    @media(min-width: 600px) {
        .footer_contact a {
            gap: 0;
            padding-top: 80px;
            padding-bottom: 70px;
        }
        .footer_contact .headline {
            flex-basis: auto;
        }
        .footer_contact .headline .headline_jp {
            display: block;
        }
    }
    @media(min-width: 1600px) {
        .footer_contact .buttonFrame_arrow {
            width: 70px;
            height: 70px;
        }
    }
    @media (any-hover: hover) {
        .footer_contact a:hover {
            background-color: rgb(var(--color-main-rgb) / .8);
        }
        .footer_contact a:hover .headline_en::before {
            background-color: #fff;
        }
        .footer_contact a:hover .buttonFrame_arrow {
            background-color: #fff;
        }
        .footer_contact a:hover .buttonFrame_arrow::before, 
        .footer_contact a:hover .buttonFrame_arrow::after {
            background-image: url(../images/arrow_blue.svg);
        }
    }


    /*footer_content*/
    .footer_content {
        position: relative;
        padding-top: var(--header-height);
        padding-bottom: 50px;
        padding-left: calc(var(--1vw) * 8 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 8 + env(safe-area-inset-right));
    }

    .footer_copy {
        margin-bottom: 0;
        padding: 20px 0 11vw;
        text-align: center;
    }
    .footer_copy img {
        margin-left: -3vw;
        width: min(50%, 230px);
    }

    .footer_nav {
        margin-bottom: 44px;
    }
    .footer_nav p {
        margin-bottom: 0 !important;
    }
    .footer_nav p:empty {
        display: none;
    }
    .footer_nav a {
        transition: opacity .3s;
    }
    .footer_nav > ul > li {
        font-weight: 500;
        margin-bottom: 16px;
    }
    .footer_nav > ul > li > ul {
        display: flex;
        flex-wrap: wrap;
        gap: 0 10px;
        margin-top: 7px;
    }
    .footer_nav > ul > li > ul > li {
        position: relative;
        flex-basis: calc(50% - 5px);
        font-size: 1.4rem;
        margin-bottom: 3px;
        padding-left: 10px;
    }
    .footer_nav > ul > li > ul > li::before {
        position: absolute;
        top: 10px;
        left: 0;
        display: block;
        content: '';
        background-color: #fff;
        width: 5px;
        height: 1px;
    }

    .footer_info a {
        transition: opacity .3s;
    }
    .footer_logo {
        margin-bottom: 16px;
    }
    .footer_logo img {
        width: 250px;
    }
    .footer_sns {
        margin-bottom: 16px;
    }
    .footer_sns ul {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .footer_sns li {
        margin-bottom: 0;
    }
    .footer_sns li a {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .footer_address {
        font-size: 1.4rem;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    .pagetop {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        width: var(--header-height);
        height: var(--header-height);
    }
    .pagetop a {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        width: 100%;
        height: 100%;
    }
    .pagetop svg {
        fill: var(--color-main);
        width: 18px;
        transition: transform .3s ease-in-out;
    }
    

    @media(min-width: 600px) {
        .footer_nav > ul > li {
            margin-bottom: 20px ;
        }
        .footer_nav > ul > li > ul > li {
            flex-basis: calc((100% - 20px) / 3);
        }
    }
    @media(min-width: 1025px) {
        .footer_content {
            position: static;
            display: grid;
            grid-template-columns: 37rem auto;
            grid-template-rows: 210px auto;
            gap: 95px 40px;
            padding: 60px 0 0;
        }
        .footer_copy {
            grid-column: 1 / 2;
            grid-row: 1 / 2;
        }
        .footer_nav {
            grid-column: 2 / 3;
            grid-row: 1 / 3;
        }
        .footer_info {
            grid-column: 1 / 2;
            grid-row: 2 / 3;
        }

        .footer_copy {
            padding: 0;
            text-align: left;
        }
        .footer_copy img {
            margin-left: 0;
            width: 230px;
        }

        .footer_nav {
            margin-top: 40px;
            margin-bottom: 0;
        }
        .footer_nav > ul {
            display: flex;
            flex-wrap: wrap;
            gap: 35px 0;
        }
        .footer_nav > ul > li {
            margin-bottom: 0;
        }
        .footer_nav > ul > li:not(:nth-child(3n)) {
            flex-basis: 40%;
        }
        .footer_nav > ul > li:nth-child(3n) {
            flex-basis: 20%;
        }
        .footer_nav > ul > li > ul {
            display: block;
            margin-top: 15px;
        }
        .footer_nav > ul > li > ul > li {
            font-size: 1.5rem;
            margin-bottom: 5px;
        }
        
        .footer_logo img {
            width: 258px;
        }
        .footer_address {
            font-size: 1.5rem;
        }

        .pagetop a {
            background-color: var(--color-main);
        }
        .pagetop svg {
            fill: #fff;
            width: 20px;
        }
    }
    @media(min-width: 1200px) {
        .footer_content {
            gap: 95px 15vw;
        }
        .footer_nav > ul > li:not(:nth-child(3n)), 
        .footer_nav > ul > li:nth-child(3n) {
            flex-basis: calc(100% / 3);
        }
    }
    @media (any-hover: hover) {
        .footer_nav a:hover {
            opacity: .7;
        }
        .footer_info a:hover {
            opacity: .7;
        }
        .pagetop a:hover svg {
            transform: translateY(-7px);   
        }
    }


    /*loading
    @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;
        width: 100vw;
        height: 100vh
    }
    #Loading::after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        display: block;
        content: '';
        background: url(../images/theme/logo.svg) no-repeat;
        background-size: contain;
        background-position: center;
        width: 40vw;
        height: 40vw;
    }

    #Loading.is-hide {
        pointer-events: none;
        opacity: 0;
        animation: loading .3s both
    }
    @media(min-width: 900px) {
        #Loading::after {
            width: 20vw;
            height: 20vw;
        }
    }*/
}

@layer theme { /*pageHeader pageBody pageFooter*/
    
    /*contents*/
    .contents {
        position: relative;
    }

    /*pageHeader*/
    .pageHeader {
        position: sticky;
        top: calc(-1 * var(--header-height));
        background-color: #fff;
        margin-bottom: 0;
        padding-top: var(--header-height);
        padding-bottom: 50px;
    }
    .pageHeader .headline {
        margin-top: 50px;
    }

    .pageHeader_content {
        margin-top: 30px;
    }
    .pageHeader_content .txt {
        font-weight: 500;
        margin-bottom: 30px;
    }
    .pageHeader_content .txt br {
        display: none;
    } 
    
    .breadcrumb {
        border-top: 1px solid var(--bordercolor-main);
        padding-top: 15px;
    }
    .breadcrumb ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 3px 0;
    }
    .breadcrumb li {
        font-size: 1.3rem;
        margin-bottom: 0;
        padding-left: 5px;
    }
    .breadcrumb li:has(a)::after {
        content: '/';
        padding-left: 5px;
    }
    .breadcrumb a {
        color: var(--textColor-link);
        text-decoration: none;
    }

    @media(min-width: 600px) {
        .pageHeader {
            padding-bottom: 60px;
        }
        .pageHeader .headline {
            margin-top: 80px;
        }
        .pageHeader_content {
            margin-top: 50px;
        }
        
    }
    @media(min-width: 1025px) {
        .pageHeader {
            padding-bottom: 80px;
        }
        .pageHeader > * {
            display: flex;
            justify-content: space-between;
            gap: 0 17vw;
        }
        .pageHeader .headline {
            margin-top: 120px;
            margin-bottom: 50px;
        }

        .pageHeader_content {
            flex-grow: 1;
            margin-top: 140px;
        }
        .pageHeader_content .txt {
            font-size: 2rem;
            margin-bottom: 0;
        }
        .pageHeader_content .txt br {
            display: inline;
        } 
        
        .breadcrumb {
            margin-top: 40px;
            padding-top: 20px;
        }
        .breadcrumb ul {
            gap: 5px 0;
        }
        .breadcrumb li {
            font-size: 1.6rem;
            padding-left: 5px;
        }
        .breadcrumb li:has(a)::after {
            padding-left: 5px;
        }
    }

    /*pageBody*/
    .pageBody {
        position: relative;
        background-color: var(--bgcolor-gray01);
        margin-bottom: 0;
        padding-top: 40px;
        padding-bottom: 60px;
        z-index: 1;
    }
    @media(min-width: 1025px) {
        .pageBody {
            padding-top: 80px;
            padding-bottom: 150px;
        }
    }

    /*pageFooter*/
    .pageFooter {
        position: relative;
        background-color: #fff;
        margin-bottom: 0;
        padding-block: 40px;
        z-index: 1;
    }
    @media(min-width: 1025px) {
        .pageFooter {
            padding-block: 80px;
        }
    }
}

@layer theme { /*toppage*/

    .homeBody {
        position: relative;
    }
    @media not all and (min-width: 1025px) {
        .homeBody .buttonFrame {
            margin: 30px auto 0;
        }
    }

    /*mainVisual*/
    .mainVisual {
        position: relative;
        padding-left: calc(var(--1vw) * 4 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 4 + env(safe-area-inset-right));
        width: 100vw;
    }
    .mainVisual .catchcopy {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 0;
        height: 100lvh;
        opacity: 0;
        animation: fade 1s ease-in-out forwards;
        animation-delay: .25s;
    }
    .mainVisual .catchcopy img {
        width: 60vw;
        max-width: 300px;
    }
    @keyframes fade {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

    .mainVisual h1 {
        position: relative;
        margin-bottom: 3svh;
        width: fit-content;
    }
    .mainVisual h1::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 100%;
        display: block;
        content: "";
        background: var(--color-main);
        pointer-events: none;
        z-index: 1;
    }
    .mainVisual h1 img {
        opacity: 0;
        width: 80vw;
        max-width: 450px;
    }

    .mainVisual h1.is-animated::after {
        animation: headline_en_mask .8s both;
    }
    .mainVisual h1.is-animated img {
        animation: headline_en_text .75s both;
    }


    .mainVisual .copy {
        color: #fff;
        font-size: max(2.2vw, 1.6rem);
        font-weight: 500;
        line-height: 1.75;
        padding-bottom: 40svh;
        width: 80vw;
        max-width: 480px;
        opacity: 0;
    }
    .mainVisual .copy br {
        display: none;
    }
    .mainVisual .copy.is-animated {
        animation: fade .75s ease-in-out forwards;
        animation-delay: .4s;
    }

    .mainVisual #js-mouse {
        position: absolute;
        bottom: 7vw; 
        right: 7vw;
    }
    .mainVisual #js-mouse a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid #fff;
        border-radius: 50%;
        color: #fff;
        font-family: var(--font-en);
        font-size: 1.8svh;
        font-weight: 700;
        line-height: 1.2;
        text-decoration: none;
        width: 10svh;
        height: 10svh;
        min-width: 6rem;
        min-height: 6rem;
    }
    
    @media not all and (min-width: 1024px) {
        .mainVisual #js-mouse {
            opacity: 0;
            animation: fade .5s ease-in-out forwards;
            animation-delay: 2.5s;
        }
    }
    @media(min-width: 1025px) {
        .mainVisual {
            padding-left: calc(var(--1vw) * 7 + env(safe-area-inset-left));
            padding-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
        }
        .mainVisual .catchcopy img {
            width: 27vw;
            max-width: 400px;
        }
        .mainVisual h1 {
            margin-bottom: 4rem;
        }
        .mainVisual h1 img {
            width: 40vw;
            max-width: 670px;
        }
        .mainVisual .copy {
            font-size: clamp(24px, 1.5vw, 28px);
            letter-spacing: 0.075em;
            width: 40vw;
            max-width: 670px;
        }
        .mainVisual .copy br {
            display: block;
        }

        .mainVisual #js-mouse {
            bottom: min(10vw, 70px); 
            right: min(10vw, 70px); 
        }
        .mainVisual #js-mouse a {
            flex-direction: row;
            gap: 5px;
            font-size: 1.4rem;
            width: 12rem;
            height: 12rem;
        }
    }
    @media (any-hover: hover) {
        .mainVisual #js-mouse {
            position: fixed;
            top: -15px; 
            left: -15px;
            display: none;
            opacity: 0;
            transform: translate(0,0);
            transition: transform .2s ease-out;
        }
        .mainVisual #js-mouse.-onMovie {
            display: block;
            opacity: 1;
        }
        .mainVisual #js-mouse a {
            cursor: default;
        }
        @media(min-width: 1025px) {
            .mainVisual #js-mouse {
                top: -30px; 
                left: -30px;
            }
        }
    }

    /*hgroup*/
    .homeBody hgroup {
        margin-bottom: 40px;
    }
    .homeBody hgroup .copy {
        font-weight: 500;
        line-height: 1.6;
        padding-top: 26px;
    }
    .homeBody hgroup .copy br {
        display: none;
    }
    @media(min-width: 1025px) {
        .homeBody hgroup {
            display: flex;
            justify-content: space-between;
            gap: 80px;
            margin-bottom: 80px;
        }
        .homeBody hgroup .copy {
            font-size: 2rem;
            line-height: 1.5;
            padding-top: .7rem;
        }
        .homeBody hgroup .copy br {
            display: block;
        }
    }


    /*homeMessage*/
    .homeMessage {
        position: relative;
        background-color: var(--bgcolor-gray01);
        background-image: url(/cms/wp-content/uploads/2026/04/message_bk_sp.png);
        background-position: center bottom;
        background-size: cover;
        padding-left: calc(var(--1vw) * 3 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 3 + env(safe-area-inset-right));
        padding-block: 80px;
    }

    .homeMessage_img_wrapper {
        aspect-ratio: 3 / 2;
        width: 100%;
    }
    .homeMessage_img_container {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0 !important;
        width: 100%;
    }
    .homeMessage_img_mask {
        position: relative;
        overflow: hidden;
        aspect-ratio: 3 / 2;
    }
    .homeMessage_img_img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    .homeMessage_content {
        padding-inline: 4vw;
        padding-block: 50px;
    }
    .homeMessage_content h2 {
        margin-bottom: 30px;
    }
    .homeMessage_content h2 figure {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
        margin: 0 auto !important;
    }
    .homeMessage_content h2 img:nth-child(1) {
        width: 50%;
        max-width: 294px;
    }
    .homeMessage_content h2 img:nth-child(2) {
        width: 95%;
        max-width: 556px;
    }
    .homeMessage_content .message {
        font-family: var(--font-serif);
        line-height: 1.7;
        margin-bottom: 0;
    }
    .homeMessage_content .buttonFrame {
        margin: 30px 0 0 auto;
    }

    .homeMessage_loop {
        margin-left: calc((var(--1vw) * 3 + env(safe-area-inset-left))*-1);
        margin-right: calc((var(--1vw) * 3 + env(safe-area-inset-right))*-1);
    }
    .homeMessage_loop .scroll-infinity__item {
        width: 800px;
    }
    .homeMessage_loop .scroll-infinity__item img {
        aspect-ratio: 758 / 86;
    }

    @media(min-width: 1025px) {
        .homeMessage {
            background-image: url(/cms/wp-content/uploads/2026/04/message_bk_pc-1.png);
            padding-left: calc(var(--1vw) * 7 + env(safe-area-inset-left));
            padding-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
            padding-block: 160px;
        }

        .homeMessage_img_wrapper {
            width: 100%;
            height: 320vh;
        }
        .homeMessage_img_container {
            position: sticky;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 0 !important;
            width: 100%;
            height: 100vh;
        }
        .homeMessage_img_mask {
            position: relative;
            overflow: hidden;
            aspect-ratio: 3 / 2;
        }
        .homeMessage_img_img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }


        .homeMessage_content {
            margin: 0 auto;
            padding-inline: 0;
            padding-block: 150px;
            max-width: 754px;
        }
        .homeMessage_content h2 {
            margin-bottom: 40px;
        }
        .homeMessage_content h2 figure {
            gap: 50px;
        }
        .homeMessage_content .message {
            font-size: 1.8rem;
            line-height: 1.8;
        }

        .homeMessage_loop {
            margin-left: calc((var(--1vw) * 7 + env(safe-area-inset-left))*-1);
            margin-right: calc((var(--1vw) * 7 + env(safe-area-inset-right))*-1);
        }
        .homeMessage_loop .scroll-infinity__item {
            width: 1580px;
        }
    }


    /*homeBusiness*/
    .homeBusiness {
        background-color: var(--bgcolor-gray01);
        padding-top: 90px;
        padding-left: calc(var(--1vw) * 7 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
    }

    .homeBusiness_img {
        display: none;
    }

    .homeBusiness_item {
        margin-bottom: 0;
    }
    .homeBusiness_item a {
        display: block;
        padding-block: 40px;
        text-decoration: none;
    }
    .homeBusiness_item h3 {
        font-weight: 500;
        margin-bottom: 20px;
    }
    .homeBusiness_item h3 .-en {
        display: block;
        font-size: 3.6rem; 
        line-height: 1.2;
    }
    .homeBusiness_item h3 .-jp {
        display: block;
        font-size: 1.8rem;
    }
    .homeBusiness_item .thum img {
        aspect-ratio: 330 / 256;
        object-fit: cover;
        width: 100%;
    }

    @media not all and (min-width: 1025px) {
        .homeBusiness_item {
            margin-left: calc((var(--1vw) * 7 + env(safe-area-inset-left)) * -1);
            margin-right: calc((var(--1vw) * 7 + env(safe-area-inset-right)) * -1);
            padding-left: calc(var(--1vw) * 7 + env(safe-area-inset-left));
            padding-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
        }
        .homeBusiness_item:nth-child(1) {
            background-color: #fff;
        }
        .homeBusiness_item:nth-child(2) {
            background-color: var(--bgcolor-gray01);
        }
        .homeBusiness_item:nth-child(3) {
            background-color: var(--bgcolor-gray02);
        }
        .homeBusiness_item .txt {
            display: none;
        }
    }

    @media(min-width: 1025px) {
        .homeBusiness {
            padding-top: 160px;
            padding-bottom: 160px;
        }
        .homeBusiness hgroup .copy {
            font-size: 2.7rem;
            font-weight: 700;
        }

        .homeBusiness_body {
            position: relative;
            margin-left: calc((var(--1vw) * 5 + env(safe-area-inset-left)) * -1);
            margin-right: calc((var(--1vw) * 5 + env(safe-area-inset-right)) * -1);
        }

        .homeBusiness_img {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            margin-bottom: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .homeBusiness_img::before {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            content: '';
            background-color: rgb( 0 133 162 / .6 );
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        .homeBusiness_img li {
            position: absolute;
            top: 0;
            left: 0;
            margin-bottom: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transform: scale(1.06) translateZ(0);
            transition: 
                opacity .5s cubic-bezier(.18, .06, .23, 1),
                transform .5s cubic-bezier(.18, .06, .23, 1);
        }
        .homeBusiness_img li.-hover {
            opacity: 1;
            transform: scale(1) translateZ(0);
        }
        .homeBusiness_img img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }

        .homeBusiness_content {
            position: relative;
            display: flex;
            padding-block: 50px;
            z-index: 2;
        }
        .homeBusiness_item {
            flex-basis: calc(100% / 3);
        }
        .homeBusiness_item:not(:first-child) {
            border-left: 1px solid #fff;
        }
        .homeBusiness_item a {
            display: flex;
            flex-direction: column;
            color: #fff;
            padding: 115px 40px 200px 50px;
            opacity: .65;
            height: 100%;
            transition: opacity .3s;
        }
        .homeBusiness_item a.-hover {
            opacity: 1;
        }
        
        .homeBusiness_item h3 {
            flex-grow: 1;
            line-height: 1.222;
            margin-bottom: 50px;
        }
        .homeBusiness_item h3 .-en  {
            font-size: 3.6rem;
            line-height: 1;
        }
        .homeBusiness_item h3 .-jp  {
            font-size: 2.4rem;
        }

        .homeBusiness_item .thum {
            display: none;
        }

        .homeBusiness_item .txt {
            flex-grow: 2;
            margin-bottom: 0;
        }

        .homeBusiness_item .buttonFrame {
            margin: 70px auto 0;
        }
        .homeBusiness_item .buttonFrame .buttonFrame_link::before {
            border-color: #fff;
        }
        .homeBusiness_item .buttonFrame .buttonFrame_title {
            color: #fff;
        }

    }
    @media(min-width: 1200px) {
        .homeBusiness hgroup .copy {
            font-size: 3.6rem;
        }
        .homeBusiness_item h3 .-en  {
            font-size: 4.6rem;
            line-height: 1;
        }
        .homeBusiness_item h3 .-jp  {
            font-size: 2.8rem;
        }
    }
    @media(min-width: 1600px) {
        .homeBusiness_item a {
            padding-top: 155px;
            padding-bottom: 250px;
        }
    }
    @media (any-hover: hover) {
        @media(min-width: 1025px) {
            .homeBusiness_item .buttonFrame .buttonFrame_link:hover .buttonFrame_title {
                color: var(--textColor-body);
            }
        }
    }


    /*homeProject*/
    .homeProject {
        background-color: var(--bgcolor-gray04);
        padding-top: 90px;
        padding-bottom: 60px;
        padding-left: calc(var(--1vw) * 7 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
    }
    @media not all and (min-width: 1025px) {
        .homeProject .projectList_item a {
            flex-wrap: wrap;
            gap: 10px;
        }
        .homeProject .projectList_item:first-child .project_thum,
        .homeProject .projectList_item:first-child .project_title {
            flex-basis: 100%;
        }
    }
    @media(min-width: 1025px) {
        .homeProject {
            padding-block: 160px;
        }
        .homeProject .projectList {
            position: relative;
        }
        .homeProject .projectList .buttonFrame {
            position: absolute;
            top: 0;
            right: 0;
        }
        .homeProject .projectList_item:first-child {
            flex-basis: 56%;
        }
        .homeProject .projectList_item:nth-child(2) {
            flex-basis: calc(100% - 56% - 40px);
            padding-top: calc((56% / 3 * 2) - ((100% - 56% - 40px) / 3 * 2));
        }
    }

    /*recruit_gallery*/
    .recruit_gallery {
        margin-bottom: 0;
    }
    .recruit_gallery .scroll-infinity__wrap {
        gap: 14px;
        margin-bottom: 16px;
    }
    .recruit_gallery .scroll-infinity__list {
        gap: 14px;
    }
    .recruit_gallery .scroll-infinity__item {
        width: calc(100vw / 2.4);
    }
    .recruit_gallery .scroll-infinity__item img {
        aspect-ratio: 160 / 108;
        border-radius: 100vmax;
    }
    @media(min-width: 600px) {
        .recruit_gallery .scroll-infinity__item {
            width: calc(100vw / 3.5);
        }
    }
    @media(min-width: 1025px) {
        .recruit_gallery .scroll-infinity {
            display: flex;
            justify-content: flex-end;
            gap: 30px;
        }
        .recruit_gallery .scroll-infinity__wrap {
            flex-direction: column;
            gap: 40px;
            margin-bottom: 0;
            width: calc((100vw - 14vw - 50rem - 30px) / 2 );
            max-width: 300px;
        }
        .recruit_gallery .scroll-infinity__list {
            flex-direction: column;
            gap: 40px;
        }
        .recruit_gallery .scroll-infinity__item {
            width: 100%;
        }
        .recruit_gallery .scroll-infinity__item img {
            aspect-ratio: 258 / 380;
        }
        .recruit_gallery .scroll-infinity__list--left {
            animation: infinity-scroll-top 70s infinite linear 0.5s both;
        }
        .recruit_gallery .scroll-infinity__list--right {
            animation: infinity-scroll-bottom 70s infinite linear 0.5s both;
        }
    }
    @media(min-width: 1200px) {
        .homeRecruit .scroll-infinity {
            gap: 3vw;
        }
        .homeRecruit .scroll-infinity__wrap {
            gap: 50px;
            width: calc((100vw - 14vw - 60rem - 6vw) / 2 );
        }
        .homeRecruit .scroll-infinity__list {
            gap: 50px;
        }
    }

    /*homeRecruit*/
    .homeRecruit {
        position: relative;
        bottom: -1px;
        background-color: var(--bgcolor-gray01);
        margin-top: 400px;
        padding-left: calc(var(--1vw) * 3 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 3 + env(safe-area-inset-right));
    }
    .homeRecruit p:empty {
        display: none;
    }
    .homeRecruit_inner {
        position: relative;
        top: -25px;
        background-color: var(--bgcolor-yellow);
        border-radius: 25px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .homeRecruit hgroup {
        margin: 0 5vw 50px;
    }
    .homeRecruit hgroup .copy {
        font-weight: 500;
    }

    @media(min-width: 1025px) {
        .homeRecruit {
            margin-top: 540px;
            padding-left: calc(var(--1vw) * 2 + env(safe-area-inset-left));
            padding-right: calc(var(--1vw) * 2 + env(safe-area-inset-right));
        }
        .homeRecruit_inner {
            top: -90px;
            display: grid;
            grid-template-columns: 50rem 1fr;
            grid-template-rows: 65rem 18rem;
            gap: 0;
            border-radius: 40px;
            padding-top: 0;
            padding-bottom: 0;
            overflow: hidden;
        }
        .homeRecruit hgroup {
            grid-column: 1 / 2;
            grid-row: 1 / 2;
            flex-direction: column;
            justify-content: flex-start;
            margin: 170px 0 100px 5vw;
        }
        .homeRecruit .recruit_gallery {
            grid-column: 2 / 3;
            grid-row: 1 / 3;
            margin: 0 5vw 0 0;
        }
        .homeRecruit .buttonFrame {
            grid-column: 1 / 2;
            grid-row: 2 / 3;
            margin: 0 0 130px 5vw;
            height: 5.2rem;
        }

        .homeRecruit hgroup .copy {
            font-size: 2.6rem;
            font-weight: 700;
            padding-top: 0;
        }
    }
    @media(min-width: 1200px) {
        .homeRecruit_inner {
            grid-template-columns: 55% 40%;
            grid-template-rows: 75rem 18rem;
            gap: 0 5%;
        }
        .homeRecruit hgroup .copy {
            font-size: 3.5rem;
            letter-spacing: .025em;
            line-height: 1.6;
        }
    }
    @media(min-width: 1600px) {
        .homeRecruit hgroup .copy {
            font-size: 3.2rem;
        }
    }

    /*homeNews*/
    .homeNews {
        background-color: var(--bgcolor-gray01);
        margin-top: -120px;
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: calc(var(--1vw) * 7 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
    }
    .homeNews .newsList {
        margin-bottom: 0;
    }
    @media not all and (min-width: 1025px) {
        .homeNews .newsList_item:nth-child(n+4) {
            display: none;
        }
        .homeNews .buttonFrame {
            margin-top: 40px;
        }
    }
    @media(min-width: 1025px) {
        .homeNews {
            display: grid;
            grid-template-columns: 24rem 1fr;
            grid-template-rows: max-content 1fr;
            gap: 0 10vw;
            margin-top: -220px;
            padding-block: 160px;
        }
        .homeNews hgroup {
            grid-column: 1 / 2;
            grid-row: 1 / 2;
            margin-bottom: 50px;
        }
        .homeNews .newsList {
            grid-column: 2 / 3;
            grid-row: 1 / 3;
        }
        .homeNews .buttonFrame {
            grid-column: 1 / 2;
            grid-row: 2 / 3;
            height: 5.2rem;
        }
    }

    /*homeAbout*/
    .homeAbout {
        background-color: #fff;
        padding-top: 80px;
        padding-bottom: 60px;
        padding-left: calc(var(--1vw) * 7 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
    }
    .homeAbout .aboutList {
        margin-bottom: 50px;
    }
    .homeAbout .aboutList a {
        text-decoration: none;
    }
    .homeAbout .aboutList ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 26px 20px;
    }
    .homeAbout .aboutList ul li {
        flex-basis: calc((100% - 20px) / 2);
        margin-bottom: 0;
    }
    .homeAbout .aboutList_thum {
        margin-bottom: 7px !important;
    }
    .homeAbout .aboutList_title {
        font-size: 1.5rem;
        font-weight: 500;
        text-align: center;
    }

    .homeAbout .certificationList h3 {
        font-size: 1.8rem;
        font-weight: 500;
        margin-bottom: 40px;
    }
    .homeAbout .certificationList ul {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }
    .homeAbout .certificationList ul li {
        flex-basis: calc((100% - 32px) / 3);
        margin-bottom: 0;
    }
    .homeAbout .certificationList figure {
        margin-bottom: 0 !important;
    }
    .homeAbout .certificationList img {
        aspect-ratio: 1 / 1;
        object-fit: cover;
        width: 100%;
    }

    @media(min-width: 600px) {
        .homeAbout .certificationList ul {
            gap: 20px;
        }
        .homeAbout .certificationList ul li {
            flex-basis: calc((100% - 60px) / 4);
        }
    }

    @media(min-width: 1025px) {
        .homeAbout {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: max-content 1fr;
            gap: 0 50px;
            padding-block: 160px;
        }
        .homeAbout hgroup {
            grid-column: 1 / 2;
            grid-row: 1 / 2;
            margin-bottom: 76px;
        }
        .homeAbout .aboutList {
            grid-column: 1 / 2;
            grid-row: 2 / 3;
            margin-bottom: 0;
        }
        .homeAbout .certificationList {
            grid-column: 2 / 3;
            grid-row: 1 / 3;
            padding-top: 9.2rem;
        }

        .homeAbout .aboutList ul {
            gap: 50px 40px;
        }
        .homeAbout .aboutList ul li {
            flex-basis: calc((100% - 40px) / 2);
        }
        .homeAbout .aboutList_title {
            font-size: 1.8rem;
        }
        .homeAbout .certificationList h3 {
            font-size: 2.6rem;
            font-weight: 500;
            margin-bottom: 76px;
        }
        .homeAbout .certificationList .buttonFrame {
            margin: 80px 0 0 auto;
        }
    }
    
}

@layer theme { /*about*/
    .page-about .pageHeader {
        background-color: transparent;
        color: #fff;
    }
    .page-about .pageHeader a {
        color: #fff;
    }
    .page-about .pageHeader_logo {
        margin: 100px auto 30px;
    }
    .page-about .pageHeader_logo figure {
        margin-bottom: 0 !important;
        text-align: right;
    }
    .page-about .pageHeader_logo img {
        width: 65%;
        max-width: 340px;
    }
    @media not all and (min-width: 1025px) {
        .page-about .pageHeader h1.headline, 
        .page-about .pageHeader_content {
            display: none;
        }
    }
    @media(min-width: 1025px) {
        .page-about .pageHeader > * {
            flex-wrap: wrap;
        }
        .page-about .pageHeader_logo {
            flex-basis: 100%;
            margin: 120px auto 110px;
        }
        .page-about .pageHeader_logo figure {
            margin-right: 30px !important;
        }
        .page-about .pageHeader_logo img {
            width: 35%;
            min-width: 340px;
            max-width: none;
        }
    }

    .page-about .pageBody {
        padding-top: 0;
    }

    .aboutPhilosophy {
        background-color: var(--color-main);
        color: #fff;
        padding-block: 80px;
        margin-bottom: 60px;
    }
    .aboutPhilosophy_txt {
        margin-bottom: 40px;
    }
    .aboutPhilosophy_txt h2 {
        margin-bottom: 20px;
    }
    .aboutPhilosophy_txt h2 img {
        width: 70%;
        max-width: 36rem;
    }
    .aboutPhilosophy_txt h3 {
        font-size: 1.6rem;
        font-weight: 700;
        letter-spacing: .075em;
        line-height: 1.625;
        margin-top: 0;
        margin-bottom: 30px;
        padding: 0;
        width: 80%;
    }
    .aboutPhilosophy_txt h3::before {
        display: none;
    }
    .aboutPhilosophy_txt p {
        font-weight: 500;
        letter-spacing: .075em;
        line-height: 1.625;
    }        
    .aboutPhilosophy_img {
        margin-bottom: 0 !important;
    }
    .aboutPhilosophy_img .slideBox {
        aspect-ratio: 1 / 1;
        margin: 0 auto;
        width: 70%;
        max-width: 380px;
    }
    .aboutPhilosophy_img .slideBox img {
        border-radius: 50%;
    }

    @media not all and (min-width: 1025px) {
        .aboutPhilosophy_txt h3 br, 
        .aboutPhilosophy_txt p br {
            display: none;
        }
    }
    @media(min-width: 600px) {
        .aboutPhilosophy_txt h2 {
            margin-bottom: 30px;
        }
        .aboutPhilosophy_txt h3 {
            font-size: 2rem;
            margin-bottom: 40px;
            width: 70%;
        }
    }
    @media(min-width: 1025px) {
        .aboutPhilosophy {
            margin-bottom: 80px;
        }
        .aboutPhilosophy > * {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-block: 160px;
        }
        .aboutPhilosophy_txt {
            flex-basis: 55%;
        }
        .aboutPhilosophy_img {
            flex-basis: 45%;
        }

        .aboutPhilosophy_txt {
            margin-bottom: 0;
        }
        .aboutPhilosophy_txt h2 {
            margin-bottom: 45px;
        }
        .aboutPhilosophy_txt h2 img {
            width: 46rem;
            max-width: none;
        }
        .aboutPhilosophy_txt h3 {
            font-size: 2.4rem;
            font-weight: 700;
            margin-bottom: 50px;
            width: 100%;
        }
        .aboutPhilosophy_txt p {
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 20px;
        } 

        .aboutPhilosophy_img .slideBox {
            width: 100%;
            max-width: none;
        }
    }
}

@layer theme { /*business*/
    .page-business .pageBody {
        padding: 0;
    }
    .businessItem {
        padding-top: 40px;
        padding-bottom: 80px;
    }
    .businessItem_img {
        margin-bottom: 20px !important;
    }
    .businessItem_img .slideBox {
        aspect-ratio: 330 / 256;
    }
    .businessItem_img .slideBox img {
        aspect-ratio: 330 / 256;
        width: 100%;
        height: auto;
    }
    .businessItem_content .txt {
        margin-bottom: 30px;
    }
    @media not all and (min-width: 1025px) {
        .businessItem_content .buttonFrame {
            margin: auto;
            width: 17.5rem;
        }
    }
    @media(min-width: 1025px) {
        .businessItem {
            display: grid;
            gap: 50px 40px;
            grid-template-columns: auto 60%;
            grid-template-rows: max-content 1fr;
            padding-top: 0;
            padding-bottom: 150px;
        }
        .businessItem:nth-child(2n+1) {
            padding-right: 0;
        }
        .businessItem:nth-child(2n) {
            padding-left: 0;
            direction: rtl;
        }
        .businessItem:nth-child(2n) * {
            direction: ltr;
        }
        .businessItem h2 {
            grid-column: 1 / 2;
            grid-row: 1 / 2;
            margin-bottom: 0;
            padding-top: 100px;
        }
        .businessItem_img {
            grid-column: 2 / 3;
            grid-row: 1 / 3;
            margin-bottom: 0 !important;
        }
        .businessItem_img .slideBox, 
        .businessItem_img .slideBox img {
            aspect-ratio: 1 / 1;
        }
        .businessItem_content {
            grid-column: 1 / 2;
            grid-row: 2 / 3;
        }
        .businessItem_content .txt {
            margin-bottom: 50px;
        }
    }
}

@layer theme { /*taxHeader cat-icon*/

    /*taxHeader*/
    .taxHeader, 
    .taxHeader_title {
        margin-bottom: 0;
    }
    @media(min-width: 600px) {
        .taxHeader:has(.taxHeader_title) {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }
        .taxHeader_title, 
        .taxHeader_title h2 {
            margin-bottom: 0;
        }
    }

    /*taxHeader_cat*/
    .taxHeader_cat {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 44px;
    }
    .taxHeader_cat .title {
        font-size: 1.5rem;
        font-weight: 500;
        margin-bottom: 0;
        padding-right: 6px;
    }
    .taxHeader_cat .cat-icon a {
        transition: opacity .3s;
    }
    @media(min-width: 600px) {
        .taxHeader_cat {
            justify-content: flex-end;
            margin-bottom: 60px;
        }
    }
    @media(min-width: 1025px) {
        .taxHeader_cat {
            gap: 10px;
            margin-bottom: 70px;
        }
        .taxHeader_cat .title {
            font-size: 1.6rem;
            padding-right: 8px;
        }
    }
    @media (any-hover: hover) {
        .taxHeader_cat .cat-icon a:hover {
            opacity: .7;
        }
    }


    /*cat-icon*/
    .cat-icon {
        border-radius: 100vmax;
        color: #fff;
        font-size: 1.1rem;
        line-height: 1;
        margin-bottom: 0;
        padding: 6px 10px 8px;
    }
    .cat-icon a {
        display: block;
        color: #fff;
        text-decoration: none;
    }
    .cat-icon.-project.-civil_engineering {
        background-color: var(--bgcolor-tag01);
    }
    .cat-icon.-project.-port_harbor {
        background-color: var(--bgcolor-tag02);
    }
    .cat-icon.-project.-construction {
        background-color: var(--bgcolor-tag03);
    }
    .cat-icon.-news.-important {
        background-color: var(--bgcolor-tag04);
    }
    @media(min-width: 600px) {
        .cat-icon {
            font-size: 1.3rem;
        }
    }
    @media(min-width: 1025px) {
        .cat-icon {
            font-size: 1.5rem;
            padding: 8px 12px 10px;
        }
    }

}

@layer theme { /*project*/

    /*project_thum*/
    .project_thum {
        position: relative;
    }
    .project_thum .cat-icon {
        position: absolute;
        bottom: 5px;
        left: 5px;
    }
    @media(min-width: 1025px) {
        .project_thum .cat-icon {
            bottom: 10px;
            left: 10px;
        }
    }

    /*projectList*/
    .projectList ul {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 30px;
    }
    .projectList_item {
        margin-bottom: 0;
    }
    .projectList_item a {
        display: flex;
        justify-content: space-between;
        text-decoration: none;
    }
    .projectList_item .project_thum {
        flex-basis: 40%;
        margin-bottom: 0 !important;
    }
    .projectList_item .project_thum img {
        aspect-ratio: 3 / 2;
        object-fit: cover;
        width: 100%;
    }
    .projectList_item .projectList_title {
        flex-basis: 55%;
        font-size: 1.4rem;
    }
    @media(min-width: 600px) {
        .projectList_item .projectList_title {
            font-size: 1.5rem;
        }
    }
    @media(min-width: 1025px) {
        .projectList ul {
            flex-direction: row;
            gap: 40px;
        }
        .projectList_item {
            flex-basis: calc((100% - 80px) / 3);
        }
        .projectList_item a {
            display: block;
        }
        .projectList_item .project_thum {
            margin-bottom: 10px !important;
        }
        .projectList_item .projectList_title {
            font-size: 1.6rem;
        }
    }


    /*projectDetail*/
    .projectDetail_title {
        margin-bottom: 30px;
        padding-top: 30px;
    }
    .projectDetail .project_thum {
        margin-bottom: 22px !important;
    }

    .projectDetail_info {
        margin-bottom: 40px;
    }
    .projectDetail_info .wp-block-table {
        margin: 30px 0 0 !important;
    }
    .projectDetail_info .wp-block-table :is(table, tbody, tr, th, td) {
        border: none !important;
    }
    .projectDetail_info .wp-block-table table {
        border-collapse: separate !important;
    }
    .projectDetail_info .wp-block-table tr {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 12px 0;
    }
    .projectDetail_info .wp-block-table tr:not(:last-child) {
        border-bottom: 1px solid var(--bordercolor-project) !important;
    }
    .projectDetail_info .wp-block-table th {
        padding: 0 0 3px !important;
    }
    .projectDetail_info .wp-block-table td {
        font-size: 1.5rem;
        padding: 0 !important;
    }

    .projectDetail_info a {
        transition: opacity .3s;
    }
    .projectDetail_info a[href^="https://maps"] {
        font-size: 1rem;
        text-decoration: none;
    }
    .projectDetail_info a[href^="https://maps"]::after {
        position: relative;
        bottom: -.4rem;
        display: inline-block;
        content: '';
        aspect-ratio: 13 / 18;
        background-image: url(../images/map.svg);
        background-size: contain;
        margin-left: 5px;
        width: 1.3rem;
    }

    @media not all and (min-width: 600px) {
        .projectDetail_content .container.-fullContent.-splide {
            padding-left: calc(var(--1vw) * 7 + env(safe-area-inset-left));
            padding-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
        }
    }
    @media(min-width: 1025px) {
        .projectDetail_title {
            padding-top: 40px;
            margin-bottom: 60px;
        }
        .projectDetail .project_thum {
            margin-bottom: 80px !important;
        }
        .projectDetail_info {
            margin-bottom: 80px;
        }
        .projectDetail_info > * {
            display: flex;
            justify-content: space-between;
            gap: 50px;
        }
        .projectDetail_info  > *  > *:not(.wp-block-table) {
            flex-basis: calc(100% - 55% - 50px);
        }
        .projectDetail_info .wp-block-table {
            flex-basis: 55%;
            margin: 0 !important;
        }
        .projectDetail_info .wp-block-table tr {
            position: relative;
            flex-direction: row;
            padding: 20px 0;
        }
        .projectDetail_info .wp-block-table tr:first-child {
            border-top: 1px solid var(--bordercolor-project) !important;
        }
        .projectDetail_info .wp-block-table tr:last-child {
            border-bottom: 1px solid var(--bordercolor-project) !important;
        }
        .projectDetail_info .wp-block-table tr::before {
            position: absolute;
            top: -1px;
            left: 0;
            display: block;
            content: '';
            background-color: var(--color-main);
            width: 25%;
            height: 1px;
        }
        .projectDetail_info .wp-block-table tr:last-child:after {
            position: absolute;
            bottom: -1px;
            left: 0;
            display: block;
            content: '';
            background-color: var(--color-main);
            width: 25%;
            height: 1px;
        }
        .projectDetail_info .wp-block-table th {
            flex-basis: 25%;
            color: var(--color-main);
            font-weight: 700;
            padding: 0 10px !important;
        }
        
        .projectDetail_info .wp-block-table td {
            flex-basis: 75%;
            font-size: 1.6rem;
            padding: 0 10px !important;
        }

        .projectDetail_info a[href^="https://maps"] {
            color: var(--textColor-link);
            font-size: 1.2rem;
        }
        .projectDetail_info a[href^="https://maps"]::after {
            width: 1.4rem;
        }
    }
    @media (any-hover: hover) {
        .projectDetail_info a:hover {
            opacity: .6;
        }
    }

}

@layer theme { /*news*/
    /*newsList*/
    .newsList_item {
        margin-bottom: 0;
    }
    .newsList_item a {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 10px 15px;
        border-bottom: 1px solid var(--bordercolor-news);
        padding: 20px 10px;
        text-decoration: none;
        transition: background-color .3s;
    }
    .newsList_item:first-child a {
        border-top: 1px solid var(--bordercolor-news);
    }
    .newsList_item a::before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: '';
        border: 2px solid var(--color-main);
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity .3s;
    }
    .newsList_item:has(.-important) a::before {
        border-color: var(--bgcolor-tag04);
    }
    .newsList_item a > * {
        margin-bottom: 0 !important;
    }
    .newsList_item .news_thum {
        flex-basis: 100%;
        margin: 0 40px !important;
    }
    .newsList_item .news_thum img {
        aspect-ratio: 3 / 2;
        object-fit: cover;
        width: 100%;
    }
    .newsList_item .newsList_info {
        flex-basis: calc(100% - 36px - 15px);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 3px 15px;
    }
    .newsList_item .newsList_info time {
        flex-basis: 100%;
        display: block;
        font-family: var(--font-en);
        font-weight: 500;
        opacity: .8;
    }
    .newsList_item .newsList_info:has(.cat-icon) time {
        flex-basis: auto;
    }
    .newsList_item .newsList_title {
        flex-basis: 100%;
        color: var(--textColor-news_sp);
        transition: color .3s;
    }
    .newsList_item .buttonFrame_arrow {
        margin-top: 25px;
    }
    .newsList_item:has(.-important) .buttonFrame_arrow {
        background-color: var(--bgcolor-tag04);
    }

    @media(min-width: 600px) {
        .newsList_item a {
            flex-wrap: nowrap;
            gap: 20px;
        }
        .newsList_item .news_thum {
            flex-basis: 180px;
            flex-shrink: 0;
            margin: 0 !important;
        }
        .newsList_item .newsList_info {
            flex-basis: auto;
            flex-grow: 1;
            padding-right: 10px;
        }
        .newsList_item .newsList_title {
            color: var(--textColor-news_pc);
        }
        .newsList_item .buttonFrame_arrow {
            flex-basis: 36px;
            flex-shrink: 0;
            margin-top: 0;
        }
    }
    @media(min-width: 1025px) {
        .newsList_item a {
            gap: 40px;
            padding: 20px;
        }
        .newsList_item .news_thum {
            flex-basis: 20%;
            margin: 0 !important;
        }
        .newsList_item .newsList_info {
            flex-basis: auto;
            flex-grow: 10;
            gap: 10px 18px;
            padding-right: 40px;
        }
    }
    @media(min-width: 1600px) {
        .newsList_item .buttonFrame_arrow {
            flex-basis: 44px;
        }
    }

    @media (any-hover: hover) {
        .newsList_item a:hover {
            background-color: #fff;
        }
        .newsList_item a:hover::before {
            opacity: 1;
        }
        .newsList_item a:hover .newsList_title {
            color: var(--textColor-link);
        }
    }

    /*newsDetail*/
    .newsDetail_thum {
        margin-bottom: 0 !important;
    }
    .newsDetail_title {
        border-bottom: 1px solid var(--bordercolor-main);
        margin: 0 0 30px;
        padding-block: 30px;
    }
    @media(min-width: 1025px) {
        .newsDetail_title {
            margin: 0 0 40px;
            padding-block: 40px;
        }
    }
}

@layer theme { /*recruit*/

    /*pageHeader*/
    .page-recruit .pageHeader {
        background-color: var(--bgcolor-yellow);
    }
    .page-recruit .pageHeader .breadcrumb, 
    .page-recruit .pageHeader p:empty {
        display: none;
    }

    .page-recruit .recruit_gallery {
        margin-left: calc((var(--1vw) * 7 + env(safe-area-inset-left))*-1);
        margin-right: calc((var(--1vw) *7 + env(safe-area-inset-right))*-1);
        padding-top: 30px;
    }
    @media(min-width: 390px) {
        .page-recruit .recruit_gallery .scroll-infinity__wrap {
            gap: 40px;
        }
        .page-recruit .recruit_gallery .scroll-infinity__list {
            gap: 40px;
        }
        .page-recruit .recruit_gallery .scroll-infinity__item {
            width: calc(100vw / 2);
        }
    }
    @media(min-width: 600px) {
        .page-recruit .pageHeader_content .txt {
            font-size: 2rem;
            font-weight: 500;
        }
        .page-recruit .recruit_gallery .scroll-infinity__item {
            width: calc(100vw / 3);
        }
    }
    @media(min-width: 1025px) {
        .page-recruit .pageHeader {
            padding-top: 0;
            padding-bottom: 0;
        }
        .page-recruit .pageHeader > * {
            display: grid;
            grid-template-columns: 45rem 1fr;
            grid-template-rows: 38rem 60rem;
            gap: 0 5rem;
            overflow: hidden;
        }
        .page-recruit .pageHeader .headline {
            grid-column: 1 / 2;
            grid-row: 1 / 2;
            flex-direction: column;
            justify-content: flex-start;
            padding-top: var(--header-height);
        }
        .page-recruit .pageHeader_content {
            grid-column: 1 / 2;
            grid-row: 2 / 3;
            margin-top: 25px;
        }
        .page-recruit .pageHeader .recruit_gallery {
            grid-column: 2 / 3;
            grid-row: 1 / 3;
            margin: 0;
            padding: 0;
        }

        .page-recruit .pageHeader_content .txt {
            font-size: 3.2rem;
            font-weight: 700;
        }
        .page-recruit .recruit_gallery .scroll-infinity__wrap {
            margin-bottom: 0;
        }
        .page-recruit .recruit_gallery .scroll-infinity__item {
            width: 100%
        }
        
    }
    @media(min-width: 1200px) {
        .page-recruit .pageHeader > * {
            grid-template-columns: 57% 38%;
            gap: 0 7%;
        }
    }
    @media(min-width: 1600px) {
        .page-recruit .pageHeader_content .txt {
            font-size: 3rem;
        }
    }
    
}

@layer theme { /*form*/

    /*formList*/
    .formList dl {
        margin-bottom: 0;
        padding: 20px 10px;
    }
    .formList dl:last-of-type {
        border-bottom: 1px solid var(--bordercolor-main);
    }
    .formList dl::before {
        display: none;
    }
    .formList dt {
        color: var(--textColor-body);
        margin-bottom: 15px;
    }
    .formList dt .required {
        display: inline-block;
        color: var(--textColor-red);
        font-weight: 500;
        padding-left: 20px;
    }

    .formList .group-name .label-title {
        width: 55px;
    }
    .formList .select-wrap:not(:has(#prefecture)) {
        width: 100%;
    }
    .formList select {
        width: 100%;
    }
    .formList .group-academic_history .label-title, 
    .formList .group-academic_history input {
        width: 49%;
    }
    .formList .group-academic_history label:nth-of-type(3) .label-title {
        font-size: 1.5rem;
        letter-spacing: 0;
        padding-right: 0;
    }

    .formList .buttonFrame {
        margin: 50px auto 0;
        min-width: 18rem;
    }
    .formList .buttonFrame .buttonFrame_link{
        width: 100%;
    }
    .formList .buttonFrame_title {
        padding-left: 42px;
    }

    @media(min-width: 1025px) {
        .formList dl {
            display: flex;
            padding: 22px 10px;
        }
        .formList dt {
            flex-basis: 29rem;
            margin-bottom: 0;
            padding-top: 17px;
        }
        .formList dd {
            flex-basis: calc(100% - 29rem);
        }

        .formList .label-title {
            padding-left: 10px;
        }
        .formList .group-name dd {
            display: flex;
            gap: 20px;
        }
        .formList .group-name dd label {
            margin-top: 0;
        }
        .formList .group-name .label-title {
            width: 6rem;
        }
        .formList input#email {
            width: 51rem;
        }
        .formList input#date-of-birth {
            width: 16rem;
        }
        .formList input#postal-code {
            width: 21.2rem;
        }

        .formList .select-wrap:has(#prefecture) {
            width: 26rem;
        }
        .formList textarea#your-address {
            width: 100%;
            height: 56px;
        }
        .formList input#your-tel {
            width: 26rem;
        }
        .formList .select-wrap:not(:has(#prefecture)) {
            width: 31rem;
        }
        
        
        .formList .group-academic_history .label-title {
            width: 18rem;
        }
        .formList .group-academic_history input {
            width: 26rem;
        }
        .formList .group-academic_history label:nth-of-type(3) .label-title {
            font-size: 1.6rem;
            letter-spacing: .05em;
        }

        .formList input#license, 
        .formList textarea#question {
            width: 100%;
        }

        .formList .buttonFrame {
            margin: 90px auto 0;
            width: 20rem;
        }
        .formList .buttonFrame_title {
            padding-left: 5rem;
        }
    }

}

@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
    }
}