@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: 70px;

        --bgColor-body: #fff;
        --textColor-body: #111;
        
        --color-main: #003C83;
        --color-main-rgb: 0 60 131;
        --color-main-contrast: #fff;
        --color-main-contrast-rgb: 255 255 255;

        --color-blue: #0C97ED;
        --color-blue-rgb: 12 151 237;
        --color-gray: #C4D0D5;
        --color-red: #E36565;
        
        --bgcolor-gray01: #DDE4E7;
        --bgcolor-gray02: #C4CDD1;
        --bgcolor-gray03: #AFB9BD;
        --bgcolor-gray04: #B8C3C7;
        --bgcolor-black: #1F2E39;
        --bgcolor-navy: #324C7A;
        --bgcolor-yellow: #F2DD53;

        --bordercolor-main: #CED9DD;
        --bordercolor-table: #AFB9BD;
        
        --link-textColor: #003C83;
        --link-textColor-active: #003C83;
        --link-textColor-visited: #003C83;
        --link-textColor-hover: #003C83;

        --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: "Google Sans", sans-serif;
    }
    @media(min-width: 1025px) {
        :root {
            --blockElemsGap: 30px;
            --header-height: 90px;
        }
    }
}

@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:not(.override),
    .a {
        text-decoration: none;
    }

    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[href^="tel:"]:not(.override),
    [href^="tel:"].a {
        color: inherit;
        text-decoration: none
    }

    a:not(.override)[target="_blank"]::after, 
    .a [target="_blank"]::after {
        display: inline-block;
        content: '';
        background-image: url(../images/theme/new-window.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: .3em;
        margin-top: .1em;
        width: .9em;
        height: .9em;
    }
    .pageBody a:not(.override),
    .pageBody .a {
        transition: opacity .3s;
    }

    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;
        }
    }
    @media (any-hover: hover) {
        .pageBody a:hover:not(.override),
        .pageBody .a:hover {
            opacity: .7;
        }
    }

    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, h5):not(.override),
    :is(.h2, .h3, .h4, h5) {
        font-weight: 500;
        line-height: 1.4;
    }

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

    h2:not(.override),
    .h2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        font-size: 2.4rem;
        margin-bottom: 20px;
    }
    h2:not(:first-child):not(.override),
    .h2:not(:first-child) {
        margin-top: 40px
    }
    h2:not(.override):not(:has(strong))::before,
    .h2:not(:has(strong))::before {
        display: block;
        content: '';
        background-color: var(--color-blue);
        margin-bottom: 8px;
        width: 80px;
        height: 3px;
    }
    h2:not(.override) strong,
    .h2 strong {
        color: var(--color-blue);
        font-family: var(--font-en);
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: .15em;
        line-height: 1.3;
        padding-left: .1em;
    }
    h2:not(.override) strong + br,
    .h2 strong + br {
        display: none;
    }

    h3:not(.override),
    .h3 {
        position: relative;
        font-size: 2.2rem;
        margin-bottom: 15px;
        padding-left: .4em;
    }
    h3:not(:first-child):not(.override),
    .h3:not(:first-child) {
        margin-top: 35px
    }
    h3:not(.override)::before {
        position: absolute;
        top: calc(1em * 0.1);
        bottom: 0;
        left: 0;
        margin: auto;
        display: block;
        content: '';
        background-color: var(--color-blue);
        width: 3px;
        height: calc(100% - (1em * 0.4));
    }

    h4:not(.override),
    .h4 {
        position: relative;
        font-size: 1.8rem;
        margin-bottom: 10px;
        padding-left: .5em;
    }
    h4:not(:first-child):not(.override),
    .h4:not(:first-child) {
        margin-top: 35px
    }
    h4:not(.override)::before,
    .h4::before {
        position: absolute;
        top: calc(1em * 1.4 / 2 - .05em);
        left: 0;
        display: block;
        content: '';
        background-color: var(--color-blue);
        border-radius: 50%;
        width: .15em;
        height: .15em;
    }

    h5:not(.override),
    .h5 {
        position: relative;
        font-size: 1.6rem;
        margin-bottom: 10px;
        padding-left: .5em;
    }
    h5:not(:first-child):not(.override),
    .h5:not(:first-child) {
        margin-top: 35px
    }
    h5:not(.override)::before,
    .h5::before {
        position: absolute;
        top: calc(1em * 1.4 / 2);
        left: 0;
        display: block;
        content: '';
        background-color: var(--color-blue);
        width: 3px;
        height: 1px;
    }

    .hl-txt {
        font-size: 1.8rem;
        font-weight: 500;
    }


    @media(min-width: 600px) {
        h2:not(.override),
        .h2 {
            font-size: 3.3rem;
            margin-bottom: 25px;
        }
        h2:not(:first-child):not(.override),
        .h2:not(:first-child) {
            margin-top: 60px
        }
        h2:not(.override):not(:has(strong))::before,
        .h2:not(:has(strong))::before {
            width: 110px;
        }
        h2:not(.override) strong,
        .h2 strong {
            font-size: 1.2rem;
        }

        h3:not(.override),
        .h3 {
            font-size: 2.8rem;
            margin-bottom: 20px;
        }
        h3:not(:first-child):not(.override),
        .h3:not(:first-child) {
            margin-top: 50px
        }

        h4:not(.override),
        .h4 {
            font-size: 2.1rem;
            margin-bottom: 15px;
        }
        h4:not(:first-child):not(.override),
        .h4:not(:first-child) {
            margin-top: 45px
        }

        h5:not(.override),
        .h5 {
            font-size: 1.8rem;
        }
        h5:not(:first-child):not(.override),
        .h5:not(:first-child) {
            margin-top: 45px
        }

        .hl-txt {
            font-size: 2.1rem;
        }
    }
    @media(min-width: 1025px) {
        h2:not(.override),
        .h2 {
            font-size: 4.2rem;
            margin-bottom: 35px;
        }
        h2:not(:first-child):not(.override),
        .h2:not(:first-child) {
            margin-top: 80px
        }
        h2:not(.override):not(:has(strong))::before,
        .h2:not(:has(strong))::before {
            margin-bottom: 10px;
            width: 148px;
            height: 4px;
        }
        h2:not(.override) strong,
        .h2 strong {
            font-size: 1.4rem;
            padding-left: .15em;
        }

        h3:not(.override),
        .h3 {
            font-size: 3.4rem;
            margin-bottom: 25px;
        }
        h3:not(:first-child):not(.override),
        .h3:not(:first-child) {
            margin-top: 70px
        }
        h3:not(.override)::before {
            width: 4px;
        }

        h4:not(.override),
        .h4 {
            font-size: 2.4rem;
            margin-bottom: 20px;
        }
        h4:not(:first-child):not(.override),
        .h4:not(:first-child) {
            margin-top: 55px
        }
        h4:not(.override)::before,
        .h4::before {
            width: .2em;
            height: .2em;
        }

        h5:not(.override),
        .h5 {
            font-size: 2rem;
            margin-bottom: 15px;
        }
        h5:not(:first-child):not(.override),
        .h5:not(:first-child) {
            margin-top: 55px
        }
        h5:not(.override)::before,
        .h5::before {
            width: 5px;
        }

        .hl-txt {
            font-size: 2.4rem;
        }
    }

}

@layer elem { /*figure*/

    main figure:not(.override), 
    main .-figure {
        position: relative;
        overflow: hidden;
    }
    main figure:not(.override) img {
        width: 100%;
    }
    main a figure:not(.override)::before, 
    main a .-figure::before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: '';
        background-color: rgb(var(--color-main-rgb) / .7 );
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity .3s;
    }
    @media (any-hover: hover) {
        main a:hover figure:not(.override)::before, 
        main a:hover .-figure::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: 13px;
    }
    ul:not(.override) > li:not(.override)::before {
        position: absolute;
        top: calc(1em * 1.6 / 2);
        left: 0;
        display: block;
        content: '';
        background-color: var(--color-blue);
        margin: 0 5px;
        width: 3px;
        height: 1px;
    }


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

    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 0;
    }
    dt:not(.override),
    .dt {
        color: var(--color-main);
        font-weight: 700;
        margin-bottom: 15px;
    }
    dd:not(.override),
    .dd {
        margin: 0;
    }

    @media(min-width: 1025px) {
        ul:not(.override) > li:not(.override) {
            padding-left: 17px;
        }
        ul:not(.override) > li:not(.override)::before {
            top: calc(1em * 1.8 / 2);
            margin: 0 7px 0 5px;
            width: 5px;
        }

        dl:not(.override) div,
        .dl div {
            display: flex;
            padding: 22px 20px;
        }
        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.5;
        border-top: 1px solid var(--bordercolor-table)
    }
    tr:not(.override),
    .tr {
        border-bottom: 1px solid var(--bordercolor-table)
    }
    th:not(.override),
    .th,
    td:not(.override),
    .td {
        border: none !important;
        padding: 12px 10px !important;
    }
    th:not(.override),
    .th {
        background-color: var(--bgcolor-gray01);
        font-weight: 500;
        vertical-align: top !important;
    }

    .-history th:not(.override),
    .-history .th {
        background-color: transparent;
        color: var(--color-blue);
        text-indent: -0.3em;
    }

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

    @media not all and (min-width: 1025px) {
        .-history th:not(.override),
        .-history .th {
            border-bottom: 1px solid var(--bordercolor-table) !important;
        }
    }
    @media(min-width: 600px) {
        th:not(.override),
        .th,
        td:not(.override),
        .td {
            padding: 14px 15px !important;
        }
    }
    @media(min-width: 1025px) {
        th:not(.override),
        .th,
        td:not(.override),
        .td {
            padding: 28px 25px !important;
        }
        .-history th:not(.override),
        .-history .th {
            min-width: 180px !important;
        }
    }
}

