/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        :before,
        :after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: ""
        }
    }
}

@layer theme {

    :root,
    :host {
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-black: #1d201f;
        --color-white: #fff;
        --spacing: .25rem;
        --breakpoint-2xl: 90rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --radius-xs: .125rem;
        --radius-sm: .25rem;
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --default-transition-duration: .6s;
        --default-transition-timing-function: ease;
        --default-font-family: var(--font-noto-sans-jp);
        --default-mono-font-family: var(--font-mono);
        --color-pure-white: #fff;
        --color-pure-black: #000;
        --color-brown: #2b2321;
        --color-dark-brown: #392000;
        --color-linen: #eeeae5;
        --color-antique-white: #e1ddc7;
        --color-pale-goldenrod: #d8d3b1;
        --color-gainsboro: #f2f2f2;
        --color-sage: #bcb49b;
        --color-charcoal: #696d6a;
        --color-carbon: #020202;
        --color-silver-gray: #cfcfcf;
        --color-danger: #d30000;
        --default-text-color: var(--color-black);
        --default-bg-color: var(--color-linen);
        --font-noto-sans-jp: "Noto Sans JP", sans-serif;
        --font-noto-serif-jp: "Noto Serif JP", serif;
        --font-garamond: "Cormorant Garamond", serif;
        --text-10: .625rem;
        --text-11: .6875rem;
        --text-13: .8125rem;
        --text-15: .9375rem;
        --text-17: 1.0625rem;
        --text-22: 1.375rem;
        --ease-in-sine: cubic-bezier(.12, 0, .39, 0);
        --ease-out-sine: cubic-bezier(.61, 1, .88, 1);
        --ease-out-quad: cubic-bezier(.5, 1, .89, 1);
        --ease-out-cubic: cubic-bezier(.33, 1, .68, 1);
        --ease-out-circ: cubic-bezier(0, .55, .45, 1);
        --ease-out-back: cubic-bezier(.34, 1.56, .64, 1);
        --z-header: 10;
        --pi: 3.1415;
        --spacing-negative-full: calc(50% - 50vi);
        --infinity: calc(infinity*1px);
        --mask-image-1: linear-gradient(-25deg, transparent, transparent 42%, #00000005 43%, #00000014 45%, #0003 50%, #0000004d 55%, #00000080 60%, #000000b3 65%, #000c 70%, #000000e6 75%, #000 80%, #000 85%, #000);
        --mask-image-2: linear-gradient(90deg, transparent, transparent 42%, #ffffff05 43%, #ffffff14 45%, #fff3 50%, #ffffff4d 55%, #ffffff80 60%, #ffffffb3 65%, #fffc 70%, #ffffffe6 75%, #fff 80%, #fff 85%, #fff)
    }
}

@layer base {

    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    html,
    :host {
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol,
    ul,
    menu {
        list-style: none
    }

    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align: middle;
        display: block
    }

    img,
    video {
        max-width: 100%;
        height: auto
    }

    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }

    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }

    ::file-selector-button {
        margin-inline-end: 4px
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }

        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-datetime-edit {
        padding-block: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    button,
    input:where([type=button], [type=reset], [type=submit]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

    ::-webkit-inner-spin-button {
        height: auto
    }

    ::-webkit-outer-spin-button {
        height: auto
    }

    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }

    *,
    :before,
    :after {
        min-width: 0
    }

    :focus:not(:focus-visible) {
        outline: none
    }

    :root {
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        text-size-adjust: 100%;
        background-color: var(--default-bg-color);
        scrollbar-gutter: stable;
        color: var(--default-text-color);
        font-feature-settings: "palt";
        -webkit-hyphens: auto;
        hyphens: auto
    }

    body {
        line-break: strict;
        min-height: 100dvh;
        text-rendering: optimizeSpeed;
        overflow-wrap: anywhere;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1.5
    }

    body:before {
        opacity: 0;
        z-index: calc(var(--z-header) - 1);
        transition: opacity .6s var(--ease-out-sine);
        background-color: #02020266;
        position: fixed;
        top: 0;
        left: 0
    }

    @supports (color:color-mix(in lab, red, red)) {
        body:before {
            background-color: color-mix(in oklab, var(--color-carbon)40%, transparent)
        }
    }

    body:before {
        pointer-events: none;
        content: "";
        width: 100%;
        height: 100%
    }

    body.is-submitting {
        cursor: wait
    }

    body.is-submitting * {
        pointer-events: none !important
    }

    body.is-fixed {
        width: calc(100% - var(--scrollbar-width));
        overflow: hidden
    }

    body.is-fixed:before {
        opacity: 1
    }

    body.is-fixed:has(dialog[open]):before {
        z-index: calc(var(--z-header) + 1)
    }

    body:has(:modal) {
        overflow: hidden
    }

    ol,
    ul,
    li {
        list-style-type: ""
    }

    a {
        text-decoration: none
    }

    a:not([class]) {
        color: currentColor;
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto
    }

    button,
    input,
    textarea,
    select {
        vertical-align: middle;
        cursor: pointer;
        outline: unset;
        border: unset;
        border-radius: unset;
        background-color: unset;
        color: unset;
        font: unset;
        letter-spacing: unset;
        text-align: unset;
        text-transform: unset
    }

    img,
    svg,
    picture,
    video,
    canvas,
    model,
    audio,
    iframe,
    embed,
    object {
        max-width: 100%;
        display: block
    }

    address {
        font-style: unset
    }

    input[type=text] {
        font-size: 1rem
    }

    label[for] {
        cursor: pointer
    }

    summary {
        cursor: pointer;
        display: block
    }

    summary::-webkit-details-marker {
        display: none
    }

    dialog {
        border: unset;
        background-color: unset;
        padding: unset;
        width: unset;
        max-width: unset;
        height: unset;
        max-height: unset;
        overflow: unset;
        color: unset
    }

    dialog::backdrop {
        display: none
    }

    [hidden=until-found] {
        content-visibility: hidden
    }

    @media (prefers-reduced-motion:reduce) {

        *,
        :before,
        :after {
            scroll-behavior: auto !important;
            transition-duration: .01ms !important;
            animation-duration: .01ms !important;
            animation-iteration-count: 1 !important
        }
    }

    [x-cloak] {
        display: none !important
    }

    [id] {
        scroll-margin-top: var(--header-height)
    }

    .grecaptcha-badge {
        visibility: hidden;
        z-index: calc(var(--z-header) - 1)
    }

    body:has(.wpcf7) .grecaptcha-badge {
        visibility: visible
    }
}

@layer components {
    .c-breadcrumb {
        width: fit-content
    }

    .c-breadcrumb .c-breadcrumb-item {
        display: inline
    }

    .c-breadcrumb .c-breadcrumb-item:not(:last-of-type):after {
        content: "";
        background-color: currentColor;
        width: 1px;
        height: .625rem;
        margin-left: .625rem;
        margin-right: .625rem;
        display: inline-block;
        rotate: 30deg
    }

    .c-breadcrumb .c-breadcrumb-link {
        font-size: .75rem;
        line-height: 1.8;
        font-family: var(--font-noto-serif-jp);
        transition: opacity .6s
    }

    .c-breadcrumb .c-breadcrumb-link[aria-current=page] {
        pointer-events: none
    }

    @media (any-hover:hover) {
        .c-breadcrumb .c-breadcrumb-link:not([aria-current=page]):hover {
            opacity: .6
        }
    }

    .c-pagination {
        grid-template-areas: "prev num next";
        align-items: center;
        gap: 1.25rem;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        display: grid
    }

    .c-pagination .c-pagination-num {
        grid-area: num;
        gap: 1rem;
        display: flex
    }

    .c-pagination .c-pagination-num>a {
        border: 1px solid var(--color-black);
        border-radius: var(--infinity);
        aspect-ratio: 1;
        place-items: center;
        width: 2.625rem;
        display: grid
    }

    .c-pagination .c-pagination-num>a>span {
        font-size: 1.25rem;
        line-height: 1;
        font-family: var(--font-garamond);
        position: relative;
        top: -2px
    }

    .c-pagination .c-pagination-num>a[aria-current=page] {
        background-color: var(--color-black);
        color: var(--color-pure-white)
    }

    .c-pagination .c-pagination-prev,
    .c-pagination .c-pagination-next {
        border-radius: var(--infinity);
        aspect-ratio: 1;
        border: 1px solid;
        place-content: center;
        width: 2.625rem;
        display: grid
    }

    :is(.c-pagination .c-pagination-prev, .c-pagination .c-pagination-next)>[role=img] {
        grid-template-areas: "icon";
        display: grid;
        overflow: hidden
    }

    :is(.c-pagination .c-pagination-prev, .c-pagination .c-pagination-next)>[role=img]>svg {
        grid-area: icon
    }

    .c-pagination .c-pagination-prev {
        grid-area: prev
    }

    .c-pagination .c-pagination-prev>[role=img] {
        rotate: 180deg
    }

    .c-pagination .c-pagination-next {
        grid-area: next
    }

    .c-pagination .c-pagination-ellipsis {
        font-size: .875rem;
        line-height: 1;
        font-family: var(--font-noto-serif-jp);
        align-items: center;
        display: grid
    }

    :is(.c-category-list:has(a:not([data-category-all])[aria-current=page]), .c-category-list:has(a:not([data-category-all])[aria-current=true])) a[data-category-all][aria-current=true] {
        color: var(--color-base) !important
    }

    .c-access-map .c-access-map-gunma-fill {
        fill: #141414
    }

    @media (scripting:enabled) {
        .c-access-map .c-access-map-pin {
            transform-box: fill-box;
            transform-origin: 50%;
            opacity: 1;
            transition: scale 1s var(--ease-out-back), opacity .6s ease;
            transition-delay: .6s;
            opacity: 1;
            scale: 1;
        }

        @media screen and (min-width:768px) {
            .c-access-map .c-access-map-pin {
                transition-delay: 1.2s
            }
        }

        .c-access-map .c-access-map-pin .c-access-map-pin-inner {
            transform-box: fill-box;
            transform-origin: 50%;
            animation: 1.4s infinite alternate bullet-scale-out
        }

        .c-access-map .c-access-map-line {
            stroke-dashoffset: 330px;
            opacity: 1;
            transition: stroke-dashoffset 1s var(--ease-out-circ), opacity .8s var(--ease-out-sine);

        }

        @media screen and (min-width:768px) {
            .c-access-map .c-access-map-line {
                transition: stroke-dashoffset 1.5s var(--ease-out-circ), opacity 1.6s var(--ease-out-sine)
            }
        }

        .c-access-map .c-access-map-gunma-fill {
            fill: #141414;
            transition: fill 1s var(--ease-out-sine);
            transition-delay: .6s
        }

        @media screen and (min-width:768px) {
            .c-access-map .c-access-map-gunma-fill {
                transition-delay: 1.2s
            }
        }

        .c-access-map[data-inview] .c-access-map-pin {
            opacity: 1;
            scale: 1
        }

        .c-access-map[data-inview] .c-access-map-line {
            stroke-dashoffset: 0;
            opacity: 1
        }

        .c-access-map[data-inview] .c-access-map-gunma-fill {
            fill: #141414
        }

        .c-lower-mv[x-data=inview] .c-lower-mv-header:before {
            opacity: 0;
            transition: scale 2.2s var(--ease-out-circ), opacity .8s var(--ease-out-sine);
            scale: 1 0
        }

        .c-lower-mv[x-data=inview] .c-lower-mv-col {
            -webkit-mask-image: var(--mask-image-1);
            mask-image: var(--mask-image-1);
            transition: mask-position 1.8s var(--ease-out-sine);
            -webkit-mask-position: 100% 100%;
            mask-position: 100% 100%;
            -webkit-mask-size: 350% 350%;
            mask-size: 350% 350%;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat
        }

        .c-lower-mv[x-data=inview] .c-lower-mv-title-sm:before {
            transition: scale 1.6s var(--ease-out-circ);
            transition-delay: .6s;
            scale: 0 1
        }

        .c-lower-mv[x-data=inview] .c-lower-mv-title-sm>span {
            transition: translate 1.3s var(--ease-out-circ);
            transition-delay: .6s;
            translate: 0 100%
        }

        .c-lower-mv[x-data=inview] .c-lower-mv-desc>span {
            opacity: 0;
            transition: translate 1.6s var(--ease-out-circ), opacity 1s ease;
            transition-delay: .6s;
            translate: 0 10px
        }

        .c-lower-mv[x-data=inview] .c-lower-mv-img {
            opacity: 0;
            -webkit-mask-image: var(--mask-image-1);
            mask-image: var(--mask-image-1);
            filter: blur(12px)brightness(1.8);
            transition: mask-position 2.2s var(--ease-out-sine), filter 2s var(--ease-out-sine), opacity 1.2s ease .1s;
            will-change: filter;
            transform: translateZ(0);
            -webkit-mask-position: 100% 100%;
            mask-position: 100% 100%;
            -webkit-mask-size: 350% 350%;
            mask-size: 350% 350%;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat
        }

        .c-lower-mv[x-data=inview] .c-lower-mv-img img {
            transition: scale 2s var(--ease-out-circ);
            scale: 1.1
        }

        .c-lower-mv[x-data=inview] .c-lower-mv-mount {
            opacity: 0;
            transition: opacity 1s ease, translate 1.6s var(--ease-out-circ);
            transition-delay: .6s
        }

        .c-lower-mv[x-data=inview] .c-lower-mv-mount:first-of-type {
            translate: 0 10px
        }

        @media screen and (min-width:768px) {
            .c-lower-mv[x-data=inview] .c-lower-mv-mount:first-of-type {
                translate: 0 20px
            }
        }

        .c-lower-mv[x-data=inview] .c-lower-mv-mount:nth-of-type(2) {
            translate: 0 -10px
        }

        @media screen and (min-width:768px) {
            .c-lower-mv[x-data=inview] .c-lower-mv-mount:nth-of-type(2) {
                translate: 0 -20px
            }
        }

        .c-lower-mv[x-data=inview] .c-lower-mv-wave svg {
            transform-box: fill-box;
            opacity: 0;
            transition: opacity 1s ease, translate 1.6s var(--ease-out-circ), scale 1.4s var(--ease-out-sine);
            transition-delay: .6s;
            translate: 0 10px;
            scale: 1 1.8
        }

        .c-lower-mv[x-data=inview] .c-lower-mv-wave svg:nth-of-type(2) {
            transition-delay: .7s
        }

        .c-lower-mv[x-data=inview] .c-lower-mv-wave svg:nth-of-type(3) {
            transition-delay: .8s
        }

        .c-lower-mv[x-data=inview] .c-lower-mv-chopsticks {
            opacity: 0;
            transition: rotate 1.1s var(--ease-in-out), opacity 1.2s ease;
            transition-delay: .6s;
            rotate: 10deg
        }

        .c-lower-mv[x-data=inview] .c-lower-mv-bone {
            opacity: 0;
            transition: opacity .8s ease, translate 1.2s var(--ease-out-circ), rotate 1.2s ease;
            transition-delay: .6s;
            translate: 0 20px;
            rotate: 25deg
        }

        .c-lower-mv[x-data=inview][data-inview] .c-lower-mv-header:before {
            opacity: 1;
            scale: 1
        }

        .c-lower-mv[x-data=inview][data-inview] .c-lower-mv-col {
            -webkit-mask-position: 0 0;
            mask-position: 0 0
        }

        .c-lower-mv[x-data=inview][data-inview] .c-lower-mv-title-sm:before {
            scale: 1
        }

        .c-lower-mv[x-data=inview][data-inview] .c-lower-mv-title-sm>span {
            translate: 0
        }

        .c-lower-mv[x-data=inview][data-inview] .c-lower-mv-desc>span {
            opacity: 1;
            translate: 0
        }

        .c-lower-mv[x-data=inview][data-inview] .c-lower-mv-img {
            opacity: 1;
            filter: blur()brightness();
            -webkit-mask-position: 0 0;
            mask-position: 0 0
        }

        .c-lower-mv[x-data=inview][data-inview] .c-lower-mv-img img {
            scale: 1
        }

        .c-lower-mv[x-data=inview][data-inview] .c-lower-mv-mount {
            opacity: 1;
            translate: 0
        }

        .c-lower-mv[x-data=inview][data-inview] .c-lower-mv-wave svg {
            opacity: 1;
            translate: 0;
            scale: 1
        }

        .c-lower-mv[x-data=inview][data-inview] .c-lower-mv-bone {
            opacity: 1;
            translate: 0;
            rotate: none
        }

        .c-lower-mv[x-data=inview][data-inview] .c-lower-mv-chopsticks {
            opacity: 1;
            rotate: none
        }
    }
}


    .u-section-space-inner {
        max-width: var(--inner-width, var(--breakpoint-2xl));
        margin-left: auto;
        margin-right: auto;
        container-type: inline-size
    }

    .\@container {
        container-type: inline-size
    }

    .u-icon-circle {
        --icon-color: var(--color-black);
        --icon-bg: transparent;
        transition: background-color .65s var(--ease-out-quad);
        box-sizing: content-box;
        border: 1px solid;
        place-content: center;
        display: grid;
        position: relative
    }

    @supports (color:color-mix(in lab, red, red)) {
        .u-icon-circle {
            border-color: color-mix(in oklab, currentcolor 50%, transparent)
        }
    }

    .u-icon-circle {
        border-radius: var(--infinity);
        background-color: var(--icon-bg)
    }

    .u-icon-circle[data-color=white] {
        --icon-color: var(--color-pure-white)
    }

    .u-icon-circle:before {
        opacity: 0;
        border-style: solid;
        border-width: 1px;
        border-color: var(--icon-bg);
        margin: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    @supports (color:color-mix(in lab, red, red)) {
        .u-icon-circle:before {
            border-color: color-mix(in oklab, var(--icon-bg)50%, transparent)
        }
    }

    .u-icon-circle:before {
        border-radius: var(--infinity);
        pointer-events: none;
        content: "";
        width: 100%;
        height: 100%
    }

    .u-icon-circle svg {
        transition: color .65s var(--ease-out-quad);
        color: var(--icon-color)
    }

    @media (any-hover:hover) {
        .u-icon-circle:is(a:hover .u-icon-circle, button:hover .u-icon-circle, summary:hover .u-icon-circle) {
            --icon-color: var(--color-pure-white);
            --icon-bg: var(--color-black)
        }

        .u-icon-circle:is(a:hover .u-icon-circle, button:hover .u-icon-circle, summary:hover .u-icon-circle)[data-color=white] {
            --icon-color: var(--color-pure-black);
            --icon-bg: var(--color-pure-white)
        }

        .u-icon-circle:is(a:hover .u-icon-circle, button:hover .u-icon-circle, summary:hover .u-icon-circle):before {
            animation: 1s linear forwards pulse-animation
        }
    }

    .pointer-events-auto {
        pointer-events: auto
    }

    .pointer-events-none {
        pointer-events: none
    }

    .collapse {
        visibility: collapse
    }

    .visible {
        visibility: visible
    }

    .\!sr-only {
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border-width: 0 !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        position: absolute !important;
        overflow: hidden !important
    }

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

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

    .inset-0 {
        inset: calc(var(--spacing)*0)
    }

    .inset-x-0 {
        inset-inline: calc(var(--spacing)*0)
    }

    .inset-y-0 {
        inset-block: calc(var(--spacing)*0)
    }

    .-top-0\.25 {
        top: calc(var(--spacing)*-.25)
    }

    .-top-1 {
        top: calc(var(--spacing)*-1)
    }

    .-top-\[calc\(\(var\(--vh\)-var\(--drawer-container-height\)\)\/2\)\] {
        top: calc(calc((var(--vh) - var(--drawer-container-height))/2)*-1)
    }

    .top-0 {
        top: calc(var(--spacing)*0)
    }

    .top-1\.5 {
        top: calc(var(--spacing)*1.5)
    }

    .top-5 {
        top: calc(var(--spacing)*5)
    }

    .top-6 {
        top: calc(var(--spacing)*6)
    }

    .top-6\.5 {
        top: calc(var(--spacing)*6.5)
    }

    .top-66 {
        top: calc(var(--spacing)*66)
    }

    .top-75\.5 {
        top: calc(var(--spacing)*75.5)
    }

    .top-81 {
        top: calc(var(--spacing)*81)
    }

    .top-\[-7\.5px\] {
        top: -7.5px
    }

    .top-\[calc\(-10\/400\*100cqi\)\] {
        top: -2.5cqi
    }

    .top-\[calc\(-21\/400\*100cqi\)\] {
        top: -5.25cqi
    }

    .top-\[calc\(-32\/400\*100cqi\)\] {
        top: -8cqi
    }

    .top-\[calc\(-35\/400\*100cqi\)\] {
        top: -8.75cqi
    }

    .top-\[calc\(-49\/400\*100cqi\)\] {
        top: -12.25cqi
    }

    .top-\[calc\(1\/400\*100cqi\)\] {
        top: .25cqi
    }

    .top-full {
        top: 100%
    }

    .-right-0\.5 {
        right: calc(var(--spacing)*-.5)
    }

    .right-0 {
        right: calc(var(--spacing)*0)
    }

    .right-3 {
        right: calc(var(--spacing)*3)
    }

    .right-5 {
        right: calc(var(--spacing)*5)
    }

    .right-6 {
        right: calc(var(--spacing)*6)
    }

    .right-23 {
        right: calc(var(--spacing)*23)
    }

    .right-\[--fluid\(20px\,40px\)\] {
        right: clamp(1.25rem, -.1786rem + 2.9762svw, 2.5rem)
    }

    .right-\[-8px\] {
        right: -8px
    }

    .right-\[calc\(27\/400\*100cqi\)\] {
        right: 6.75cqi
    }

    .right-\[calc\(32\/400\*100cqi\)\] {
        right: 8cqi
    }

    .right-\[calc\(36\/400\*100cqi\)\] {
        right: 9cqi
    }

    .right-\[calc\(47\/400\*100cqi\)\] {
        right: 11.75cqi
    }

    .right-\[calc\(115\/400\*100cqi\)\] {
        right: 28.75cqi
    }

    .right-\[calc\(145\/400\*100cqi\)\] {
        right: 36.25cqi
    }

    .right-\[min\(calc\(50\/360\*100cqi\)\,50px\)\] {
        right: min(13.8889cqi, 50px)
    }

    .right-\[min\(calc\(113\/360\*100cqi\)\,115px\)\] {
        right: min(31.3889cqi, 115px)
    }

    .right-\[min\(calc\(134\/360\*100cqi\)\,134px\)\] {
        right: min(37.2222cqi, 134px)
    }

    .-bottom-12\.5 {
        bottom: calc(var(--spacing)*-12.5)
    }

    .-bottom-px {
        bottom: -1px
    }

    .bottom-0 {
        bottom: calc(var(--spacing)*0)
    }

    .bottom-2 {
        bottom: calc(var(--spacing)*2)
    }

    .bottom-3 {
        bottom: calc(var(--spacing)*3)
    }

    .bottom-5 {
        bottom: calc(var(--spacing)*5)
    }

    .bottom-6 {
        bottom: calc(var(--spacing)*6)
    }

    .bottom-\[calc\(-48\/360\*100cqi\)\] {
        bottom: -13.3333cqi
    }

    .left-0 {
        left: calc(var(--spacing)*0)
    }

    .left-5 {
        left: calc(var(--spacing)*5)
    }

    .left-6 {
        left: calc(var(--spacing)*6)
    }

    .left-15 {
        left: calc(var(--spacing)*15)
    }

    .z-1,
    .z-\[1\] {
        z-index: 1
    }

    .z-\[calc\(var\(--z-header\)-2\)\] {
        z-index: calc(var(--z-header) - 2)
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

    .order-4 {
        order: 4
    }

    .order-5 {
        order: 5
    }

    .order-6 {
        order: 6
    }

    .order-first {
        order: -9999
    }

    .order-last {
        order: 9999
    }

    .col-span-2 {
        grid-column: span 2/span 2
    }

    .row-span-4 {
        grid-row: span 4/span 4
    }

    .container {
        width: 100%
    }

    @media (min-width:25rem) {
        .container {
            max-width: 25rem
        }
    }

    @media (min-width:40rem) {
        .container {
            max-width: 40rem
        }
    }

    @media (min-width:48rem) {
        .container {
            max-width: 48rem
        }
    }

    @media (min-width:64rem) {
        .container {
            max-width: 64rem
        }
    }

    @media (min-width:80rem) {
        .container {
            max-width: 80rem
        }
    }

    @media (min-width:90rem) {
        .container {
            max-width: 90rem
        }
    }

    .container\! {
        width: 100% !important
    }

    @media (min-width:25rem) {
        .container\! {
            max-width: 25rem !important
        }
    }

    @media (min-width:40rem) {
        .container\! {
            max-width: 40rem !important
        }
    }

    @media (min-width:48rem) {
        .container\! {
            max-width: 48rem !important
        }
    }

    @media (min-width:64rem) {
        .container\! {
            max-width: 64rem !important
        }
    }

    @media (min-width:80rem) {
        .container\! {
            max-width: 80rem !important
        }
    }

    @media (min-width:90rem) {
        .container\! {
            max-width: 90rem !important
        }
    }

    .m-auto {
        margin: auto
    }

    .mx-\(--spacing-negative-full\) {
        margin-inline: var(--spacing-negative-full)
    }

    .mx-2\.5 {
        margin-inline: calc(var(--spacing)*2.5)
    }

    .mx-6 {
        margin-inline: calc(var(--spacing)*6)
    }

    .mx-auto {
        margin-inline: auto
    }

    .my-12 {
        margin-block: calc(var(--spacing)*12)
    }

    .my-20 {
        margin-block: calc(var(--spacing)*20)
    }

    .my-\[calc\(\(1lh-1px\)\/2\)\] {
        margin-block: calc(.5lh - .5px)
    }

    .my-auto {
        margin-block: auto
    }

    .u-list-marker-disc {
        --marker-size: .2em
    }

    .u-list-marker-disc>li {
        grid-template-columns: max-content 1fr;
        display: grid
    }

    .u-list-marker-disc>li:before {
        margin-top: calc((1lh - var(--marker-size))/2);
        margin-bottom: calc((1lh - var(--marker-size))/2);
        border-radius: var(--infinity);
        aspect-ratio: 1;
        width: var(--marker-size);
        content: "";
        background-color: currentColor;
        display: inline-block
    }

    .-mt-1 {
        margin-top: calc(var(--spacing)*-1)
    }

    .-mt-1\.5 {
        margin-top: calc(var(--spacing)*-1.5)
    }

    .mt-0\.5 {
        margin-top: calc(var(--spacing)*.5)
    }

    .mt-1 {
        margin-top: calc(var(--spacing)*1)
    }

    .mt-1\.5 {
        margin-top: calc(var(--spacing)*1.5)
    }

    .mt-1\.25 {
        margin-top: calc(var(--spacing)*1.25)
    }

    .mt-1\.75 {
        margin-top: calc(var(--spacing)*1.75)
    }

    .mt-2 {
        margin-top: calc(var(--spacing)*2)
    }

    .mt-2\.5 {
        margin-top: calc(var(--spacing)*2.5)
    }

    .mt-3 {
        margin-top: calc(var(--spacing)*3)
    }

    .mt-4 {
        margin-top: calc(var(--spacing)*4)
    }

    .mt-4\.5 {
        margin-top: calc(var(--spacing)*4.5)
    }

    .mt-5 {
        margin-top: calc(var(--spacing)*5)
    }

    .mt-6 {
        margin-top: calc(var(--spacing)*6)
    }

    .mt-7 {
        margin-top: calc(var(--spacing)*7)
    }

    .mt-7\.5 {
        margin-top: calc(var(--spacing)*7.5)
    }

    .mt-8 {
        margin-top: calc(var(--spacing)*8)
    }

    .mt-8\.5 {
        margin-top: calc(var(--spacing)*8.5)
    }

    .mt-9 {
        margin-top: calc(var(--spacing)*9)
    }

    .mt-9\.5 {
        margin-top: calc(var(--spacing)*9.5)
    }

    .mt-10 {
        margin-top: calc(var(--spacing)*10)
    }

    .mt-12 {
        margin-top: calc(var(--spacing)*12)
    }

    .mt-12\.5 {
        margin-top: calc(var(--spacing)*12.5)
    }

    .mt-13 {
        margin-top: calc(var(--spacing)*13)
    }

    .mt-14 {
        margin-top: calc(var(--spacing)*14)
    }

    .mt-15 {
        margin-top: calc(var(--spacing)*15)
    }

    .mt-16 {
        margin-top: calc(var(--spacing)*16)
    }

    .mt-18 {
        margin-top: calc(var(--spacing)*18)
    }

    .mt-20 {
        margin-top: calc(var(--spacing)*20)
    }

    .mt-21 {
        margin-top: calc(var(--spacing)*21)
    }

    .mt-25 {
        margin-top: calc(var(--spacing)*25)
    }

    .mt-50 {
        margin-top: calc(var(--spacing)*50)
    }

    .mt-\[1em\] {
        margin-top: 1em
    }

    .mt-\[calc\(-56\/360\*100cqi\)\] {
        margin-top: -15.5556cqi
    }

    .mt-px {
        margin-top: 1px
    }

    .mr-\(--spacing-negative-full\) {
        margin-right: var(--spacing-negative-full)
    }

    .mr-1 {
        margin-right: calc(var(--spacing)*1)
    }

    .mr-3 {
        margin-right: calc(var(--spacing)*3)
    }

    .mr-4 {
        margin-right: calc(var(--spacing)*4)
    }

    .mr-5 {
        margin-right: calc(var(--spacing)*5)
    }

    .mr-6 {
        margin-right: calc(var(--spacing)*6)
    }

    .mr-\[calc\(30\/360\*100cqi\)\] {
        margin-right: 8.33333cqi
    }

    .-mb-1\.5 {
        margin-bottom: calc(var(--spacing)*-1.5)
    }

    .mb-0\.5 {
        margin-bottom: calc(var(--spacing)*.5)
    }

    .mb-1 {
        margin-bottom: calc(var(--spacing)*1)
    }

    .mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }

    .-ml-1\.5 {
        margin-left: calc(var(--spacing)*-1.5)
    }

    .ml-1 {
        margin-left: calc(var(--spacing)*1)
    }

    .ml-2 {
        margin-left: calc(var(--spacing)*2)
    }

    .ml-2\.5 {
        margin-left: calc(var(--spacing)*2.5)
    }

    .ml-\[calc\(-5\/400\*100cqi\)\] {
        margin-left: -1.25cqi
    }

    .ml-\[calc\(-6\/360\*100cqi\)\] {
        margin-left: -1.66667cqi
    }

    .ml-\[calc\(-7\/360\*100cqi\)\] {
        margin-left: -1.94444cqi
    }

    .ml-\[calc\(-7\/400\*100cqi\)\] {
        margin-left: -1.75cqi
    }

    .ml-\[calc\(-12\/352\*100cqi\)\] {
        margin-left: -3.40909cqi
    }

    .ml-\[calc\(-46\/400\*100cqi\)\] {
        margin-left: -11.5cqi
    }

    .ml-\[calc\(-50\/360\*100cqi\)\] {
        margin-left: -13.8889cqi
    }

    .ml-\[calc\(30\/360\*100cqi\)\] {
        margin-left: 8.33333cqi
    }

    .ml-\[calc\(49\/360\*100cqi\)\] {
        margin-left: 13.6111cqi
    }

    .ml-auto {
        margin-left: auto
    }

    .box-content {
        box-sizing: content-box
    }

    .u-toggle-text {
        --text-show-y: 0;
        --text-hide-y: 1;
        --text-show-opacity: 1;
        --text-hide-opacity: 0;
        grid-template-areas: "text";
        display: grid;
        overflow: hidden
    }

    .u-toggle-text>span {
        translate: 0 calc(var(--text-show-y)*100%);
        opacity: var(--text-show-opacity);
        transition: opacity .8s var(--ease-out-sine), translate .8s ease;
        grid-area: text
    }

    .u-toggle-text>span:nth-of-type(2) {
        translate: 0 calc(var(--text-hide-y)*100%);
        opacity: var(--text-hide-opacity)
    }

    @media (any-hover:hover) {
        .u-toggle-text:is(a:hover .u-toggle-text, button:hover .u-toggle-text, summary:hover .u-toggle-text) {
            --text-show-y: -1;
            --text-hide-y: 0;
            --text-show-opacity: 0;
            --text-hide-opacity: 1
        }
    }

    .u-list-marker-num {
        counter-reset: num
    }

    .u-list-marker-num>li {
        counter-increment: num;
        grid-template-columns: max-content 1fr;
        display: grid
    }

    .u-list-marker-num>li:before {
        content: counter(num)". "
    }

    .u-list-marker-num-bracket {
        counter-reset: num
    }

    .u-list-marker-num-bracket>li {
        counter-increment: num;
        grid-template-columns: max-content 1fr;
        display: grid
    }

    .u-list-marker-num-bracket>li:before {
        content: "（"counter(num)"）"
    }

    .u-list-marker-num-bracket-half {
        counter-reset: num
    }

    .u-list-marker-num-bracket-half>li {
        counter-increment: num;
        grid-template-columns: max-content 1fr;
        display: grid
    }

    .u-list-marker-num-bracket-half>li:before {
        content: counter(num)"）"
    }

    .u-list-marker-diamond>li {
        grid-template-columns: max-content 1fr;
        display: grid
    }

    .u-list-marker-diamond>li:before {
        content: "◆"
    }

    .u-list-marker-note>li {
        grid-template-columns: max-content 1fr;
        display: grid
    }

    .u-list-marker-note>li:before {
        content: "※"
    }

    .line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .u-hidden-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .u-hidden-scrollbar::-webkit-scrollbar {
        display: none
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

    .aspect-\[135\/95\] {
        aspect-ratio: 135/95
    }

    .aspect-\[280\/380\] {
        aspect-ratio: 280/380
    }

    .aspect-\[300\/340\] {
        aspect-ratio: 300/340
    }

    .aspect-\[300\/350\] {
        aspect-ratio: 300/350
    }

    .aspect-\[320\/230\] {
        aspect-ratio: 320/230
    }

    .aspect-\[340\/220\] {
        aspect-ratio: 340/220
    }

    .aspect-\[360\/250\] {
        aspect-ratio: 360/250
    }

    .aspect-\[360\/300\] {
        aspect-ratio: 360/300
    }

    .aspect-\[400\/380\] {
        aspect-ratio: 400/380
    }

    .aspect-\[420\/252\] {
        aspect-ratio: 420/252
    }

    .aspect-\[460\/560\] {
        aspect-ratio: 460/560
    }

    .aspect-\[560\/395\] {
        aspect-ratio: 560/395
    }

    .aspect-\[600\/420\] {
        aspect-ratio: 600/420
    }

    .aspect-\[600\/422\] {
        aspect-ratio: 600/422
    }

    .aspect-\[620\/440\] {
        aspect-ratio: 620/440
    }

    .aspect-\[720\/515\] {
        aspect-ratio: 720/515
    }

    .aspect-\[760\/465\] {
        aspect-ratio: 760/465
    }

    .aspect-\[800\/570\] {
        aspect-ratio: 800/570
    }

    .size-2 {
        width: calc(var(--spacing)*2);
        height: calc(var(--spacing)*2)
    }

    .size-3 {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
    }

    .size-3\.5 {
        width: calc(var(--spacing)*3.5);
        height: calc(var(--spacing)*3.5)
    }

    .size-4\.5 {
        width: calc(var(--spacing)*4.5);
        height: calc(var(--spacing)*4.5)
    }

    .size-5 {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .size-5\.5 {
        width: calc(var(--spacing)*5.5);
        height: calc(var(--spacing)*5.5)
    }

    .size-6 {
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }

    .size-7\.5 {
        width: calc(var(--spacing)*7.5);
        height: calc(var(--spacing)*7.5)
    }

    .size-fit {
        width: fit-content;
        height: fit-content
    }

    .size-full {
        width: 100%;
        height: 100%
    }

    .u-table-bar {
        padding-bottom: 8px
    }

    .u-table-bar::-webkit-scrollbar {
        height: 4px
    }

    .u-table-bar::-webkit-scrollbar-track {
        background: #ddd
    }

    .u-table-bar::-webkit-scrollbar-thumb {
        background: #aaa;
        border: none
    }

    .h-\(--vh\) {
        height: var(--vh)
    }

    .h-0\.5 {
        height: calc(var(--spacing)*.5)
    }

    .h-5 {
        height: calc(var(--spacing)*5)
    }

    .h-16 {
        height: calc(var(--spacing)*16)
    }

    .h-75 {
        height: calc(var(--spacing)*75)
    }

    .h-225 {
        height: calc(var(--spacing)*225)
    }

    .h-\[3px\] {
        height: 3px
    }

    .h-\[calc\(14\/20\*100\%\)\] {
        height: 70%
    }

    .h-\[calc\(100\%\+20px\)\] {
        height: calc(100% + 20px)
    }

    .h-\[calc\(100\%\+30px\)\] {
        height: calc(100% + 30px)
    }

    .h-\[calc\(100\%\+35px\)\] {
        height: calc(100% + 35px)
    }

    .h-\[calc\(100\%\+60px\)\] {
        height: calc(100% + 60px)
    }

    .h-auto {
        height: auto
    }

    .h-fit {
        height: fit-content
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

    .h-screen {
        height: 100vh
    }

    .min-h-79\.5 {
        min-height: calc(var(--spacing)*79.5)
    }

    .w-1\.5 {
        width: calc(var(--spacing)*1.5)
    }

    .w-2\.5 {
        width: calc(var(--spacing)*2.5)
    }

    .w-4 {
        width: calc(var(--spacing)*4)
    }

    .w-5 {
        width: calc(var(--spacing)*5)
    }

    .w-29 {
        width: calc(var(--spacing)*29)
    }

    .w-30 {
        width: calc(var(--spacing)*30)
    }

    .w-35 {
        width: calc(var(--spacing)*35)
    }

    .w-40 {
        width: calc(var(--spacing)*40)
    }

    .w-42\.5 {
        width: calc(var(--spacing)*42.5)
    }

    .w-55 {
        width: calc(var(--spacing)*55)
    }

    .w-60 {
        width: calc(var(--spacing)*60)
    }

    .w-\[52\.5rem\] {
        width: 52.5rem
    }

    .w-\[calc\(9\/400\*100cqi\)\] {
        width: 2.25cqi
    }

    .w-\[calc\(10\/360\*100cqi\)\] {
        width: 2.77778cqi
    }

    .w-\[calc\(64\/400\*100cqi\)\] {
        width: 16cqi
    }

    .w-\[calc\(66\/360\*100cqi\)\] {
        width: 18.3333cqi
    }

    .w-\[calc\(88\/360\*100cqi\)\] {
        width: 24.4444cqi
    }

    .w-\[calc\(88\/400\*100cqi\)\] {
        width: 22cqi
    }

    .w-\[calc\(90\/360\*100cqi\)\] {
        width: 25cqi
    }

    .w-\[calc\(120\/360\*100cqi\)\] {
        width: 33.3333cqi
    }

    .w-\[calc\(120\/400\*100cqi\)\] {
        width: 30cqi
    }

    .w-\[calc\(125\/360\*100cqi\)\] {
        width: 34.7222cqi
    }

    .w-\[calc\(155\/360\*100cqi\)\] {
        width: 43.0556cqi
    }

    .w-\[calc\(170\/360\*100cqi\)\] {
        width: 47.2222cqi
    }

    .w-\[calc\(171\/400\*100cqi\)\] {
        width: 42.75cqi
    }

    .w-\[calc\(180\/360\*100cqi\)\] {
        width: 50cqi
    }

    .w-\[calc\(185\/360\*100cqi\)\] {
        width: 51.3889cqi
    }

    .w-\[calc\(200\/360\*100cqi\)\] {
        width: 55.5556cqi
    }

    .w-\[calc\(240\/360\*100cqi\)\] {
        width: 66.6667cqi
    }

    .w-\[calc\(260\/360\*100cqi\)\] {
        width: 72.2222cqi
    }

    .w-\[calc\(263\/360\*100cqi\)\] {
        width: 73.0556cqi
    }

    .w-\[calc\(300\/360\*100cqi\)\] {
        width: 83.3333cqi
    }

    .w-\[calc\(331\/360\*100cqi\)\] {
        width: 91.9444cqi
    }

    .w-\[calc\(360\/400\*100cqi\)\] {
        width: 90cqi
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-max {
        width: max-content
    }

    .w-px {
        width: 1px
    }

    .max-w-37\.5 {
        max-width: calc(var(--spacing)*37.5)
    }

    .max-w-55 {
        max-width: calc(var(--spacing)*55)
    }

    .max-w-75 {
        max-width: calc(var(--spacing)*75)
    }

    .max-w-89\.5 {
        max-width: calc(var(--spacing)*89.5)
    }

    .max-w-90 {
        max-width: calc(var(--spacing)*90)
    }

    .max-w-95 {
        max-width: calc(var(--spacing)*95)
    }

    .max-w-105 {
        max-width: calc(var(--spacing)*105)
    }

    .max-w-115 {
        max-width: calc(var(--spacing)*115)
    }

    .max-w-143 {
        max-width: calc(var(--spacing)*143)
    }

    .max-w-153\.5 {
        max-width: calc(var(--spacing)*153.5)
    }

    .max-w-195 {
        max-width: calc(var(--spacing)*195)
    }

    .max-w-280 {
        max-width: calc(var(--spacing)*280)
    }

    .max-w-\[360px\] {
        max-width: 360px
    }

    .min-w-5 {
        min-width: calc(var(--spacing)*5)
    }

    .flex-shrink {
        flex-shrink: 1
    }

    .grow {
        flex-grow: 1
    }

    .border-collapse {
        border-collapse: collapse
    }

    .origin-center {
        transform-origin: 50%
    }

    .origin-left {
        transform-origin: 0
    }

    .translate-x-\[-50\%\] {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-\[50\%\] {
        --tw-translate-x: 50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-2\.5 {
        --tw-translate-y: calc(var(--spacing)*-2.5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-\[50\%\] {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-0 {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-2\.5 {
        --tw-translate-y: calc(var(--spacing)*2.5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-5 {
        --tw-translate-y: calc(var(--spacing)*5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-\[20px\] {
        --tw-translate-y: 20px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-\[50\%\] {
        --tw-translate-y: 50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-full {
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    @media (scripting:enabled) {
        .u-inview-text-fadeup {
            opacity: 0;
            transition: translate 1s var(--ease-out-quad), opacity 1s ease;
            transition-delay: var(--delay, 0s);
            translate: 0 5px
        }

        .u-inview-text-fadeup[data-inview] {
            opacity: 1;
            translate: 0
        }
    }

    .scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-103 {
        --tw-scale-x: 103%;
        --tw-scale-y: 103%;
        --tw-scale-z: 103%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-105 {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    @media (scripting:enabled) {
        .u-inview-img-filter {
            filter: blur(4px)brightness(1.3);
            transition: filter 1s var(--ease-out-sine), scale 1.6s var(--ease-out-circ);
            will-change: filter;
            transform: translateZ(0)scale(1.05)
        }

        @media screen and (min-width:768px) {
            .u-inview-img-filter {
                filter: blur(6px)brightness(1.5);
                transition: filter 1.2s var(--ease-out-sine), scale 2s var(--ease-out-circ)
            }
        }

        .u-inview-img-filter[data-inview] {
            filter: blur()brightness();
            scale: 1
        }
    }

    .-rotate-5 {
        rotate: -5deg
    }

    .-rotate-21 {
        rotate: -21deg
    }

    .-rotate-45 {
        rotate: -45deg
    }

    .-rotate-60 {
        rotate: -60deg
    }

    .-rotate-90 {
        rotate: -90deg
    }

    .rotate-0 {
        rotate: none
    }

    .rotate-10 {
        rotate: 10deg
    }

    .rotate-21 {
        rotate: 21deg
    }

    .rotate-25 {
        rotate: 25deg
    }

    .rotate-45 {
        rotate: 45deg
    }

    .rotate-60 {
        rotate: 60deg
    }

    .rotate-90 {
        rotate: 90deg
    }

    .rotate-180 {
        rotate: 180deg
    }

    .rotate-270 {
        rotate: 270deg
    }

    @media (scripting:enabled) {
        .u-inview-mask-linear {
            -webkit-mask-image: var(--mask-image-1);
            mask-image: var(--mask-image-1);
            filter: blur(12px)brightness(2);
            transition: mask-position var(--mask-duration, 1.9s)var(--ease-out-sine), filter var(--filter-duration, 1.6s)var(--ease-out-sine);
            will-change: filter;
            transform: translateZ(0);
            -webkit-mask-position: 100% 100%;
            mask-position: 100% 100%;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat
        }

        @media screen and (min-width:768px) {
            .u-inview-mask-linear {
                transition: mask-position var(--mask-duration, 2.1s)var(--ease-out-sine), filter var(--filter-duration, 1.8s)var(--ease-out-sine)
            }
        }

        .u-inview-mask-linear[data-inview] {
            filter: blur()brightness();
            -webkit-mask-position: 0 0;
            mask-position: 0 0
        }
    }

    .transform {
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .animate-\[bullet-scale-out_1\.4s_ease_infinite_alternate\] {
        animation: 1.4s infinite alternate bullet-scale-out
    }

    .cursor-default {
        cursor: default
    }

    .cursor-pointer {
        cursor: pointer
    }

    .resize {
        resize: both
    }

    .columns-1 {
        columns: 1
    }

    .columns-2 {
        columns: 2
    }

    .auto-cols-\[10rem\] {
        grid-auto-columns: 10rem
    }

    .auto-cols-\[20rem\] {
        grid-auto-columns: 20rem
    }

    .auto-cols-\[21rem\] {
        grid-auto-columns: 21rem
    }

    .auto-cols-\[100\%\] {
        grid-auto-columns: 100%
    }

    .auto-cols-\[calc\(25\%-9px\)\] {
        grid-auto-columns: calc(25% - 9px)
    }

    .auto-cols-\[calc\(292\/16\*1rem\)\] {
        grid-auto-columns: 18.25rem
    }

    .auto-cols-\[calc\(352\/16\*1rem\)\] {
        grid-auto-columns: 22rem
    }

    .grid-flow-col {
        grid-auto-flow: column
    }

    .auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr)
    }

    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .grid-cols-17 {
        grid-template-columns: repeat(17, minmax(0, 1fr))
    }

    .grid-cols-\[1fr_110px\] {
        grid-template-columns: 1fr 110px
    }

    .grid-cols-\[1fr_max-content\] {
        grid-template-columns: 1fr max-content
    }

    .grid-cols-\[1fr_max-content_1fr\] {
        grid-template-columns: 1fr max-content 1fr
    }

    .grid-cols-\[auto_1fr\] {
        grid-template-columns: auto 1fr
    }

    .grid-cols-\[auto_max-content\] {
        grid-template-columns: auto max-content
    }

    .grid-cols-\[calc\(116\/360\*100cqi\)_1fr\] {
        grid-template-columns: 32.2222cqi 1fr
    }

    .grid-cols-\[calc\(124\/360\*100cqi\)_1fr_max-content\] {
        grid-template-columns: 34.4444cqi 1fr max-content
    }

    .grid-cols-\[max-content_1fr\] {
        grid-template-columns: max-content 1fr
    }

    .grid-cols-\[max-content_1fr_40px\] {
        grid-template-columns: max-content 1fr 40px
    }

    .grid-cols-\[max-content_1fr_max-content\] {
        grid-template-columns: max-content 1fr max-content
    }

    .grid-cols-\[max-content_auto\] {
        grid-template-columns: max-content auto
    }

    .grid-cols-\[min\(calc\(200\/360\*100\%\)\,200px\)_1fr\] {
        grid-template-columns: min(55.5556%, 200px) 1fr
    }

    .grid-cols-\[repeat\(2\,max-content\)\] {
        grid-template-columns: repeat(2, max-content)
    }

    .grid-cols-\[repeat\(3\,max-content\)\] {
        grid-template-columns: repeat(3, max-content)
    }

    .grid-cols-auto-108 {
        grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--spacing)*108), 100%), 1fr))
    }

    .grid-cols-auto-fit-85 {
        grid-template-columns: repeat(auto-fit, minmax(min(calc(var(--spacing)*85), 100%), 1fr))
    }

    .grid-cols-subgrid {
        grid-template-columns: subgrid
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .place-content-center {
        place-content: center
    }

    .place-items-center {
        place-items: center
    }

    .items-center {
        align-items: center
    }

    .items-end {
        align-items: flex-end
    }

    .justify-between {
        justify-content: space-between
    }

    .justify-center {
        justify-content: center
    }

    .gap-0 {
        gap: calc(var(--spacing)*0)
    }

    .gap-1\.5 {
        gap: calc(var(--spacing)*1.5)
    }

    .gap-2 {
        gap: calc(var(--spacing)*2)
    }

    .gap-2\.5 {
        gap: calc(var(--spacing)*2.5)
    }

    .gap-3 {
        gap: calc(var(--spacing)*3)
    }

    .gap-4 {
        gap: calc(var(--spacing)*4)
    }

    .gap-5 {
        gap: calc(var(--spacing)*5)
    }

    .gap-6 {
        gap: calc(var(--spacing)*6)
    }

    .gap-7\.5 {
        gap: calc(var(--spacing)*7.5)
    }

    .gap-8 {
        gap: calc(var(--spacing)*8)
    }

    .gap-10 {
        gap: calc(var(--spacing)*10)
    }

    .gap-11 {
        gap: calc(var(--spacing)*11)
    }

    .gap-12 {
        gap: calc(var(--spacing)*12)
    }

    .gap-13 {
        gap: calc(var(--spacing)*13)
    }

    .gap-14 {
        gap: calc(var(--spacing)*14)
    }

    .gap-18 {
        gap: calc(var(--spacing)*18)
    }

    .gap-\[calc\(10\/360\*100cqi\)\] {
        gap: 2.77778cqi
    }

    .gap-\[calc\(12\/360\*100cqi\)\] {
        gap: 3.33333cqi
    }

    .gap-\[calc\(18\/360\*100cqi\)\] {
        gap: 5cqi
    }

    .gap-x-0\.5 {
        column-gap: calc(var(--spacing)*.5)
    }

    .gap-x-1 {
        column-gap: calc(var(--spacing)*1)
    }

    .gap-x-1\.5 {
        column-gap: calc(var(--spacing)*1.5)
    }

    .gap-x-2 {
        column-gap: calc(var(--spacing)*2)
    }

    .gap-x-2\.5 {
        column-gap: calc(var(--spacing)*2.5)
    }

    .gap-x-3 {
        column-gap: calc(var(--spacing)*3)
    }

    .gap-x-4 {
        column-gap: calc(var(--spacing)*4)
    }

    .gap-x-4\.5 {
        column-gap: calc(var(--spacing)*4.5)
    }

    .gap-x-5 {
        column-gap: calc(var(--spacing)*5)
    }

    .gap-x-6 {
        column-gap: calc(var(--spacing)*6)
    }

    .gap-x-7\.5 {
        column-gap: calc(var(--spacing)*7.5)
    }

    .gap-x-\[--fluid\(1\.25rem\,1\.875rem\)\] {
        column-gap: clamp(1.25rem, .5357rem + 1.4881svw, 1.875rem)
    }

    .gap-x-\[0\.5em\] {
        column-gap: .5em
    }

    .gap-x-\[0\.25em\] {
        column-gap: .25em
    }

    .gap-x-\[calc\(16\/360\*100cqi\)\] {
        column-gap: 4.44444cqi
    }

    .gap-x-\[calc\(16\/400\*100cqi\)\] {
        column-gap: 4cqi
    }

    .gap-x-\[calc\(20\/360\*100cqi\)\] {
        column-gap: 5.55556cqi
    }

    .gap-x-\[calc\(22\/360\*100cqi\)\] {
        column-gap: 6.11111cqi
    }

    .gap-x-\[calc\(26\/360\*100cqi\)\] {
        column-gap: 7.22222cqi
    }

    .gap-x-\[calc\(77\/360\*100cqi\)\] {
        column-gap: 21.3889cqi
    }

    .gap-y-0\.5 {
        row-gap: calc(var(--spacing)*.5)
    }

    .gap-y-1 {
        row-gap: calc(var(--spacing)*1)
    }

    .gap-y-1\.5 {
        row-gap: calc(var(--spacing)*1.5)
    }

    .gap-y-2 {
        row-gap: calc(var(--spacing)*2)
    }

    .gap-y-2\.5 {
        row-gap: calc(var(--spacing)*2.5)
    }

    .gap-y-3 {
        row-gap: calc(var(--spacing)*3)
    }

    .gap-y-4 {
        row-gap: calc(var(--spacing)*4)
    }

    .gap-y-5 {
        row-gap: calc(var(--spacing)*5)
    }

    .gap-y-6 {
        row-gap: calc(var(--spacing)*6)
    }

    .gap-y-10 {
        row-gap: calc(var(--spacing)*10)
    }

    .gap-y-11 {
        row-gap: calc(var(--spacing)*11)
    }

    .gap-y-12 {
        row-gap: calc(var(--spacing)*12)
    }

    .gap-y-15 {
        row-gap: calc(var(--spacing)*15)
    }

    .gap-y-16 {
        row-gap: calc(var(--spacing)*16)
    }

    .gap-y-17 {
        row-gap: calc(var(--spacing)*17)
    }

    .gap-y-20 {
        row-gap: calc(var(--spacing)*20)
    }

    .gap-y-25 {
        row-gap: calc(var(--spacing)*25)
    }

    .gap-y-\[calc\(11\/400\*100cqi\)\] {
        row-gap: 2.75cqi
    }

    .place-self-end {
        place-self: end
    }

    .self-end {
        align-self: flex-end
    }

    .justify-self-center {
        justify-self: center
    }

    .justify-self-end {
        justify-self: flex-end
    }

    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .overflow-clip {
        overflow: clip
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-x-auto {
        overflow-x: auto
    }

    .overflow-x-clip {
        overflow-x: clip
    }

    .overflow-y-auto {
        overflow-y: auto
    }

    .rounded {
        border-radius: .25rem
    }

    .rounded-full {
        border-radius: 3.40282e38px
    }

    .rounded-sm {
        border-radius: var(--radius-sm)
    }

    .rounded-xs {
        border-radius: var(--radius-xs)
    }

    .rounded-tr-sm {
        border-top-right-radius: var(--radius-sm)
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .border-r {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .border-black {
        border-color: var(--color-black)
    }

    .border-black\/20 {
        border-color: #1d201f33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-black\/20 {
            border-color: color-mix(in oklab, var(--color-black)20%, transparent)
        }
    }

    .border-black\/30 {
        border-color: #1d201f4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-black\/30 {
            border-color: color-mix(in oklab, var(--color-black)30%, transparent)
        }
    }

    .border-black\/50 {
        border-color: #1d201f80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-black\/50 {
            border-color: color-mix(in oklab, var(--color-black)50%, transparent)
        }
    }

    .border-brown\/20 {
        border-color: #2b232133
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-brown\/20 {
            border-color: color-mix(in oklab, var(--color-brown)20%, transparent)
        }
    }

    .border-charcoal {
        border-color: var(--color-charcoal)
    }

    .border-charcoal\/20 {
        border-color: #696d6a33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-charcoal\/20 {
            border-color: color-mix(in oklab, var(--color-charcoal)20%, transparent)
        }
    }

    .border-current\/20 {
        border-color: currentColor
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-current\/20 {
            border-color: color-mix(in oklab, currentcolor 20%, transparent)
        }
    }

    .border-current\/30 {
        border-color: currentColor
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-current\/30 {
            border-color: color-mix(in oklab, currentcolor 30%, transparent)
        }
    }

    .border-current\/40 {
        border-color: currentColor
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-current\/40 {
            border-color: color-mix(in oklab, currentcolor 40%, transparent)
        }
    }

    .border-current\/50 {
        border-color: currentColor
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-current\/50 {
            border-color: color-mix(in oklab, currentcolor 50%, transparent)
        }
    }

    .border-sage {
        border-color: var(--color-sage)
    }

    .border-transparent {
        border-color: #0000
    }

    .border-white\/15 {
        border-color: #ffffff26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/15 {
            border-color: color-mix(in oklab, var(--color-white)15%, transparent)
        }
    }

    .bg-antique-white {
        background-color: var(--color-antique-white)
    }

    .bg-black {
        background-color: var(--color-black)
    }

    .bg-black\/50 {
        background-color: #1d201f80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/50 {
            background-color: color-mix(in oklab, var(--color-black)50%, transparent)
        }
    }

    .bg-brown {
        background-color: var(--color-brown)
    }

    .bg-charcoal {
        background-color: var(--color-charcoal)
    }

    .bg-charcoal\/20 {
        background-color: #696d6a33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-charcoal\/20 {
            background-color: color-mix(in oklab, var(--color-charcoal)20%, transparent)
        }
    }

    .bg-current,
    .bg-current\/20 {
        background-color: currentColor
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-current\/20 {
            background-color: color-mix(in oklab, currentcolor 20%, transparent)
        }
    }

    .bg-gainsboro {
        background-color: var(--color-gainsboro)
    }

    .bg-linen {
        background-color: var(--color-linen)
    }

    .bg-pale-goldenrod {
        background-color: var(--color-pale-goldenrod)
    }

    .bg-pure-black {
        background-color: var(--color-pure-black)
    }

    .bg-pure-black\/50 {
        background-color: #00000080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-pure-black\/50 {
            background-color: color-mix(in oklab, var(--color-pure-black)50%, transparent)
        }
    }

    .bg-pure-white\/15 {
        background-color: #ffffff26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-pure-white\/15 {
            background-color: color-mix(in oklab, var(--color-pure-white)15%, transparent)
        }
    }

    .bg-pure-white\/20 {
        background-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-pure-white\/20 {
            background-color: color-mix(in oklab, var(--color-pure-white)20%, transparent)
        }
    }

    .bg-sage {
        background-color: var(--color-sage)
    }

    .bg-transparent {
        background-color: #0000
    }

    .bg-white {
        background-color: var(--color-white)
    }

    .bg-white\/20 {
        background-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/20 {
            background-color: color-mix(in oklab, var(--color-white)20%, transparent)
        }
    }

    .bg-linear-\[90deg\,rgba\(0\,0\,0\,0\.5\)_0\%\,_rgba\(0\,0\,0\,0\.2\)_100\%\] {
        --tw-gradient-position: 90deg, #00000080 0%, #0003 100%;
        background-image: linear-gradient(var(--tw-gradient-stops, 90deg, #00000080 0%, #0003 100%))
    }

    .bg-linear-\[currentColor_0_0\] {
        --tw-gradient-position: currentColor 0 0;
        background-image: linear-gradient(var(--tw-gradient-stops, currentColor 0 0))
    }

    .bg-linear-\[currentColor_50\%\,transparent_50\%\] {
        --tw-gradient-position: currentColor 50%, transparent 50%;
        background-image: linear-gradient(var(--tw-gradient-stops, currentColor 50%, transparent 50%))
    }

    .u-text-under-line {
        background-image: linear-gradient(currentColor 0 0);
        background-position: 0 100%;
        background-repeat: no-repeat;
        background-size: 100% 1px
    }

    .bg-\[image\:var\(--bg-img-paper\)\] {
       /* background-image: var(--bg-img-paper)*/
       background-image: url(../img/global/img_bg-paper.webp);
    }

    .bg-image-top ,
    .bg-image-hotspring {
        background-image: url(../img/global/img_bg-paper.webp);
    }

    .mask-\(--mask-image-1\) {
        -webkit-mask-image: var(--mask-image-1);
        mask-image: var(--mask-image-1)
    }

    .mask-\(--mask-image-2\) {
        -webkit-mask-image: var(--mask-image-2);
        mask-image: var(--mask-image-2)
    }

    .bg-size-\[0\%_1px\] {
        background-size: 0% 1px
    }

    .bg-size-\[1px_4px\] {
        background-size: 1px 4px
    }

    .bg-size-\[100\%_1px\] {
        background-size: 100% 1px
    }

    .bg-size-\[1440px_1014px\] {
        background-size: 1440px 1014px
    }

    .bg-bottom-left {
        background-position: 0 100%
    }

    .bg-bottom-right {
        background-position: 100% 100%
    }

    .bg-no-repeat {
        background-repeat: no-repeat
    }

    .bg-repeat {
        background-repeat: repeat
    }

    .bg-repeat-y {
        background-repeat: repeat-y
    }

    .mask-size-\[350\%_100\%\] {
        -webkit-mask-size: 350% 100%;
        mask-size: 350% 100%
    }

    .mask-size-\[350\%_350\%\] {
        -webkit-mask-size: 350% 350%;
        mask-size: 350% 350%
    }

    .mask-size-\[400\%_400\%\] {
        -webkit-mask-size: 400% 400%;
        mask-size: 400% 400%
    }

    .mask-position-\[0\] {
        -webkit-mask-position: 0;
        mask-position: 0
    }

    .mask-position-\[0_0\] {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }

    .mask-position-\[80\%_80\%\] {
        -webkit-mask-position: 80% 80%;
        mask-position: 80% 80%
    }

    .mask-position-\[100\%\] {
        -webkit-mask-position: 100%;
        mask-position: 100%
    }

    .mask-position-\[100\%_100\%\] {
        -webkit-mask-position: 100% 100%;
        mask-position: 100% 100%
    }

    .mask-no-repeat {
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .object-cover {
        object-fit: cover
    }

    .p-4 {
        padding: calc(var(--spacing)*4)
    }
    .p-5 {
        padding: calc(var(--spacing)*5)
    }
    .p-\[calc\(18\/360\*100cqi\)\] {
        padding: 5cqi
    }

    .p-\[calc\(32\/360\*100cqi\)\] {
        padding: 8.88889cqi
    }

    .px-1 {
        padding-inline: calc(var(--spacing)*1)
    }

    .px-2 {
        padding-inline: calc(var(--spacing)*2)
    }

    .px-2\.5 {
        padding-inline: calc(var(--spacing)*2.5)
    }

    .px-3 {
        padding-inline: calc(var(--spacing)*3)
    }

    .px-4 {
        padding-inline: calc(var(--spacing)*4)
    }

    .px-4\.5 {
        padding-inline: calc(var(--spacing)*4.5)
    }

    .px-5 {
        padding-inline: calc(var(--spacing)*5)
    }

    .px-6 {
        padding-inline: calc(var(--spacing)*6)
    }

    .px-7 {
        padding-inline: calc(var(--spacing)*7)
    }

    .px-8 {
        padding-inline: calc(var(--spacing)*8)
    }

    .px-9 {
        padding-inline: calc(var(--spacing)*9)
    }

    .px-\[--fluid\(0\.75rem\,0rem\)\] {
        padding-inline: clamp(0rem, 1.6071rem + -1.7857svw, .75rem)
    }

    .px-\[--fluid\(0rem\,2\.5rem\)\] {
        padding-inline: clamp(0rem, -2.8571rem + 5.9524svw, 2.5rem)
    }

    .px-\[--fluid\(1\.5rem\,3\.75rem\)\] {
        padding-inline: clamp(1.5rem, -1.0714rem + 5.3571svw, 3.75rem)
    }

    .px-\[--fluid\(1\.5rem\,6\.25rem\)\] {
        padding-inline: clamp(1.5rem, -3.9286rem + 11.3095svw, 6.25rem)
    }

    .px-\[--fluid\(1\.5rem\,7\.5rem\)\] {
        padding-inline: clamp(1.5rem, -5.3571rem + 14.2857svw, 7.5rem)
    }

    .px-\[--fluid\(1\.5rem\,10rem\)\] {
        padding-inline: clamp(1.5rem, -8.2143rem + 20.2381svw, 10rem)
    }

    .px-\[--fluid\(1\.25rem\,5rem\)\] {
        padding-inline: clamp(1.25rem, -3.0357rem + 8.9286svw, 5rem)
    }

    .px-\[--fluid\(1\.25rem\,6\.25rem\)\] {
        padding-inline: clamp(1.25rem, -4.4643rem + 11.9048svw, 6.25rem)
    }

    .px-\[--fluid\(1\.25rem\,7\.5rem\)\] {
        padding-inline: clamp(1.25rem, -5.8929rem + 14.881svw, 7.5rem)
    }

    .px-\[--fluid\(1\.25rem\,9\.25rem\)\] {
        padding-inline: clamp(1.25rem, -7.8929rem + 19.0476svw, 9.25rem)
    }

    .px-\[--fluid\(1\.25rem\,9\.375rem\)\] {
        padding-inline: clamp(1.25rem, -8.0357rem + 19.3452svw, 9.375rem)
    }

    .px-\[--fluid\(1\.25rem\,9rem\)\] {
        padding-inline: clamp(1.25rem, -7.6071rem + 18.4524svw, 9rem)
    }

    .px-\[--fluid\(1\.25rem\,10rem\)\] {
        padding-inline: clamp(1.25rem, -8.75rem + 20.8333svw, 10rem)
    }

    .px-\[--fluid\(1\.875rem\,10rem\)\] {
        padding-inline: clamp(1.875rem, -7.4107rem + 19.3452svw, 10rem)
    }

    .px-\[--fluid\(2\.5rem\,12\.5rem\)\] {
        padding-inline: clamp(2.5rem, -8.9286rem + 23.8095svw, 12.5rem)
    }

    .px-\[--fluid\(2rem\,11\.25rem\)\] {
        padding-inline: clamp(2rem, -8.5714rem + 22.0238svw, 11.25rem)
    }

    .px-\[calc\(32\/360\*100cqi\)\] {
        padding-inline: 8.88889cqi
    }

    .px-\[min\(calc\(34\/400\*100vw\)\,34px\)\] {
        padding-inline: min(8.5vw, 34px)
    }

    .py-1\.5 {
        padding-block: calc(var(--spacing)*1.5)
    }

    .py-2\.5 {
        padding-block: calc(var(--spacing)*2.5)
    }

    .py-3 {
        padding-block: calc(var(--spacing)*3)
    }

    .py-4 {
        padding-block: calc(var(--spacing)*4)
    }

    .py-5 {
        padding-block: calc(var(--spacing)*5)
    }

    .py-6 {
        padding-block: calc(var(--spacing)*6)
    }

    .py-10 {
        padding-block: calc(var(--spacing)*10)
    }

    .py-20 {
        padding-block: calc(var(--spacing)*20)
    }

    .py-25 {
        padding-block: calc(var(--spacing)*25)
    }

    .py-\[calc\(48\/360\*100cqi\)\] {
        padding-block: 13.3333cqi
    }

    .pt-0\.25 {
        padding-top: calc(var(--spacing)*.25)
    }

    .pt-1\.5 {
        padding-top: calc(var(--spacing)*1.5)
    }

    .pt-2\.25 {
        padding-top: calc(var(--spacing)*2.25)
    }

    .pt-4 {
        padding-top: calc(var(--spacing)*4)
    }

    .pt-5 {
        padding-top: calc(var(--spacing)*5)
    }

    .pt-6 {
        padding-top: calc(var(--spacing)*6)
    }

    .pt-7\.5 {
        padding-top: calc(var(--spacing)*7.5)
    }

    .pt-8 {
        padding-top: calc(var(--spacing)*8)
    }

    .pt-10 {
        padding-top: calc(var(--spacing)*10)
    }

    .pt-12 {
        padding-top: calc(var(--spacing)*12)
    }

    .pt-16 {
        padding-top: calc(var(--spacing)*16)
    }

    .pt-20 {
        padding-top: calc(var(--spacing)*20)
    }

    .pt-31 {
        padding-top: calc(var(--spacing)*31)
    }

    .pt-\[calc\(115\/840\*100vh\)\] {
        padding-top: 13.6905vh
    }

    .pt-\[var\(--header-height\)\] {
        padding-top: var(--header-height)
    }

    .pr-2 {
        padding-right: calc(var(--spacing)*2)
    }

    .pr-2\.5 {
        padding-right: calc(var(--spacing)*2.5)
    }

    .pr-5 {
        padding-right: calc(var(--spacing)*5)
    }

    .pr-6 {
        padding-right: calc(var(--spacing)*6)
    }

    .pr-7 {
        padding-right: calc(var(--spacing)*7)
    }

    .pr-\[--fluid\(0\.9375rem\,8\.125rem\)\] {
        padding-right: clamp(.9375rem, -7.2768rem + 17.1131svw, 8.125rem)
    }

    .pr-\[--fluid\(2\.5rem\,10rem\)\] {
        padding-right: clamp(2.5rem, -6.0714rem + 17.8571svw, 10rem)
    }

    .pr-\[calc\(28\/360\*100cqi\)\] {
        padding-right: 7.77778cqi
    }

    .pb-0\.5 {
        padding-bottom: calc(var(--spacing)*.5)
    }

    .pb-1 {
        padding-bottom: calc(var(--spacing)*1)
    }

    .pb-1\.25 {
        padding-bottom: calc(var(--spacing)*1.25)
    }

    .pb-2\.5 {
        padding-bottom: calc(var(--spacing)*2.5)
    }

    .pb-2\.75 {
        padding-bottom: calc(var(--spacing)*2.75)
    }

    .pb-3 {
        padding-bottom: calc(var(--spacing)*3)
    }

    .pb-6 {
        padding-bottom: calc(var(--spacing)*6)
    }

    .pb-7 {
        padding-bottom: calc(var(--spacing)*7)
    }

    .pb-8 {
        padding-bottom: calc(var(--spacing)*8)
    }

    .pb-10 {
        padding-bottom: calc(var(--spacing)*10)
    }

    .pb-12 {
        padding-bottom: calc(var(--spacing)*12)
    }

    .pb-15 {
        padding-bottom: calc(var(--spacing)*15)
    }

    .pb-16 {
        padding-bottom: calc(var(--spacing)*16)
    }

    .pb-20 {
        padding-bottom: calc(var(--spacing)*20)
    }

    .pb-30 {
        padding-bottom: calc(var(--spacing)*30)
    }

    .pb-\[calc\(21\/360\*100cqi\)\] {
        padding-bottom: 5.83333cqi
    }

    .pb-\[calc\(29\/360\*100cqi\)\] {
        padding-bottom: 8.05556cqi
    }

    .pl-0\.5 {
        padding-left: calc(var(--spacing)*.5)
    }

    .pl-1 {
        padding-left: calc(var(--spacing)*1)
    }

    .pl-2 {
        padding-left: calc(var(--spacing)*2)
    }

    .pl-2\.5 {
        padding-left: calc(var(--spacing)*2.5)
    }

    .pl-3 {
        padding-left: calc(var(--spacing)*3)
    }

    .pl-5 {
        padding-left: calc(var(--spacing)*5)
    }

    .pl-6 {
        padding-left: calc(var(--spacing)*6)
    }

    .pl-\[--fluid\(1\.5rem\,10rem\)\] {
        padding-left: clamp(1.5rem, -8.2143rem + 20.2381svw, 10rem)
    }

    .pl-\[--fluid\(2\.5rem\,6\.25rem\)\] {
        padding-left: clamp(2.5rem, -1.7857rem + 8.9286svw, 6.25rem)
    }

    .pl-\[calc\(32\/360\*100cqi\)\] {
        padding-left: 8.88889cqi
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .align-top {
        vertical-align: top
    }

    .font-garamond {
        font-family: var(--font-garamond)
    }

    .font-noto-serif-jp {
        font-family: var(--font-noto-serif-jp)
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .text-10 {
        font-size: var(--text-10)
    }

    .text-11 {
        font-size: var(--text-11)
    }

    .text-13 {
        font-size: var(--text-13)
    }

    .text-15 {
        font-size: var(--text-15)
    }

    .text-17 {
        font-size: var(--text-17)
    }

    .text-22 {
        font-size: var(--text-22)
    }

    .text-\[1\.625rem\] {
        font-size: 1.625rem
    }

    .text-\[length\:--fluid\(0\.75rem\,0\.875rem\)\] {
        font-size: clamp(.75rem, .6071rem + .2976svw, .875rem)
    }

    .text-\[length\:--fluid\(0\.75rem\,1rem\)\] {
        font-size: clamp(.75rem, .4643rem + .5952svw, 1rem)
    }

    .text-\[length\:--fluid\(0\.875rem\,0\.9375rem\)\] {
        font-size: clamp(.875rem, .8036rem + .1488svw, .9375rem)
    }

    .text-\[length\:--fluid\(1\.5rem\,1\.75rem\)\] {
        font-size: clamp(1.5rem, 1.2143rem + .5952svw, 1.75rem)
    }

    .text-\[length\:--fluid\(1\.5rem\,2\.125rem\)\] {
        font-size: clamp(1.5rem, .7857rem + 1.4881svw, 2.125rem)
    }

    .text-\[length\:--fluid\(1\.5rem\,2rem\)\] {
        font-size: clamp(1.5rem, .9286rem + 1.1905svw, 2rem)
    }

    .text-\[length\:--fluid\(1\.25rem\,1\.5rem\)\] {
        font-size: clamp(1.25rem, .9643rem + .5952svw, 1.5rem)
    }

    .text-\[length\:--fluid\(1\.25rem\,1\.75rem\)\] {
        font-size: clamp(1.25rem, .6786rem + 1.1905svw, 1.75rem)
    }

    .text-\[length\:--fluid\(1\.25rem\,1\.375rem\)\] {
        font-size: clamp(1.25rem, 1.1071rem + .2976svw, 1.375rem)
    }

    .text-\[length\:--fluid\(1\.75rem\,1\.875rem\)\] {
        font-size: clamp(1.75rem, 1.6071rem + .2976svw, 1.875rem)
    }

    .text-\[length\:--fluid\(1\.75rem\,2\.75rem\)\] {
        font-size: clamp(1.75rem, .6071rem + 2.381svw, 2.75rem)
    }

    .text-\[length\:--fluid\(1\.75rem\,2rem\)\] {
        font-size: clamp(1.75rem, 1.4643rem + .5952svw, 2rem)
    }

    .text-\[length\:--fluid\(1\.125rem\,1\.5rem\)\] {
        font-size: clamp(1.125rem, .6964rem + .8929svw, 1.5rem)
    }

    .text-\[length\:--fluid\(1\.125rem\,1\.375rem\)\] {
        font-size: clamp(1.125rem, .8393rem + .5952svw, 1.375rem)
    }

    .text-\[length\:--fluid\(1\.125rem\,1rem\)\] {
        font-size: clamp(1rem, 1.2679rem + -.2976svw, 1.125rem)
    }

    .text-\[length\:--fluid\(1\.375rem\,1\.5rem\)\] {
        font-size: clamp(1.375rem, 1.2321rem + .2976svw, 1.5rem)
    }

    .text-\[length\:--fluid\(1\.375rem\,1\.75rem\)\] {
        font-size: clamp(1.375rem, .9464rem + .8929svw, 1.75rem)
    }

    .text-\[length\:--fluid\(1\.375rem\,1\.875rem\)\] {
        font-size: clamp(1.375rem, .8036rem + 1.1905svw, 1.875rem)
    }

    .text-\[length\:--fluid\(1\.625rem\,1\.875rem\)\] {
        font-size: clamp(1.625rem, 1.3393rem + .5952svw, 1.875rem)
    }

    .text-\[length\:--fluid\(1\.625rem\,2rem\)\] {
        font-size: clamp(1.625rem, 1.1964rem + .8929svw, 2rem)
    }

    .text-\[length\:--fluid\(1rem\,1\.125rem\)\] {
        font-size: clamp(1rem, .8571rem + .2976svw, 1.125rem)
    }

    .text-\[length\:--fluid\(2\.25rem\,3\.5rem\)\] {
        font-size: clamp(2.25rem, .8214rem + 2.9762svw, 3.5rem)
    }

    .text-\[length\:--fluid\(2\.75rem\,3\.25rem\)\] {
        font-size: clamp(2.75rem, 2.1786rem + 1.1905svw, 3.25rem)
    }

    .text-\[length\:--fluid\(2rem\,4rem\,48rem\,80rem\)\] {
        font-size: clamp(2rem, -1rem + 6.25svw, 4rem)
    }

    .text-\[length\:--fluid\(3\.5rem\,4\.875rem\)\] {
        font-size: clamp(3.5rem, 1.9286rem + 3.2738svw, 4.875rem)
    }

    .text-\[length\:--fluid\(3\.25rem\,5rem\)\] {
        font-size: clamp(3.25rem, 1.25rem + 4.1667svw, 5rem)
    }

    .text-\[length\:--fluid\(3\.75rem\,5\.625rem\)\] {
        font-size: clamp(3.75rem, 1.6071rem + 4.4643svw, 5.625rem)
    }

    .text-\[length\:--fluid\(3\.6875rem\,5\.625rem\)\] {
        font-size: clamp(3.6875rem, 1.4732rem + 4.6131svw, 5.625rem)
    }

    .text-\[length\:--fluid\(4\.25rem\,6\.25rem\)\] {
        font-size: clamp(4.25rem, 1.9643rem + 4.7619svw, 6.25rem)
    }

    .text-\[length\:--fluid\(4rem\,6\.25rem\)\] {
        font-size: clamp(4rem, 1.4286rem + 5.3571svw, 6.25rem)
    }

    .leading-\[1\.1\] {
        --tw-leading: 1.1;
        line-height: 1.1
    }

    .leading-\[1\.2\] {
        --tw-leading: 1.2;
        line-height: 1.2
    }

    .leading-\[1\.4\] {
        --tw-leading: 1.4;
        line-height: 1.4
    }

    .leading-\[1\.5\] {
        --tw-leading: 1.5;
        line-height: 1.5
    }

    .leading-\[1\.6\] {
        --tw-leading: 1.6;
        line-height: 1.6
    }

    .leading-\[1\.7\] {
        --tw-leading: 1.7;
        line-height: 1.7
    }

    .leading-\[1\.8\] {
        --tw-leading: 1.8;
        line-height: 1.8
    }

    .leading-\[1\.85\] {
        --tw-leading: 1.85;
        line-height: 1.85
    }

    .leading-\[2\.3\] {
        --tw-leading: 2.3;
        line-height: 2.3
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .tracking-\[0\.02em\] {
        --tw-tracking: .02em;
        letter-spacing: .02em
    }

    .tracking-\[0\.08em\] {
        --tw-tracking: .08em;
        letter-spacing: .08em
    }

    .tracking-\[0\.12em\] {
        --tw-tracking: .12em;
        letter-spacing: .12em
    }

    .u-auto-phrase {
        word-break: keep-all;
        overflow-wrap: anywhere
    }

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .text-black {
        color: var(--color-black)
    }

    .text-charcoal {
        color: var(--color-charcoal)
    }

    .text-current {
        color: currentColor
    }

    .text-danger {
        color: var(--color-danger)
    }

    .text-dark-brown {
        color: var(--color-dark-brown)
    }

    .text-pure-white {
        color: var(--color-pure-white) !important
    }

    .text-sage {
        color: var(--color-sage)
    }

    .text-silver-gray {
        color: var(--color-silver-gray)
    }

    .text-transparent {
        color: #0000
    }

    .text-white {
        color: var(--color-white) !important
    }

    .capitalize {
        text-transform: capitalize
    }

    .lowercase {
        text-transform: lowercase
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .underline {
        text-decoration-line: underline
    }

    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-80 {
        opacity: .8
    }

    .opacity-100 {
        opacity: 1
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .blur {
        --tw-blur: blur(8px);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .blur-\[0\] {
        --tw-blur: blur(0);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .blur-\[0px\] {
        --tw-blur: blur(0px);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .blur-\[4px\] {
        --tw-blur: blur(4px);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .blur-\[8px\] {
        --tw-blur: blur(8px);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .brightness-100 {
        --tw-brightness: brightness(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .brightness-130 {
        --tw-brightness: brightness(130%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .brightness-180 {
        --tw-brightness: brightness(180%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .drop-shadow-\[0px_0px_20px_var\(--color-pure-black\)\] {
        --tw-drop-shadow-size: drop-shadow(0px 0px 20px var(--tw-drop-shadow-color, var(--color-pure-black)));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .drop-shadow-\[0px_0px_30px_rgba\(0\,0\,0\,0\.3\)\] {
        --tw-drop-shadow-size: drop-shadow(0px 0px 30px var(--tw-drop-shadow-color, #0000004d));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .grayscale {
        --tw-grayscale: grayscale(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .invert {
        --tw-invert: invert(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .filter {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[background-color\,color\] {
        transition-property: background-color, color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[background-color\] {
        transition-property: background-color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[background-size\] {
        transition-property: background-size;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[color\,background-color\] {
        transition-property: color, background-color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[mask-position\] {
        transition-property: -webkit-mask-position, mask-position;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[rotate\] {
        transition-property: rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[scale\] {
        transition-property: scale;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[translate\] {
        transition-property: translate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .delay-100 {
        transition-delay: .1s
    }

    .delay-200 {
        transition-delay: .2s
    }

    .delay-1600 {
        transition-delay: 1.6s
    }

    .duration-\(--duration\) {
        --tw-duration: var(--duration);
        transition-duration: var(--duration)
    }

    .duration-400 {
        --tw-duration: .4s;
        transition-duration: .4s
    }

    .duration-450 {
        --tw-duration: .45s;
        transition-duration: .45s
    }

    .duration-600 {
        --tw-duration: .6s;
        transition-duration: .6s
    }

    .duration-650 {
        --tw-duration: .65s;
        transition-duration: .65s
    }

    .duration-700 {
        --tw-duration: .7s;
        transition-duration: .7s
    }

    .duration-800 {
        --tw-duration: .8s;
        transition-duration: .8s
    }

    .duration-850 {
        --tw-duration: .85s;
        transition-duration: .85s
    }

    .duration-1300 {
        --tw-duration: 1.3s;
        transition-duration: 1.3s
    }

    .duration-1500 {
        --tw-duration: 1.5s;
        transition-duration: 1.5s
    }

    .duration-1600 {
        --tw-duration: 1.6s;
        transition-duration: 1.6s
    }

    .duration-1800 {
        --tw-duration: 1.8s;
        transition-duration: 1.8s
    }

    .duration-3000 {
        --tw-duration: 3s;
        transition-duration: 3s
    }

    .duration-3200 {
        --tw-duration: 3.2s;
        transition-duration: 3.2s
    }

    .duration-3600 {
        --tw-duration: 3.6s;
        transition-duration: 3.6s
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-out-circ {
        --tw-ease: var(--ease-out-circ);
        transition-timing-function: var(--ease-out-circ)
    }

    .ease-out-quad {
        --tw-ease: var(--ease-out-quad);
        transition-timing-function: var(--ease-out-quad)
    }

    .ease-out-sine {
        --tw-ease: var(--ease-out-sine);
        transition-timing-function: var(--ease-out-sine)
    }

    .\[--color-base\:var\(--color-charcoal\)\] {
        --color-base: var(--color-charcoal)
    }

    .\[--delay\:0\.1s\] {
        --delay: .1s
    }

    .\[--delay\:0\.2s\] {
        --delay: .2s
    }

    .\[--delay\:0\.15s\] {
        --delay: .15s
    }

    .\[--duration\:0\.6s\] {
        --duration: .6s
    }

    .\[--icon-color\:currentColor\] {
        --icon-color: currentColor
    }

    .\[--marker-size\:4px\] {
        --marker-size: 4px
    }

    .\[--mask-duration\:1\.8s\] {
        --mask-duration: 1.8s
    }

    .\[--mask-duration\:2\.4s\] {
        --mask-duration: 2.4s
    }

    .\[--stroke-dash\:calc\(2\*var\(--pi\)\*9px\)\] {
        --stroke-dash: calc(2*var(--pi)*9px)
    }

    .\[border-image-outset\:0_100vi\] {
        border-image-outset: 0 100vi
    }

    .\[border-image-slice\:fill_0\] {
        border-image-slice: 0 fill
    }

    .\[border-image-source\:linear-gradient\(var\(--color-charcoal\)_0_0\)\] {
        border-image-source: linear-gradient(var(--color-charcoal)0 0)
    }

    .\[grid-area\:1\/1\/2\/2\] {
        grid-area: 1/1/2/2
    }

    .\[grid-area\:1\/2\/2\/3\] {
        grid-area: 1/2/2/3
    }

    .\[stroke-dasharray\:var\(--stroke-dash\)\] {
        stroke-dasharray: var(--stroke-dash)
    }

    .\[transition\:filter_2s_ease\,scale_3\.3s_ease\] {
        transition: filter 2s, scale 3.3s
    }

    .\[transition\:opacity_0\.6s_ease\,translate_1s_ease\,rotate_0\.8s_ease\] {
        transition: opacity .6s, translate 1s, rotate .8s
    }

    .\[transition\:opacity_0\.6s_ease_0\.1s\,translate_1s_ease_0\.1s\,rotate_0\.8s_ease_0\.1s\] {
        transition: opacity .6s .1s, translate 1s .1s, rotate .8s .1s
    }

    .\[transition\:opacity_0\.6s_ease_0\.2s\,translate_1s_ease_0\.2s\,rotate_0\.8s_ease_0\.2s\] {
        transition: opacity .6s .2s, translate 1s .2s, rotate .8s .2s
    }

    .\[transition\:opacity_0\.8s_ease\,translate_1\.4s_var\(--ease-out-circ\)\] {
        transition: opacity .8s ease, translate 1.4s var(--ease-out-circ)
    }

    .\[transition\:opacity_0\.75s_ease\,translate_1\.2s_var\(--ease-out-quad\)\] {
        transition: opacity .75s ease, translate 1.2s var(--ease-out-quad)
    }

    .\[transition\:opacity_1s_ease\,translate_1\.6s_var\(--ease-out-circ\)\] {
        transition: opacity 1s ease, translate 1.6s var(--ease-out-circ)
    }

    .\[transition\:opacity_1s_ease\,translate_1\.8s_var\(--ease-out-circ\)\] {
        transition: opacity 1s ease, translate 1.8s var(--ease-out-circ)
    }

    .\[transition\:opacity_2\.4s_var\(--ease-out-sine\)_0\.3s\] {
        transition: opacity 2.4s var(--ease-out-sine).3s
    }

    .\[transition\:rotate_1\.2s_var\(--ease-in-out\)\,opacity_0\.8s_ease\] {
        transition: rotate 1.2s var(--ease-in-out), opacity .8s ease
    }

    .\[transition\:scale_1\.9s_var\(--ease-out-circ\)\,filter_1\.2s_var\(--ease-out-sine\)\] {
        transition: scale 1.9s var(--ease-out-circ), filter 1.2s var(--ease-out-sine)
    }

    .grid-area-\[gallery\] {
        grid-area: gallery
    }

    .grid-area-\[item\] {
        grid-area: item
    }

    .grid-area-\[main-nav\] {
        grid-area: main-nav
    }

    .grid-area-\[other\] {
        grid-area: other
    }

    .grid-area-\[sub-nav\] {
        grid-area: sub-nav
    }

    .grid-areas-\[\'item\'\] {
        grid-template-areas: "item"
    }

    .grid-areas-\[item\] {
        grid-template-areas: "item"
    }

    .grid-areas-\[\'main-nav_main-nav\'\'sub-nav_gallery\'\'other_other\'\] {
        grid-template-areas: "main-nav main-nav""sub-nav gallery""other other"
    }

    .writing-vertical {
        writing-mode: vertical-rl
    }

    :is(.\*\:text-13>*) {
        font-size: var(--text-13)
    }

    :is(.\*\:leading-\[1\.8\]>*) {
        --tw-leading: 1.8;
        line-height: 1.8
    }

    :is(.\*\:tracking-\[0\.08em\]>*) {
        --tw-tracking: .08em;
        letter-spacing: .08em
    }

    :is(.\*\:\[grid-area\:1\/1\]>*) {
        grid-area: 1/1
    }

    @media (hover:hover) {
        .group-hover\:scale-103:is(:where(.group):hover *) {
            --tw-scale-x: 103%;
            --tw-scale-y: 103%;
            --tw-scale-z: 103%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\:scale-105:is(:where(.group):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\:border-black:is(:where(.group):hover *) {
            border-color: var(--color-black)
        }

        .group-hover\:bg-black:is(:where(.group):hover *) {
            background-color: var(--color-black)
        }

        .group-hover\:bg-size-\[100\%_1px\]:is(:where(.group):hover *) {
            background-size: 100% 1px
        }

        .group-hover\:bg-bottom-left:is(:where(.group):hover *) {
            background-position: 0 100%
        }

        .group-hover\:text-pure-white:is(:where(.group):hover *) {
            color: var(--color-pure-white)
        }

        .group-hover\:opacity-60:is(:where(.group):hover *) {
            opacity: .6
        }
    }

    .group-aria-selected\:animate-\[draw-circle_var\(--duration\,6s\)_linear\]:is(:where(.group)[aria-selected=true] *) {
        animation: draw-circle var(--duration, 6s)linear
    }

    .group-aria-selected\:text-current:is(:where(.group)[aria-selected=true] *) {
        color: currentColor
    }

    .group-aria-selected\:opacity-100:is(:where(.group)[aria-selected=true] *) {
        opacity: 1
    }

    .group-aria-\[current\=page\]\:bg-size-\[100\%_1px\]:is(:where(.group)[aria-current=page] *) {
        background-size: 100% 1px
    }

    .placeholder\:block::placeholder {
        display: block
    }

    .placeholder\:inline::placeholder {
        display: inline
    }

    .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
    }

    .before\:inset-y-0:before {
        content: var(--tw-content);
        inset-block: calc(var(--spacing)*0)
    }

    .before\:top-0:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*0)
    }

    .before\:left-0:before {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .before\:my-\[calc\(\(1lh-1px\)\/2\)\]:before {
        content: var(--tw-content);
        margin-block: calc(.5lh - .5px)
    }

    .before\:my-auto:before {
        content: var(--tw-content);
        margin-block: auto
    }

    .before\:inline-block:before {
        content: var(--tw-content);
        display: inline-block
    }

    .before\:h-3:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*3)
    }

    .before\:h-full:before {
        content: var(--tw-content);
        height: 100%
    }

    .before\:h-px:before {
        content: var(--tw-content);
        height: 1px
    }

    .before\:w-2\.5:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*2.5)
    }

    .before\:w-3:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*3)
    }

    .before\:w-3\.5:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*3.5)
    }

    .before\:w-full:before {
        content: var(--tw-content);
        width: 100%
    }

    .before\:w-px:before {
        content: var(--tw-content);
        width: 1px
    }

    .before\:origin-left:before {
        content: var(--tw-content);
        transform-origin: 0
    }

    .before\:scale-x-0:before {
        content: var(--tw-content);
        --tw-scale-x: 0%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .before\:scale-x-100:before {
        content: var(--tw-content);
        --tw-scale-x: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .before\:bg-current:before,
    .before\:bg-current\/50:before {
        content: var(--tw-content);
        background-color: currentColor
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:bg-current\/50:before {
            background-color: color-mix(in oklab, currentcolor 50%, transparent)
        }
    }

    .before\:bg-pure-white\/30:before {
        content: var(--tw-content);
        background-color: #ffffff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:bg-pure-white\/30:before {
            background-color: color-mix(in oklab, var(--color-pure-white)30%, transparent)
        }
    }

    .before\:opacity-0:before {
        content: var(--tw-content);
        opacity: 0
    }

    .before\:opacity-100:before {
        content: var(--tw-content);
        opacity: 1
    }

    .before\:transition-\[scale\]:before {
        content: var(--tw-content);
        transition-property: scale;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .before\:duration-1600:before {
        content: var(--tw-content);
        --tw-duration: 1.6s;
        transition-duration: 1.6s
    }

    .before\:ease-out-circ:before {
        content: var(--tw-content);
        --tw-ease: var(--ease-out-circ);
        transition-timing-function: var(--ease-out-circ)
    }

    .before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .before\:\[transition\:scale_1\.6s_var\(--ease-out-circ\)\,opacity_2\.4s_var\(--ease-out-quad\)\]:before {
        content: var(--tw-content);
        transition: scale 1.6s var(--ease-out-circ), opacity 2.4s var(--ease-out-quad)
    }

    .before\:\[transition\:scale_1\.6s_var\(--ease-out-circ\)\,opacity_4\.4s_var\(--ease-out-sine\)\]:before {
        content: var(--tw-content);
        transition: scale 1.6s var(--ease-out-circ), opacity 4.4s var(--ease-out-sine)
    }

    .after\:mt-2\.5:after {
        content: var(--tw-content);
        margin-top: calc(var(--spacing)*2.5)
    }

    .after\:block:after {
        content: var(--tw-content);
        display: block
    }

    .after\:h-px:after {
        content: var(--tw-content);
        height: 1px
    }

    .after\:w-full:after {
        content: var(--tw-content);
        width: 100%
    }

    .after\:origin-left:after {
        content: var(--tw-content);
        transform-origin: 0
    }

    .after\:scale-x-0:after {
        content: var(--tw-content);
        --tw-scale-x: 0%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .after\:scale-x-100:after {
        content: var(--tw-content);
        --tw-scale-x: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .after\:bg-black\/20:after {
        content: var(--tw-content);
        background-color: #1d201f33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .after\:bg-black\/20:after {
            background-color: color-mix(in oklab, var(--color-black)20%, transparent)
        }
    }

    .after\:opacity-0:after {
        content: var(--tw-content);
        opacity: 0
    }

    .after\:opacity-100:after {
        content: var(--tw-content);
        opacity: 1
    }

    .after\:content-\[\'\'\]:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    .after\:\[transition\:scale_2s_var\(--ease-out-circ\)\,opacity_1\.2s_var\(--ease-out-sine\)\]:after {
        content: var(--tw-content);
        transition: scale 2s var(--ease-out-circ), opacity 1.2s var(--ease-out-sine)
    }

    .last-of-type\:border-b:last-of-type {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    @media (hover:hover) {
        .hover\:bg-charcoal:hover {
            background-color: var(--color-charcoal)
        }

        .hover\:bg-pure-white:hover {
            background-color: var(--color-pure-white)
        }

        .hover\:bg-transparent:hover {
            background-color: #0000
        }

        .hover\:text-black:hover {
            color: var(--color-black) !important
        }

        .hover\:text-brown:hover {
            color: var(--color-brown) !important
        }

        .hover\:opacity-60:hover {
            opacity: .6
        }
    }

    .aria-selected\:border-brown[aria-selected=true] {
        border-color: var(--color-brown)
    }

    .aria-\[current\=page\]\:pointer-events-none[aria-current=page] {
        pointer-events: none
    }

    .aria-\[current\=page\]\:text-black[aria-current=page],
    .aria-\[current\=true\]\:text-black[aria-current=true] {
        color: var(--color-black)
    }

    @media (min-width:48rem) {
        .md\:relative {
            position: relative
        }

        .md\:sticky {
            position: sticky
        }

        .md\:-top-10 {
            top: calc(var(--spacing)*-10)
        }

        .md\:-top-15 {
            top: calc(var(--spacing)*-15)
        }

        .md\:-top-22 {
            top: calc(var(--spacing)*-22)
        }

        .md\:top-4 {
            top: calc(var(--spacing)*4)
        }

        .md\:top-6 {
            top: calc(var(--spacing)*6)
        }

        .md\:top-8\.25 {
            top: calc(var(--spacing)*8.25)
        }

        .md\:top-22 {
            top: calc(var(--spacing)*22)
        }

        .md\:top-35 {
            top: calc(var(--spacing)*35)
        }

        .md\:top-40 {
            top: calc(var(--spacing)*40)
        }

        .md\:top-60 {
            top: calc(var(--spacing)*60)
        }

        .md\:top-\[calc\(-23\/1360\*100cqi\)\] {
            top: -1.69118cqi
        }

        .md\:top-\[calc\(-52\/1360\*100cqi\)\] {
            top: -3.82353cqi
        }

        .md\:top-\[calc\(-80\/1360\*100cqi\)\] {
            top: -5.88235cqi
        }

        .md\:top-\[calc\(-90\/1360\*100cqi\)\] {
            top: -6.61765cqi
        }

        .md\:top-\[calc\(-95\/1200\*100cqi\)\] {
            top: -7.91667cqi
        }

        .md\:top-\[calc\(-98\/1360\*100cqi\)\] {
            top: -7.20588cqi
        }

        .md\:top-\[calc\(-116\/1360\*100cqi\)\] {
            top: -8.52941cqi
        }

        .md\:top-\[unset\] {
            top: unset
        }

        .md\:-right-55 {
            right: calc(var(--spacing)*-55)
        }

        .md\:right-0 {
            right: calc(var(--spacing)*0)
        }

        .md\:right-5 {
            right: calc(var(--spacing)*5)
        }

        .md\:right-6 {
            right: calc(var(--spacing)*6)
        }

        .md\:right-\[calc\(-47\/1200\*100cqi\)\] {
            right: -3.91667cqi
        }

        .md\:right-\[calc\(-105\/1200\*100cqi\)\] {
            right: -8.75cqi
        }

        .md\:right-\[calc\(217\/1360\*100cqi\)\] {
            right: 15.9559cqi
        }

        .md\:right-\[calc\(320\/1360\*100cqi\)\] {
            right: 23.5294cqi
        }

        .md\:right-\[calc\(333\/1360\*100cqi\)\] {
            right: 24.4853cqi
        }

        .md\:right-\[calc\(337\/1360\*100cqi\)\] {
            right: 24.7794cqi
        }

        .md\:right-\[calc\(451\/1360\*100cqi\)\] {
            right: 33.1618cqi
        }

        .md\:right-\[calc\(520\/1360\*100cqi\)\] {
            right: 38.2353cqi
        }

        .md\:right-\[unset\] {
            right: unset
        }

        .md\:bottom-4 {
            bottom: calc(var(--spacing)*4)
        }

        .md\:bottom-5 {
            bottom: calc(var(--spacing)*5)
        }

        .md\:bottom-7\.5 {
            bottom: calc(var(--spacing)*7.5)
        }

        .md\:bottom-\[unset\] {
            bottom: unset
        }

        .md\:left-7\.5 {
            left: calc(var(--spacing)*7.5)
        }

        .md\:left-45 {
            left: calc(var(--spacing)*45)
        }

        .md\:left-\[calc\(-177\/1200\*100cqi\)\] {
            left: -14.75cqi
        }

        .md\:left-\[unset\] {
            left: unset
        }

        .md\:order-2 {
            order: 2
        }

        .md\:order-\[unset\] {
            order: unset
        }

        .md\:order-first {
            order: -9999
        }

        .md\:order-last {
            order: 9999
        }

        .md\:order-none {
            order: 0
        }

        .md\:col-span-1 {
            grid-column: span 1/span 1
        }

        .md\:col-span-2 {
            grid-column: span 2/span 2
        }

        .md\:col-span-\[unset\] {
            grid-column: span unset/span unset
        }

        .md\:row-span-4 {
            grid-row: span 4/span 4
        }

        .md\:mx-0 {
            margin-inline: calc(var(--spacing)*0)
        }

        .md\:mx-10 {
            margin-inline: calc(var(--spacing)*10)
        }

        .md\:mx-auto {
            margin-inline: auto
        }

        .md\:my-20 {
            margin-block: calc(var(--spacing)*20)
        }

        .md\:my-25 {
            margin-block: calc(var(--spacing)*25)
        }

        .md\:my-40 {
            margin-block: calc(var(--spacing)*40)
        }

        .md\:-mt-27\.5 {
            margin-top: calc(var(--spacing)*-27.5)
        }

        .md\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .md\:mt-1\.5 {
            margin-top: calc(var(--spacing)*1.5)
        }

        .md\:mt-2 {
            margin-top: calc(var(--spacing)*2)
        }

        .md\:mt-2\.5 {
            margin-top: calc(var(--spacing)*2.5)
        }

        .md\:mt-3 {
            margin-top: calc(var(--spacing)*3)
        }

        .md\:mt-3\.5 {
            margin-top: calc(var(--spacing)*3.5)
        }

        .md\:mt-4 {
            margin-top: calc(var(--spacing)*4)
        }

        .md\:mt-4\.5 {
            margin-top: calc(var(--spacing)*4.5)
        }

        .md\:mt-5 {
            margin-top: calc(var(--spacing)*5)
        }

        .md\:mt-6 {
            margin-top: calc(var(--spacing)*6)
        }

        .md\:mt-6\.5 {
            margin-top: calc(var(--spacing)*6.5)
        }

        .md\:mt-7\.5 {
            margin-top: calc(var(--spacing)*7.5)
        }

        .md\:mt-8 {
            margin-top: calc(var(--spacing)*8)
        }

        .md\:mt-8\.5 {
            margin-top: calc(var(--spacing)*8.5)
        }

        .md\:mt-10 {
            margin-top: calc(var(--spacing)*10)
        }

        .md\:mt-12 {
            margin-top: calc(var(--spacing)*12)
        }

        .md\:mt-12\.5 {
            margin-top: calc(var(--spacing)*12.5)
        }

        .md\:mt-14 {
            margin-top: calc(var(--spacing)*14)
        }

        .md\:mt-15 {
            margin-top: calc(var(--spacing)*15)
        }

        .md\:mt-16 {
            margin-top: calc(var(--spacing)*16)
        }

        .md\:mt-17 {
            margin-top: calc(var(--spacing)*17)
        }

        .md\:mt-18 {
            margin-top: calc(var(--spacing)*18)
        }

        .md\:mt-20 {
            margin-top: calc(var(--spacing)*20)
        }

        .md\:mt-22 {
            margin-top: calc(var(--spacing)*22)
        }

        .md\:mt-22\.5 {
            margin-top: calc(var(--spacing)*22.5)
        }

        .md\:mt-23\.5 {
            margin-top: calc(var(--spacing)*23.5)
        }

        .md\:mt-25 {
            margin-top: calc(var(--spacing)*25)
        }

        .md\:mt-26 {
            margin-top: calc(var(--spacing)*26)
        }

        .md\:mt-29 {
            margin-top: calc(var(--spacing)*29)
        }

        .md\:mt-30 {
            margin-top: calc(var(--spacing)*30)
        }

        .md\:mt-34 {
            margin-top: calc(var(--spacing)*34)
        }

        .md\:mt-35 {
            margin-top: calc(var(--spacing)*35)
        }

        .md\:mt-37\.5 {
            margin-top: calc(var(--spacing)*37.5)
        }

        .md\:mt-40 {
            margin-top: calc(var(--spacing)*40)
        }

        .md\:mt-41\.5 {
            margin-top: calc(var(--spacing)*41.5)
        }

        .md\:mt-45 {
            margin-top: calc(var(--spacing)*45)
        }

        .md\:mt-50 {
            margin-top: calc(var(--spacing)*50)
        }

        .md\:mt-100 {
            margin-top: calc(var(--spacing)*100)
        }

        .md\:mt-\[calc\(30\/1200\*100cqi\)\] {
            margin-top: 2.5cqi
        }

        .md\:mr-0 {
            margin-right: calc(var(--spacing)*0)
        }

        .md\:mr-5 {
            margin-right: calc(var(--spacing)*5)
        }

        .md\:mr-5\.75 {
            margin-right: calc(var(--spacing)*5.75)
        }

        .md\:mr-6 {
            margin-right: calc(var(--spacing)*6)
        }

        .md\:mr-10 {
            margin-right: calc(var(--spacing)*10)
        }

        .md\:mr-12 {
            margin-right: calc(var(--spacing)*12)
        }

        .md\:mr-\[--fluid\(-1\.5rem\,-7\.5rem\)\] {
            margin-right: clamp(-7.5rem, 5.3571rem + -14.2857svw, -1.5rem)
        }

        .md\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .md\:mb-2\.5 {
            margin-bottom: calc(var(--spacing)*2.5)
        }

        .md\:-ml-2 {
            margin-left: calc(var(--spacing)*-2)
        }

        .md\:ml-0 {
            margin-left: calc(var(--spacing)*0)
        }

        .md\:ml-1 {
            margin-left: calc(var(--spacing)*1)
        }

        .md\:ml-2 {
            margin-left: calc(var(--spacing)*2)
        }

        .md\:ml-\[--fluid\(-1\.5rem\,-7\.5rem\)\] {
            margin-left: clamp(-7.5rem, 5.3571rem + -14.2857svw, -1.5rem)
        }

        .md\:ml-\[calc\(-8\/1200\*100cqi\)\] {
            margin-left: -.666667cqi
        }

        .md\:ml-\[calc\(-10\/1200\*100cqi\)\] {
            margin-left: -.833333cqi
        }

        .md\:ml-\[calc\(-10\/1360\*100cqi\)\] {
            margin-left: -.735294cqi
        }

        .md\:ml-\[calc\(-14\/1360\*100cqi\)\] {
            margin-left: -1.02941cqi
        }

        .md\:ml-\[calc\(-20\/1120\*100cqi\)\] {
            margin-left: -1.78571cqi
        }

        .md\:ml-\[calc\(-80\/1200\*100cqi\)\] {
            margin-left: -6.66667cqi
        }

        .md\:ml-\[calc\(-81\/1200\*100cqi\)\] {
            margin-left: -6.75cqi
        }

        .md\:ml-\[calc\(-101\/1360\*100cqi\)\] {
            margin-left: -7.42647cqi
        }

        .md\:ml-\[calc\(-130\/1200\*100cqi\)\] {
            margin-left: -10.8333cqi
        }

        .md\:ml-\[calc\(80\/1200\*100cqi\)\] {
            margin-left: 6.66667cqi
        }

        .md\:ml-auto {
            margin-left: auto
        }

        .md\:block {
            display: block
        }

        .md\:contents {
            display: contents
        }

        .md\:flex {
            display: flex
        }

        .md\:grid {
            display: grid
        }

        .md\:hidden {
            display: none
        }

        .md\:inline {
            display: inline
        }

        .md\:aspect-\[600\/430\] {
            aspect-ratio: 600/430
        }

        .md\:aspect-\[1360\/560\] {
            aspect-ratio: 1360/560
        }

        .md\:size-4\.5 {
            width: calc(var(--spacing)*4.5);
            height: calc(var(--spacing)*4.5)
        }

        .md\:size-5\.5 {
            width: calc(var(--spacing)*5.5);
            height: calc(var(--spacing)*5.5)
        }

        .md\:h-1 {
            height: calc(var(--spacing)*1)
        }

        .md\:h-8 {
            height: calc(var(--spacing)*8)
        }

        .md\:h-16\.25 {
            height: calc(var(--spacing)*16.25)
        }

        .md\:h-22 {
            height: calc(var(--spacing)*22)
        }

        .md\:h-140 {
            height: calc(var(--spacing)*140)
        }

        .md\:h-300 {
            height: calc(var(--spacing)*300)
        }

        .md\:h-\[3\.5px\] {
            height: 3.5px
        }

        .md\:h-\[calc\(100\%\+35px\)\] {
            height: calc(100% + 35px)
        }

        .md\:h-\[calc\(100\%\+40px\)\] {
            height: calc(100% + 40px)
        }

        .md\:h-\[calc\(100\%\+45px\)\] {
            height: calc(100% + 45px)
        }

        .md\:h-\[calc\(100\%\+100px\)\] {
            height: calc(100% + 100px)
        }

        .md\:h-auto {
            height: auto
        }

        .md\:min-h-70 {
            min-height: calc(var(--spacing)*70)
        }

        .md\:min-h-133\.5 {
            min-height: calc(var(--spacing)*133.5)
        }

        .md\:min-h-\[calc\(440\/1280\*100cqi\)\] {
            min-height: 34.375cqi
        }

        .md\:w-1\.75 {
            width: calc(var(--spacing)*1.75)
        }

        .md\:w-3 {
            width: calc(var(--spacing)*3)
        }

        .md\:w-3\.5 {
            width: calc(var(--spacing)*3.5)
        }

        .md\:w-4 {
            width: calc(var(--spacing)*4)
        }

        .md\:w-4\.25 {
            width: calc(var(--spacing)*4.25)
        }

        .md\:w-40 {
            width: calc(var(--spacing)*40)
        }

        .md\:w-55 {
            width: calc(var(--spacing)*55)
        }

        .md\:w-56 {
            width: calc(var(--spacing)*56)
        }

        .md\:w-235 {
            width: calc(var(--spacing)*235)
        }

        .md\:w-\[200px\] {
            width: 200px
        }

        .md\:w-\[340px\] {
            width: 340px
        }

        .md\:w-\[calc\(15\/1360\*100cqi\)\] {
            width: 1.10294cqi
        }

        .md\:w-\[calc\(16\/1360\*100cqi\)\] {
            width: 1.17647cqi
        }

        .md\:w-\[calc\(17\/1360\*100cqi\)\] {
            width: 1.25cqi
        }

        .md\:w-\[calc\(94\/1200\*100cqi\)\] {
            width: 7.83333cqi
        }

        .md\:w-\[calc\(130\/1200\*100cqi\)\] {
            width: 10.8333cqi
        }

        .md\:w-\[calc\(132\/1360\*100cqi\)\] {
            width: 9.70588cqi
        }

        .md\:w-\[calc\(164\/1200\*100cqi\)\] {
            width: 13.6667cqi
        }

        .md\:w-\[calc\(181\/1360\*100cqi\)\] {
            width: 13.3088cqi
        }

        .md\:w-\[calc\(240\/1260\*100cqi\)\] {
            width: 19.0476cqi
        }

        .md\:w-\[calc\(240\/1360\*100cqi\)\] {
            width: 17.6471cqi
        }

        .md\:w-\[calc\(260\/1240\*100cqi\)\] {
            width: 20.9677cqi
        }

        .md\:w-\[calc\(260\/1260\*100cqi\)\] {
            width: 20.6349cqi
        }

        .md\:w-\[calc\(300\/1200\*100cqi\)\] {
            width: 25cqi
        }

        .md\:w-\[calc\(300\/1360\*100cqi\)\] {
            width: 22.0588cqi
        }

        .md\:w-\[calc\(356\/1200\*100cqi\)\] {
            width: 29.6667cqi
        }

        .md\:w-\[calc\(360\/1200\*100cqi\)\] {
            width: 30cqi
        }

        .md\:w-\[calc\(720\/1200\*100cqi\)\] {
            width: 60cqi
        }

        .md\:w-\[calc\(800\/1200\*100cqi\)\],
        .md\:w-\[calc\(960\/1440\*100cqi\)\] {
            width: 66.6667cqi
        }

        .md\:w-auto {
            width: auto
        }

        .md\:w-fit {
            width: fit-content
        }

        .md\:w-full {
            width: 100%
        }

        .md\:max-w-86 {
            max-width: calc(var(--spacing)*86)
        }

        .md\:max-w-90 {
            max-width: calc(var(--spacing)*90)
        }

        .md\:max-w-97\.5 {
            max-width: calc(var(--spacing)*97.5)
        }

        .md\:max-w-105 {
            max-width: calc(var(--spacing)*105)
        }

        .md\:max-w-110 {
            max-width: calc(var(--spacing)*110)
        }

        .md\:max-w-115 {
            max-width: calc(var(--spacing)*115)
        }

        .md\:max-w-120 {
            max-width: calc(var(--spacing)*120)
        }

        .md\:max-w-170 {
            max-width: calc(var(--spacing)*170)
        }

        .md\:max-w-200 {
            max-width: calc(var(--spacing)*200)
        }

        .md\:max-w-210 {
            max-width: calc(var(--spacing)*210)
        }

        .md\:max-w-260 {
            max-width: calc(var(--spacing)*260)
        }

        .md\:max-w-\[67\.5rem\] {
            max-width: 67.5rem
        }

        .md\:max-w-\[220px\] {
            max-width: 220px
        }

        .md\:-translate-y-6 {
            --tw-translate-y: calc(var(--spacing)*-6);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .md\:translate-y-5 {
            --tw-translate-y: calc(var(--spacing)*5);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .md\:translate-y-6 {
            --tw-translate-y: calc(var(--spacing)*6);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .md\:translate-y-10 {
            --tw-translate-y: calc(var(--spacing)*10);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .md\:scale-y-0 {
            --tw-scale-y: 0%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .md\:scale-y-100 {
            --tw-scale-y: 100%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .md\:auto-cols-\[20rem\] {
            grid-auto-columns: 20rem
        }

        .md\:auto-cols-\[38\.75rem\] {
            grid-auto-columns: 38.75rem
        }

        .md\:auto-cols-\[39rem\] {
            grid-auto-columns: 39rem
        }

        .md\:auto-cols-\[calc\(25\%-15px\)\] {
            grid-auto-columns: calc(25% - 15px)
        }

        .md\:auto-cols-\[calc\(620\/16\*1rem\)\] {
            grid-auto-columns: 38.75rem
        }

        .md\:auto-cols-\[calc\(833\/16\*1rem\)\] {
            grid-auto-columns: 52.0625rem
        }

        .md\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .md\:grid-cols-\[1fr_10rem\] {
            grid-template-columns: 1fr 10rem
        }

        .md\:grid-cols-\[1fr_auto\] {
            grid-template-columns: 1fr auto
        }

        .md\:grid-cols-\[1fr_calc\(180\/1120\*100cqi\)\] {
            grid-template-columns: 1fr 16.0714cqi
        }

        .md\:grid-cols-\[1fr_calc\(200\/1200\*100cqi\)\] {
            grid-template-columns: 1fr 16.6667cqi
        }

        .md\:grid-cols-\[1fr_calc\(460\/1200\*100cqi\)\] {
            grid-template-columns: 1fr 38.3333cqi
        }

        .md\:grid-cols-\[1fr_calc\(580\/1120\*100cqi\)\] {
            grid-template-columns: 1fr 51.7857cqi
        }

        .md\:grid-cols-\[1fr_calc\(640\/1120\*100cqi\)\] {
            grid-template-columns: 1fr 57.1429cqi
        }

        .md\:grid-cols-\[1fr_calc\(641\/1200\*100cqi\)\] {
            grid-template-columns: 1fr 53.4167cqi
        }

        .md\:grid-cols-\[1fr_calc\(660\/1200\*100cqi\)\] {
            grid-template-columns: 1fr 55cqi
        }

        .md\:grid-cols-\[1fr_calc\(740\/1150\*100cqi\)\] {
            grid-template-columns: 1fr 64.3478cqi
        }

        .md\:grid-cols-\[1fr_calc\(770\/1200\*100cqi\)\] {
            grid-template-columns: 1fr 64.1667cqi
        }

        .md\:grid-cols-\[1fr_calc\(840\/1180\*100cqi\)\] {
            grid-template-columns: 1fr 71.1864cqi
        }

        .md\:grid-cols-\[1fr_max-content\] {
            grid-template-columns: 1fr max-content
        }

        .md\:grid-cols-\[auto_1fr\] {
            grid-template-columns: auto 1fr
        }

        .md\:grid-cols-\[auto_calc\(540\/1120\*100cqi\)\] {
            grid-template-columns: auto 48.2143cqi
        }

        .md\:grid-cols-\[auto_calc\(680\/1200\*100cqi\)\] {
            grid-template-columns: auto 56.6667cqi
        }

        .md\:grid-cols-\[auto_calc\(800\/1120\*100cqi\)\] {
            grid-template-columns: auto 71.4286cqi
        }

        .md\:grid-cols-\[auto_calc\(940\/1240\*100cqi\)\] {
            grid-template-columns: auto 75.8065cqi
        }

        .md\:grid-cols-\[calc\(164\/1120\*100cqi\)_1fr\] {
            grid-template-columns: 14.6429cqi 1fr
        }

        .md\:grid-cols-\[calc\(220\/1280\*100cqi\)_1fr\] {
            grid-template-columns: 17.1875cqi 1fr
        }

        .md\:grid-cols-\[calc\(260\/1120\*100cqi\)_1fr\] {
            grid-template-columns: 23.2143cqi 1fr
        }

        .md\:grid-cols-\[calc\(450\/1260\*100cqi\)_auto_auto\] {
            grid-template-columns: 35.7143cqi auto auto
        }

        .md\:grid-cols-\[calc\(500\/1280\*100cqi\)_1fr\] {
            grid-template-columns: 39.0625cqi 1fr
        }

        .md\:grid-cols-\[calc\(540\/1120\*100cqi\)_1fr\] {
            grid-template-columns: 48.2143cqi 1fr
        }

        .md\:grid-cols-\[calc\(680\/1280\*100cqi\)_1fr\] {
            grid-template-columns: 53.125cqi 1fr
        }

        .md\:grid-cols-\[max-content_1fr_42px\] {
            grid-template-columns: max-content 1fr 42px
        }

        .md\:grid-cols-auto-60 {
            grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--spacing)*60), 100%), 1fr))
        }

        .md\:grid-cols-auto-fit-34 {
            grid-template-columns: repeat(auto-fit, minmax(min(calc(var(--spacing)*34), 100%), 1fr))
        }

        .md\:grid-cols-subgrid {
            grid-template-columns: subgrid
        }

        .md\:grid-rows-\[auto_auto_1fr\] {
            grid-template-rows: auto auto 1fr
        }

        .md\:grid-rows-subgrid {
            grid-template-rows: subgrid
        }

        .md\:flex-nowrap {
            flex-wrap: nowrap
        }

        .md\:flex-wrap {
            flex-wrap: wrap
        }

        .md\:place-items-center {
            place-items: center
        }

        .md\:items-center {
            align-items: center
        }

        .md\:items-start {
            align-items: flex-start
        }

        .md\:justify-between {
            justify-content: space-between
        }

        .md\:gap-0 {
            gap: calc(var(--spacing)*0)
        }

        .md\:gap-2 {
            gap: calc(var(--spacing)*2)
        }

        .md\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .md\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .md\:gap-7 {
            gap: calc(var(--spacing)*7)
        }

        .md\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .md\:gap-\[calc\(24\/1200\*100cqi\)\] {
            gap: 2cqi
        }

        .md\:gap-\[calc\(30\/1120\*100cqi\)\] {
            gap: 2.67857cqi
        }

        .md\:gap-\[calc\(30\/1280\*100cqi\)\] {
            gap: 2.34375cqi
        }

        .md\:gap-\[calc\(36\/1200\*100cqi\)\] {
            gap: 3cqi
        }

        .md\:gap-\[calc\(40\/1120\*100cqi\)\] {
            gap: 3.57143cqi
        }

        .md\:gap-\[calc\(40\/1200\*100cqi\)\] {
            gap: 3.33333cqi
        }

        .md\:gap-\[calc\(48\/1120\*100cqi\)\] {
            gap: 4.28571cqi
        }

        .md\:gap-\[calc\(50\/1120\*100cqi\)\] {
            gap: 4.46429cqi
        }

        .md\:gap-\[calc\(60\/1200\*100cqi\)\] {
            gap: 5cqi
        }

        .md\:gap-\[calc\(80\/1120\*100cqi\)\] {
            gap: 7.14286cqi
        }

        .md\:gap-\[calc\(80\/1140\*100cqi\)\] {
            gap: 7.01754cqi
        }

        .md\:gap-\[calc\(80\/1150\*100cqi\)\] {
            gap: 6.95652cqi
        }

        .md\:gap-\[calc\(80\/1180\*100cqi\)\] {
            gap: 6.77966cqi
        }

        .md\:gap-\[calc\(80\/1200\*100cqi\)\] {
            gap: 6.66667cqi
        }

        .md\:gap-\[calc\(80\/1240\*100cqi\)\] {
            gap: 6.45161cqi
        }

        .md\:gap-\[calc\(88\/1260\*100cqi\)\] {
            gap: 6.98413cqi
        }

        .md\:gap-\[calc\(100\/1120\*100cqi\)\] {
            gap: 8.92857cqi
        }

        .md\:gap-\[calc\(100\/1200\*100cqi\)\] {
            gap: 8.33333cqi
        }

        .md\:gap-\[calc\(100\/1280\*100cqi\)\] {
            gap: 7.8125cqi
        }

        .md\:gap-\[calc\(120\/1200\*100cqi\)\] {
            gap: 10cqi
        }

        .md\:gap-\[calc\(120\/1280\*100cqi\)\] {
            gap: 9.375cqi
        }

        .md\:gap-\[calc\(160\/1200\*100cqi\)\] {
            gap: 13.3333cqi
        }

        .md\:gap-x-0 {
            column-gap: calc(var(--spacing)*0)
        }

        .md\:gap-x-2 {
            column-gap: calc(var(--spacing)*2)
        }

        .md\:gap-x-2\.5 {
            column-gap: calc(var(--spacing)*2.5)
        }

        .md\:gap-x-3 {
            column-gap: calc(var(--spacing)*3)
        }

        .md\:gap-x-3\.5 {
            column-gap: calc(var(--spacing)*3.5)
        }

        .md\:gap-x-5 {
            column-gap: calc(var(--spacing)*5)
        }

        .md\:gap-x-6 {
            column-gap: calc(var(--spacing)*6)
        }

        .md\:gap-x-8 {
            column-gap: calc(var(--spacing)*8)
        }

        .md\:gap-x-\[--fluid\(1rem\,2\.5rem\)\] {
            column-gap: clamp(1rem, -.7143rem + 3.5714svw, 2.5rem)
        }

        .md\:gap-x-\[calc\(32\/1200\*100cqi\)\] {
            column-gap: 2.66667cqi
        }

        .md\:gap-x-\[calc\(40\/1120\*100cqi\)\] {
            column-gap: 3.57143cqi
        }

        .md\:gap-x-\[calc\(40\/1180\*100cqi\)\] {
            column-gap: 3.38983cqi
        }

        .md\:gap-x-\[calc\(42\/1260\*100cqi\)\] {
            column-gap: 3.33333cqi
        }

        .md\:gap-x-\[calc\(80\/1120\*100cqi\)\] {
            column-gap: 7.14286cqi
        }

        .md\:gap-x-\[calc\(80\/1200\*100cqi\)\] {
            column-gap: 6.66667cqi
        }

        .md\:gap-x-\[calc\(110\/1200\*100cqi\)\] {
            column-gap: 9.16667cqi
        }

        .md\:gap-y-0 {
            row-gap: calc(var(--spacing)*0)
        }

        .md\:gap-y-0\.5 {
            row-gap: calc(var(--spacing)*.5)
        }

        .md\:gap-y-1 {
            row-gap: calc(var(--spacing)*1)
        }

        .md\:gap-y-2 {
            row-gap: calc(var(--spacing)*2)
        }

        .md\:gap-y-3 {
            row-gap: calc(var(--spacing)*3)
        }

        .md\:gap-y-3\.5 {
            row-gap: calc(var(--spacing)*3.5)
        }

        .md\:gap-y-4 {
            row-gap: calc(var(--spacing)*4)
        }

        .md\:gap-y-4\.5 {
            row-gap: calc(var(--spacing)*4.5)
        }

        .md\:gap-y-5 {
            row-gap: calc(var(--spacing)*5)
        }

        .md\:gap-y-6 {
            row-gap: calc(var(--spacing)*6)
        }

        .md\:gap-y-8 {
            row-gap: calc(var(--spacing)*8)
        }

        .md\:gap-y-15 {
            row-gap: calc(var(--spacing)*15)
        }

        .md\:gap-y-16 {
            row-gap: calc(var(--spacing)*16)
        }

        .md\:gap-y-20 {
            row-gap: calc(var(--spacing)*20)
        }

        .md\:gap-y-30 {
            row-gap: calc(var(--spacing)*30)
        }

        .md\:gap-y-50 {
            row-gap: calc(var(--spacing)*50)
        }

        .md\:gap-y-\[calc\(22\/1360\*100cqi\)\] {
            row-gap: 1.61765cqi
        }

        .md\:gap-y-\[calc\(30\/1280\*100cqi\)\] {
            row-gap: 2.34375cqi
        }

        .md\:self-auto {
            align-self: auto
        }

        .md\:self-center {
            align-self: center
        }

        .md\:self-end {
            align-self: flex-end
        }

        .md\:self-start {
            align-self: flex-start
        }

        .md\:justify-self-end {
            justify-self: flex-end
        }

        .md\:rounded-sm {
            border-radius: var(--radius-sm)
        }

        .md\:border-r {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px
        }

        .md\:border-b-0 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0
        }

        .md\:border-none {
            --tw-border-style: none;
            border-style: none
        }

        .md\:bg-linear-\[90deg\,rgba\(0\,0\,0\,0\.8\)_0\%\,_rgba\(0\,0\,0\,0\)_100\%\] {
            --tw-gradient-position: 90deg, #000c 0%, #0000 100%;
            background-image: linear-gradient(var(--tw-gradient-stops, 90deg, #000c 0%, #0000 100%))
        }

        .md\:mask-\(--mask-image-1\) {
            -webkit-mask-image: var(--mask-image-1);
            mask-image: var(--mask-image-1)
        }

        .md\:mask-size-\[350\%_350\%\] {
            -webkit-mask-size: 350% 350%;
            mask-size: 350% 350%
        }

        .md\:mask-size-\[400\%_400\%\] {
            -webkit-mask-size: 400% 400%;
            mask-size: 400% 400%
        }

        .md\:mask-position-\[0_0\] {
            -webkit-mask-position: 0 0;
            mask-position: 0 0
        }

        .md\:mask-position-\[80\%_80\%\] {
            -webkit-mask-position: 80% 80%;
            mask-position: 80% 80%
        }

        .md\:mask-no-repeat {
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat
        }

        .md\:p-0 {
            padding: calc(var(--spacing)*0)
        }

        .md\:p-\[calc\(40\/1120\*100cqi\)\] {
            padding: 3.57143cqi
        }

        .md\:p-\[calc\(60\/1200\*100cqi\)\] {
            padding: 5cqi
        }

        .md\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .md\:px-3 {
            padding-inline: calc(var(--spacing)*3)
        }

        .md\:px-4\.5 {
            padding-inline: calc(var(--spacing)*4.5)
        }

        .md\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }

        .md\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .md\:px-\[calc\(30\/1200\*100cqi\)\] {
            padding-inline: 2.5cqi
        }

        .md\:px-\[calc\(40\/1200\*100cqi\)\] {
            padding-inline: 3.33333cqi
        }

        .md\:px-\[calc\(60\/1120\*100cqi\)\] {
            padding-inline: 5.35714cqi
        }

        .md\:py-0\.5 {
            padding-block: calc(var(--spacing)*.5)
        }

        .md\:py-5 {
            padding-block: calc(var(--spacing)*5)
        }

        .md\:py-6 {
            padding-block: calc(var(--spacing)*6)
        }

        .md\:py-15 {
            padding-block: calc(var(--spacing)*15)
        }

        .md\:py-20 {
            padding-block: calc(var(--spacing)*20)
        }

        .md\:py-30 {
            padding-block: calc(var(--spacing)*30)
        }

        .md\:py-40 {
            padding-block: calc(var(--spacing)*40)
        }

        .md\:pt-0\.5 {
            padding-top: calc(var(--spacing)*.5)
        }

        .md\:pt-0\.75 {
            padding-top: calc(var(--spacing)*.75)
        }

        .md\:pt-4\.5 {
            padding-top: calc(var(--spacing)*4.5)
        }

        .md\:pt-5 {
            padding-top: calc(var(--spacing)*5)
        }

        .md\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }

        .md\:pt-7 {
            padding-top: calc(var(--spacing)*7)
        }

        .md\:pt-9 {
            padding-top: calc(var(--spacing)*9)
        }

        .md\:pt-10 {
            padding-top: calc(var(--spacing)*10)
        }

        .md\:pt-15 {
            padding-top: calc(var(--spacing)*15)
        }

        .md\:pt-20 {
            padding-top: calc(var(--spacing)*20)
        }

        .md\:pt-22 {
            padding-top: calc(var(--spacing)*22)
        }

        .md\:pt-25 {
            padding-top: calc(var(--spacing)*25)
        }

        .md\:pt-30 {
            padding-top: calc(var(--spacing)*30)
        }

        .md\:pt-\[calc\(30\/1200\*100cqi\)\] {
            padding-top: 2.5cqi
        }

        .md\:pt-\[calc\(40\/760\*100vh\)\] {
            padding-top: 5.26316vh
        }

        .md\:pt-\[calc\(60\/1280\*100cqi\)\] {
            padding-top: 4.6875cqi
        }

        .md\:pr-3 {
            padding-right: calc(var(--spacing)*3)
        }

        .md\:pr-4 {
            padding-right: calc(var(--spacing)*4)
        }

        .md\:pr-\[--fluid\(1\.5rem\,7\.5rem\)\] {
            padding-right: clamp(1.5rem, -5.3571rem + 14.2857svw, 7.5rem)
        }

        .md\:pr-\[--fluid\(1\.25rem\,10rem\)\] {
            padding-right: clamp(1.25rem, -8.75rem + 20.8333svw, 10rem)
        }

        .md\:pr-\[calc\(68\/1120\*100cqi\)\] {
            padding-right: 6.07143cqi
        }

        .md\:pr-\[calc\(70\/1200\*100cqi\)\] {
            padding-right: 5.83333cqi
        }

        .md\:pr-\[calc\(80\/1200\*100cqi\)\] {
            padding-right: 6.66667cqi
        }

        .md\:pr-\[calc\(84\/1240\*100cqi\)\)\] {
            padding-right: 6.77419cqi
        }

        .md\:pr-\[calc\(86\/1280\*100cqi\)\] {
            padding-right: 6.71875cqi
        }

        .md\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }

        .md\:pb-0\.75 {
            padding-bottom: calc(var(--spacing)*.75)
        }

        .md\:pb-1\.5 {
            padding-bottom: calc(var(--spacing)*1.5)
        }

        .md\:pb-1\.25 {
            padding-bottom: calc(var(--spacing)*1.25)
        }

        .md\:pb-5 {
            padding-bottom: calc(var(--spacing)*5)
        }

        .md\:pb-5\.5 {
            padding-bottom: calc(var(--spacing)*5.5)
        }

        .md\:pb-7\.5 {
            padding-bottom: calc(var(--spacing)*7.5)
        }

        .md\:pb-10 {
            padding-bottom: calc(var(--spacing)*10)
        }

        .md\:pb-25 {
            padding-bottom: calc(var(--spacing)*25)
        }

        .md\:pb-25\.5 {
            padding-bottom: calc(var(--spacing)*25.5)
        }

        .md\:pb-30 {
            padding-bottom: calc(var(--spacing)*30)
        }

        .md\:pb-35 {
            padding-bottom: calc(var(--spacing)*35)
        }

        .md\:pb-40 {
            padding-bottom: calc(var(--spacing)*40)
        }

        .md\:pb-\[calc\(24\/1200\*100cqi\)\] {
            padding-bottom: 2cqi
        }

        .md\:pl-0 {
            padding-left: calc(var(--spacing)*0)
        }

        .md\:pl-4 {
            padding-left: calc(var(--spacing)*4)
        }

        .md\:pl-6 {
            padding-left: calc(var(--spacing)*6)
        }

        .md\:pl-12 {
            padding-left: calc(var(--spacing)*12)
        }

        .md\:pl-\[--fluid\(1\.5rem\,3\.75rem\)\] {
            padding-left: clamp(1.5rem, -1.0714rem + 5.3571svw, 3.75rem)
        }

        .md\:pl-\[--fluid\(1\.25rem\,4\.625rem\)\] {
            padding-left: clamp(1.25rem, -2.6071rem + 8.0357svw, 4.625rem)
        }

        .md\:pl-\[calc\(26\/1180\*100cqi\)\] {
            padding-left: 2.20339cqi
        }

        .md\:pl-\[calc\(26\/1240\*100cqi\)\] {
            padding-left: 2.09677cqi
        }

        .md\:pl-\[calc\(40\/1200\*100cqi\)\] {
            padding-left: 3.33333cqi
        }

        .md\:pl-\[calc\(60\/1120\*100cqi\)\] {
            padding-left: 5.35714cqi
        }

        .md\:pl-\[calc\(80\/1260\*100cqi\)\] {
            padding-left: 6.34921cqi
        }

        .md\:text-center {
            text-align: center
        }

        .md\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }

        .md\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .md\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .md\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .md\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }

        .md\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
        }

        .md\:text-13 {
            font-size: var(--text-13)
        }

        .md\:text-15 {
            font-size: var(--text-15)
        }

        .md\:text-17 {
            font-size: var(--text-17)
        }

        .md\:text-\[calc\(28\/16\*1rem\)\] {
            font-size: 1.75rem
        }

        .md\:leading-\[1\.7\] {
            --tw-leading: 1.7;
            line-height: 1.7
        }

        .md\:leading-\[1\.8\] {
            --tw-leading: 1.8;
            line-height: 1.8
        }

        .md\:font-normal {
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal)
        }

        .md\:opacity-0 {
            opacity: 0
        }

        .md\:opacity-100 {
            opacity: 1
        }

        .md\:transition-\[mask-position\] {
            transition-property: -webkit-mask-position, mask-position;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration))
        }

        .md\:transition-opacity {
            transition-property: opacity;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration))
        }

        .md\:duration-600 {
            --tw-duration: .6s;
            transition-duration: .6s
        }

        .md\:duration-1800 {
            --tw-duration: 1.8s;
            transition-duration: 1.8s
        }

        .md\:ease-out-quad {
            --tw-ease: var(--ease-out-quad);
            transition-timing-function: var(--ease-out-quad)
        }

        .md\:ease-out-sine {
            --tw-ease: var(--ease-out-sine);
            transition-timing-function: var(--ease-out-sine)
        }

        .md\:\[grid-area\:1\/2\/2\/3\] {
            grid-area: 1/2/2/3
        }

        .md\:\[grid-area\:var\(--thumb-grid-area\)\] {
            grid-area: var(--thumb-grid-area)
        }

        .md\:grid-area-\[nav\] {
            grid-area: nav
        }

        .md\:grid-areas-\[\'gallery_nav_other\'\] {
            grid-template-areas: "gallery nav other"
        }

        .md\:writing-vertical {
            writing-mode: vertical-rl
        }

        .md\:group-has-\[\[data-point-content\]\[data-inview\]\]\:opacity-100:is(:where(.group):has([data-point-content][data-inview]) *) {
            opacity: 1
        }

        .md\:before\:h-4:before {
            content: var(--tw-content);
            height: calc(var(--spacing)*4)
        }

        .md\:before\:w-3\.5:before {
            content: var(--tw-content);
            width: calc(var(--spacing)*3.5)
        }
    }

    .after\:md\:mt-0:after {
        content: var(--tw-content)
    }

    @media (min-width:48rem) {
        .after\:md\:mt-0:after {
            margin-top: calc(var(--spacing)*0)
        }
    }

    .\[\&_\*\]\:border * {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .\[\&_\*\]\:border-charcoal * {
        border-color: var(--color-charcoal)
    }

    .\[role\=\"menuitem\"\]\:visible:is() {
        visibility: visible
    }

    .\[\&\>td\:not\(\:last-of-type\)\]\:border-r>td:not(:last-of-type) {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .\[\&\>td\:not\(\:last-of-type\)\]\:border-charcoal>td:not(:last-of-type) {
        border-color: var(--color-charcoal)
    }

    .\[\&\>th\:not\(\:last-of-type\)\]\:border-r>th:not(:last-of-type) {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .\[\&\>th\:not\(\:last-of-type\)\]\:border-charcoal>th:not(:last-of-type) {
        border-color: var(--color-charcoal)
    }


html.lenis,
html.lenis body {
    height: auto
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
    overflow: clip
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-smooth iframe {
    pointer-events: none
}

.lenis.lenis-autoToggle {
    transition-behavior: allow-discrete;
    transition-property: overflow;
    transition-duration: 1ms
}

html.is-changing body {
    cursor: wait
}

html.is-changing body * {
    pointer-events: none
}

html.is-changing #header .l-header-static,
html.is-changing #header .l-header-fixed {
    transition: opacity .6s var(--ease-out-sine)
}

.top #header {
    position: absolute;
    color: #fff;
}

.top #header .l-header-static a.l-header-logo {
    color: #fff !important;
}


@media screen and (min-width:768px) {

    html.is-changing #header .l-header-static,
    html.is-changing #header .l-header-fixed {
        transition: opacity .6s var(--ease-out-sine), translate .6s var(--ease-out-sine)
    }
}

html.is-changing #footer {
    transition: opacity .6s var(--ease-out-sine)
}

html.is-changing .swup-transition-main {
    transition: opacity .8s var(--ease-out-sine), filter .8s var(--ease-out-sine);
    will-change: filter;
    transform: translateZ(0)
}

@media screen and (min-width:768px) {
    html.is-changing .swup-transition-main {
        transition: opacity .8s var(--ease-out-sine), filter .8s var(--ease-out-sine), translate .6s var(--ease-out-sine).2s
    }
}

html.is-animating #header .l-header-static,
html.is-animating #header .l-header-fixed {
    opacity: 0
}

@media screen and (min-width:768px) {

    html.is-animating #header .l-header-static,
    html.is-animating #header .l-header-fixed {
        translate: 0 2px
    }
}

html.is-animating #footer {
    opacity: 0
}

html.is-animating .swup-transition-main {
    opacity: 0;
    filter: blur(2px)
}

html.is-leaving #header .l-header-static,
html.is-leaving #header .l-header-fixed {
    transition-delay: .2s
}

@media screen and (min-width:768px) {
    html.is-leaving .swup-transition-main {
        translate: 0 5px
    }
}

html #news-archive-content.is-changing {
    transition: opacity .6s
}

html #news-archive-content.is-animating {
    opacity: 0
}

html #experience-single-modal.is-changing {
    transition: opacity .45s
}

html #experience-single-modal.is-animating {
    opacity: 0
}

@keyframes pulse-animation {
    0% {
        opacity: 1;
        scale: 1
    }

    to {
        opacity: 0;
        scale: 2
    }
}

@keyframes to-from-scale-x {
    0% {
        transform-origin: 100% 100%;
        scale: 1
    }

    50% {
        transform-origin: 100% 100%;
        scale: 0 1
    }

    51% {
        transform-origin: 0 100%;
        scale: 0 1
    }

    to {
        transform-origin: 0 100%;
        scale: 1
    }
}

@keyframes to-from-scale-x-reverse {
    0% {
        transform-origin: 0 100%;
        scale: 1
    }

    50% {
        transform-origin: 0 100%;
        scale: 0 1
    }

    51% {
        transform-origin: 100% 100%;
        scale: 0 1
    }

    to {
        transform-origin: 100% 100%;
        scale: 1
    }
}

@keyframes to-from-line {
    0% {
        background-position: 100% 100%;
        background-size: 100% 1px
    }

    50% {
        background-position: 100% 100%;
        background-size: 0% 1px
    }

    51% {
        background-position: 0 100%;
        background-size: 0% 1px
    }

    to {
        background-position: 0 100%;
        background-size: 100% 1px
    }
}

@keyframes from-to-line {
    0% {
        background-position: 0 100%;
        background-size: 0% 1px
    }

    50% {
        background-position: 0 100%;
        background-size: 100% 1px
    }

    51% {
        background-position: 100% 100%;
        background-size: 100% 1px
    }

    to {
        background-position: 100% 100%;
        background-size: 0% 1px
    }
}

@keyframes draw-circle {
    0% {
        stroke-dashoffset: var(--stroke-dash, calc(2*var(--pi)*9px))
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes bullet-scale-out {
    0% {
        opacity: .7;
        scale: 1
    }

    to {
        opacity: 1;
        scale: 1.3
    }
}

.l-header {
    z-index: var(--z-header);
    width: 100%;
    color: var(--color-black);
    display: grid;
}

.l-header.l-header--fixed {
    position: sticky;
    top: 0;
    z-index: 10;
}

.l-header .l-header-logo {
    color: var(--color-dark-brown) !important;
    display: block;
    position: relative
}

.l-header .l-header-static {
    z-index: var(--z-header);
    padding-inline: clamp(1.25rem, -.1786rem + 2.9762svw, 2.5rem);
    grid-template-columns: auto 1fr;
    padding-block: 24px 20px;
    transition: opacity .6s;
    display: grid;
    position: relative
}

@media screen and (min-width:768px) {
    .l-header .l-header-static {
        padding-block: 4px 8px
    }
}

.l-header .l-header-static .l-header-logo {
    width: clamp(9.5rem, 7.5rem + 4.1667svw, 11.25rem);
    display: block
}

@media screen and (min-width:768px) {
    .l-header .l-header-static .l-header-logo {
        top: 24px
    }
}

.l-header .l-header-fixed {
    z-index: var(--z-header);
    color: var(--color-black);  
    background-color: var(--color-linen);
    padding-inline: clamp(1.25rem, -.1786rem + 2.9762svw, 2.5rem);
    grid-template-columns: auto 1fr;
    align-items: center;
    width: 100%;
    padding-block: 13px 12px;
    transition: opacity .6s;
    display: grid;
}

@media screen and (min-width:768px) {
    .l-header .l-header-fixed {
        padding-block: 16px 16px
    }
}

.l-header .l-header-fixed .l-header-logo {
    width: 140px;
    color: var(--color-dark-brown);
}

@media screen and (min-width:768px) {
    .l-header .l-header-fixed .l-header-logo {
        width: 160px
    }
}

.l-header[data-layer=top] .l-header-static {
    color: var(--color-pure-white)
}

@media screen and (min-width:768px) {
    .l-header[data-layer=top] .l-header-static {
        padding-block: 20px
    }
}

.l-header[data-layer=top] .l-header-static .l-header-logo {
    width: 160px;
    color: var(--color-pure-white)
}

@media screen and (min-width:768px) {
    .l-header[data-layer=top] .l-header-static .l-header-logo {
        width: 200px
    }
}

.l-header[data-layer=top] .l-header-static .l-header-list,
.l-header[data-pos=fixed] .l-header-static {
    opacity: 0;
    pointer-events: none
}

.l-header[data-pos=fixed] .l-header-fixed {
    opacity: 1;
    pointer-events: auto
}

.l-header .l-header-toggle {
    grid-template-areas: "line";
    place-items: center;
    width: 3rem;
    height: 1.5rem;
    display: grid
}

@media screen and (min-width:768px) {
    .l-header .l-header-toggle {
        width: 3.75rem
    }
}

@media (any-hover:hover) {

    .l-header .l-header-toggle:hover:before,
    .l-header .l-header-toggle:hover:after {
        animation: .95s ease-in-out forwards to-from-line
    }

    .l-header .l-header-toggle:hover:after {
        animation-delay: .18s
    }
}

.l-header .l-header-toggle:before,
.l-header .l-header-toggle:after {
    content: "";
    background-image: linear-gradient(currentColor 0 0);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    grid-area: line;
    width: 100%;
    height: 1px;
    transition: translate .6s, rotate .6s
}

.l-header .l-header-toggle:before {
    translate: 0 -4px
}

.l-header .l-header-toggle:after {
    translate: 0 4px
}

.l-header .l-header-toggle[aria-expanded=true] {
    color: var(--color-black)
}

.l-header .l-header-toggle[aria-expanded=true]:before {
    translate: 0;
    rotate: -25deg
}

.l-header .l-header-toggle[aria-expanded=true]:after {
    translate: 0;
    rotate: 25deg
}

.p-news-single-body[class]>:first-child {
    margin-top: 0
}

.p-news-single-body[class]>:last-child {
    margin-bottom: 0
}

.p-news-single-body p {
    letter-spacing: .08em;
    font-size: .875rem;
    line-height: 1.8
}

@media screen and (min-width:768px) {
    .p-news-single-body p {
        font-size: .9375rem
    }
}

.p-news-single-body p+p {
    margin-top: .75rem
}

@media screen and (min-width:768px) {
    .p-news-single-body p+p {
        margin-top: 1rem
    }
}

.p-news-single-body strong {
    font-weight: 600
}

.p-news-single-body em {
    font-style: italic
}

.p-news-single-body .wp-block-quote {
    background-color: var(--color-antique-white);
    border-radius: 4px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 1.5rem 2rem
}

@media screen and (min-width:768px) {
    .p-news-single-body .wp-block-quote {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        padding: 2.5rem
    }
}

.p-news-single-body .wp-block-preformatted {
    word-wrap: break-word;
    white-space: pre-wrap;
    font-size: .875rem;
    line-height: 1.8
}

@media screen and (min-width:768px) {
    .p-news-single-body .wp-block-preformatted {
        font-size: .9375rem
    }
}

.p-news-single-body hr {
    border-top: 1px solid;
    border-bottom: none;
    margin-top: 2rem;
    margin-bottom: 2rem
}

@media screen and (min-width:768px) {
    .p-news-single-body hr {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }
}

.p-news-single-body a:not(.wp-block-button__link, :has(>img))[href] {
    background-image: linear-gradient(currentColor 0 0);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px
}

.p-news-single-body a:not(.wp-block-button__link, :has(>img))[href][target=_blank] {
    --icon-width: .6875rem;
    --icon-gap: .375rem
}

.p-news-single-body a:not(.wp-block-button__link, :has(>img))[href][target=_blank]:after {
    clip-path: url(#clip-icon-blank-primary);
    margin-right: calc((var(--icon-width) + var(--icon-gap))*-1);
    margin-left: var(--icon-gap);
    aspect-ratio: 11/9;
    width: var(--icon-width);
    content: "";
    background-color: currentColor;
    display: inline-block
}

.p-news-single-body a:not(.wp-block-button__link, :has(>img))[href]:focus-visible {
    animation: to-from-line 1s var(--ease-out-sine)forwards
}

@media (any-hover:hover) {
    .p-news-single-body a:not(.wp-block-button__link, :has(>img))[href]:hover {
        animation: to-from-line 1s var(--ease-out-sine)forwards
    }
}

.p-news-single-body a:not(.wp-block-button__link, :has(>img)):not([href]) {
    color: var(--color-charcoal)
}

.p-news-single-body .wp-block-buttons {
    --max-width: 18.75rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.p-news-single-body .wp-block-buttons:has(.wp-block-button+.wp-block-button) {
    grid-template-columns: repeat(auto-fit, min(var(--max-width), 100%));
    gap: 1.25rem;
    display: grid
}

.p-news-single-body .wp-block-buttons.is-content-justification-center .wp-block-button {
    margin-left: auto;
    margin-right: auto
}

.p-news-single-body .wp-block-buttons .wp-block-button {
    max-width: var(--max-width);
    letter-spacing: .08em;
    font-size: .875rem;
    line-height: 1.8
}

@media screen and (min-width:768px) {
    .p-news-single-body .wp-block-buttons .wp-block-button {
        font-size: .9375rem
    }
}

.p-news-single-body .wp-block-buttons .wp-block-button__link {
    background-color: var(--color-black);
    color: var(--color-pure-white);
    border-radius: 4px;
    place-content: center;
    padding: .875rem 1.5rem;
    transition: color .65s, background-color .65s;
    display: grid
}

.p-news-single-body .wp-block-buttons .wp-block-button__link[href] {
    --icon-width: 7;
    padding-left: calc((24 + var(--icon-width))/16*1rem);
    grid-template-columns: auto max-content;
    align-items: center;
    column-gap: 1rem
}

.p-news-single-body .wp-block-buttons .wp-block-button__link[href]:after {
    clip-path: url(#clip-icon-arrow-primary);
    aspect-ratio: 7/10;
    width: calc(var(--icon-width)/16*1rem);
    content: "";
    background-color: currentColor
}

.p-news-single-body .wp-block-buttons .wp-block-button__link[href][target=_blank] {
    --icon-width: 11
}

.p-news-single-body .wp-block-buttons .wp-block-button__link[href][target=_blank]:after {
    clip-path: url(#clip-icon-blank-primary);
    aspect-ratio: 11/9;
    width: calc(var(--icon-width)/16*1rem)
}

@media (any-hover:hover) {
    .p-news-single-body .wp-block-buttons .wp-block-button__link[href]:hover {
        background-color: var(--color-pure-white);
        color: var(--color-black)
    }
}

.p-news-single-body .wp-block-buttons .wp-block-button__link:not([href]) {
    background-color: var(--color-charcoal);
    color: var(--color-pure-white)
}

.p-news-single-body .wp-block-list {
    letter-spacing: .08em;
    row-gap: .5rem;
    margin-top: 1rem;
    font-size: .875rem;
    line-height: 1.8;
    display: grid
}

@media screen and (min-width:768px) {
    .p-news-single-body .wp-block-list {
        row-gap: .75rem;
        font-size: .9375rem
    }
}

.p-news-single-body .wp-block-list>li {
    position: relative
}

.p-news-single-body .wp-block-list>li .wp-block-list {
    row-gap: .375rem;
    margin-top: .5rem;
    font-size: .8125rem
}

@media screen and (min-width:768px) {
    .p-news-single-body .wp-block-list>li .wp-block-list {
        row-gap: .5rem;
        margin-top: .75rem;
        font-size: .875rem
    }
}

.p-news-single-body ul.wp-block-list>li {
    padding-left: 1rem
}

.p-news-single-body ul.wp-block-list>li:before {
    --marker-size: calc(4/15*1em);
    border-radius: var(--infinity);
    aspect-ratio: 1;
    width: var(--marker-size);
    content: "";
    background-color: currentColor;
    position: absolute;
    top: .5lh;
    left: 0
}

.p-news-single-body ol.wp-block-list {
    counter-reset: num
}

.p-news-single-body ol.wp-block-list>li {
    counter-increment: num;
    padding-left: 1.5em
}

.p-news-single-body ol.wp-block-list>li:before {
    content: counter(num)". ";
    position: absolute;
    top: 0;
    left: 0
}

.p-news-single-body .wp-block-image {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media screen and (min-width:768px) {
    .p-news-single-body .wp-block-image {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }
}

.p-news-single-body .wp-block-image img {
    border-radius: 4px
}

.p-news-single-body .wp-block-image .wp-element-caption {
    letter-spacing: .08em;
    text-align: center;
    width: fit-content;
    margin-top: .5rem;
    margin-left: auto;
    margin-right: auto;
    font-size: .8125rem;
    line-height: 1.8
}

@media screen and (min-width:768px) {
    .p-news-single-body .wp-block-image .wp-element-caption {
        margin-top: .75rem;
        font-size: .875rem
    }
}

.p-news-single-body .wp-block-image>a {
    transition: opacity .4s var(--ease-out-sine)
}

.p-news-single-body .wp-block-image>a:not(:focus-visible) {
    opacity: .8
}

@media (any-hover:hover) {
    .p-news-single-body .wp-block-image>a:hover {
        opacity: .8
    }
}

.p-news-single-body .wp-block-image:has(>a) .wp-element-caption {
    background-image: linear-gradient(currentColor 0 0);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px
}

.p-news-single-body .wp-block-image:has(>a:focus-visible, >a:hover) .wp-element-caption {
    animation: to-from-line 1s var(--ease-out-sine)forwards
}

.p-news-single-body .wp-block-video {
    width: fit-content;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media screen and (min-width:768px) {
    .p-news-single-body .wp-block-video {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }
}

.p-news-single-body iframe {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media screen and (min-width:768px) {
    .p-news-single-body iframe {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }
}

.p-news-single-body iframe.instagram-media {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important
}

@media screen and (min-width:768px) {
    .p-news-single-body iframe.instagram-media {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important
    }
}

.p-news-single-body .wp-block-embed {
    width: fit-content;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@media screen and (min-width:768px) {
    .p-news-single-body .wp-block-embed {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }
}

.p-news-single-body .wp-block-embed .wp-block-embed__wrapper iframe {
    margin-top: 0;
    margin-bottom: 0
}

.p-news-single-body .wp-block-columns {
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    display: flex
}

@media screen and (min-width:768px) {
    .p-news-single-body .wp-block-columns {
        flex-wrap: nowrap;
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }
}

.p-news-single-body .wp-block-columns .wp-block-column * {
    margin: 0
}

.p-news-single-body h2,
.p-news-single-body h3,
.p-news-single-body h4,
.p-news-single-body h5,
.p-news-single-body h6 {
    line-height: 1.8;
    font-family: var(--font-noto-serif-jp)
}

.p-news-single-body h3.wp-block-heading,
.p-news-single-body h4.wp-block-heading,
.p-news-single-body h5.wp-block-heading,
.p-news-single-body h6.wp-block-heading {
    margin-top: 2rem;
    font-size: 1.25rem
}

@media screen and (min-width:768px) {

    .p-news-single-body h3.wp-block-heading,
    .p-news-single-body h4.wp-block-heading,
    .p-news-single-body h5.wp-block-heading,
    .p-news-single-body h6.wp-block-heading {
        margin-top: 3rem;
        font-size: 1.125rem
    }
}

:is(.p-news-single-body h3.wp-block-heading, .p-news-single-body h4.wp-block-heading, .p-news-single-body h5.wp-block-heading, .p-news-single-body h6.wp-block-heading)+* {
    margin-top: 1rem !important
}

.p-news-single-body h2.wp-block-heading {
    grid-template-columns: max-content 1fr;
    column-gap: 1rem;
    margin-top: 3.75rem;
    font-size: 1.5rem;
    display: grid
}

@media screen and (min-width:768px) {
    .p-news-single-body h2.wp-block-heading {
        column-gap: 1.5rem;
        margin-top: 5rem
    }
}

.p-news-single-body h2.wp-block-heading:before {
    --marker-h: 2rem;
    margin-block: calc((1lh - var(--marker-h))/2);
    background-color: var(--color-sage);
    width: 3px;
    height: var(--marker-h);
    content: "";
    display: inline-block
}

@media screen and (min-width:768px) {
    .p-news-single-body h2.wp-block-heading:before {
        --marker-h: 3rem
    }
}

.p-news-single-body h2.wp-block-heading+* {
    margin-top: 1.875rem !important
}

@media screen and (min-width:768px) {
    .p-news-single-body h2.wp-block-heading+* {
        margin-top: 2rem !important
    }
}

.p-experience-single-body p {
    letter-spacing: .08em;
    font-size: .875rem;
    line-height: 1.8
}

@media screen and (min-width:768px) {
    .p-experience-single-body p {
        font-size: .9375rem
    }
}

.p-contact .wpcf7 .screen-reader-response {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    margin: -1px;
    position: absolute;
    overflow: hidden
}

.p-contact .wpcf7 .hidden-fields-container,
.p-contact .wpcf7-spinner {
    display: none
}

.p-contact .wpcf7-form {
    margin-top: 2.5rem
}

@media screen and (min-width:768px) {
    .p-contact .wpcf7-form {
        margin-top: 4rem
    }
}

.p-contact .wpcf7-response-output,
.p-contact .wpcf7-not-valid-tip {
    display: none
}

.p-contact .p-contact-list {
    row-gap: 1.5rem;
    display: grid
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-list {
        row-gap: 2rem
    }
}

.p-contact .p-contact-item label {
    letter-spacing: .08em;
    font-size: .875rem;
    line-height: 1.8
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-item label {
        font-size: .9375rem
    }
}

.p-contact .p-contact-item label+* {
    margin-top: 1rem
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-item label+* {
        margin-top: .875rem
    }
}

.p-contact .p-contact-item .wpcf7-form-control-wrap {
    display: block
}

.p-contact .p-contact-item:has(.wpcf7-validates-as-required) label {
    align-items: center;
    column-gap: .625rem;
    display: flex
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-item:has(.wpcf7-validates-as-required) label {
        column-gap: .75rem
    }
}

.p-contact .p-contact-item:has(.wpcf7-validates-as-required) label:after {
    content: "必須";
    height: fit-content;
    color: var(--color-danger);
    letter-spacing: .08em;
    border: 1px solid;
    border-radius: 2px;
    padding: .1875rem .5rem .3125rem;
    font-size: .6875rem;
    line-height: 1
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-item:has(.wpcf7-validates-as-required) label:after {
        padding: .25rem .5rem;
        font-size: .75rem
    }
}

.p-contact .p-contact-item input,
.p-contact .p-contact-item textarea,
.p-contact .p-contact-item select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #1d201f4d
}

@supports (color:color-mix(in lab, red, red)) {

    .p-contact .p-contact-item input,
    .p-contact .p-contact-item textarea,
    .p-contact .p-contact-item select {
        border: 1px solid color-mix(in oklab, var(--color-black)30%, transparent)
    }
}

.p-contact .p-contact-item input,
.p-contact .p-contact-item textarea,
.p-contact .p-contact-item select {
    letter-spacing: .08em;
    border-radius: 4px;
    width: 100%;
    padding: .8125rem 1rem .875rem;
    font-size: .875rem;
    line-height: 1.8
}

@media screen and (min-width:768px) {

    .p-contact .p-contact-item input,
    .p-contact .p-contact-item textarea,
    .p-contact .p-contact-item select {
        padding: 1rem 1.5rem;
        font-size: .9375rem
    }
}

:is(.p-contact .p-contact-item input, .p-contact .p-contact-item textarea, .p-contact .p-contact-item select)[data-error] {
    border-color: var(--color-danger)
}

:is(.p-contact .p-contact-item input, .p-contact .p-contact-item textarea)::placeholder {
    color: #1d201f4d
}

@supports (color:color-mix(in lab, red, red)) {
    :is(.p-contact .p-contact-item input, .p-contact .p-contact-item textarea)::placeholder {
        color: color-mix(in oklab, var(--color-black)30%, transparent)
    }
}

.p-contact .p-contact-item textarea {
    resize: vertical;
    height: 8.75rem
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-item textarea {
        height: 15rem
    }
}

.p-contact .p-contact-item select {
    color: #1d201f4d
}

@supports (color:color-mix(in lab, red, red)) {
    .p-contact .p-contact-item select {
        color: color-mix(in oklab, var(--color-black)30%, transparent)
    }
}

.p-contact .p-contact-item select[data-select=true] {
    color: var(--color-black)
}

.p-contact .p-contact-item:has(select) .wpcf7-form-control-wrap {
    position: relative
}

.p-contact .p-contact-item:has(select) .wpcf7-form-control-wrap:after {
    clip-path: url(#clip-icon-arrow-primary);
    aspect-ratio: 7/10;
    content: "";
    background-color: currentColor;
    width: .4375rem;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.5rem;
    rotate: 90deg
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-item:has(select) .wpcf7-form-control-wrap:after {
        right: 2rem
    }
}

.p-contact .p-contact-error {
    color: var(--color-danger);
    letter-spacing: .08em;
    margin-top: .375rem;
    font-size: .75rem;
    line-height: 1.8
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-error {
        margin-top: .5rem;
        font-size: .8125rem
    }
}

.p-contact .p-contact-agree {
    text-align: center;
    margin-inline: auto;
    width: fit-content;
    margin-top: 2.5rem
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-agree {
        margin-top: 3rem
    }
}

.p-contact .p-contact-agree label {
    letter-spacing: .08em;
    grid-template-columns: max-content 1fr;
    align-items: center;
    column-gap: 1rem;
    font-size: .875rem;
    line-height: 1.8;
    display: grid
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-agree label {
        font-size: .9375rem
    }
}

.p-contact .p-contact-agree label a {
    transition: opacity .6s var(--ease-out-sine);
    background-image: linear-gradient(currentColor 0 0);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px
}

@media screen and (any-hover:hover) {
    .p-contact .p-contact-agree label a:hover {
        opacity: .6
    }
}

.p-contact .p-contact-agree input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #1d201f4d;
    position: relative
}

@supports (color:color-mix(in lab, red, red)) {
    .p-contact .p-contact-agree input[type=checkbox] {
        border: 1px solid color-mix(in oklab, var(--color-black)30%, transparent)
    }
}

.p-contact .p-contact-agree input[type=checkbox] {
    aspect-ratio: 1;
    border-radius: 4px;
    width: 1.25rem
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-agree input[type=checkbox] {
        width: 1.5rem
    }
}

.p-contact .p-contact-agree input[type=checkbox]:checked {
    background-color: var(--color-brown);
    color: var(--color-pure-white)
}

.p-contact .p-contact-agree input[type=checkbox]:checked:after {
    clip-path: url(#icon-check);
    aspect-ratio: 14/10;
    content: "";
    background-color: currentColor;
    width: .875rem;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.p-contact .p-contact-control {
    margin-inline: auto;
    max-width: 13.75rem;
    margin-top: 3rem
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-control {
        margin-top: 4rem
    }
}

.p-contact .p-contact-control>div {
    text-align: center
}

.p-contact .p-contact-button {
    --icon-width: 7;
    background-color: var(--color-brown);
    width: 100%;
    color: var(--color-pure-white);
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1;
    font-family: var(--font-noto-serif-jp);
    border-radius: 4px;
    grid-template-columns: 1fr max-content;
    place-items: center;
    column-gap: .75rem;
    padding: 1.25rem 1.875rem 1.25rem 2.25rem;
    transition: background-color .6s, color .6s;
    display: grid
}

.p-contact .p-contact-button:after {
    clip-path: url(#clip-icon-arrow-primary);
    aspect-ratio: 7/10;
    width: calc(var(--icon-width)/16*1rem);
    content: "";
    background-color: currentColor
}

@media screen and (any-hover:hover) {
    .p-contact .p-contact-button:hover {
        background-color: var(--color-pure-white);
        color: var(--color-brown)
    }
}

.p-contact .p-contact-submit {
    color: var(--color-pure-white);
    margin-top: 2rem;
    transition: color .6s;
    container-type: inline-size
}

@media screen and (any-hover:hover) {
    .p-contact .p-contact-submit:hover {
        color: var(--color-brown)
    }

    .p-contact .p-contact-submit:hover input {
        background-color: var(--color-pure-white)
    }
}

.p-contact .p-contact-submit>p {
    --icon-width: 7;
    position: relative
}

.p-contact .p-contact-submit>p:after {
    clip-path: url(#clip-icon-arrow-primary);
    aspect-ratio: 7/10;
    width: calc(var(--icon-width)/16*1rem);
    content: "";
    background-color: currentColor;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 27.2727cqi
}

.p-contact .p-contact-submit input {
    background-color: var(--color-brown);
    width: 100%;
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1;
    font-family: var(--font-noto-serif-jp);
    border-radius: 4px;
    padding: 1.25rem 1.875rem;
    transition: background-color .6s;
    display: block
}

.p-contact .p-contact-back {
    transition: opacity .6s var(--ease-out-sine);
    letter-spacing: .08em;
    background-image: linear-gradient(currentColor 0 0);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    width: fit-content;
    margin-inline: auto;
    font-size: .875rem;
    line-height: 1.8
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-back {
        font-size: .9375rem
    }
}

@media screen and (any-hover:hover) {
    .p-contact .p-contact-back:hover {
        opacity: .6
    }
}

.p-contact .p-contact-confirm {
    row-gap: 1.5rem;
    display: grid
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-confirm {
        row-gap: 2rem
    }
}

.p-contact .p-contact-confirm>div {
    border-bottom: 1px solid #1d201f4d
}

@supports (color:color-mix(in lab, red, red)) {
    .p-contact .p-contact-confirm>div {
        border-bottom: 1px solid color-mix(in oklab, var(--color-black)30%, transparent)
    }
}

.p-contact .p-contact-confirm>div {
    padding-bottom: 1rem
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-confirm>div {
        padding-bottom: 1.5rem
    }
}

.p-contact .p-contact-confirm>div dt {
    letter-spacing: .08em;
    font-size: .875rem;
    line-height: 1.8
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-confirm>div dt {
        font-size: .9375rem
    }
}

.p-contact .p-contact-confirm>div dd {
    letter-spacing: .08em;
    margin-top: .875rem;
    font-size: .875rem;
    line-height: 1.8
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-confirm>div dd {
        margin-top: 1.125rem;
        font-size: .9375rem
    }
}

.p-contact .p-contact-confirm>div[data-required] dt {
    align-items: center;
    column-gap: .625rem;
    display: flex
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-confirm>div[data-required] dt {
        column-gap: .75rem
    }
}

.p-contact .p-contact-confirm>div[data-required] dt:after {
    content: "必須";
    height: fit-content;
    color: var(--color-danger);
    letter-spacing: .08em;
    border: 1px solid;
    border-radius: 2px;
    padding: .1875rem .5rem .3125rem;
    font-size: .6875rem;
    line-height: 1
}

@media screen and (min-width:768px) {
    .p-contact .p-contact-confirm>div[data-required] dt:after {
        padding: .25rem .5rem;
        font-size: .75rem
    }
}

.p-faq-sec {
    padding-top: 100px;
    margin-top: -100px;
}

.p-faq-sec  details[open] svg {
    rotate: 270deg;
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@media (min-width: 48rem) {
    .md-max-w-62_5 {
        max-width: calc(var(--spacing) * 62.5);
    }
}

/* 2026/1/5 追記 */

.py-4_5 {
    padding-block: calc(var(--spacing) * 4.5);
}
.py-1 {
    padding-block: calc(var(--spacing) * 1);
}
.px-1_75 {
    padding-inline: calc(var(--spacing) * 1.75);
}
.bg-pure-white_30 {
    background-color: #ffffff4d;
}