@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-table);
        border-radius: 6px;
        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 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: 964px
    }
    .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) {
        .container .-fullRight {
            margin-right: calc(((var(--1vw) * 86 - 1380px) / -2) + ((var(--1vw) * 7 + env(safe-area-inset-right))*-1));
        }
        .container .-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));
        }
    }

    figure.-fullRight {
        margin-right: calc((var(--1vw) * 7 + env(safe-area-inset-right))*-1) !important;
        max-width: none;
    }
    figure.-fullLeft {
        margin-left: calc((var(--1vw) * 7 + env(safe-area-inset-left))*-1) !important;
        max-width: none;
    }
}

@layer components { /*headline*/
    .headline {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        line-height: 1;
        margin: 0 0 30px;
        text-decoration: none;
        white-space: nowrap
    }
    .headline::before, 
    .headline br {
        display: none;
    }
    .headline_en {
        position: relative;
        display: block;
        color: var(--color-blue);
        font-family: var(--font-en);
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: .15em;
        padding-left: .1em;
        text-transform: uppercase;
        min-height: 0vw;
    }
    .headline_jp {
        position: relative;
        display: block;
        font-size: 2.4rem;
        font-weight: 500;
        margin-top: .2em;
        min-height: 0vw;
    }
    .headline_txt {
        font-size: 1.8rem;
        font-weight: 500;
    }
    .headline_dotcopy {
        margin-bottom: 0;
        text-align: right;
    }
    .headline_dotcopy img,
    .headline_dotcopy svg {
        width: auto;
        height: 40px;
    }

    h3 .headline_en {
        font-size: .8rem;
    }
    h3 .headline_jp {
        font-size: 2rem;
    }

    @media(min-width: 600px) {
        .headline_en {
            font-size: 1.4rem;
        }
        .headline_jp {
            font-size: 3.9rem;
        }
        .headline_dotcopy img,
        .headline_dotcopy svg {
            height: 60px;
        }

        h3 .headline_en {
            font-size: 1rem;
        }
        h3 .headline_jp {
            font-size: 3rem;
        }
    }
    @media(min-width: 1025px) {
        .headline {
            margin-bottom: 50px;
        }
        .headline_en {
            font-size: 1.8rem;
            padding-left: .2em;
        }
        .headline_jp {
            font-size: 5.4rem;
        }
        .headline_txt {
            font-size: 2rem;
        }
        .headline_dotcopy {
            margin-bottom: 20px;
        }
        .headline_dotcopy img,
        .headline_dotcopy svg {
            height: 90px;
        }

        h3 .headline_en {
            font-size: 1.2rem;
        }
        h3 .headline_jp {
            font-size: 4rem;
        }
    }


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

    @keyframes headline_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, 
    .headline.js-waypoint .headline_jp::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 100%;
        display: block;
        content: "";
        pointer-events: none;
        z-index: 1;
    }
    .headline.js-waypoint .headline_en::after {
        background: var(--color-blue);
    }
    .headline.js-waypoint .headline_jp::after {
        background: var(--color-main);
    }

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

    .headline.is-animated .headline_en::after, 
    .headline.is-animated .headline_jp::after {
        animation: headline_mask .8s both
    }

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

}

@layer components { /*dotcopy*/
    .dotcopy.js-waypoint path {
        opacity: 0;
    }
    .dotcopy.is-animated path.dot1 {
        animation: dotcopy .75s .1s both
    }
    .dotcopy.is-animated path.dot2 {
        animation: dotcopy .75s .2s both
    }
    .dotcopy.is-animated path.dot3 {
        animation: dotcopy .75s .3s both
    }
    .dotcopy.is-animated path.dot4 {
        animation: dotcopy .75s .4s both
    }
    .dotcopy.is-animated path.dot5 {
        animation: dotcopy .75s .5s both
    }

    @keyframes dotcopy {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }

}

@layer components { /*box*/
    .box {
        border-radius: 30px 0 30px 0;
        padding: 35px 30px;
    }
    .box.-line {
        border: 1px solid var(--bordercolor-main);
    }
    @media(min-width: 600px) {
        .box {
            padding: 40px 35px;
        }
    }
    @media(min-width: 1025px) {
        .box {
            border-radius: 40px 0 40px 0;
            padding: 50px 40px 55px;
        }
    }
}

@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__wrap:has(.scroll-infinity__list--top,.scroll-infinity__list--bottom) {
        flex-direction: column;
        gap: 10px;
    }
    .scroll-infinity__list {
        display: flex;
        gap: 10px;
    }
    .scroll-infinity__list.scroll-infinity__list--top, 
    .scroll-infinity__list.scroll-infinity__list--bottom {
        flex-direction: column;
    }

    .scroll-infinity__item {
        margin-bottom: 0;
        width: calc(100vw / 2);
    }
    .scroll-infinity__list.scroll-infinity__list--top .scroll-infinity__item, 
    .scroll-infinity__list.scroll-infinity__list--bottom .scroll-infinity__item {
        width: 100%;
    }
    .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;
    }
    .scroll-infinity__list--top {
        animation: infinity-scroll-top 50s infinite linear 0.5s both;
    }
    .scroll-infinity__list--bottom {
        animation: infinity-scroll-bottom 50s infinite linear 0.5s both;
    }

    @media (min-width: 600px) {
        .scroll-infinity__item {
            width: calc(100vw / 3);
        }
    }
    @media (min-width: 1080px) {
        .scroll-infinity__wrap:has(.scroll-infinity__list--top,.scroll-infinity__list--bottom),
        .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;
        }
        .scroll-infinity__list--top {
            animation: infinity-scroll-top 70s infinite linear 0.5s both;
        }
        .scroll-infinity__list--bottom {
            animation: infinity-scroll-bottom 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 { /*btn*/
    
    /*btn_txt*/
    .btn_txt a,
    button.btn_txt  {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2rem;
        background-color: transparent;
        border: 1px solid var(--color-blue);
        border-radius: 100vmax;
        color: var(--color-main);
        font-weight: 500;
        line-height: 1.4;
        padding: 1rem 2rem;
        text-decoration: none;
        width: fit-content;
        transition: 
            background-color .4s,
            border-color .4s,
            color .4s;
    }
    .btn_txt a::after, 
    button.btn_txt::after {
        display: block;
        content: '';
        background-image: url(../images/theme/arrow-navy.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width: 0.95rem;
        height: 0.95rem;
        transition: 
            background-image .3s,
            transform .3s;
    }

    .btn_txt.-white a {
        border-color: #fff;
        color: #fff;
    }
    .btn_txt.-white a::after {
        background-image: url(../images/theme/arrow-white.svg);
    }
    .btn_txt.-gray a {
        border-color: var(--color-gray);
        color: var(--color-gray);
    }
    .btn_txt.-gray a::after {
        background-image: url(../images/theme/arrow-gray.svg);
    }

    .btn_txt.-list a {
        flex-direction: row-reverse;
        gap: 1.5rem;
    }
    .btn_txt.-list a::after {
        background-image: url(../images/theme/list-navy.svg);
        margin-top: .2rem;
        width: 1.1rem;
        height: 1.1rem;
    }
    .-bg-navy .btn_txt.-list a::after {
        background-image: url(../images/theme/list-blue.svg);
    }

    @media(min-width: 1025px) {
        .btn_txt a, 
        button.btn_txt  {
            gap: 3rem;
            font-size: 1.8rem;
            padding: 1.4rem 3rem;
        }
        .btn_txt a::after, 
        button.btn_txt::after {
            width: 1.2rem;
            height: 1.2rem;
        }
        .btn_txt.-list a::after {
            width: 1.6rem;
            height: 1.6rem;
        }
    }
    @media (any-hover: hover) {
        .btn_txt a:hover, 
        button.btn_txt:hover {
            background-color: var(--color-main);
            border-color: var(--color-main);
            color: #fff;
            opacity: 1;
        }
        .btn_txt a:hover::after, 
        button.btn_txt:hover::after {
            background-image: url(../images/theme/arrow-white.svg);
            transform: translateX(5px);
        }

        .btn_txt.-white a:hover {
            background-color: #fff;
            border-color: #fff;
        }
        .btn_txt.-white.-to-blue a:hover {
            color: var(--color-blue);
        }
        .btn_txt.-white.-to-blue a:hover::after {
            background-image: url(../images/theme/arrow-blue.svg);
        }
        .btn_txt.-white.-to-navy a:hover {
            color: var(--color-main);
        }
        .btn_txt.-white.-to-navy a:hover::after {
            background-image: url(../images/theme/arrow-navy.svg);
        }

        .btn_txt.-gray a:hover {
            background-color: var(--color-gray);
            border-color: var(--color-gray);
            color: var(--bgcolor-black);
        }
        .btn_txt.-gray a:hover::after {
            background-image: url(../images/theme/arrow-black.svg);
        }

        .btn_txt.-list a:hover::after {
            background-image: url(../images/theme/list-white.svg);
            transform: translateX(0);
        }

        .-bg-navy .btn_txt a:hover {
            background-color: var(--color-blue);
            border-color: var(--color-blue);
        }
    }

    /*btn_arrow */
    .btn_arrow {
        position: relative;
        flex-shrink: 0;
        display: block;
        background-color: #fff;
        border: 1px solid var(--color-blue);
        border-radius: 50%;
        overflow: hidden;
        width: 46px;
        height: 46px;
        transition: 
            background-color .3s,
            border-color .3s;
    }
    .btn_arrow::before, 
    .btn_arrow::after {
        position: absolute;
        display: block;
        content: '';
        background-image: url(../images/theme/arrow-navy.svg);
        background-position: 55% 50%;
        background-size: 9.5px;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        animation-fill-mode: forwards;
        animation-duration: .3s;
    }
    .btn_arrow::after {
        transform: translateX(-100%);
    }

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

    @media(min-width: 1025px) {
        .btn_arrow {
            width: 54px;
            height: 54px;
        }
        .btn_arrow::before, 
        .btn_arrow::after {
            background-size: 12px;
        }
    }

    @media (any-hover: hover) {
        a:hover .btn_arrow {
            background-color: var(--color-main);
            border-color: var(--color-main);
            opacity: 1;
        }
        a:hover .btn_arrow::before, 
        a:hover .btn_arrow::after {
            background-image: url(../images/theme/arrow-white.svg);
        }
        a:hover .btn_arrow:before {
            animation-name: transformRightLeft;
            animation-delay: 0s;
        }
        a:hover .btn_arrow:after {
            animation-name: transformLeftRight;
            animation-delay: 0.2s;
        }

        .pagination a:hover .btn_arrow:before {
            animation-name: transformBottomTop;
            animation-delay: 0s;
        }
        .pagination a:hover .btn_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*/
    
    .pagination a {
        text-decoration: none;
    }
    .pagination .nav-links {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 12px;
    }
    .pagination .page-numbers {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid var(--color-blue);
        border-radius: 50%;
        color: var(--color-main);
        font-size: 1.6rem;
        width: 4.6rem;
        height: 4.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::before,
    .pagination .page-numbers.next::before {
        position: absolute;
        display: block;
        content: '';
        background-image: url(../images/theme/arrow-navy.svg);
        background-position: 55% 50%;
        background-size: 9.5px;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        transition: background-image .3s;
    }
    .pagination .page-numbers.prev::before {
        transform: scale(-1, 1);
    }

    .-bg-navy .pagination a, 
    .-bg-navy .pagination .page-numbers {
        color: #fff;
    }
    .-bg-navy .pagination .page-numbers.current {
        background-color: var(--color-blue);
        border-color: var(--color-blue);
    }
    .-bg-navy .pagination .page-numbers.prev::before,
    .-bg-navy .pagination .page-numbers.next::before {
        background-image: url(../images/theme/arrow-white.svg);
    }

    @media(min-width: 1025px) { 
        .pagination .nav-links {
            gap: 20px;
        }
        .pagination .page-numbers {
            font-size: 1.8rem;
            width: 5.6rem;
            height: 5.6rem;
        }
        .pagination .page-numbers.prev::before,
        .pagination .page-numbers.next::before {
            background-size: 12px;
        }
    }
    @media (any-hover: hover) {
        .pagination a.page-numbers:hover {
            background-color: var(--color-main);
            border-color: var(--color-main);
            color: #fff;
            opacity: 1;
        }
        .pagination a.page-numbers.prev:hover::before,
        .pagination a.page-numbers.next:hover::before {
            background-image: url(../images/theme/arrow-white.svg);
        }

        .-bg-navy .pagination a.page-numbers:hover {
            background-color: var(--color-blue);
            border-color: var(--color-blue);
        }
    }

}

@layer super { /*sr-only bg */
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .-bg-navy {
        background-color: var(--bgcolor-navy);
        color: #fff;
    }
    .-bg-navy .headline_en {
        color: #fff;
    }
    .-bg-yellow {
        background-color: var(--bgcolor-yellow);
    }
    .-bg-yellow .headline_en {
        color: var(--textColor-body);
    }

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

    .-border-radius-lefttop, 
    .-border-radius-lefttop img {
        border-radius: 40px 0 0 0;
    }
    .-border-radius-righttop, 
    .-border-radius-righttop img {
        border-radius: 0 40px 0 0;
    }
    .-border-radius-lefttop-large, 
    .-border-radius-lefttop-large img {
        border-radius: 80px 0 0 0;
    }
    .-border-radius-righttop-large, 
    .-border-radius-righttop-large img {
        border-radius: 0 80px 0 0;
    }
    @media(min-width: 1025px) {
        .-border-radius-lefttop, 
        .-border-radius-lefttop img {
            border-radius: 80px 0 0 0;
        }
        .-border-radius-righttop, 
        .-border-radius-righttop img {
            border-radius: 0 80px 0 0;
        }
        .-border-radius-lefttop-large, 
        .-border-radius-lefttop-large img {
            border-radius: 160px 0 0 0;
        }
        .-border-radius-righttop-large, 
        .-border-radius-righttop-large img {
            border-radius: 0 160px 0 0;
        }
    }
}


@layer theme { /*splide*/

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

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

    .splide.-carousel01 .splide__slide span {
        position: absolute;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        background-image: linear-gradient(0deg, #000, transparent);
        color: #fff;
        font-size: 1.8rem;
        line-height: 1.4;
        padding: 12px;
        width: 100%;
    }

    .splide.-carousel01 .splide__arrow {
        top: 40% !important;
        background-color: transparent !important;
        background-image: url(../images/theme/arrow-splide.svg) !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        border-radius: 0 !important;
        opacity: 1 !important;
        width: 34px !important;
        height: 34px !important;
    }
    .splide.-carousel01 .splide__arrow.__prev {
        top: calc(40% - 17px) !important;
        left: calc(14% - 34px + 6px) !important;
        transform: scale(-1, 1) !important;
    }
    .splide.-carousel01 .splide__arrow.__next {
        right: calc(14% - 34px + 6px) !important;
    }

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

    @media(min-width: 600px) {
        .splide.-carousel01 .splide__slide span {
            font-size: 2.4rem;
            padding: 15px;
            height: 80px;
        }
        .splide.-carousel01 .splide__arrow {
            top: 44% !important;
            width: 46px !important;
            height: 46px !important;
        }
        .splide.-carousel01 .splide__arrow.__prev {
            top: calc(44% - 23px) !important;
            left: calc(20% - 46px - 15px) !important;
        }
        .splide.-carousel01 .splide__arrow.__next {
            right: calc(20% - 46px - 15px) !important;
        }
    }
    @media(min-width: 1025px) {
        .splide.-carousel01 {
            margin-bottom: 40px
        }
        .splide.-carousel01 .splide__slide span {
            font-size: 4.2rem;
            padding: 20px;
            height: 150px;
        }
        .splide.-carousel01 .splide__arrow {
            top: 44% !important;
            width: 74px !important;
            height: 74px !important;
        }
        .splide.-carousel01 .splide__arrow.__prev {
            top: calc(44% - 37px) !important;
            left: calc(24% - 74px - 25px) !important;
        }
        .splide.-carousel01 .splide__arrow.__next {
            right: calc(24% - 74px - 25px) !important;
        }
    }
}

@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: 166px; 
        transition: display .3s;
    }
    .header_logo a {
        display: block;
    }
    .header_logo a .logo {
        display: block;
        background-color: var(--color-main);
        mask-image: url('../images/theme/logo.svg');
        mask-size: contain;
        mask-repeat: no-repeat;
        aspect-ratio: 48 / 14;
        width: 100%; 
        height: auto;
    }

    .header_content {
        display: none;
    }


    .header_menubtn {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: var(--color-main);
        border-radius: 50%;
        cursor: pointer;
        width: 50px;
        height: 50px;
    }
    .header_menubtn span, 
    .header_menubtn span::before,
    .header_menubtn span::after {
        position: absolute;
        inset: 0;
        display: block;
        content: '';
        background-color: #fff;
        margin: auto;
        width: 15px;
        height: 2px;
        transition: transform .6s;
    }
    .header_menubtn span::before {
        top: -10px;
    }
    .header_menubtn span::after {
        bottom: -10px;
    }


    html.header_menubtn_open .header {
        background-color: transparent;
    }
    html.header_menubtn_open .header.hide {
        transform: translateY(0);
    }
    html.header_menubtn_open .header_logo a .logo {
        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: #fff;
        width: 20px;
    }
    html.header_menubtn_open .header_menubtn span::before {
        -webkit-transform: translateY(5px) rotate(40deg);
        transform: translateY(5px) rotate(40deg);
    }
    html.header_menubtn_open .header_menubtn span::after {
        -webkit-transform: translateY(-5px) rotate(-40deg);
        transform: translateY(-5px) rotate(-40deg);
    }

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

        .header_content {
            display: block;
            margin-bottom: 0;
            padding-right: 120px;
            transition: display .3s;
        }
        .header_nav ul {
            display: flex;
            justify-content: flex-end;
            gap: min(1.6vw, 32px);
        }
        .header_nav li {
            margin-bottom: 0;
        }
        .header_nav li a {
            display: block;
            color: transparent;
            font-size: 1.5rem;
            font-weight: 700;
            overflow: hidden;
            text-shadow: 0 -1.5em 0 var(--color-blue), 0 0 0 var(--color-main);
            transition: text-shadow 0.3s;
        }
        
        .header_menubtn {
            right: 30px;
            width: 70px;
            height: 70px;
        }
        .header_menubtn span, 
        .header_menubtn span::before,
        .header_menubtn span::after {
            width: 20px;
        }
        .header_menubtn span::before {
            top: -14px;
        }
        .header_menubtn span::after {
            bottom: -14px;
        }

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

    }
    @media(min-width: 1150px) {
        .header_logo {
            width: 240px; 
        }
        .header_content {
            padding-right: 140px;
        }
        .header_nav li a {
            font-size: 1.6rem;
        }
    }
    @media (any-hover: hover) {
        .header_nav li a:hover {
            text-shadow: 0 0 0 var(--color-blue), 0 1.5em 0 var(--color-main);
        }
    }
}

@layer theme { /*gNav*/
    #gNav {
        position: fixed;
        inset: 0;
        background-color: var(--color-main);
        color: var(--color-gray);
        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: var(--color-gray);
        text-decoration: none;
    }

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

    /*gNav_content*/
    .gNav_content {
        padding-top: calc(var(--header-height) + 30px);
        padding-bottom: 64px;
        padding-inline: calc(var(--1vw) * 8 + env(safe-area-inset-left));
    }
    .gNav_content .gNav_nav > ul > li:nth-child(1) {
        display: none;
    }

    /*gNav_nav*/
    .gNav_nav li {
        font-size: 1.8rem;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .gNav_nav a {
        display: block;
    }
    .gNav_nav li ul {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem 1rem;
        margin-top: 5px;
    }
    .gNav_nav li ul li {
        flex-basis: calc(50% - .5rem);
        font-size: 1.4rem;
        font-weight: 400;
        margin-bottom: 0;
        line-height: 1.4;
    }
    .gNav_nav li ul:has(> :nth-child(-n+1):last-child) li {
        flex-basis: auto;
    }
    .gNav_nav li ul li a {
        display: flex;
        gap: 0 .5rem;
    }
    .gNav_nav li ul li a::before {
        flex-shrink: 0;
        content: '-';
    }

    .gNav_nav li:has(ul.sns) {
        display: flex;
        gap: .5rem 1rem;
    }
    .gNav_nav li:has(ul.sns) > * {
        flex-basis: calc(50% - .5rem);
    }
    .gNav_nav li ul.sns {
        align-items: center;
        gap: 0 1.2rem;
        margin-top: 0;
    }
    .gNav_nav li ul.sns li {
        flex-basis: auto;
    }
    .gNav_nav li ul.sns li a::before {
        display: none;
    }

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


    @media(min-width: 1025px) {
        #gNav {
            display: flex;
            padding-top: calc(var(--header-height) + 80px);
        }

        /*gNav_movie*/
        .gNav_movie {
            display: block;
            flex-basis: 33%;
            border-radius: 0 160px 0 0;
            margin-bottom: 0;
            overflow: hidden;
        }
        .gNav_movie img,
        .gNav_movie video {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
        
        /*gNav_content*/
        .gNav_content {
            flex-basis: 77%;
            overflow-y: auto;
            padding-top: 30px;
            padding-right: calc(var(--1vw) * 3 + env(safe-area-inset-left));
            padding-left: calc(var(--1vw) * 6 + env(safe-area-inset-left));
        }
        
        /*gNav_nav*/
        .gNav_nav ul {
            display: flex;
            flex-wrap: wrap;
            gap: 6rem 1rem;
        }
        .gNav_nav li {
            flex-basis: calc((100% - 1rem*3) / 4);
            font-size: 1.8rem;
            margin-bottom: 0;
        }
        .gNav_nav li:nth-child(1) {
            flex-basis: 100%;
        }
        .gNav_nav a {
            transition: opacity .6s;
        }
        .gNav_nav li ul {
            flex-direction: column;
            gap: .8rem 0;
            margin-top: 12px;
        }
        .gNav_nav li ul li {
            flex-basis: 100%;
            font-size: 1.5rem;
        }

        .gNav_nav li:has(ul.sns) {
            display: block;
        }
        .gNav_nav li ul.sns {
            flex-direction: row;
            margin-top: 12px;
        }
        
        /*gNav_copy*/
        .gNav_copy {
            position: relative;
            display: block;
            margin-top: 50px;
            margin-top: 80px;
        }
        .gNav_copy .main-copy {
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: min(3.7vw, 5rem);
            font-weight: 700;
            margin-bottom: 0;
            width: 100%;
            height: 100%;
        }
        .gNav_copy .dotcopy {
            position: relative;
            display: flex;
            justify-content: center;
        }
    }
    @media(min-width: 1200px) {
        .gNav_nav li {
            font-size: 2rem;
        }
        .gNav_nav li ul li {
            font-size: 1.6rem;
        }
    }
    @media (any-hover: hover) {
        .gNav_nav a:hover {
            opacity: .5;
        }
    }
}

@layer theme { /*footer Loading*/
    .footer {
        clear: both;
        position: relative;
        background-color: var(--bgcolor-black);
        color: #fff;
        z-index: 1;
    }

    /*footer_contact*/
    .footer_contact {
        margin: 0;
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .footer_contact .headline_en {
        color: #fff;
    }
    .footer_contact .btn_txt {
        display: flex;
        justify-content: center;
        margin-top: 60px;
    }
    @media(min-width: 600px) {
        .footer_contact {
            padding-top: 90px;
            padding-bottom: 100px;
        }
    }
    @media(min-width: 1025px) {
        .footer_contact {
            padding-top: 140px;
            padding-bottom: 160px;
        }
        .footer_contact .headline_txt {
            margin-bottom: 0;
        }
        .footer_contact .btn_txt {
            justify-content: flex-end;
            margin-top: -5rem;
        }
    }


    /*footer_content*/
    .footer_content {
        position: relative;
        padding-bottom: 40px;
    }
    .footer_content a {
        color: var(--color-gray);
        text-decoration: none;
    }

    /*footer_img*/
    .footer_img {
        position: absolute;
        bottom: 0;
        right: 0;
        border-radius: 80px 0 0 0;
        margin-bottom: 0;
        overflow: hidden;
        width: 46%;
        height: 280px;
    }
    .footer_img img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    
    /*footer_nav*/
    .footer_content .gNav_nav {
        display: none;
    }
    
    /*footer_info*/
    .footer_info {
        margin-bottom: 170px;
    }
    .footer_info a {
        transition: opacity .3s;
    }
    .footer_logo {
        margin-bottom: 26px;
    }
    .footer_logo img {
        width: 200px;
    }
    .footer_address {
        margin-bottom: 20px;
    }
    .footer_sns {
        margin-bottom: 0;
    }
    .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_copyright*/
    .footer_copyright {
        font-family: var(--font-en);
        width: 50%;
    }
    
    @media(min-width: 600px) {
        .footer_img {
            border-radius: 120px 0 0 0;
            height: 260px;
        }
    }
    @media(min-width: 1025px) {
        /*footer_content*/
        .footer_content {
            padding-bottom: 60px;
        }

        /*footer_img*/
        .footer_img {
            border-radius: 160px 0 0 0;
            width: 30%;
            height: 100%;
        }
        
        /*footer_nav*/
        .footer_content .gNav_nav {
            display: block;
            margin-bottom: 110px;
            width: 67%;
        }
        
        /*footer_info*/
        .footer_info {
            margin-bottom: 30px;
        }
        .footer_address {
            margin-bottom: 0;
        }
        .footer_sns {
            display: none;
        }
    }
    @media(min-width: 1200px) {
        /*footer_img*/
        .footer_img {
            width: 35%;
        }

        /*footer_nav*/
        .footer_content .gNav_nav {
            width: 62%;
        }
        .footer_content .gNav_nav li {
            font-size: 1.8rem;
        }
        .footer_content .gNav_nav li ul li {
            font-size: 1.6rem;
        }
    }
    @media (any-hover: hover) {
        .footer_info a:hover {
            opacity: .7;
        }
    }


    /*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 {
        margin-bottom: 0;
        padding-top: var(--header-height);
        overflow: hidden;
    }

    .pageHeader_txt {
        margin-bottom: 30px;
    }
    .pageHeader_txt .headline {
        margin-top: 30px;
    }
    .pageHeader_txt .headline_txt {
        margin-bottom: 0;
    }
    .pageHeader_img {
        margin-bottom: 0;
    }
    .pageHeader_img .dotcopy {
        position: relative;
        margin-bottom: 0;
        text-align: right;
        height: 40px;
        z-index: 10;
    }
    .pageHeader_img .dotcopy img,
    .pageHeader_img .dotcopy svg {
        width: auto;
        height: 100%;
    }
    .pageHeader_img .img {
        aspect-ratio: 308 / 355;
        border-radius: 80px 0 0 0;
        margin-top: -20px;
        margin-left: 10%;
        overflow: hidden;
    }
    .pageHeader.-small .pageHeader_img .img {
        aspect-ratio: 308 / 120;
    }
    .pageHeader_img .img img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    @media(min-width: 600px) {
        .pageHeader_txt {
            margin-bottom: 50px;
        }
        .pageHeader_txt .headline {
            margin-top: 60px;
        }
        .pageHeader_img .dotcopy {
            height: 60px;
        }
        .pageHeader_img .img {
            aspect-ratio: 3 / 2.5;
            border-radius: 120px 0 0 0;
            margin-top: -30px;
        }
    }
    @media(min-width: 1025px) {
        .pageHeader .container {
            position: relative;
            display: flex;
            justify-content: space-between;
            gap: 0 8vw;
        }
        .pageHeader_txt {
            margin-bottom: 0;
            min-height: 300px;
        }
        .pageHeader_img {
            flex-basis: 38vw;
            flex-shrink: 0;
            padding-top: 120px;
        }

        .pageHeader_txt .headline {
            margin-top: 120px;
        }
        .pageHeader_txt .headline_txt {
            margin-bottom: 130px;
        }
        .pageHeader_img .dotcopy {
            position: absolute;
            top: 0;
            right: 7vw;
            margin-top: 75px;
            height: 90px;
        }
        .pageHeader_img .img {
            aspect-ratio: auto;
            border-radius: 160px 0 0 0;
            margin-top: 0;
            margin-left: 0;
            height: 100%;
            min-height: 560px;
        }

        .pageHeader.-small .pageHeader_img .img {
            aspect-ratio: auto;
            height: 180px;
            min-height: auto;
        }
    }
    @media(min-width: 1600px) {
        .pageHeader_img {
            flex-basis: 30vw;
        }
        .pageHeader.-small .pageHeader_img .img {
            height: 220px;
        }
    }

    /*pageBody*/
    .pageBody {
        position: relative;
        margin-bottom: 0;
        padding-top: 40px;
        padding-bottom: 80px;
        z-index: 1;
    }
    .pageBody_bottom {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-top: 40px;
    }
    .pageBody_bottom > * {
        margin-bottom: 0;
    }
    @media(min-width: 600px) {
        .pageBody {
            padding-top: 60px;
            padding-bottom: 120px;
        }
    }
    @media(min-width: 1025px) {
        .pageBody {
            padding-top: 80px;
            padding-bottom: 160px;
        }
        .pageBody_bottom {
            margin-top: 80px;
        }
    }

    /*pageFooter*/
    .pageFooter {
        position: relative;
        background-color: #fff;
        border-top: 1px solid var(--bordercolor-main);
        margin-bottom: 0;
        z-index: 1;
    }
    .pageBody.-bg-navy + .pageFooter, 
    .pageBody.-bg-yellow + .pageFooter {
        border-top: none;
    }
    .breadcrumb {
        padding-block: 30px;
        padding-inline: 2vw;
    }
    .breadcrumb li {
        display: inline;
        font-size: 1.2rem;
        margin-bottom: 0;
    }
    .breadcrumb li img {
        margin-bottom: 2px;
        width: auto;
        height: 1.2rem;
        vertical-align: middle;
    }
    .breadcrumb li:has(a)::after {
        content: '/';
        padding-right: .2rem;
        padding-left: .6rem;
    }
    .breadcrumb li:has(img)::after {
        padding-left: .9rem;
    }
    .breadcrumb a {
        color: var(--color-main);
        text-decoration: none;
        transition: opacity .3s;
    }

    @media not all and (min-width: 600px) {
        .pageFooter .container {
            padding: 0;
        }
    }
    @media(min-width: 600px) {
        .breadcrumb {
            padding-inline: 0;
        }
    }
    @media(min-width: 1025px) {
        .breadcrumb {
            padding-block: 50px;
        }
        .breadcrumb li {
            font-size: 1.4rem;
        }
        .breadcrumb li img {
            height: 1.4rem;
        }
        .breadcrumb li:has(a)::after {
            padding-right: .4rem;
            padding-left: .9rem;
        }
        .breadcrumb li:has(img)::after {
            padding-left: 1.2rem;
        }
    }
    @media (any-hover: hover) {
        .breadcrumb a:hover {
            opacity: .5;
        }
    }
}

@layer theme { /*toppage*/

    .homeBody {
        position: relative;
    }

    /*blind-layer*/
    .blind-block {
        position: relative;
        background-color: #6dc0f5;
        margin-bottom: 0;
        height: 60lvh;
    }
    .blind-layer {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 20;
    }
    .blind-layer_slit {
        flex: 1;
        background-color: var(--color-blue);
        margin-bottom: -1px;
        width: 100%;
        transform: scaleY(0);
        transform-origin: bottom center;
    }
    .blind-layer_slit.blind-layer_slit-white {
        background-color: #fff;
    }
    @media(min-width: 1025px) {
        .blind-block {
            height: 75lvh;
        }
    }


    /*mainVisual*/
    .mainVisual {
        position: relative;
        overflow: hidden;
        width: 100vw;
        height: 100lvh;
    }

    .mainVisual_movie {
        position: absolute;
        top: 0;
        left: 0;
        margin-bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .mainVisual_movie::before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: '';
        background-color: rgb(46 73 83 / .5 );
        width: 100%;
        height: 100%;
        z-index: 2;
    }
    .mainVisual_movie video, 
    .mainVisual_movie img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .mainVisual_copy, 
    .mainVisual_dotcopy {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .mainVisual_copy {
        z-index: 5;
        --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
    }
    .mainVisual_copy h1 {
        color: #fff;
        font-size: 2.8rem;
        font-weight: 700;
        letter-spacing: 0;
        overflow: hidden;
    }
    .mainVisual_copy h1 span {
        display: inline-block;
        transform-origin: 50% 100%;
        translate: 0 100%;
    }
    .mainVisual_copy.is-animated h1 span {
        translate: 0;
        transition: translate 1.5s var(--ease-out-quart) 1s;
    }
    
    .mainVisual_dotcopy {
        padding: 0 3vw;
        z-index: 10;
    }
    .mainVisual_dotcopy img {
        width: 100%;
        max-width: 760px;
    }
    @media(min-width: 1025px) {
        .mainVisual_copy h1 {
            font-size: 5.4rem;
        }
    }

    /*hgroup*/
    .homeBody hgroup {
        margin-bottom: 40px;
    }
    @media(min-width: 1025px) {
        .homeBody hgroup h2 .headline_en {
            font-size: 1.4rem;
        }
        .homeBody hgroup h2 .headline_jp {
            font-size: 4.8rem;
        }
    }


    /*homeMessage*/
    .homeMessage {
        position: relative;
        background-image: linear-gradient(0deg, #6dc0f5, #0c97ed);
        color: #fff;
        margin-top: -60vh;
        padding-left: calc(var(--1vw) * 7 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
    }

    .homeMessage_content {
        margin-bottom: 0;
    }
    .homeMessage_txt {
        margin-bottom: 30px;
    }
    .homeMessage_txt h2 {
        font-size: 2.6rem;
        font-weight: 500;
        margin-bottom: 2rem;
        line-height: 1.4;
    }
    .homeMessage_txt .txt {
        font-weight: 500;
        margin-bottom: 30px;
    }
    .homeMessage_txt .txt p {
        margin-bottom: 2.4rem;
        line-height: 1.7;
    }
    .homeMessage_txt .btn_txt a {
        margin: 0 auto;
    }
    
    .homeMessage_img {
        margin-left: 10%;
    }
    .homeMessage_img .img {
        aspect-ratio: 308 / 355;
        border-radius: 80px 0 0 0;
        margin: 0 !important;
        overflow: hidden;
    }
    .homeMessage_img .img img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .homeMessage_map {
        margin-bottom: 0;
        text-align: center;
    }
    .homeMessage_map figure {
        margin: 0 !important;
    }
    .homeMessage_map img {
        width: 90%;
        max-width: 400px;
    }

    .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 {
        margin-right: 20px;
        width: 680px;
    }
    .homeMessage_loop .scroll-infinity__item img {
        aspect-ratio: 1188.29 / 117.69;
    }

    .homeMessage_movie {
        aspect-ratio: 312 / 163;
        margin: 30px auto 0;
        overflow: hidden;
        text-align: center;
        width: 100%;
        max-width: 970px;
    }
    .homeMessage_movie a {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }
    .homeMessage_movie a::before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: '';
        background-color: transparent;
        width: 100%;
        height: 100%;
        transition: background-color .3s;
    }
    .homeMessage_movie a::after {
        position: absolute;
        inset: 0;
        display: block;
        content: '';
        aspect-ratio: 1 / 1;
        background-color: var(--color-blue);
        mask-image: url('../images/theme/arrow-mv.svg');
        mask-size: contain;
        mask-repeat: no-repeat;
        margin: auto;
        width: 12%;
        height: auto;
        transition: background-color .3s;
    }
    .homeMessage_movie img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    @media(min-width: 600px) {
        .homeMessage_txt {
            margin-bottom: 50px;
        }
        .homeMessage_txt h2 {
            font-size: 3.7rem;
            margin-bottom: 3.5rem;
        }
        .homeMessage_txt .txt {
            margin-bottom: 40px;
        }
        .homeMessage_txt .txt p {
            font-size: 1.8rem;
        }
        
        .homeMessage_img .img {
            aspect-ratio: 3 / 2.5;
            border-radius: 120px 0 0 0;
        }

        .homeMessage_loop .scroll-infinity__item {
            margin-right: 30px;
            width: 990px;
        }

        .homeMessage_movie {
            margin-top: 55px;
        }
    }
    @media(min-width: 1025px) {
        .homeMessage_content {
            position: relative;
            display: flex;
            justify-content: space-between;
            gap: 0 6vw;
        }
        .homeMessage_txt {
            margin-bottom: 0;
        }
        .homeMessage_img {
            flex-basis: 46vw;
            flex-shrink: 0;
            margin-left: 0;
        }

        .homeMessage_txt h2 {
            font-size: 4.8rem;
            margin-bottom: 5rem;
            letter-spacing: .025em;
        }
        .homeMessage_txt .txt {
            font-size: 2rem;
            margin-bottom: 50px;
        }
        .homeMessage_txt .txt p {
            margin-bottom: 3rem;
            line-height: 2.1;
        }
        .homeMessage_txt .btn_txt {
            margin-bottom: 60px;
        }
        .homeMessage_txt .btn_txt a {
            margin: 0 auto 0 0;
        }
        .homeMessage_img .img {
            aspect-ratio: auto;
            border-radius: 160px 0 0 0;
            margin-top: 0;
            margin-left: 0;
            height: 100%;
        }
        
        .homeMessage_map {
            margin-left: calc(100vw - 46vw - 7vw);
            text-align: left;
        }
        .homeMessage_map img {
            width: 80%;
            max-width: none;
        }

        .homeMessage_loop .scroll-infinity__item {
            margin-right: 40px;
            width: 1340px;
        }

        .homeMessage_movie {
            margin-top: 70px;
        }
        .homeMessage_movie a::after {
            width: 10%;
        }
    }
    @media (any-hover: hover) {
        .homeMessage_movie a:hover::before {
            background-color: rgb(var(--color-main-rgb) / .5 );
        }
        .homeMessage_movie a:hover::after {
            background-color: #fff;
        }
    }


    /*homeBusiness*/
    .homeBusiness hgroup {
        padding-left: calc(var(--1vw) * 7 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
        margin-bottom: 60px;
    }

    .homeBusiness_item_wrap {
        margin-bottom: 0;
    }
    .homeBusiness_item_wrap:nth-child(2) {
        background-color: var(--bgcolor-gray01);
    }
    .homeBusiness_item_wrap:nth-child(3) {
        background-color: var(--bgcolor-gray02);
    }

    .homeBusiness_item {
        margin-bottom: 0;
        padding-top: 50px;
        padding-left: calc(var(--1vw) * 7 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
    }
    .homeBusiness_item_wrap:nth-child(1) .homeBusiness_item {
        background-color: var(--bgcolor-gray01);
    }
    .homeBusiness_item_wrap:nth-child(2) .homeBusiness_item {
        background-color: var(--bgcolor-gray02);
    }
    .homeBusiness_item_wrap:nth-child(3) .homeBusiness_item {
        background-color: var(--bgcolor-gray03);
    }

    .homeBusiness_item_txt {
        margin-bottom: 30px;
    }
    .homeBusiness_item_txt h3 {
        margin-bottom: 2rem;
    }
    .homeBusiness_item_txt .txt {
        font-weight: 500;
        margin-bottom: 30px;
    }
    .homeBusiness_item_txt .btn_txt a {
        margin: 0 auto;
    }
    .homeBusiness_item_img {
        aspect-ratio: 336 / 236;
        border-radius: 80px 0 0 0;
        overflow: hidden;
    }
    .homeBusiness_item_img img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    @media(min-width: 600px) {
        .homeBusiness hgroup {
            margin-bottom: 80px;
        }

        .homeBusiness_item {
            padding-top: 80px;
        }

        .homeBusiness_item_txt {
            margin-bottom: 40px;
        }
        .homeBusiness_item_txt h3 {
            margin-bottom: 3rem;
        }
        .homeBusiness_item_img {
            border-radius: 120px 0 0 0;
        }
    }
    @media(min-width: 1025px) {
        .homeBusiness hgroup {
            margin-bottom: 100px;
        }

        .homeBusiness_item {
            display: flex;
            justify-content: space-between;
            gap: 0 6vw;
            margin: auto;
            padding-top: 120px;
        }
        
        .homeBusiness_item_txt {
            margin-bottom: 0;
        }
        .homeBusiness_item_txt h3 {
            margin-bottom: 4rem;
        }
        .homeBusiness_item_txt .txt {
            font-size: 1.8rem;
            margin-bottom: 40px;
        }
        .homeBusiness_item_txt .btn_txt a {
            margin: 0 auto 0 0;
        }
        .homeBusiness_item_img {
            flex-basis: 55vw;
            flex-shrink: 0;
            aspect-ratio: 778 / 640;
            border-radius: 160px 0 0 0;
        }
    }


    /*homeMovie*/
    .homeMovie {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
        width: 100%;
        height: 600px;
    }
    .homeMovie::before {
        position: absolute;
        inset: 0;
        display: block;
        content: '';
        background-color: rgb(var(--color-blue-rgb) / .4 );
        width: 100%;
        height: 100%;
        z-index: 2;
    }
    .homeMovie_bg {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0 !important;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .homeMovie_bg img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .homeMovie_copy {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 5;
    }
    .homeMovie_copy .logo {
        margin: 0 !important;
        width: 38%;
        max-width: 140px;
    }
    .homeMovie_copy p {
        color: #fff;
        font-size: 7.7vw;
        font-weight: 700;
    }

    @media(min-width: 600px) {
        .homeMovie_copy p {
            font-size: min(5vw, 5.4rem);
        }
    }
    @media(min-width: 1025px) {
        .homeMovie {
            height: 1000px;
        }
        .homeMovie_copy figure {
            width: 174px;
            max-width: none;
        }
    }


    /*homeProject*/
    .homeProjects {
        background-color: var(--bgcolor-navy);
        padding-block: 40px;
    }
    .homeProjects hgroup {
        color: #fff;
        padding-left: calc(var(--1vw) * 7 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
    }
    .homeProjects .headline_en {
        color: #fff;
    }

    .homeProjects_content .splide__slide img {
        aspect-ratio: 312 / 218;
    }
    .homeProjects_content .btn_txt a {
        margin: 0 auto;
    }
    @media(min-width: 600px) {
        .homeProjects {
            padding-block: 70px;
        }
        .homeProjects hgroup {
            margin-bottom: 70px;
        }
    }
    @media(min-width: 1025px) {
        .homeProjects {
            padding-block: 100px;
        }
        .homeProjects hgroup {
            margin-bottom: 100px;
        }
        .homeProjects_content .splide__slide img {
            aspect-ratio: 556 / 389;
        }
    }


    /*homeNews*/
    .homeNews {
        position: relative;
        padding-block: 40px;
        padding-left: calc(var(--1vw) * 7 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
    }
    .homeNews hgroup {
        margin-bottom: 30px;
    }
    .homeNews_content {
        margin-bottom: 30px;
    }
    .homeNews .btn_txt a {
        margin: 0 auto;
    }
    .homeNews_img {
        display: none;
    }
    @media(min-width: 1025px) {
        .homeNews {
            padding-top: 100px;
            padding-bottom: 165px;
        }
        .homeNews hgroup {
            margin-bottom: 120px;
        }
        .homeNews_content {
            margin-bottom: 0;
            margin-left: 40%;
        }
        .homeNews .btn_txt {
            position: absolute;
            top: calc(100px + 90px + 8rem);
            right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
            margin-bottom: 0;
        }
        .homeNews_img {
            position: absolute;
            bottom: 0;
            left: 0;
            display: block;
            border-radius: 0 160px 0 0;
            overflow: hidden;
            width: calc(7vw + 20%);
            height: 50%;
        }
        .homeNews_img img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
    }


    /*homeRecruit*/
    .homeRecruit {
        position: relative;
        background-color: var(--bgcolor-yellow);
        padding-block: 40px;
        padding-left: calc(var(--1vw) * 7 + env(safe-area-inset-left));
        padding-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
    }

    .homeRecruit_loop {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    .homeRecruit_loop .scroll-infinity__wrap {
        margin: 0 auto;
        width: calc(55% * .8);
    }
    .homeRecruit_loop .scroll-infinity__item img {
        aspect-ratio: auto;
    }
    .homeRecruit_loop .scroll-infinity__list--bottom {
        animation-duration: 300s;
    }

    .homeRecruit hgroup {
        margin-bottom: 30px;
    }
    .homeRecruit_copy {
        position: relative;
        margin-bottom: 30px;
        padding-top: calc((44vw / 161 * 176) + 40px);
        padding-bottom: calc((44vw / 161 * 176) + 30px + 50px);
    }
    .homeRecruit_copy .maincopy {
        margin-bottom: 30px;
        margin-inline: auto;
        width: 80%;
        max-width: 350px;
    }
    .homeRecruit_copy .maincopy #text {
        mask: url(#mask);
    }
    .homeRecruit_copy .maincopy .handwriting {
        width: 100%;
        height: auto;
    }
    .homeRecruit_copy .maincopy .handwriting_text {
        fill: var(--textColor-body);
    }
    .homeRecruit_copy .maincopy .handwriting_mask_line {
        fill: none;
        stroke: #fff;
        stroke-width: 7;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dasharray: 4000px;
    }
    .homeRecruit_copy .maincopy.js-waypoint {
        opacity: 0;
    }
    .homeRecruit_copy .maincopy.is-animated {
        opacity: 1;
    }
    .homeRecruit_copy .maincopy.is-animated .handwriting_mask_line {
        animation: handwriting 3s linear;
    }
    
    @keyframes handwriting {
        0% {
            stroke-dashoffset: 4000px;
        }
        100% {
            stroke-dashoffset: 0;
        }
    }

    .homeRecruit_copy .txt {
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.8;
        margin-bottom: 0;
        margin-inline: auto;
        width: 82%;
    }
    .homeRecruit_copy .txt p {
        margin-inline: auto;
        width: fit-content;
    }

    .homeRecruit_copy .img figure {
        position: absolute;
        aspect-ratio: 161 / 176;
        margin: 0 !important;
        overflow: hidden;
        width: 44vw;
    }
    .homeRecruit_copy .img figure:nth-of-type(2n+1) {
        border-radius: 0 40px 0 40px;
    }
    .homeRecruit_copy .img figure:nth-of-type(2n) {
        border-radius: 40px 0 40px 0;
    }
    .homeRecruit_copy .img figure img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .homeRecruit_copy .img figure:nth-of-type(1) {
        top: 0;
        left: -4vw;
    }
    .homeRecruit_copy .img figure:nth-of-type(2) {
        bottom: 50px;
        right: -4vw;
    }
    .homeRecruit_copy .img figure:nth-of-type(3) {
        bottom: 0;
        left: -4vw;
    }

    .homeRecruit_link {
        position: relative;
        background-color: var(--color-blue);
        border-radius: 40px 0 40px 0;
        color: #fff;
        padding: 35px 28px;
    }
    .homeRecruit_link .txt {
        font-weight: 500;
        margin-bottom: 30px;
    }
    .homeRecruit_link .btn_txt a {
        margin: 0 auto;
    }

    @media(min-width: 600px) {
        .homeRecruit {
            padding-block: 80px;
        }
        .homeRecruit_loop .scroll-infinity__list--bottom {
            animation-duration: 550s;
        }
        .homeRecruit hgroup {
            margin-bottom: 50px;
        }
        .homeRecruit_copy {
            margin-bottom: 40px;
            padding-top: calc((44vw / 3 * 2.5) + 50px);
            padding-bottom: calc((44vw / 3 * 2.5) + 50px + 50px);
        }
        .homeRecruit_copy .maincopy {
            margin-bottom: 40px;
            max-width: 350px;
        }
        .homeRecruit_copy .txt {
            font-size: 2rem;
            font-weight: 600;
            line-height: 2;
        }
        
        .homeRecruit_copy .img figure {
            aspect-ratio: 3 / 2.5;
        }
        .homeRecruit_copy .img figure:nth-of-type(2n+1) {
            border-radius: 0 60px 0 60px;
        }
        .homeRecruit_copy .img figure:nth-of-type(2n) {
            border-radius: 60px 0 60px 0;
        }

        .homeRecruit_link {
            border-radius: 60px 0 60px 0;
            margin-inline: auto;
            padding: 45px 35px;
            width: fit-content;
        }
        .homeRecruit_link .txt {
            font-size: 1.8rem;
            width: fit-content;
        }
    }
    @media(min-width: 1025px) {
        .homeRecruit {
            padding-block: 160px;
        }
        .homeRecruit_loop .scroll-infinity__wrap {
            width: calc(50% * .8);
        }
        .homeRecruit_loop .scroll-infinity__list--bottom {
            animation-duration: 800s;
        }
        .homeRecruit hgroup {
            margin-bottom: 120px;
        }
        .homeRecruit_content {
            position: relative;
        }

        .homeRecruit_copy {
            margin-bottom: 0;
            padding-top: calc(22vw / 330 * 435 * 0.3 );
            padding-bottom: 0;
        }
        .homeRecruit_copy .maincopy {
            margin-bottom: 50px;
            max-width: 447px;
            width: 40vw;
        }
        

        .homeRecruit_copy .txt {
            font-size: 2.2rem;
            font-weight: 700;
            line-height: 2.4;
            width: 44vw;
        }

        .homeRecruit_copy .img figure {
            aspect-ratio: 330 / 435;
            width: 22vw;
        }
        .homeRecruit_copy .img figure:nth-of-type(2n+1) {
            border-radius: 0 80px 0 80px;
        }
        .homeRecruit_copy .img figure:nth-of-type(2n) {
            border-radius: 80px 0 80px 0;
        }
        .homeRecruit_copy .img figure:nth-of-type(2) {
            bottom: calc((22vw / 330 * 435) + 100px);
        }
        .homeRecruit_copy .img figure:nth-of-type(3) {
            position: relative;
            bottom: auto;
            left: calc(-4vw + 12vw);
            margin-top: 100px !important;
        }

        .homeRecruit_link {
            position: absolute;
            bottom: 0;
            right: 0;
            max-width: 51rem;
        }
    }
    @media(min-width: 1200px) {
        .homeRecruit_link {
            border-radius: 80px 0 80px 0;
            padding: 60px 45px 45px;
            max-width: 57rem;
        }
        .homeRecruit_link .txt {
            font-size: 2rem;
            margin-bottom: 40px;
        }
        
    }
    
}

@layer theme { /*business*/
    .page-business .pageBody {
        padding-top: 0;
        padding-bottom: 0;
    }
    .businessCopy {
        margin-bottom: 0;
        padding-block: 80px;
    }
    .businessCopy p {
        font-size: min(8vw, 100px);
        font-weight: 700;
        font-feature-settings: "palt";
        text-align: center;
    }

    .businessItem:nth-of-type(1), 
    .businessItem:nth-of-type(1) .businessItem_content {
        background-color: var(--bgcolor-gray01);
    }
    .businessItem:nth-of-type(2), 
    .businessItem:nth-of-type(2) .businessItem_content {
        background-color: var(--bgcolor-gray02);
    }
    .businessItem:nth-of-type(3), 
    .businessItem:nth-of-type(3) .businessItem_content {
        background-color: var(--bgcolor-gray03);
    }

    .businessItem_content {
        position: relative;
        padding-top: 40px;
        padding-bottom: 30px;
        padding-inline: 7vw;
        margin-bottom: 0;
        z-index: 1;
    }
    .businessItem:nth-of-type(2n+1) .businessItem_content {
        border-radius: 0 0 0 40px;
        margin-left: calc(var(--1vw) * 7 + env(safe-area-inset-left));
    }
    .businessItem:nth-of-type(2n) .businessItem_content {
        border-radius: 0 0 40px 0;
        margin-right: calc(var(--1vw) * 7 + env(safe-area-inset-right));
    }
    .businessItem_content h2 {
        margin-bottom: 25px;
    }
    .businessItem_content .txt {
        margin-bottom: 0;
    }
    .businessItem_content .txt p:not(:last-child) {
        margin-bottom: 20px;
    }
    .businessItem_content .btn_txt {
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }
    .businessItem_img {
        margin-top: -74px !important;
        margin-bottom: 0 !important;
    }
    .businessItem_img .slideBox {
        aspect-ratio: 360 / 290;
    }
    
    @media(min-width: 600px) {
        .businessCopy {
            padding-block: 140px;
        }

        .businessItem_content {
            position: relative;
            padding-top: 60px;
            padding-bottom: 50px;
        }
        .businessItem:nth-of-type(2n+1) .businessItem_content {
            border-radius: 0 0 0 65px;
            margin-left: 20%;
        }
        .businessItem:nth-of-type(2n) .businessItem_content {
            border-radius: 0 0 65px 0;
            margin-right: 20%;
        }
        .businessItem_content h2 {
            margin-bottom: 30px;
        }
        .businessItem_content .txt p:not(:last-child) {
            margin-bottom: 25px;
        }
        .businessItem_img {
            margin-top: -120px !important;
        }
    }
    @media(min-width: 1025px) {
        .businessCopy {
            padding-block: 200px;
        }
        
        .businessItem {
            aspect-ratio: 1408 / 980;
        }

        .businessItem_content {
            padding-top: 160px;
            padding-bottom: 80px;
            width: 40%;
        }
        .businessItem:nth-of-type(2n+1) .businessItem_content {
            border-radius: 0 0 0 90px;
            margin-left: 60%;
        }
        .businessItem:nth-of-type(2n) .businessItem_content {
            border-radius: 0 0 90px 0;
            margin-right: 60%;
        }
        .businessItem_content h2 {
            margin-bottom: 40px;
        }
        .businessItem_content .txt {
            font-size: 1.8rem;
        }
        .businessItem_content .txt p:not(:last-child) {
            margin-bottom: 30px;
        }
        .businessItem_content .btn_txt {
            justify-content: flex-end;
            margin-top: 40px;
        }
        .businessItem_img {
            position: absolute;
            top: 160px;
            left: 0;
            margin-top: 0 !important;
            width: 100%;
            height: calc(100% - 160px);
        }
        .businessItem_img .slideBox {
            aspect-ratio: auto;
            overflow: hidden;
            width: 100%;
            height: 100%;
        }
    }
}

@layer theme { /*projects*/

    /*taxHeader*/
    .taxHeader {
        margin-bottom: 0;
    }
    .taxHeader_cat {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-bottom: 30px;
    }

    /*cat-icon*/
    .cat-icon {
        margin-bottom: 0;
    }
    .cat-icon a {
        display: block;
        background-color: transparent;
        border: 1px solid #BBCBE7;
        border-radius: 100vmax;
        color: #fff;
        font-size: 1.4rem;
        line-height: 1;
        padding: 12px 20px;
        text-decoration: none;
        transition: 
            background-color .3s, 
            color .3s;
    }
    @media(min-width: 600px) {
        .taxHeader_cat {
            margin-bottom: 45px;
        }
    }
    @media(min-width: 1025px) {
        .taxHeader_cat {
            gap: 16px;
            margin-bottom: 60px;
        }
        .cat-icon a {
            font-size: 1.6rem;
            padding: 15px 30px;
        }
    }
    @media (any-hover: hover) {
        .taxHeader_cat .cat-icon a:hover {
            background-color: #BBCBE7;
            color: var(--bgcolor-navy);
        }
    }

    /*projectList*/
    .projectsList {
        padding-top: 10px;
    }
    .projectsList ul {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 40px;
    }
    .projectsList_item {
        flex-basis: 100%;
        position: relative;
        margin-bottom: 0;
    }
    .projectsList_item a {
        display: block;
        color: #fff;
        text-decoration: none;
        transition: opacity .3s;
    }
    .projectsList .projectsList_thum {
        aspect-ratio: 312 / 218;
        overflow: hidden;
        margin-bottom: 0;
    }
    .projectsList .projectsList_thum img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .projectsList_title {
        position: absolute;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        background-image: linear-gradient(0deg, #000, transparent);
        font-size: 1.8rem;
        line-height: 1.4;
        padding: 12px;
        width: 100%;
    }
    
    @media(min-width: 600px) {
        .projectsList {
            padding-top: 0;
        }
        .projectsList ul {
            flex-direction: row;
            gap: 40px 25px;
        }
        .projectsList_item {
            flex-basis: calc((100% - 25px) / 2);
        }
        .projectsList .projectsList_thum {
            aspect-ratio: 556 / 389;
        }
        .projectsList_title {
            font-size: 2.4rem;
            padding: 15px;
            height: 80px;
        }
    }
    @media(min-width: 1025px) {
        .projectsList ul {
            /*gap: 80px 55px;*/
            gap: 60px 35px;
        }
        .projectsList_item {
            flex-basis: calc((100% - 35px * 2) / 3);
        }
        /*.projectsList_title {
            font-size: 3.4rem;
            padding: 25px;
            height: 110px;
        }*/
    }


    /*projectsDetail*/
    .projectsDetail .projects_thum {
        text-align: center;
    }
    .projectsDetail .projects_thum img {
        width: 100%;
        max-width: 760px;
    }
    .projectsDetail_content table th:not(.override) {
        background-color: #405D90;
    }
    .projectsDetail_content table tr:not(.override) {
        border-color: #849CC5;
    }
    @media(min-width: 1025px) {
        .projectDetail_title {
            padding-top: 40px;
            margin-bottom: 60px;
        }
        .projectDetail .project_thum {
            margin-bottom: 80px !important;
        }
    }
}

@layer theme { /*news*/
    /*newsList*/
    .newsList_item {
        margin-bottom: 0;
    }
    .newsList_item a {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 10px 0;
        border-bottom: 1px solid var(--bordercolor-main);
        color: var(--color-main);
        padding: 20px 0;
        text-decoration: none;
    }
    .newsList_item:first-child a {
        border-top: 1px solid var(--bordercolor-main);
    }
    .newsList_item a > * {
        margin-bottom: 0;
    }
    .newsList_item .news_thum figure {
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        margin: 0 auto !important;
        overflow: hidden;
        width: 148px;
    }
    .newsList_item .news_thum img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .newsList_item .newsList_info {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 3px 15px;
    }
    .newsList_item .newsList_date {
        flex-basis: 100%;
        display: block;
        color: var(--textColor-body);
        font-family: var(--font-en);
        font-weight: 500;
        opacity: .8;
    }
    .newsList_item .newsList_title {
        flex-basis: calc(100% - 46px - 15px);
        transition: color .3s;
    }
    @media(min-width: 600px) {
        .newsList_item a {
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            gap: 0 40px;
        }
        .newsList_item .newsList_info {
            flex-basis: calc(100% - 148px - 40px - 54px - 20px);
            gap: 3px 0;
        }
         .newsList_item .newsList_title {
            flex-basis: 100%;
         }
        .newsList_item .btn_arrow {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }
    }
    @media(min-width: 1600px) {
        .newsList_item .news_thum figure {
            width: 188px;
        }
        .newsList_item .newsList_info {
            flex-basis: calc(100% - 188px - 40px - 54px - 20px);
        }
    }

    @media (any-hover: hover) {
        .newsList_item a:hover .newsList_title {
            color: var(--color-blue);
        }
    }

    /*newsDetail*/
    .newsDetail_title {
        border-bottom: 1px solid var(--bordercolor-main);
        margin: 0 0 30px;
        padding: 8px 0 30px;
    }
    .newsDetail_content :where(.wp-block-columns.is-layout-flex), 
    .newsDetail_content .wp-block-gallery {
        margin-block: 30px !important;
    }
    .newsDetail .pageBody_bottom {
        padding-top: 20px;
    }
    @media(min-width: 600px) {
        .newsDetail_content :where(.wp-block-columns.is-layout-flex), 
        .newsDetail_content .wp-block-gallery {
            margin-block: 40px !important;
        }
    }
    @media(min-width: 1025px) {
        .newsDetail_title {
            margin: 0 0 75px;
            padding: 0 0 40px;
        }
        .newsDetail_content :where(.wp-block-columns.is-layout-flex), 
        .newsDetail_content .wp-block-gallery {
            margin-block: 50px !important;
        }
        .newsDetail .pageBody_bottom {
            padding-top: 0;
        }
    }
}

@layer theme { /*recruit*/

    /*recruit*/
    .page-recruit .homeRecruit {
        background-color: transparent;
        margin-left: calc((var(--1vw) * 7 + env(safe-area-inset-left))*-1);
        margin-right: calc((var(--1vw) *7 + env(safe-area-inset-right))*-1);
        max-width: none;
    }
    .page-recruit .homeRecruit_loop {
        z-index: -1;
    }
    .page-recruit .pageBody .wp-block-image img {
        border-radius: 8px;
    }

    /*recruitList*/
    .recruitList-wrap {
        background-color: #FFF4AB;
        border-radius: 40px 0 40px 0;
        margin-block: 80px;
        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-block: 50px;
        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;
    }

    .recriutList ul {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .recriutList_item {
        margin-bottom: 0;
    }
    .recriutList_item a {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 22px;
        color: var(--textColor-body);
        text-decoration: none;
    }
    .recriutList_thum {
        flex-basis: 38%;
        flex-shrink: 0;
        aspect-ratio: 117 / 97;
        border-radius: 40px 0 0 0;
        overflow: hidden;
        margin-bottom: 0 !important;
    }
    .recriutList_thum img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .recriutList_txt {
        flex-basis: calc(100% - 38% - 22px);
        line-height: 1.4;
    }
    .recriutList_copy {
        font-weight: 500;
        margin-bottom: 12px;
    }
    .recriutList_copy br {
        display: none;
    }
    .recriutList_name {
        display: flex;
        flex-wrap: wrap;
        gap: 0 10px;
    }

    @media(min-width: 600px) {
        .recruitList-wrap {
            border-radius: 60px 0 60px 0;
            margin-block: 120px;
            padding-block: 100px;
        }
        .recriutList_item a {
            gap: 30px;
        }
        .recriutList_thum {
            flex-basis: 40%;
        }
        .recriutList_txt {
            flex-basis: calc(100% - 40% - 30px);
        }
        .recriutList_copy {
            font-size: 2rem;
            margin-bottom: 16px;
        }
        .recriutList_copy br {
            display: inline-block;
        }
    }
    @media(min-width: 1025px) {
        .page-recruit .pageBody .wp-block-image img {
            border-radius: 16px;
        }

        .recruitList-wrap {
            border-radius: 80px 0 80px 0;
            margin-block: 160px;
            padding-block: 150px;
        }
        .recriutList ul {
            flex-direction: row;
            flex-wrap: wrap;
            gap: 75px 55px;
        }
        .recriutList_item {
            flex-basis: calc((100% - 55px*2) / 3);
        }
        .recriutList_item a {
            flex-direction: column;
            gap: 20px;
        }
        .recriutList_thum {
            flex-basis: 100%;
            aspect-ratio: 352 / 291;
            border-radius: 80px 0 0 0;
        }
        .recriutList_copy {
            font-size: 2.4rem;
        }
        .recriutList_name {
            font-size: 1.8rem;
            gap: 0 16px;
        }
    }
    @media(min-width: 1600px) {
        .page-recruit .homeRecruit, 
        .recruitList-wrap {
            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));
        }
    }

    /*recruit interview*/
    .pageHeader_txt .headline_txt.-recruit-interview {
        margin-top: 40px;
    }
    .pageHeader_txt .headline_txt.-recruit-interview h2 br {
        display: none;
    }
    .pageHeader_txt .headline_txt.-recruit-interview ul li {
        font-size: 1.6rem;
        font-weight: 400;
        margin-bottom: 5px;
    }
    @media(min-width: 600px) {
        .pageHeader_txt .headline_txt.-recruit-interview {
            margin-top: 60px;
        }
        .pageHeader_txt .headline_txt.-recruit-interview h2 br {
            display: inline-block;
        }
        .pageHeader_txt .headline_txt.-recruit-interview ul li {
            font-size: 1.8rem;
        }
    }
    @media(min-width: 1025px) {
        .pageHeader_txt .headline_txt.-recruit-interview {
            margin-top: 100px;
        }
    }
}

@layer theme { /*form*/

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

    .formList .group-name .label-title {
        width: 55px;
    }
    .formList .select-wrap {
        width: 100%;
    }
    .formList select {
        width: 100%;
    }

    .formList .btn_wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 40px;
    }
    .formList .btn_wrap br {
        display: none;
    }
    .formList .btn_wrap button {
        margin-top: 10px;
    }

    @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 input#license, 
        .formList textarea#question {
            width: 100%;
        }

    }

}


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

    .color-white {
        color: #ddd
    }

    .color-main {
        color: #003C83;
    }
    .color-blue {
        color: #0C97ED;
    }
    .color-gray {
        color: #C4D0D5;
    }
    .color-red {
        color: #E36565;
    }


    .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-gray01 {
        background-color: #DDE4E7
    }
    .bg-gray02 {
        background-color: #C4CDD1
    }
    .bg-gray03 {
        background-color: #AFB9BD
    }
    .bg-gray04 {
        background-color: #B8C3C7
    }
    .bg-navy {
        background-color: #324C7A
    }
    .bg-yellow {
        background-color: #F2DD53
    }

    

    .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*/
    .font-serif {
        font-family: var(--font-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: var(--font-en);
    }

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

    .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 display*/
    .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 { /*flex*/

    .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 { /*margin padding*/
    .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 !important
    }

    .mTop-1 {
        margin-top: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem) !important
    }

    .mTop-2 {
        margin-top: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem) !important
    }

    .mTop-3 {
        margin-top: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem) !important
    }

    .mTop-4 {
        margin-top: clamp(4rem, 2rem + 3.8vw, 6.4rem) !important
    }

    .mTop-5 {
        margin-top: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem) !important
    }

    .mTop-6 {
        margin-top: clamp(10rem, 5rem + 10vw, 14.5066666667rem) !important
    }

    .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 !important
    }

    .mBottom-1 {
        margin-bottom: clamp(0.8rem, 0.6rem + 0.5vw, 1.1946666667rem) !important
    }

    .mBottom-2 {
        margin-bottom: clamp(2rem, 1.75rem + 0.5vw, 2.3893333333rem) !important
    }

    .mBottom-3 {
        margin-bottom: clamp(3rem, 2rem + 2.2vw, 4.6933333333rem) !important
    }

    .mBottom-4 {
        margin-bottom: clamp(4rem, 2rem + 3.8vw, 6.4rem) !important
    }

    .mBottom-5 {
        margin-bottom: clamp(5.5rem, 1.8rem + 6.25vw, 9.3866666667rem) !important
    }

    .mBottom-6 {
        margin-bottom: clamp(10rem, 5rem + 10vw, 14.5066666667rem) !important
    }

    .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*/
    .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
        }
    }
}


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