@keyframes fadeIn {
    0% {
        visibility: hidden;
        opacity: 0
    }

    1% {
        visibility: visible;
        opacity: 0
    }

    100% {
        visibility: visible;
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        visibility: visible;
        opacity: 1
    }

    99% {
        visibility: visible;
        opacity: 0
    }

    100% {
        visibility: hidden;
        opacity: 0
    }
}

:root {
    --p-font-base: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    --p-color-body: #555;
    --p-color-placeholder: #b8b8b8;
    --p-color-primary: #00ac9c;
    --p-color-secondary: #40c1b5;
    --p-color-attention: #e6002d;
    --p-color-required: #fbd9e0;
    --p-color-active: #00aac3;
    --p-color-heading: #5fb7e0;
    --p-color-number: #005400;
    --p-color-link: #008aff;
    --p-color-edit: #d8fde1
}

/*!
 * Bootstrap Reboot v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

*,
*::before,
*::after {
    box-sizing: border-box
}

@media(prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}

h6,
h5,
h4,
h3,
h2,
h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color)
}

h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media(min-width: 1200px) {
    h1 {
        font-size: 2.5rem
    }
}

h2 {
    font-size: calc(1.325rem + 0.9vw)
}

@media(min-width: 1200px) {
    h2 {
        font-size: 2rem
    }
}

h3 {
    font-size: calc(1.3rem + 0.6vw)
}

@media(min-width: 1200px) {
    h3 {
        font-size: 1.75rem
    }
}

h4 {
    font-size: calc(1.275rem + 0.3vw)
}

@media(min-width: 1200px) {
    h4 {
        font-size: 1.5rem
    }
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 0.875em
}

mark {
    padding: .1875em;
    color: var(--bs-highlight-color);
    background-color: var(--bs-highlight-bg)
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: 0.875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: 0.875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-secondary-color);
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit
}

@media(min-width: 1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

@media(prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: auto
    }
}

body {
    color: var(--p-color-body);
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-family: var(--p-font-base)
}

@media screen and (-ms-high-contrast: none) {
    body {
        color: #555
    }
}

img,
svg {
    vertical-align: top;
    max-width: 100%;
    height: auto
}

p {
    margin-bottom: 0
}

ul,
ol {
    margin-bottom: 0
}

a {
    text-decoration: none
}

a:not([class]) {
    color: var(--p-color-link);
    text-decoration: underline
}

@media screen and (-ms-high-contrast: none) {
    a:not([class]) {
        color: #008aff
    }
}

a:not([class]):hover {
    text-decoration: none
}

::selection {
    background: none repeat scroll 0 0 var(--p-color-primary);
    color: var(--p-color-body);
    text-shadow: none
}

@media screen and (-ms-high-contrast: none) {
    ::selection {
        background: none repeat scroll 0 0 #00ac9c
    }
}

*::-moz-selection {
    background: none repeat scroll 0 0 var(--p-color-primary);
    color: var(--p-color-body);
    text-shadow: none
}

@media screen and (-ms-high-contrast: none) {
    *::-moz-selection {
        background: none repeat scroll 0 0 #00ac9c
    }
}

input::placeholder,
textarea::placeholder {
    color: #b8b8b8;
    color: var(--p-color-placeholder)
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #b8b8b8;
    color: var(--p-color-placeholder)
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #b8b8b8;
    color: var(--p-color-placeholder)
}

input[class]::placeholder,
textarea[class]::placeholder {
    color: #b8b8b8;
    color: var(--p-color-placeholder)
}

input[class]::-ms-input-placeholder,
textarea[class]::-ms-input-placeholder {
    color: #b8b8b8;
    color: var(--p-color-placeholder)
}

input[class]:-ms-input-placeholder,
textarea[class]:-ms-input-placeholder {
    color: #b8b8b8;
    color: var(--p-color-placeholder)
}

input,
select {
    color: var(--p-color-body)
}

.l-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    max-width: 100%;
    width: 100%
}

@media screen and (-ms-high-contrast: none) {
    .l-wrapper {
        display: block
    }
}

.l-main {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

@media screen and (-ms-high-contrast: none) {
    .l-main {
        display: block
    }
}

@media screen and (-ms-high-contrast: none)and (min-width: 769px) {
    .l-main {
        min-width: 1200px
    }
}

.l-container--sm,
.l-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    margin: 0 auto;
    padding: 0 18px
}

@media screen and (-ms-high-contrast: none) {

    .l-container--sm,
    .l-container {
        display: block
    }
}

.l-container {
    max-width: 1236px
}

@media screen and (-ms-high-contrast: none)and (min-width: 769px) {
    .l-container {
        width: 1200px
    }
}

.l-container--sm {
    max-width: 1116px
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .l-container--sm {
        width: 1080px
    }
}

.l-section {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

@media screen and (-ms-high-contrast: none) {
    .l-section {
        display: block
    }
}

.l-inner {
    width: min(80vw, 960px);
    margin: 0 auto
}

.l-inner--simulation-input {
    display: none
}

@media(min-width: 769px) {
    .l-inner--simulation-input {
        display: block
    }
}

.l-inner--simulation-input-active {
    display: block
}

.l-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: min(10vw, 75px) 0;
    background-color: #FFFDEE;
    background-image: radial-gradient(#FDEFBF 25%, transparent 25%), radial-gradient(#FDEFBF 25%, transparent 25%);
    background-size: 14px 14px;
    background-position: 0 0, 7px 7px
}

@media screen and (-ms-high-contrast: none) {
    .l-content {
        padding: 37.5px 0
    }
}

@media(min-width: 769px) {
    .l-content {
        padding: min(6.25vw, 75px) 0 min(8.3333333333vw, 100px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .l-content {
        padding: 75px 0 100px
    }
}

@media screen and (-ms-high-contrast: none) {
    .l-content {
        display: block
    }
}

.l-box {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding: min(8vw, 60px) min(5.0666666667vw, 38px);
    background-color: #fff;
    box-shadow: 0 0 20px rgba(22, 67, 71, .16)
}

@media screen and (-ms-high-contrast: none) {
    .l-box {
        padding: 30px 19px
    }
}

@media screen and (-ms-high-contrast: none) {
    .l-box {
        display: block
    }
}

@media(min-width: 769px) {
    .l-box {
        padding: min(5vw, 60px) min(5vw, 60px) min(6.6666666667vw, 80px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .l-box {
        padding: 60px 40px 80px
    }
}

.l-box--thanks {
    align-items: center;
    justify-content: center;
    padding-top: min(13.3333333333vw, 100px);
    padding-bottom: min(13.3333333333vw, 100px)
}

@media screen and (-ms-high-contrast: none) {
    .l-box--thanks {
        padding-top: 50px
    }
}

@media screen and (-ms-high-contrast: none) {
    .l-box--thanks {
        padding-bottom: 50px
    }
}

@media(min-width: 769px) {
    .l-box--thanks {
        padding-top: min(8.3333333333vw, 100px);
        padding-bottom: min(8.3333333333vw, 100px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .l-box--thanks {
        padding-top: 100px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .l-box--thanks {
        padding-bottom: 100px
    }
}

@media screen and (-ms-high-contrast: none) {
    .l-box--thanks {
        display: flex
    }
}

@media(min-width: 769px) {
    .l-box__inner {
        padding: min(5vw, 60px);
        background-color: #f6f6f6;
        border-radius: 6px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .l-box__inner {
        padding: 60px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .l-box__inner {
        padding: 60px
    }
}

.l-simulation {
    border-left: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
    padding: min(5.3333333333vw, 40px) min(3.4666666667vw, 26px) min(4.6666666667vw, 35px);
    background-color: #fff
}

@media screen and (-ms-high-contrast: none) {
    .l-simulation {
        padding: 20px 13px 17.5px
    }
}

@media(min-width: 769px) {
    .l-simulation {
        border: 0;
        padding: min(3.3333333333vw, 40px) min(5.4166666667vw, 65px);
        padding: min(3.3333333333vw, 40px) min(5.4166666667vw, 65px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .l-simulation {
        padding: 40px 65px
    }
}

.l-row {
    --p-gutter-x: 1.875rem;
    --p-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--g-0 {
    --p-gutter-x: 0rem;
    --p-gutter-y: 0rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--g-0>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--g-10 {
    --p-gutter-x: 0.625rem;
    --p-gutter-y: 0.625rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--g-10>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--g-15 {
    --p-gutter-x: 0.9375rem;
    --p-gutter-y: 0.9375rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--g-15>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--g-20 {
    --p-gutter-x: 1.25rem;
    --p-gutter-y: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--g-20>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--g-25 {
    --p-gutter-x: 1.5625rem;
    --p-gutter-y: 1.5625rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--g-25>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--g-30 {
    --p-gutter-x: 1.875rem;
    --p-gutter-y: 1.875rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--g-30>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--gx-0 {
    --p-gutter-x: 0rem;
    --p-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--gx-0>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--gx-10 {
    --p-gutter-x: 0.625rem;
    --p-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--gx-10>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--gx-15 {
    --p-gutter-x: 0.9375rem;
    --p-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--gx-15>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--gx-20 {
    --p-gutter-x: 1.25rem;
    --p-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--gx-20>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--gx-25 {
    --p-gutter-x: 1.5625rem;
    --p-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--gx-25>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--gx-30 {
    --p-gutter-x: 1.875rem;
    --p-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--gx-30>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--gy-0 {
    --p-gutter-x: 1.875rem;
    --p-gutter-y: 0rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--gy-0>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--gy-10 {
    --p-gutter-x: 1.875rem;
    --p-gutter-y: 0.625rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--gy-10>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--gy-15 {
    --p-gutter-x: 1.875rem;
    --p-gutter-y: 0.9375rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--gy-15>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--gy-20 {
    --p-gutter-x: 1.875rem;
    --p-gutter-y: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--gy-20>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--gy-25 {
    --p-gutter-x: 1.875rem;
    --p-gutter-y: 1.5625rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--gy-25>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

.l-row--gy-30 {
    --p-gutter-x: 1.875rem;
    --p-gutter-y: 1.875rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--p-gutter-y));
    margin-right: calc(-0.5*var(--p-gutter-x));
    margin-left: calc(-0.5*var(--p-gutter-x))
}

.l-row--gy-30>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--p-gutter-x)*.5);
    padding-left: calc(var(--p-gutter-x)*.5);
    margin-top: var(--p-gutter-y)
}

@media(min-width: 576px) {
    .l-row-sm {
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--g-0 {
        --p-gutter-x: 0rem;
        --p-gutter-y: 0rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--g-0>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--g-10 {
        --p-gutter-x: 0.625rem;
        --p-gutter-y: 0.625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--g-10>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--g-15 {
        --p-gutter-x: 0.9375rem;
        --p-gutter-y: 0.9375rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--g-15>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--g-20 {
        --p-gutter-x: 1.25rem;
        --p-gutter-y: 1.25rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--g-20>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--g-25 {
        --p-gutter-x: 1.5625rem;
        --p-gutter-y: 1.5625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--g-25>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--g-30 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.875rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--g-30>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--gx-0 {
        --p-gutter-x: 0rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--gx-0>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--gx-10 {
        --p-gutter-x: 0.625rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--gx-10>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--gx-15 {
        --p-gutter-x: 0.9375rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--gx-15>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--gx-20 {
        --p-gutter-x: 1.25rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--gx-20>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--gx-25 {
        --p-gutter-x: 1.5625rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--gx-25>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--gx-30 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--gx-30>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--gy-0 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--gy-0>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--gy-10 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0.625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--gy-10>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--gy-15 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0.9375rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--gy-15>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--gy-20 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.25rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--gy-20>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--gy-25 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.5625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--gy-25>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-sm--gy-30 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.875rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-sm--gy-30>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }
}

@media(min-width: 769px) {
    .l-row-md {
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--g-0 {
        --p-gutter-x: 0rem;
        --p-gutter-y: 0rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--g-0>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--g-10 {
        --p-gutter-x: 0.625rem;
        --p-gutter-y: 0.625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--g-10>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--g-15 {
        --p-gutter-x: 0.9375rem;
        --p-gutter-y: 0.9375rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--g-15>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--g-20 {
        --p-gutter-x: 1.25rem;
        --p-gutter-y: 1.25rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--g-20>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--g-25 {
        --p-gutter-x: 1.5625rem;
        --p-gutter-y: 1.5625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--g-25>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--g-30 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.875rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--g-30>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--gx-0 {
        --p-gutter-x: 0rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--gx-0>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--gx-10 {
        --p-gutter-x: 0.625rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--gx-10>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--gx-15 {
        --p-gutter-x: 0.9375rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--gx-15>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--gx-20 {
        --p-gutter-x: 1.25rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--gx-20>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--gx-25 {
        --p-gutter-x: 1.5625rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--gx-25>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--gx-30 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--gx-30>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--gy-0 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--gy-0>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--gy-10 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0.625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--gy-10>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--gy-15 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0.9375rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--gy-15>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--gy-20 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.25rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--gy-20>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--gy-25 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.5625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--gy-25>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-md--gy-30 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.875rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-md--gy-30>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }
}

@media(min-width: 992px) {
    .l-row-lg {
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--g-0 {
        --p-gutter-x: 0rem;
        --p-gutter-y: 0rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--g-0>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--g-10 {
        --p-gutter-x: 0.625rem;
        --p-gutter-y: 0.625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--g-10>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--g-15 {
        --p-gutter-x: 0.9375rem;
        --p-gutter-y: 0.9375rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--g-15>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--g-20 {
        --p-gutter-x: 1.25rem;
        --p-gutter-y: 1.25rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--g-20>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--g-25 {
        --p-gutter-x: 1.5625rem;
        --p-gutter-y: 1.5625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--g-25>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--g-30 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.875rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--g-30>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--gx-0 {
        --p-gutter-x: 0rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--gx-0>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--gx-10 {
        --p-gutter-x: 0.625rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--gx-10>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--gx-15 {
        --p-gutter-x: 0.9375rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--gx-15>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--gx-20 {
        --p-gutter-x: 1.25rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--gx-20>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--gx-25 {
        --p-gutter-x: 1.5625rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--gx-25>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--gx-30 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--gx-30>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--gy-0 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--gy-0>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--gy-10 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0.625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--gy-10>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--gy-15 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0.9375rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--gy-15>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--gy-20 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.25rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--gy-20>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--gy-25 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.5625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--gy-25>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-lg--gy-30 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.875rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-lg--gy-30>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }
}

@media(min-width: 1200px) {
    .l-row-xl {
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--g-0 {
        --p-gutter-x: 0rem;
        --p-gutter-y: 0rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--g-0>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--g-10 {
        --p-gutter-x: 0.625rem;
        --p-gutter-y: 0.625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--g-10>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--g-15 {
        --p-gutter-x: 0.9375rem;
        --p-gutter-y: 0.9375rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--g-15>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--g-20 {
        --p-gutter-x: 1.25rem;
        --p-gutter-y: 1.25rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--g-20>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--g-25 {
        --p-gutter-x: 1.5625rem;
        --p-gutter-y: 1.5625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--g-25>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--g-30 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.875rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--g-30>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--gx-0 {
        --p-gutter-x: 0rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--gx-0>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--gx-10 {
        --p-gutter-x: 0.625rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--gx-10>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--gx-15 {
        --p-gutter-x: 0.9375rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--gx-15>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--gx-20 {
        --p-gutter-x: 1.25rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--gx-20>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--gx-25 {
        --p-gutter-x: 1.5625rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--gx-25>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--gx-30 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--gx-30>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--gy-0 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--gy-0>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--gy-10 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0.625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--gy-10>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--gy-15 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0.9375rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--gy-15>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--gy-20 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.25rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--gy-20>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--gy-25 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.5625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--gy-25>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xl--gy-30 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.875rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xl--gy-30>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }
}

@media(min-width: 1400px) {
    .l-row-xxl {
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--g-0 {
        --p-gutter-x: 0rem;
        --p-gutter-y: 0rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--g-0>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--g-10 {
        --p-gutter-x: 0.625rem;
        --p-gutter-y: 0.625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--g-10>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--g-15 {
        --p-gutter-x: 0.9375rem;
        --p-gutter-y: 0.9375rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--g-15>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--g-20 {
        --p-gutter-x: 1.25rem;
        --p-gutter-y: 1.25rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--g-20>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--g-25 {
        --p-gutter-x: 1.5625rem;
        --p-gutter-y: 1.5625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--g-25>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--g-30 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.875rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--g-30>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--gx-0 {
        --p-gutter-x: 0rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--gx-0>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--gx-10 {
        --p-gutter-x: 0.625rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--gx-10>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--gx-15 {
        --p-gutter-x: 0.9375rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--gx-15>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--gx-20 {
        --p-gutter-x: 1.25rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--gx-20>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--gx-25 {
        --p-gutter-x: 1.5625rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--gx-25>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--gx-30 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--gx-30>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--gy-0 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--gy-0>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--gy-10 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0.625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--gy-10>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--gy-15 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 0.9375rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--gy-15>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--gy-20 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.25rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--gy-20>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--gy-25 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.5625rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--gy-25>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }

    .l-row-xxl--gy-30 {
        --p-gutter-x: 1.875rem;
        --p-gutter-y: 1.875rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1*var(--p-gutter-y));
        margin-right: calc(-0.5*var(--p-gutter-x));
        margin-left: calc(-0.5*var(--p-gutter-x))
    }

    .l-row-xxl--gy-30>* {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--p-gutter-x)*.5);
        padding-left: calc(var(--p-gutter-x)*.5);
        margin-top: var(--p-gutter-y)
    }
}

.l-col--1 {
    flex: 0 0 auto;
    width: 8.3333333333%
}

.l-col--1>* {
    height: 100%
}

.l-col--2 {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.l-col--2>* {
    height: 100%
}

.l-col--3 {
    flex: 0 0 auto;
    width: 25%
}

.l-col--3>* {
    height: 100%
}

.l-col--4 {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.l-col--4>* {
    height: 100%
}

.l-col--5 {
    flex: 0 0 auto;
    width: 41.6666666667%
}

.l-col--5>* {
    height: 100%
}

.l-col--6 {
    flex: 0 0 auto;
    width: 50%
}

.l-col--6>* {
    height: 100%
}

.l-col--7 {
    flex: 0 0 auto;
    width: 58.3333333333%
}

.l-col--7>* {
    height: 100%
}

.l-col--8 {
    flex: 0 0 auto;
    width: 66.6666666667%
}

.l-col--8>* {
    height: 100%
}

.l-col--9 {
    flex: 0 0 auto;
    width: 75%
}

.l-col--9>* {
    height: 100%
}

.l-col--10 {
    flex: 0 0 auto;
    width: 83.3333333333%
}

.l-col--10>* {
    height: 100%
}

.l-col--11 {
    flex: 0 0 auto;
    width: 91.6666666667%
}

.l-col--11>* {
    height: 100%
}

.l-col--12 {
    flex: 0 0 auto;
    width: 100%
}

.l-col--12>* {
    height: 100%
}

@media(min-width: 576px) {
    .l-col-sm--1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .l-col-sm--1>* {
        height: 100%
    }

    .l-col-sm--2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .l-col-sm--2>* {
        height: 100%
    }

    .l-col-sm--3 {
        flex: 0 0 auto;
        width: 25%
    }

    .l-col-sm--3>* {
        height: 100%
    }

    .l-col-sm--4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .l-col-sm--4>* {
        height: 100%
    }

    .l-col-sm--5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .l-col-sm--5>* {
        height: 100%
    }

    .l-col-sm--6 {
        flex: 0 0 auto;
        width: 50%
    }

    .l-col-sm--6>* {
        height: 100%
    }

    .l-col-sm--7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .l-col-sm--7>* {
        height: 100%
    }

    .l-col-sm--8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .l-col-sm--8>* {
        height: 100%
    }

    .l-col-sm--9 {
        flex: 0 0 auto;
        width: 75%
    }

    .l-col-sm--9>* {
        height: 100%
    }

    .l-col-sm--10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .l-col-sm--10>* {
        height: 100%
    }

    .l-col-sm--11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .l-col-sm--11>* {
        height: 100%
    }

    .l-col-sm--12 {
        flex: 0 0 auto;
        width: 100%
    }

    .l-col-sm--12>* {
        height: 100%
    }
}

@media(min-width: 769px) {
    .l-col-md--1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .l-col-md--1>* {
        height: 100%
    }

    .l-col-md--2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .l-col-md--2>* {
        height: 100%
    }

    .l-col-md--3 {
        flex: 0 0 auto;
        width: 25%
    }

    .l-col-md--3>* {
        height: 100%
    }

    .l-col-md--4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .l-col-md--4>* {
        height: 100%
    }

    .l-col-md--5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .l-col-md--5>* {
        height: 100%
    }

    .l-col-md--6 {
        flex: 0 0 auto;
        width: 50%
    }

    .l-col-md--6>* {
        height: 100%
    }

    .l-col-md--7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .l-col-md--7>* {
        height: 100%
    }

    .l-col-md--8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .l-col-md--8>* {
        height: 100%
    }

    .l-col-md--9 {
        flex: 0 0 auto;
        width: 75%
    }

    .l-col-md--9>* {
        height: 100%
    }

    .l-col-md--10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .l-col-md--10>* {
        height: 100%
    }

    .l-col-md--11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .l-col-md--11>* {
        height: 100%
    }

    .l-col-md--12 {
        flex: 0 0 auto;
        width: 100%
    }

    .l-col-md--12>* {
        height: 100%
    }
}

@media(min-width: 992px) {
    .l-col-lg--1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .l-col-lg--1>* {
        height: 100%
    }

    .l-col-lg--2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .l-col-lg--2>* {
        height: 100%
    }

    .l-col-lg--3 {
        flex: 0 0 auto;
        width: 25%
    }

    .l-col-lg--3>* {
        height: 100%
    }

    .l-col-lg--4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .l-col-lg--4>* {
        height: 100%
    }

    .l-col-lg--5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .l-col-lg--5>* {
        height: 100%
    }

    .l-col-lg--6 {
        flex: 0 0 auto;
        width: 50%
    }

    .l-col-lg--6>* {
        height: 100%
    }

    .l-col-lg--7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .l-col-lg--7>* {
        height: 100%
    }

    .l-col-lg--8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .l-col-lg--8>* {
        height: 100%
    }

    .l-col-lg--9 {
        flex: 0 0 auto;
        width: 75%
    }

    .l-col-lg--9>* {
        height: 100%
    }

    .l-col-lg--10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .l-col-lg--10>* {
        height: 100%
    }

    .l-col-lg--11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .l-col-lg--11>* {
        height: 100%
    }

    .l-col-lg--12 {
        flex: 0 0 auto;
        width: 100%
    }

    .l-col-lg--12>* {
        height: 100%
    }
}

@media(min-width: 1200px) {
    .l-col-xl--1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .l-col-xl--1>* {
        height: 100%
    }

    .l-col-xl--2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .l-col-xl--2>* {
        height: 100%
    }

    .l-col-xl--3 {
        flex: 0 0 auto;
        width: 25%
    }

    .l-col-xl--3>* {
        height: 100%
    }

    .l-col-xl--4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .l-col-xl--4>* {
        height: 100%
    }

    .l-col-xl--5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .l-col-xl--5>* {
        height: 100%
    }

    .l-col-xl--6 {
        flex: 0 0 auto;
        width: 50%
    }

    .l-col-xl--6>* {
        height: 100%
    }

    .l-col-xl--7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .l-col-xl--7>* {
        height: 100%
    }

    .l-col-xl--8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .l-col-xl--8>* {
        height: 100%
    }

    .l-col-xl--9 {
        flex: 0 0 auto;
        width: 75%
    }

    .l-col-xl--9>* {
        height: 100%
    }

    .l-col-xl--10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .l-col-xl--10>* {
        height: 100%
    }

    .l-col-xl--11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .l-col-xl--11>* {
        height: 100%
    }

    .l-col-xl--12 {
        flex: 0 0 auto;
        width: 100%
    }

    .l-col-xl--12>* {
        height: 100%
    }
}

@media(min-width: 1400px) {
    .l-col-xxl--1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .l-col-xxl--1>* {
        height: 100%
    }

    .l-col-xxl--2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .l-col-xxl--2>* {
        height: 100%
    }

    .l-col-xxl--3 {
        flex: 0 0 auto;
        width: 25%
    }

    .l-col-xxl--3>* {
        height: 100%
    }

    .l-col-xxl--4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .l-col-xxl--4>* {
        height: 100%
    }

    .l-col-xxl--5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .l-col-xxl--5>* {
        height: 100%
    }

    .l-col-xxl--6 {
        flex: 0 0 auto;
        width: 50%
    }

    .l-col-xxl--6>* {
        height: 100%
    }

    .l-col-xxl--7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .l-col-xxl--7>* {
        height: 100%
    }

    .l-col-xxl--8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .l-col-xxl--8>* {
        height: 100%
    }

    .l-col-xxl--9 {
        flex: 0 0 auto;
        width: 75%
    }

    .l-col-xxl--9>* {
        height: 100%
    }

    .l-col-xxl--10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .l-col-xxl--10>* {
        height: 100%
    }

    .l-col-xxl--11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .l-col-xxl--11>* {
        height: 100%
    }

    .l-col-xxl--12 {
        flex: 0 0 auto;
        width: 100%
    }

    .l-col-xxl--12>* {
        height: 100%
    }
}

.l-col {
    flex: 1 0 0%
}

@media(min-width: 576px) {
    .l-col-sm {
        flex: 1 0 0%
    }
}

@media(min-width: 769px) {
    .l-col-md {
        flex: 1 0 0%
    }
}

@media(min-width: 992px) {
    .l-col-lg {
        flex: 1 0 0%
    }
}

@media(min-width: 1200px) {
    .l-col-xl {
        flex: 1 0 0%
    }
}

@media(min-width: 1400px) {
    .l-col-xxl {
        flex: 1 0 0%
    }
}

.c-action {
    height: min(40vw, 300px)
}

@media screen and (-ms-high-contrast: none) {
    .c-action {
        height: 150px
    }
}

@media(min-width: 769px) {
    .c-action {
        height: min(27.0833333333vw, 325px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-action {
        height: 325px
    }
}

.c-action__sticky {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    padding: min(4.9333333333vw, 37px) 0
}

@media screen and (-ms-high-contrast: none) {
    .c-action__sticky {
        padding: 18.5px 0
    }
}

@media(min-width: 769px) {
    .c-action__sticky {
        padding: min(2.0833333333vw, 25px) 0
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-action__sticky {
        padding: 25px 0
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-action__sticky .l-container {
        width: auto
    }
}

.c-action__sticky--static {
    position: static
}

.c-action__sticky .c-btn-submit {
    border: 1px solid #fff
}

.c-action__stickybnr {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    padding: min(4.9333333333vw, 37px) 0
}

@media screen and (-ms-high-contrast: none) {
    .c-action__stickybnr {
        padding: 18.5px 0
    }
}

@media(max-width: 768px) {
    .c-action__stickybnr {
        padding: 9px 0
    }
}

@media(min-width: 769px) {
    .c-action__stickybnr {
        padding: min(2.0833333333vw, 25px) 0
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-action__stickybnr {
        padding: 25px 0
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-action__stickybnr .l-container {
        width: auto
    }
}

.c-action__stickybnr.c-action__sticky--static {
    position: static
}

.c-action__stickybnr.c-action__sticky--static .c-img-shadow {
    box-shadow: 15px 15px 24px rgba(0, 0, 0, 0)
}

.c-action__stickybnr .l-container {
    padding: 0
}

.c-action__stickybnr .c-btn-submit--action {
    max-width: 100%;
    width: 100%;
    height: min(34.409vw, 256px)
}

@media(min-width: 769px) {
    .c-action__stickybnr .c-btn-submit--action {
        height: min(22.917vw, 200px)
    }
}

.c-action__content {
    display: flex;
    justify-content: center
}

.c-attention {
    display: block;
    padding: min(4.6666666667vw, 35px) min(3.4666666667vw, 26px);
    border-radius: min(1.3333333333vw, 10px);
    background-color: #fff;
    list-style-type: none;
    color: #eb4273;
    line-height: 1.8;
    font-size: min(2.9333333333vw, 22px);
    font-weight: bold
}

@media screen and (-ms-high-contrast: none) {
    .c-attention {
        padding: 17.5px 13px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-attention {
        border-radius: 5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-attention {
        font-size: 11px
    }
}

@media(min-width: 769px) {
    .c-attention {
        padding: min(1.6666666667vw, 20px);
        border-radius: 0;
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-attention {
        padding: 20px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-attention {
        font-size: 16px
    }
}

.c-attention>li {
    text-indent: -1em;
    padding-left: 1em
}

.c-btn-back {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(78.4vw, 588px);
    height: min(16vw, 120px);
    margin-top: min(8vw, 60px);
    border-radius: calc(min(16vw, 120px) * 0.5);
    border: 2px solid var(--p-color-primary);
    background-color: #fff;
    box-shadow: 8px 0 13px rgba(119, 119, 119, .2);
    color: var(--p-color-primary);
    font-size: min(4.5333333333vw, 34px);
    font-weight: bold;
    transition: .3s ease-out;
    transition-property: opacity
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back {
        width: 294px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back {
        height: 60px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back {
        margin-top: 30px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back {
        border-radius: 60px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back {
        border: 2px solid #00ac9c
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back {
        color: #00ac9c
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back {
        font-size: 17px
    }
}

@media(min-width: 769px) {
    .c-btn-back {
        width: min(48vw, 576px);
        height: min(8vw, 96px);
        border-radius: calc(min(8vw, 96px) * 0.5);
        margin-top: min(5vw, 60px);
        font-size: min(2.3333333333vw, 28px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back {
        width: 576px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back {
        height: 96px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back {
        border-radius: 48px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back {
        margin-top: 60px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back {
        font-size: 28px
    }
}

.c-btn-back:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: min(4.5333333333vw, 34px);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: min(1.3333333333vw, 10px) min(2.4vw, 18px) min(1.3333333333vw, 10px) 0;
    border-color: transparent var(--p-color-primary) transparent transparent
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back:before {
        left: 17px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back:before {
        border-width: 5px 9px 5px 0
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back:before {
        border-color: transparent #00ac9c transparent transparent
    }
}

@media(min-width: 769px) {
    .c-btn-back:before {
        left: min(5.8333333333vw, 70px);
        border-width: min(0.8333333333vw, 10px) min(1.5vw, 18px) min(0.8333333333vw, 10px) 0
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back:before {
        left: 70px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back:before {
        border-width: 10px 18px 10px 0
    }
}

.c-btn-back--short {
    max-width: 288px;
    width: min(38.4vw, 288px);
    height: min(12vw, 90px);
    border-radius: calc(min(12vw, 90px) * 0.5);
    font-size: min(3.7333333333vw, 28px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back--short {
        width: 144px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back--short {
        height: 45px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back--short {
        border-radius: 45px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back--short {
        font-size: 14px
    }
}

@media(min-width: 769px) {
    .c-btn-back--short {
        max-width: 214px;
        width: min(17.8333333333vw, 214px);
        height: min(6.6666666667vw, 80px);
        border-radius: calc(min(6.6666666667vw, 80px) * 0.5);
        font-size: min(2.1666666667vw, 26px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back--short {
        width: 214px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back--short {
        height: 80px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back--short {
        border-radius: 40px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back--short {
        font-size: 26px
    }
}

.c-btn-back--short:before {
    left: min(4.5333333333vw, 34px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back--short:before {
        left: 17px
    }
}

@media(min-width: 769px) {
    .c-btn-back--short:before {
        left: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back--short:before {
        left: 20px
    }
}

.c-btn-back--simulation {
    margin-top: 0
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back--simulation {
        width: 100%
    }
}

@media(min-width: 769px) {
    .c-btn-back--simulation {
        width: min(60vw, 720px);
        height: min(10vw, 120px);
        border-radius: 5vw;
        border: min(0.5833333333vw, 7px) solid var(--p-color-primary);
        font-size: min(3vw, 36px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back--simulation {
        width: 720px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back--simulation {
        height: 120px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back--simulation {
        border-radius: 60px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back--simulation {
        border: 7px solid #00ac9c
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-back--simulation {
        font-size: 36px
    }
}

.c-btn-back:hover {
    opacity: .6;
    color: var(--p-color-primary)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-back:hover {
        color: #00ac9c
    }
}

.c-btn-help {
    flex-shrink: 0;
    display: block;
    width: min(5.8666666667vw, 44px);
    height: min(5.8666666667vw, 44px);
    margin: 0;
    border: 0;
    padding: 0;
    border-radius: calc(min(5.8666666667vw, 44px) * 0.5);
    background-color: var(--p-color-primary);
    font-weight: bold;
    font-size: min(3.2vw, 24px);
    color: #fff;
    line-height: 1;
    transition: .3s ease-out;
    transition-property: opacity
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-help {
        width: 22px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-help {
        height: 22px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-help {
        border-radius: 22px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-help {
        background-color: #00ac9c
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-help {
        font-size: 12px
    }
}

@media(min-width: 769px) {
    .c-btn-help {
        width: min(2.8333333333vw, 34px);
        height: min(2.8333333333vw, 34px);
        border-radius: calc(min(2.8333333333vw, 34px) * 0.5);
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-help {
        width: 34px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-help {
        height: 34px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-help {
        border-radius: 17px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-help {
        font-size: 16px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-help {
        margin-left: auto
    }
}

.c-btn-help:hover {
    opacity: .6
}

.c-btn-search {
    flex-shrink: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: min(11.4666666667vw, 86px);
    border: min(0.2666666667vw, 2px) solid #007c64;
    padding: 0 min(4vw, 30px);
    border-radius: calc(min(11.4666666667vw, 86px) * 0.5);
    background-color: #fff;
    box-shadow: 10px 0 11px rgba(184, 184, 184, .3);
    color: #007c64;
    font-size: min(4.2666666667vw, 32px);
    font-weight: 500;
    transition: .3s ease-out;
    transition-property: opacity
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-search {
        height: 43px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-search {
        border: 2px solid #007c64
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-search {
        padding: 15px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-search {
        border-radius: 43px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-search {
        font-size: 16px
    }
}

@media(min-width: 769px) {
    .c-btn-search {
        width: auto;
        height: min(4.1666666667vw, 50px);
        border-radius: calc(min(4.1666666667vw, 50px) * 0.5);
        border-width: 2px;
        padding: 0 min(1.3333333333vw, 16px);
        font-size: min(1.5vw, 18px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-search {
        height: 50px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-search {
        border-radius: 25px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-search {
        padding: 0 16px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-search {
        font-size: 18px
    }
}

.c-btn-search:before {
    content: "";
    display: block;
    width: min(4.2666666667vw, 32px);
    height: min(4.2666666667vw, 32px);
    margin-right: .5em;
    background-image: url(../images/jakyosai-common-icon-zip-01.png);
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-search:before {
        width: 16px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-search:before {
        height: 16px
    }
}

@media(min-width: 769px) {
    .c-btn-search:before {
        left: 1.5vw;
        width: 1.5vw;
        height: 1.5vw
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-search:before {
        left: 18px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-search:before {
        width: 18px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-search:before {
        height: 18px
    }
}

.c-btn-search:hover {
    opacity: .6;
    color: #007c64
}

.c-btn-search--model {
    width: 100%;
    font-weight: bold
}

@media(min-width: 769px) {
    .c-btn-search--model {
        width: min(27.75vw, 333px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-search--model {
        width: 333px
    }
}

.c-btn-submit {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 720px;
    width: 100%;
    height: min(18.6666666667vw, 140px);
    border: 0;
    border-radius: min(9.3333333333vw, 70px);
    padding: 0;
    background-image: linear-gradient(90deg, #F07100, #FBC100);
    box-shadow: 8px 0 13px rgba(119, 119, 119, .2);
    font-size: min(5.3333333333vw, 40px);
    font-weight: bold;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    transition: .3s ease-out;
    transition-property: opacity
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit {
        height: 70px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit {
        border-radius: 35px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit {
        font-size: 20px
    }
}

@media(min-width: 769px) {
    .c-btn-submit {
        width: min(60vw, 720px);
        height: min(10vw, 120px);
        border-radius: min(5vw, 60px);
        font-size: min(3vw, 36px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit {
        width: 720px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit {
        height: 120px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit {
        border-radius: 60px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit {
        font-size: 36px
    }
}

.c-btn-submit:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: min(4.5333333333vw, 34px);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: min(1.3333333333vw, 10px) 0 min(1.3333333333vw, 10px) min(2.4vw, 18px);
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit:after {
        right: 17px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit:after {
        border-width: 5px 0 5px 9px
    }
}

@media(min-width: 769px) {
    .c-btn-submit:after {
        right: min(5vw, 60px);
        border-width: min(0.8333333333vw, 10px) 0 min(0.8333333333vw, 10px) min(1.5vw, 18px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit:after {
        right: 60px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit:after {
        border-width: 10px 0 10px 18px
    }
}

.c-btn-submit--simulation {
    height: min(16vw, 120px);
    font-size: min(4.2666666667vw, 32px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--simulation {
        height: 60px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--simulation {
        font-size: 16px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--simulation {
        height: min(10vw, 120px);
        font-size: min(3vw, 36px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--simulation {
        height: 120px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--simulation {
        font-size: 36px
    }
}

.c-btn-submit--simulation:after {
    border-width: min(1.3333333333vw, 10px) 0 min(1.3333333333vw, 10px) min(2.4vw, 18px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--simulation:after {
        border-width: 5px 0 5px 9px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--simulation:after {
        right: min(3.3333333333vw, 40px);
        border-width: min(1vw, 12px) 0 min(1vw, 12px) min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--simulation:after {
        right: 40px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--simulation:after {
        border-width: 12px 0 12px 20px
    }
}

.c-btn-submit--short {
    width: min(78.1333333333vw, 586px);
    height: min(16vw, 120px);
    border-radius: min(8vw, 60px);
    font-size: min(4.2666666667vw, 32px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--short {
        width: 293px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--short {
        height: 60px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--short {
        border-radius: 30px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--short {
        font-size: 16px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--short {
        width: min(47.5vw, 570px);
        height: min(10vw, 120px);
        border-radius: min(5vw, 60px);
        font-size: min(3vw, 36px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--short {
        width: 570px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--short {
        height: 120px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--short {
        border-radius: 60px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--short {
        font-size: 36px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--short:after {
        right: min(3.1666666667vw, 38px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--short:after {
        right: 38px
    }
}

.c-btn-submit--campaign {
    height: min(13.3333333333vw, 100px);
    font-size: min(4vw, 30px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--campaign {
        height: 50px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--campaign {
        font-size: 15px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--campaign {
        height: min(8.3333333333vw, 100px);
        font-size: min(2.6666666667vw, 32px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--campaign {
        height: 100px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--campaign {
        font-size: 32px
    }
}

.c-btn-submit--long {
    height: min(20vw, 150px);
    border-radius: min(10vw, 75px);
    text-align: center;
    font-size: min(5.6vw, 42px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--long {
        height: 75px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--long {
        border-radius: 37.5
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--long {
        font-size: 21px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--long {
        max-width: 860px;
        width: min(71.6666666667vw, 860px);
        height: min(8.3333333333vw, 100px);
        border-radius: min(4.1666666667vw, 50px);
        font-size: min(2.8333333333vw, 34px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--long {
        width: 860px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--long {
        height: 100px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--long {
        border-radius: 50px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--long {
        font-size: 28px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--long:after {
        right: min(2.5vw, 30px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--long:after {
        right: 30px
    }
}

.c-btn-submit--action {
    height: min(20vw, 150px);
    border-radius: min(10vw, 75px);
    text-align: center;
    font-size: min(4.8vw, 36px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--action {
        height: 75px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--action {
        border-radius: 37.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--action {
        font-size: 18px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--action {
        max-width: 680px;
        width: min(56.6666666667vw, 680px);
        height: min(6.6666666667vw, 80px);
        border-radius: min(3.3333333333vw, 40px);
        font-size: min(2.1666666667vw, 26px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--action {
        width: 680px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--action {
        height: 80px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--action {
        border-radius: 40px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--action {
        font-size: 26px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--action:after {
        right: min(2.5vw, 30px);
        border-width: min(0.75vw, 9px) 0 min(0.75vw, 9px) min(1.1666666667vw, 14px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--action:after {
        right: 30px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--action:after {
        border-width: 9ox 0 9px 14px
    }
}

.c-btn-submit--action-01 {
    height: min(20vw, 150px);
    border-radius: min(10vw, 75px);
    text-align: center;
    font-size: min(5.6vw, 42px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--action-01 {
        height: 75px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--action-01 {
        border-radius: 37.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--action-01 {
        font-size: 21px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--action-01 {
        max-width: 640px;
        width: min(53.3333333333vw, 640px);
        height: min(6.6666666667vw, 80px);
        border-radius: min(3.3333333333vw, 40px);
        font-size: min(2.1666666667vw, 26px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--action-01 {
        width: 640px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--action-01 {
        height: 80px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--action-01 {
        border-radius: 40px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--action-01 {
        font-size: 26px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--action-01:after {
        right: min(2.5vw, 30px);
        border-width: min(0.75vw, 9px) 0 min(0.75vw, 9px) min(1.1666666667vw, 14px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--action-01:after {
        right: 30px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--action-01:after {
        border-width: 9px 0 9px 14px
    }
}

.c-btn-submit--procedure {
    height: min(13.3333333333vw, 100px);
    border-radius: min(6.6666666667vw, 50px);
    text-align: center;
    font-size: min(3.7333333333vw, 28px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--procedure {
        height: 50px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--procedure {
        border-radius: 25px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--procedure {
        font-size: 14px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--procedure {
        max-width: 594px;
        width: min(49.5vw, 594px);
        height: min(5.8333333333vw, 70px);
        border-radius: min(2.9166666667vw, 35px);
        font-size: min(1.8333333333vw, 22px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--procedure {
        width: 100%
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--procedure {
        height: 70px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--procedure {
        border-radius: 35px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--procedure {
        font-size: 22px
    }
}

.c-btn-submit--procedure:after {
    right: min(4vw, 30px);
    border-width: min(1.3333333333vw, 10px) 0 min(1.3333333333vw, 10px) min(2.1333333333vw, 16px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--procedure:after {
        right: 15px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--procedure:after {
        border-width: 5px 0 5px 8px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--procedure:after {
        right: min(1.6666666667vw, 20px);
        border-width: min(0.5833333333vw, 7px) 0 min(0.5833333333vw, 7px) min(1vw, 12px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--procedure:after {
        right: 20px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--procedure:after {
        border-width: 7px 0 7px 12px
    }
}

.c-btn-submit--procedure-01 {
    height: min(13.3333333333vw, 100px);
    border-radius: min(6.6666666667vw, 50px);
    text-align: center;
    font-size: min(3.7333333333vw, 28px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--procedure-01 {
        height: 50px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--procedure-01 {
        border-radius: 25px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--procedure-01 {
        font-size: 14px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--procedure-01 {
        max-width: 562px;
        width: min(46.8333333333vw, 562px);
        height: min(5.8333333333vw, 70px);
        border-radius: min(2.9166666667vw, 35px);
        font-size: min(1.8333333333vw, 22px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--procedure-01 {
        width: 562px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--procedure-01 {
        height: 70px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--procedure-01 {
        border-radius: 35px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--procedure-01 {
        font-size: 22px
    }
}

.c-btn-submit--procedure-01:after {
    right: min(4vw, 30px);
    border-width: min(1.3333333333vw, 10px) 0 min(1.3333333333vw, 10px) min(2.1333333333vw, 16px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--procedure-01:after {
        right: 15px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--procedure-01:after {
        border-width: 5px 0 5px 8px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--procedure-01:after {
        right: min(1.6666666667vw, 20px);
        border-width: min(0.5833333333vw, 7px) 0 min(0.5833333333vw, 7px) min(1vw, 12px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--procedure-01:after {
        right: 20px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--procedure-01:after {
        border-width: 7px 0 7px 12px
    }
}

.c-btn-submit--modal {
    height: min(13.3333333333vw, 100px);
    font-size: min(4.8vw, 36px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--modal {
        height: 50px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--modal {
        font-size: 18px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--modal {
        width: min(25.8333333333vw, 310px);
        height: min(5.4166666667vw, 65px);
        font-size: min(2vw, 24px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--modal {
        width: 310px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--modal {
        height: 65px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--modal {
        font-size: 24px
    }
}

.c-btn-submit--modal:after {
    right: min(4vw, 30px);
    border-width: min(1.3333333333vw, 10px) 0 min(1.3333333333vw, 10px) min(2.4vw, 18px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--modal:after {
        right: 15px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--modal:after {
        border-width: 5px 0 5px 9px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--modal:after {
        right: min(1.6666666667vw, 20px);
        border-width: min(0.5833333333vw, 7px) 0 min(0.5833333333vw, 7px) min(1vw, 12px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--modal:after {
        right: 20px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--modal:after {
        border-width: 7px 0 7px 12px
    }
}

.c-btn-submit--id {
    width: min(70.6666666667vw, 530px);
    height: min(16vw, 120px);
    font-size: min(4.8vw, 36px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--id {
        width: 265px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--id {
        height: 60px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--id {
        font-size: 18px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--id {
        width: min(32.3333333333vw, 388px);
        height: min(4.3333333333vw, 52px);
        font-size: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--id {
        width: 388px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--id {
        height: 52px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--id {
        font-size: 20px
    }
}

.c-btn-submit--id:after {
    right: min(4vw, 30px);
    border-width: min(1.3333333333vw, 10px) 0 min(1.3333333333vw, 10px) min(2.4vw, 18px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--id:after {
        right: 15px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--id:after {
        border-width: 5px 0 5px 9px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--id:after {
        right: min(1.6666666667vw, 20px);
        border-width: min(0.5833333333vw, 7px) 0 min(0.5833333333vw, 7px) min(1vw, 12px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--id:after {
        right: 20px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--id:after {
        border-width: 7px 0 7px 12px
    }
}

.c-btn-submit--secondary {
    background-image: linear-gradient(90deg, #00ac9c, #50c0cd)
}

.c-btn-submit--detail {
    width: min(78.4vw, 588px);
    height: min(16vw, 120px);
    border-radius: calc(min(16vw, 120px) * 0.5);
    margin-top: min(8vw, 60px);
    font-size: min(4.5333333333vw, 34px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--detail {
        width: 294px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--detail {
        height: 60px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--detail {
        border-radius: 60px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--detail {
        margin-top: 30px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--detail {
        font-size: 17px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--detail {
        width: min(48vw, 576px);
        height: min(8vw, 96px);
        border-radius: calc(min(8vw, 96px) * 0.5);
        margin-top: min(5vw, 60px);
        font-size: min(2.3333333333vw, 28px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--detail {
        width: 576px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--detail {
        height: 96px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--detail {
        border-radius: 48px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--detail {
        margin-top: 60px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--detail {
        font-size: 28px
    }
}

.c-btn-submit--detail+.c-btn-back {
    margin-top: min(4vw, 30px)
}

@media screen and (-ms-high-contrast: none) {
    .c-btn-submit--detail+.c-btn-back {
        margin-top: 15px
    }
}

@media(min-width: 769px) {
    .c-btn-submit--detail+.c-btn-back {
        margin-top: min(2.5vw, 30px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-btn-submit--detail+.c-btn-back {
        margin-top: 30px
    }
}

.c-btn-submit:hover {
    opacity: .6;
    color: #fff
}

.c-btn-submit:disabled {
    background-color: #f4f4f4;
    background-image: none;
    color: #b8b8b8
}

.c-btn-submit:disabled:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #b8b8b8
}

.c-link-submit {
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-bottom: 1.5px solid #2da7e0;
    color: #2da7e0;
    font-size: min(3.7333333333vw, 24px)
}

@media(min-width: 769px) {
    .c-link-submit {
        font-size: min(2vw, 24px)
    }
}

.c-link-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #88c1e5;
    text-decoration: none;
    width: 100%;
    color: #88c1e5;
    border-radius: min(10vw, 75px);
    height: min(16vw, 120px);
    font-size: min(3.0666666667vw, 13px)
}

@media screen and (-ms-high-contrast: none) {
    .c-link-btn {
        border-radius: 37.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-link-btn {
        height: 60px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-link-btn {
        font-size: 6.5px
    }
}

@media(min-width: 769px) {
    .c-link-btn {
        height: min(10vw, 120px);
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-link-btn {
        height: 120px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-link-btn {
        font-size: 16px
    }
}

.c-img-submit {
    background: rgba(0, 0, 0, 0);
    border: 0
}

.c-camera {
    display: flex;
    justify-content: center
}

.c-camera--secondary {
    margin-top: min(5.0666666667vw, 38px);
    padding-left: min(1.4666666667vw, 11px);
    padding-right: min(1.4666666667vw, 11px)
}

@media screen and (-ms-high-contrast: none) {
    .c-camera--secondary {
        margin-top: 19px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-camera--secondary {
        padding-left: 5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-camera--secondary {
        padding-right: 5px
    }
}

@media(min-width: 769px) {
    .c-camera--secondary {
        margin-top: min(3.1666666667vw, 38px);
        padding-left: min(1.3333333333vw, 16px);
        padding-right: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-camera--secondary {
        margin-top: 38px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-camera--secondary {
        padding-left: 16px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-camera--secondary {
        padding-right: 16px
    }
}

.c-camera__container {
    width: 100%
}

@media(min-width: 769px) {
    .c-camera__container {
        width: auto
    }
}

.c-camera__link {
    margin-top: min(4vw, 30px);
    font-size: min(3.2vw, 24px)
}

@media screen and (-ms-high-contrast: none) {
    .c-camera__link {
        margin-top: 15px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-camera__link {
        font-size: 12px
    }
}

@media(min-width: 769px) {
    .c-camera__link {
        margin-top: min(1.25vw, 15px);
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-camera__link {
        margin-top: 15px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-camera__link {
        font-size: 16px
    }
}

.c-camera__attention {
    display: block;
    margin-top: min(4vw, 30px);
    background-color: #fff;
    list-style-type: none;
    color: #eb4273;
    line-height: 1.8;
    font-size: min(2.9333333333vw, 22px);
    font-weight: bold
}

@media screen and (-ms-high-contrast: none) {
    .c-camera__attention {
        margin-top: 15px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-camera__attention {
        font-size: 11px
    }
}

@media(min-width: 769px) {
    .c-camera__attention {
        margin-top: min(1.25vw, 15px);
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-camera__attention {
        margin-top: 15px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-camera__attention {
        font-size: 16px
    }
}

.c-camera__attention>p+p {
    margin-top: 1em
}

.c-car-number__heading {
    font-size: min(4vw, 30px);
    font-weight: bold
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__heading {
        font-size: 15px
    }
}

@media(min-width: 769px) {
    .c-car-number__heading {
        font-size: min(1.5vw, 18px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__heading {
        font-size: 18px
    }
}

.c-car-number__type {
    display: flex;
    flex-direction: column;
    gap: min(3.4666666667vw, 26px);
    margin-top: min(3.6vw, 27px)
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__type {
        gap: 13px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__type {
        margin-top: 13.5px
    }
}

@media(min-width: 769px) {
    .c-car-number__type {
        flex-direction: row;
        flex-wrap: wrap;
        gap: min(1.6666666667vw, 20px);
        margin-top: min(2.5vw, 30px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__type {
        gap: 20px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__type {
        margin-top: 30px
    }
}

.c-car-number__type--simulation {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    gap: min(3.2vw, 24px);
    margin-top: 0
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__type--simulation {
        gap: 12px
    }
}

@media(min-width: 769px) {
    .c-car-number__type--simulation {
        justify-content: center;
        gap: min(3.3333333333vw, 40px) min(4.5vw, 54px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__type--simulation {
        gap: 40px 54px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__type-item {
        margin-top: 12px
    }
}

@media(min-width: 769px) {
    .c-car-number__type-item {
        display: flex;
        flex-direction: column;
        width: calc(50% - min(0.8333333333vw, 10px))
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__type-item {
        width: calc(50% - 5px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__type-item {
        margin-top: 10px
    }

    .c-car-number__type-item:nth-child(2n+1) {
        margin-right: 10px
    }

    .c-car-number__type-item:nth-child(-n+2) {
        margin-top: 0
    }
}

.c-car-number__type-item--simulation {
    width: calc(50% - min(1.6vw, 12px))
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__type-item--simulation {
        width: calc(50% - 6px)
    }
}

@media(min-width: 769px) {
    .c-car-number__type-item--simulation {
        width: calc(33.33% - min(4.5vw, 54px))
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__type-item--simulation {
        width: calc(33.33% - 54px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__type-item--simulation {
        margin-top: 27px
    }

    .c-car-number__type-item--simulation:not(:nth-child(3n)) {
        margin-right: 27px
    }

    .c-car-number__type-item--simulation:nth-child(-n+3) {
        margin-top: 0
    }
}

.c-car-number__radio {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    position: relative
}

.c-car-number__radio-input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-input {
        visibility: visible;
        z-index: 2;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer
    }
}

.c-car-number__radio-label {
    flex-grow: 1;
    display: block;
    position: relative;
    border: 2px solid #d5d5d5;
    border-radius: min(1.3333333333vw, 10px);
    padding: min(6.6666666667vw, 50px) min(2.6666666667vw, 20px) min(6.6666666667vw, 50px) min(10.6666666667vw, 80px);
    background-color: #fcfcfc;
    font-size: min(4.2666666667vw, 32px);
    font-weight: bold;
    text-align: center;
    cursor: pointer
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-label {
        border-radius: 5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-label {
        padding: 25px 10px 25px 40px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-label {
        font-size: 16px
    }
}

@media(max-width: 768px) {
    .c-car-number__radio-label {
        display: flex;
        align-items: center;
        gap: 0 min(2.4vw, 18px)
    }
}

@media screen and (max-width: 768px)and (-ms-high-contrast: none) {
    .c-car-number__radio-label {
        gap: 18px
    }
}

@media(min-width: 769px) {
    .c-car-number__radio-label {
        display: block;
        border-radius: min(0.8333333333vw, 10px);
        padding: 1em 1em 1em min(6vw, 72px);
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-label {
        border-radius: 10px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-label {
        padding: 1em 1em 1em 72px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-label {
        font-size: 16px
    }
}

.c-car-number__radio-label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: min(2.4vw, 18px);
    transform: translateY(-50%);
    display: block;
    width: min(6vw, 45px);
    height: min(6vw, 45px);
    border-radius: calc(min(6vw, 45px) * 0.5);
    border: 1px solid #c3c3c3;
    background-color: #fff
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-label:before {
        left: 9px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-label:before {
        width: 22.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-label:before {
        height: 22.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-label:before {
        border-radius: 22.5px
    }
}

@media(min-width: 769px) {
    .c-car-number__radio-label:before {
        left: min(2.1666666667vw, 26px);
        width: min(2.5vw, 30px);
        height: min(2.5vw, 30px);
        border-radius: calc(min(2.5vw, 30px) * 0.5)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-label:before {
        left: 26px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-label:before {
        width: 30px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-label:before {
        height: 30px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-label:before {
        border-radius: 15px
    }
}

.c-car-number__radio-label:after {
    content: "";
    position: absolute;
    top: 50%;
    left: min(3.7333333333vw, 28px);
    transform: translateY(-50%);
    display: block;
    width: min(3.3333333333vw, 25px);
    height: min(3.3333333333vw, 25px);
    border-radius: calc(min(3.3333333333vw, 25px) * 0.5);
    background-color: #c3c3c3
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-label:after {
        left: 14px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-label:after {
        width: 12.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-label:after {
        height: 12.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-label:after {
        border-radius: 12.5px
    }
}

@media(min-width: 769px) {
    .c-car-number__radio-label:after {
        left: min(2.75vw, 33px);
        width: min(1.3333333333vw, 16px);
        height: min(1.3333333333vw, 16px);
        border-radius: calc(min(1.3333333333vw, 16px) * 0.5)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-label:after {
        left: 33px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-label:after {
        width: 16px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-label:after {
        height: 16px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-label:after {
        border-radius: 8px
    }
}

.c-car-number__radio-label--simulation {
    padding-top: min(2.6666666667vw, 20px);
    padding-bottom: min(1.3333333333vw, 10px);
    background-color: #f8f8f8;
    flex-direction: column
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-label--simulation {
        padding-top: 10px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-label--simulation {
        padding-bottom: 5px
    }
}

@media(min-width: 769px) {
    .c-car-number__radio-label--simulation {
        padding-top: min(1.6666666667vw, 20px);
        padding-bottom: min(0.8333333333vw, 10px);
        flex-direction: row
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-label--simulation {
        padding-top: 20px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-label--simulation {
        padding-bottom: 10px
    }
}

@media(max-width: 768px) {
    .c-car-number__radio-label--edited {
        background-color: var(--p-color-edit)
    }
}

@media screen and (max-width: 768px)and (-ms-high-contrast: none) {
    .c-car-number__radio-label--edited {
        background-color: #d8fde1
    }
}

.c-car-number__radio-input:checked+.c-car-number__radio-label:before {
    border-color: var(--p-color-active)
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-input:checked+.c-car-number__radio-label:before {
        border-color: #00aac3
    }
}

.c-car-number__radio-input:checked+.c-car-number__radio-label:after {
    background-color: var(--p-color-active)
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-input:checked+.c-car-number__radio-label:after {
        background-color: #00aac3
    }
}

@media(max-width: 768px) {
    .c-car-number__radio-input--edited:checked+.c-car-number__radio-label {
        background-color: var(--p-color-edit)
    }
}

@media screen and (max-width: 768px)and (-ms-high-contrast: none) {
    .c-car-number__radio-input--edited:checked+.c-car-number__radio-label {
        background-color: #d8fde1
    }
}

.c-car-number__radio-img {
    width: min(21.3333333333vw, 160px)
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-img {
        width: 80px
    }
}

@media screen and (-ms-high-contrast: none)and (max-width: 768px) {
    .c-car-number__radio-img {
        flex-shrink: 0;
        margin-right: 13px
    }
}

@media(min-width: 769px) {
    .c-car-number__radio-img {
        width: min(16vw, 120px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-img {
        width: 120px
    }
}

.c-car-number__radio-name {
    text-align: left;
    font-size: min(4.2666666667vw, 32px)
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-name {
        font-size: 16px
    }
}

@media(min-width: 769px) {
    .c-car-number__radio-name {
        margin-top: min(0.5vw, 6px);
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-name {
        margin-top: 6px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-name {
        font-size: 16px
    }
}

.c-car-number__radio-name--simulation {
    text-align: center;
    font-weight: 500;
    font-size: min(4.2666666667vw, 32px);
    color: var(--p-color-number);
    color: var(--p-color-number);
    white-space: nowrap
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-name--simulation {
        font-size: 16px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__radio-name--simulation {
        color: #005400
    }
}

@media(min-width: 769px) {
    .c-car-number__radio-name--simulation {
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__radio-name--simulation {
        font-size: 16px
    }
}

.c-car-number__detail {
    margin-top: min(4.8vw, 36px);
    border-top: 1px dashed #b8b8b8;
    padding-top: min(4.8vw, 36px)
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__detail {
        margin-top: 18px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__detail {
        padding-top: 18px
    }
}

@media(min-width: 769px) {
    .c-car-number__detail {
        margin-top: min(2.5vw, 30px);
        padding-top: min(2.5vw, 30px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__detail {
        margin-top: 30px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__detail {
        padding-top: 30px
    }
}

.c-car-number__detail:not(.c-car-number__detail--show) {
    display: none
}

.c-car-number__img {
    margin-top: min(2.25vw, 27px);
    margin-bottom: min(5.8666666667vw, 44px)
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__img {
        margin-top: 13.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__img {
        margin-bottom: 22px
    }
}

@media(min-width: 769px) {
    .c-car-number__img {
        margin-top: min(0.8333333333vw, 10px);
        margin-bottom: min(2.5vw, 30px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__img {
        margin-top: 10px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__img {
        margin-bottom: 30px
    }
}

.c-car-number__note {
    list-style-type: none;
    margin-top: min(2.6666666667vw, 20px);
    padding-left: min(2.6666666667vw, 20px)
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__note {
        margin-top: 10px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__note {
        padding-left: 10px
    }
}

@media(min-width: 769px) {
    .c-car-number__note {
        margin-top: min(0.8333333333vw, 10px);
        padding-left: min(0.8333333333vw, 10px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__note {
        margin-top: 10px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__note {
        padding-left: 10px
    }
}

.c-car-number__note>li {
    font-size: min(2.9333333333vw, 22px);
    font-weight: 500
}

@media screen and (-ms-high-contrast: none) {
    .c-car-number__note>li {
        font-size: 11px
    }
}

@media(min-width: 769px) {
    .c-car-number__note>li {
        font-size: min(1.1666666667vw, 14px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-car-number__note>li {
        font-size: 14px
    }
}

.c-car-hoken-expiration-required:not(.c-car-hoken-expiration--show),
.c-car-hoken-expiration-optional:not(.c-car-hoken-expiration--show) {
    display: none
}

.c-checkbox {
    position: relative
}

.c-checkbox+.c-checkbox {
    margin-top: 10px
}

.c-checkbox__input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0
}

.c-checkbox__label {
    position: relative;
    padding-left: min(9.6vw, 72px);
    font-size: min(4.5333333333vw, 34px);
    font-weight: bold;
    line-height: 1.2;
    cursor: pointer
}

@media screen and (-ms-high-contrast: none) {
    .c-checkbox__label {
        padding-left: 36px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-checkbox__label {
        font-size: 17px
    }
}

@media(min-width: 769px) {
    .c-checkbox__label {
        padding-left: min(3.3333333333vw, 40px);
        font-size: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-checkbox__label {
        padding-left: 40px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-checkbox__label {
        font-size: 20px
    }
}

.c-checkbox__label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: min(6.6666666667vw, 50px);
    height: min(6.6666666667vw, 50px);
    border-radius: min(.6666666667vw, 5px);
    border: min(0.1666666667vw, 2px) solid #b8b8b8;
    background-color: #fff
}

@media screen and (-ms-high-contrast: none) {
    .c-checkbox__label:before {
        width: 25px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-checkbox__label:before {
        height: 25px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-checkbox__label:before {
        border-radius: 2.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-checkbox__label:before {
        border: 2px solid #b8b8b8
    }
}

@media(min-width: 769px) {
    .c-checkbox__label:before {
        width: min(2.3333333333vw, 28px);
        height: min(2.3333333333vw, 28px);
        border-radius: min(0.4166666667vw, 5px);
        border: min(0.1666666667vw, 2px) solid #b8b8b8
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-checkbox__label:before {
        width: 28px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-checkbox__label:before {
        height: 28px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-checkbox__label:before {
        border-radius: 5px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-checkbox__label:before {
        border: 2px solid #b8b8b8
    }
}

.c-checkbox__label:after {
    position: absolute;
    top: 50%;
    left: min(1.6vw, 12px);
    transform: translateY(-50%) rotate(-45deg);
    display: block;
    width: min(3.2vw, 24px);
    height: min(2.1333333333vw, 16px);
    margin-top: max(-0.5333333333vw, -4px);
    border-left: min(0.8vw, 6px) solid #fff;
    border-bottom: min(0.8vw, 6px) solid #fff
}

@media screen and (-ms-high-contrast: none) {
    .c-checkbox__label:after {
        left: 6px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-checkbox__label:after {
        width: 12px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-checkbox__label:after {
        height: 8px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-checkbox__label:after {
        margin-top: -2px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-checkbox__label:after {
        border-left: 3px solid #fff
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-checkbox__label:after {
        border-bottom: 3px solid #fff
    }
}

@media(min-width: 769px) {
    .c-checkbox__label:after {
        left: min(0.5833333333vw, 7px);
        width: min(1.1666666667vw, 14px);
        height: min(0.8333333333vw, 10px);
        margin-top: max(-0.1666666667vw, -2px);
        border-left: min(0.25vw, 3px) solid #fff;
        border-bottom: min(0.25vw, 3px) solid #fff
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-checkbox__label:after {
        left: 7px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-checkbox__label:after {
        width: 14px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-checkbox__label:after {
        height: 10px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-checkbox__label:after {
        margin-top: -2px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-checkbox__label:after {
        border-left: 3px solid #fff
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-checkbox__label:after {
        border-bottom: 3px solid #fff
    }
}

.c-checkbox__input:checked+.c-checkbox__label:before {
    background-color: #007c64
}

.c-checkbox__input:checked+.c-checkbox__label:after {
    content: ""
}

.c-closing {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: min(0.9333333333vw, 7px)
}

@media screen and (-ms-high-contrast: none) {
    .c-closing {
        gap: 3.5px
    }
}

@media(min-width: 769px) {
    .c-closing {
        flex-direction: row;
        padding: 0 min(5.8333333333vw, 70px);
        gap: min(.3333333333vw, 4px) min(.5833333333vw, 7px);
        gap: min(0.3333333333vw, 4px) min(0.5833333333vw, 7px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-closing {
        padding: 0 70px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-closing {
        gap: 4px 7px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-closing {
        max-width: 860px;
        margin: 0 auto;
        padding: 0
    }
}

.c-closing__season {
    overflow: hidden;
    display: flex;
    height: min(9.0666666667vw, 68px);
    border-radius: 2px
}

@media screen and (-ms-high-contrast: none) {
    .c-closing__season {
        height: 34px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-closing__season {
        margin-top: 4px;
        padding: 0 4px
    }
}

@media(min-width: 769px) {
    .c-closing__season {
        width: calc(50% - min(0.3333333333vw, 4px));
        height: min(3.3333333333vw, 40px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-closing__season {
        width: calc(50% - 4px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-closing__season {
        height: 40px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-closing__season {
        height: auto;
        min-height: 40px
    }
}

.c-closing__season-heading {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 min(1.8666666667vw, 14px) 0 min(2.4vw, 18px);
    background-color: #7fccea;
    color: #fff;
    font-size: min(4vw, 30px);
    font-weight: bold
}

@media screen and (-ms-high-contrast: none) {
    .c-closing__season-heading {
        padding: 0 7px 0 9px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-closing__season-heading {
        font-size: 15px
    }
}

@media(min-width: 769px) {
    .c-closing__season-heading {
        width: 23.41%;
        padding: 0 min(1.1666666667vw, 14px);
        font-size: min(2vw, 24px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-closing__season-heading {
        padding: 0 14px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-closing__season-heading {
        font-size: 24px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-closing__season-heading {
        width: auto
    }
}

.c-closing__season-date {
    flex-grow: 1;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 min(3.2vw, 24px);
    background-color: #fff;
    font-size: min(4vw, 30px);
    font-weight: bold
}

@media screen and (-ms-high-contrast: none) {
    .c-closing__season-date {
        padding: 12px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-closing__season-date {
        font-size: 15px
    }
}

@media(min-width: 769px) {
    .c-closing__season-date {
        justify-content: center;
        padding: 0;
        font-size: min(2vw, 24px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-closing__season-date {
        font-size: 24px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-closing__season-date {
        padding: 10px 15px
    }
}

.c-complete-content {
    text-align: center
}

.c-complete-content__heading {
    margin-bottom: 1em;
    font-size: min(5.0666666667vw, 38px);
    font-weight: bold
}

@media screen and (-ms-high-contrast: none) {
    .c-complete-content__heading {
        font-size: 19px
    }
}

@media(min-width: 769px) {
    .c-complete-content__heading {
        font-size: min(2.6666666667vw, 32px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-complete-content__heading {
        font-size: 32px
    }
}

.c-complete-content__body {
    font-size: min(3.2vw, 24px)
}

@media screen and (-ms-high-contrast: none) {
    .c-complete-content__body {
        font-size: 12px
    }
}

@media(min-width: 769px) {
    .c-complete-content__body {
        font-size: min(1.5vw, 18px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-complete-content__body {
        font-size: 18px
    }
}

.c-complete-content__body p+p {
    margin-top: 1.5em
}

.c-complete-content__bnr {
    margin-top: min(6.6666666667vw, 50px)
}

@media screen and (-ms-high-contrast: none) {
    .c-complete-content__bnr {
        margin-top: 25px
    }
}

@media(min-width: 769px) {
    .c-complete-content__bnr {
        margin-top: min(4.1666666667vw, 50px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-complete-content__bnr {
        margin-top: 50px
    }
}

.c-confirm {
    margin-top: min(5.3333333333vw, 40px)
}

@media screen and (-ms-high-contrast: none) {
    .c-confirm {
        margin-top: 20px
    }
}

@media(min-width: 769px) {
    .c-confirm {
        margin-top: min(2.5vw, 30px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-confirm {
        margin-top: 30px
    }
}

@media(min-width: 769px) {
    .c-confirm--secondary {
        margin-top: min(4.1666666667vw, 50px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-confirm--secondary {
        margin-top: 50px
    }
}

@media(min-width: 769px) {
    .c-confirm--simulation {
        margin-top: min(5vw, 60px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-confirm--simulation {
        margin-top: 60px
    }
}

.c-confirm--campaign {
    margin-top: min(2.9166666667vw, 35px)
}

@media screen and (-ms-high-contrast: none) {
    .c-confirm--campaign {
        margin-top: 17.5px
    }
}

@media(min-width: 769px) {
    .c-confirm--campaign {
        margin-top: min(3.3333333333vw, 40px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-confirm--campaign {
        margin-top: 40px
    }
}

.c-confirm__check {
    display: flex;
    justify-content: center
}

.c-confirm__submit {
    display: flex;
    justify-content: center;
    margin-top: min(6.2666666667vw, 47px)
}

@media screen and (-ms-high-contrast: none) {
    .c-confirm__submit {
        margin-top: 23.5px
    }
}

@media(min-width: 769px) {
    .c-confirm__submit {
        margin-top: min(3.75vw, 45px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-confirm__submit {
        margin-top: 45px
    }
}

.c-confirm__submit--secondary {
    flex-direction: column;
    align-items: center;
    margin-top: 0
}

@media(min-width: 769px) {
    .c-confirm__submit--secondary {
        gap: 0;
        flex-direction: row
    }
}

.c-confirm__submit--secondary>* {
    margin-top: 0
}

@media(max-width: 768px) {
    .c-confirm__submit--secondary>*:not(:first-child) {
        margin-top: min(5.3333333333vw, 40px)
    }
}

@media screen and (max-width: 768px)and (-ms-high-contrast: none) {
    .c-confirm__submit--secondary>*:not(:first-child) {
        margin-top: 20px
    }
}

@media(min-width: 769px) {
    .c-confirm__submit--secondary>* {
        margin-right: auto
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-confirm__submit--secondary>* {
        margin-right: 60px
    }
}

.c-confirm__submit--campaign {
    margin-top: 0;
    margin-bottom: min(6.6666666667vw, 50px)
}

@media screen and (-ms-high-contrast: none) {
    .c-confirm__submit--campaign {
        margin-bottom: 25px
    }
}

@media(min-width: 769px) {
    .c-confirm__submit--campaign {
        margin-bottom: min(3.3333333333vw, 40px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-confirm__submit--campaign {
        margin-bottom: 40px
    }
}

.c-confirm__back {
    display: flex;
    justify-content: center;
    margin-top: min(4vw, 30px)
}

@media screen and (-ms-high-contrast: none) {
    .c-confirm__back {
        margin-top: 15px
    }
}

@media(min-width: 769px) {
    .c-confirm__back {
        margin-top: min(2.3333333333vw, 28px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-confirm__back {
        margin-top: 28px
    }
}

.c-content-box {
    overflow: hidden;
    border-radius: 5px
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box {
        width: 100%;
        max-width: 1080px;
        margin: 0 auto
    }
}

.c-content-box+.c-content-box {
    margin-top: min(5.0666666667vw, 38px)
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box+.c-content-box {
        margin-top: 19px
    }
}

@media(min-width: 769px) {
    .c-content-box+.c-content-box {
        margin-top: min(3.3333333333vw, 40px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box+.c-content-box {
        margin-top: 40px
    }
}

.c-content-box+.c-content-box--overview {
    margin-top: min(6.9333333333vw, 52px)
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box+.c-content-box--overview {
        margin-top: 26px
    }
}

@media(min-width: 769px) {
    .c-content-box+.c-content-box--overview {
        margin-top: min(5vw, 60px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box+.c-content-box--overview {
        margin-top: 60px
    }
}

.c-content-box__heading {
    margin-bottom: 0;
    padding: min(3.7333333333vw, 28px);
    background-color: #7fccea;
    color: #fff;
    font-size: min(4.8vw, 36px);
    font-weight: bold;
    text-align: center
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box__heading {
        padding: 14px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box__heading {
        font-size: 18px
    }
}

@media(min-width: 769px) {
    .c-content-box__heading {
        padding: min(1.1666666667vw, 14px);
        font-size: min(3vw, 36px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__heading {
        padding: 14px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__heading {
        font-size: 36px
    }
}

@media(min-width: 769px) {
    .c-content-box__heading--tall {
        padding: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__heading--tall {
        padding: 20px
    }
}

.c-content-box__heading--accordion {
    padding: 0
}

.c-content-box__heading.js-acodion {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: min(21.3333333333vw, 80px)
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box__heading.js-acodion {
        height: 80px
    }
}

.c-content-box__heading.js-acodion::before,
.c-content-box__heading.js-acodion::after {
    content: "";
    position: absolute;
    top: 50%;
    right: min(2.6666666667vw, 20px);
    transform: translateY(-50%);
    display: block;
    background: #fff;
    transition: all .3s ease;
    width: min(5.3333333333vw, 40px);
    height: min(0.6666666667vw, 5px)
}

@media screen and (-ms-high-contrast: none) {

    .c-content-box__heading.js-acodion::before,
    .c-content-box__heading.js-acodion::after {
        width: 20px
    }
}

@media screen and (-ms-high-contrast: none) {

    .c-content-box__heading.js-acodion::before,
    .c-content-box__heading.js-acodion::after {
        height: 2.5px
    }
}

.c-content-box__heading.js-acodion::after {
    transform: scaleY(1) translateY(-50%) rotate(90deg)
}

.c-content-box__heading.js-acodion+* {
    transition: all .3s ease
}

.c-content-box__heading.js-acodion:not(.is-open)+* {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    pointer-events: none
}

.c-content-box__heading.js-acodion.is-open::after {
    transform: scaleY(0) translateY(-50%) rotate(90deg)
}

.c-content-box__heading .c-content-box__heading__sub {
    font-size: min(3.2vw, 24px)
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box__heading .c-content-box__heading__sub {
        font-size: 12px
    }
}

@media(min-width: 769px) {
    .c-content-box__heading .c-content-box__heading__sub {
        font-size: min(2vw, 24px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__heading .c-content-box__heading__sub {
        font-size: 24px
    }
}

.c-content-box__button {
    position: relative;
    display: block;
    width: 100%;
    border: 0;
    margin: 0;
    padding: min(3.7333333333vw, 28px);
    background-color: rgba(0, 0, 0, 0);
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-align: center
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box__button {
        padding: 14px
    }
}

.c-content-box__button:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: min(3.4666666667vw, 26px);
    transform: translateY(-50%);
    width: min(4.8vw, 36px);
    height: min(0.8vw, 6px);
    background-color: #fff
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box__button:before {
        right: 13px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box__button:before {
        width: 18px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box__button:before {
        height: 3px
    }
}

@media(min-width: 769px) {
    .c-content-box__button:before {
        right: min(1.1666666667vw, 14px);
        width: min(3vw, 36px);
        height: min(0.5vw, 6px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__button:before {
        right: 14px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__button:before {
        width: 36px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__button:before {
        height: 6px
    }
}

.c-content-box__button:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: min(3.4666666667vw, 26px);
    transform: translateY(-50%) rotate(90deg);
    width: min(4.8vw, 36px);
    height: min(0.8vw, 6px);
    background-color: #fff;
    transition: .3s ease-out;
    transition-property: transform
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box__button:after {
        right: 13px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box__button:after {
        width: 18px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box__button:after {
        height: 3px
    }
}

@media(min-width: 769px) {
    .c-content-box__button:after {
        right: min(1.1666666667vw, 14px);
        width: min(3vw, 36px);
        height: min(0.5vw, 6px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__button:after {
        right: 14px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__button:after {
        width: 36px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__button:after {
        height: 6px
    }
}

@media(min-width: 769px) {
    .c-content-box__button {
        padding: min(1.1666666667vw, 14px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__button {
        padding: 14px
    }
}

.c-content-box__button--active:after {
    transform: translateY(-50%) rotate(0deg)
}

.c-content-box__body {
    padding: min(4.9333333333vw, 37px) min(3.4666666667vw, 26px);
    background-color: #f6f6f6;
    font-size: min(3.2vw, 24px)
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box__body {
        padding: 18.5px 13px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box__body {
        font-size: 12px
    }
}

@media(min-width: 769px) {
    .c-content-box__body {
        padding: min(5vw, 60px);
        font-size: min(1.5vw, 18px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__body {
        padding: 60px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__body {
        font-size: 18px
    }
}

.c-content-box__body>p {
    font-weight: bold
}

.c-content-box__body>p>a,
.c-content-box__body>p button {
    appearance: none;
    display: inline;
    margin: 0;
    border: 0;
    padding: 0;
    background: none;
    color: var(--p-color-link);
    font-weight: inherit;
    text-decoration: underline;
    text-align: left;
    white-space: nowrap
}

@media screen and (-ms-high-contrast: none) {

    .c-content-box__body>p>a,
    .c-content-box__body>p button {
        color: #008aff
    }
}

.c-content-box__body>p>a:hover,
.c-content-box__body>p button:hover {
    text-decoration: none
}

@media(max-width: 768px) {
    .c-content-box__body--has-section {
        padding-bottom: 0
    }
}

@media(min-width: 769px) {
    .c-content-box__body--thin {
        padding: min(4.1666666667vw, 50px) min(3.3333333333vw, 40px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__body--thin {
        padding: 50px 40px
    }
}

@media(min-width: 769px) {
    .c-content-box__body--media {
        padding: min(3.5833333333vw, 43px) min(1.6666666667vw, 20px) min(4.1666666667vw, 50px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__body--media {
        padding: 43px 20px 50px
    }
}

    .c-content-box__body--media .c-content-header-img {
        text-align: center;
        margin: 36px auto 36px;
    }



@media(min-width: 769px) {
    .c-content-box__body--text {
        padding: min(3.3333333333vw, 40px) min(2.0833333333vw, 25px) min(2.9166666667vw, 35px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__body--text {
        padding: 40px 25px 35px
    }
}

.c-content-box__body--accordion:not(.c-content-box__body--visible) {
    display: none
}

.c-content-box__body--has-form {
    padding-top: 0
}

.c-content-box__body--has-form .c-content-box__section {
    margin-top: 0
}

.c-content-box__section {
    margin-top: min(6.6666666667vw, 50px);
    margin-left: max(-3.4666666667vw, -26px);
    margin-right: max(-3.4666666667vw, -26px)
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box__section {
        margin-top: 25px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box__section {
        margin-left: -13px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-content-box__section {
        margin-right: -13px
    }
}

@media(min-width: 769px) {
    .c-content-box__section {
        margin-top: min(3.75vw, 45px);
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-content-box__section {
        margin-top: 45px
    }
}

.c-content-box__block:not(.c-content-box__block--active) {
    display: none
}

@media(min-width: 769px) {
    .c-content-box__block:not(.c-content-box__block--active) {
        display: block
    }
}

.c-acodion {
    border: 1px solid #dadada;
    background: #fff
}

.c-acodion .c-acodion__btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #eb3c6f;
    color: #fff;
    line-height: 1.3;
    font-weight: 600;
    height: min(16vw, 120px);
    font-size: min(4.2666666667vw, 16px)
}

@media screen and (-ms-high-contrast: none) {
    .c-acodion .c-acodion__btn {
        height: 60px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-acodion .c-acodion__btn {
        font-size: 8px
    }
}

@media(min-width: 769px) {
    .c-acodion .c-acodion__btn {
        height: min(5vw, 60px);
        font-size: min(2vw, 24px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-acodion .c-acodion__btn {
        height: 60px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-acodion .c-acodion__btn {
        font-size: 24px
    }
}

.c-acodion .c-acodion__btn::before,
.c-acodion .c-acodion__btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: min(2.6666666667vw, 20px);
    transform: translateY(-50%);
    display: block;
    background: #fff;
    transition: all .3s ease;
    width: min(5.3333333333vw, 40px);
    height: min(0.6666666667vw, 5px)
}

@media screen and (-ms-high-contrast: none) {

    .c-acodion .c-acodion__btn::before,
    .c-acodion .c-acodion__btn::after {
        width: 20px
    }
}

@media screen and (-ms-high-contrast: none) {

    .c-acodion .c-acodion__btn::before,
    .c-acodion .c-acodion__btn::after {
        height: 2.5px
    }
}

@media(min-width: 769px) {

    .c-acodion .c-acodion__btn::before,
    .c-acodion .c-acodion__btn::after {
        width: min(1.6666666667vw, 20px);
        height: min(0.25vw, 3px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {

    .c-acodion .c-acodion__btn::before,
    .c-acodion .c-acodion__btn::after {
        width: 20px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {

    .c-acodion .c-acodion__btn::before,
    .c-acodion .c-acodion__btn::after {
        height: 3px
    }
}

.c-acodion .c-acodion__btn::after {
    transform: scaleY(1) translateY(-50%) rotate(90deg)
}

.c-acodion .c-acodion__box {
    overflow: hidden;
    transition: all .3s ease;
    padding: min(2.6666666667vw, 20px)
}

@media screen and (-ms-high-contrast: none) {
    .c-acodion .c-acodion__box {
        padding: 20px
    }
}

.c-acodion .c-acodion__box .c-attention {
    padding: 0;
    border-radius: 0
}

.c-acodion:not(.is-open) .c-acodion__box {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    pointer-events: none
}

.c-acodion.is-open .c-acodion__btn::after {
    transform: scaleY(0) translateY(-50%) rotate(90deg)
}

.c-dl {
    display: grid;
    grid-template-columns: min(16vw, 120px) 1fr;
    gap: 10px;
    margin-bottom: 0;
    margin-top: min(5.0666666667vw, 38px)
}

@media screen and (-ms-high-contrast: none) {
    .c-dl {
        margin-top: 19px
    }
}

.c-dl>dt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #535353;
    color: #fff;
    font-weight: normal;
    width: min(16vw, 120px);
    height: min(5.3333333333vw, 40px);
    font-size: min(3.2vw, 24px)
}

@media screen and (-ms-high-contrast: none) {
    .c-dl>dt {
        width: 60px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-dl>dt {
        height: 20px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-dl>dt {
        font-size: 12px
    }
}

.c-dl>dd {
    flex: 1
}

.c-content-header-img {
    text-align: center;
    margin-bottom: min(5.3333333333vw, 40px)
}

@media screen and (-ms-high-contrast: none) {
    .c-content-header-img {
        margin-bottom: 20px
    }
}

.c-error {
    margin-bottom: .5em;
    padding-left: 0;
    list-style: none;
    font-weight: bold;
    font-size: min(2.1333333333vw, 16px)
}

@media screen and (-ms-high-contrast: none) {
    .c-error {
        font-size: 16px
    }
}

@media(min-width: 769px) {
    .c-error {
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-error {
        font-size: 16px
    }
}

.c-error__item {
    color: var(--p-color-attention)
}

@media screen and (-ms-high-contrast: none) {
    .c-error__item {
        color: #e6002d
    }
}

.c-flow {
    display: flex;
    gap: min(0.8vw, 6px);
    margin-top: min(10.6666666667vw, 80px);
    padding-left: 0;
    list-style-type: none;
    color: #b9b9b9
}

@media screen and (-ms-high-contrast: none) {
    .c-flow {
        gap: 3px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-flow {
        margin-top: 40px
    }
}

@media(min-width: 769px) {
    .c-flow {
        gap: min(1.6666666667vw, 20px);
        margin-top: min(5.8333333333vw, 70px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-flow {
        gap: 20px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-flow {
        margin-top: 70px
    }
}

.c-flow__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: calc(25% - min(0.8vw, 6px));
    padding: min(0.6666666667vw, 5px);
    background-color: #fff
}

@media screen and (-ms-high-contrast: none) {
    .c-flow__item {
        width: calc(25% - 3px)
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-flow__item {
        padding: 2.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-flow__item:not(:last-child) {
        margin-right: 3px
    }
}

@media(min-width: 769px) {
    .c-flow__item {
        width: calc(25% - 1.6666666667vw);
        padding: min(0.4166666667vw, 5px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-flow__item {
        width: calc(25% - 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-flow__item {
        padding: 5px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-flow__item:not(:last-child) {
        margin-right: 20px
    }
}

.c-flow__item:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: max(-0.8vw, -6px);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: min(1.3333333333vw, 10px) 0 min(1.3333333333vw, 10px) min(0.8vw, 6px);
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff
}

@media screen and (-ms-high-contrast: none) {
    .c-flow__item:not(:last-child):after {
        right: -3px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-flow__item:not(:last-child):after {
        border-width: 5px 0 5px 3px
    }
}

@media(min-width: 769px) {
    .c-flow__item:not(:last-child):after {
        right: max(-0.6666666667vw, -8px);
        border-width: min(0.5833333333vw, 7px) 0 min(0.5833333333vw, 7px) min(0.6666666667vw, 8px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-flow__item:not(:last-child):after {
        right: -8px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-flow__item:not(:last-child):after {
        border-width: 7px 0 7px 8px
    }
}

.c-flow__item-box {
    display: flex;
    align-items: center;
    flex-grow: 1;
    width: 100%;
    background-color: #f6f6f6
}

.c-flow__item--current .c-flow__item-box {
    background-color: #eb4273
}

.c-flow__item--active .c-flow__item-box {
    border: 2px solid #7fccea;
    background-color: #fff
}

.c-flow__item-step {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -3px;
    width: min(10.6666666667vw, 80px);
    height: min(10.6666666667vw, 80px);
    border-radius: min(10.6666666667vw, 80px);
    background-color: #fff;
    text-align: center;
    font-size: min(3.2vw, 24px);
    font-weight: bold;
    line-height: 1
}

@media screen and (-ms-high-contrast: none) {
    .c-flow__item-step {
        width: 40px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-flow__item-step {
        height: 40px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-flow__item-step {
        border-radius: 40px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-flow__item-step {
        font-size: 12px
    }
}

@media(min-width: 769px) {
    .c-flow__item-step {
        width: 60px;
        height: 60px;
        border-radius: 30px;
        font-size: 14px
    }
}

.c-flow__item-step>span {
    display: block;
    margin-top: 2px;
    font-size: min(4.8vw, 36px)
}

@media screen and (-ms-high-contrast: none) {
    .c-flow__item-step>span {
        font-size: 18px
    }
}

@media(min-width: 769px) {
    .c-flow__item-step>span {
        margin-top: 4px;
        font-size: 26px
    }
}

.c-flow__item--current .c-flow__item-step {
    color: #eb4273
}

.c-flow__item--active .c-flow__item-step {
    color: #fff;
    background-color: #7fccea
}

.c-flow__item-title {
    margin: min(2.6666666667vw, 20px) auto 0;
    padding: min(2.6666666667vw, 20px) 0;
    font-size: min(2.4vw, 18px);
    font-weight: bold;
    text-align: center;
    line-height: 1.2
}

@media screen and (-ms-high-contrast: none) {
    .c-flow__item-title {
        margin: 10px auto 0
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-flow__item-title {
        padding: 10px 0
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-flow__item-title {
        font-size: 9px
    }
}

@media(min-width: 769px) {
    .c-flow__item-title {
        margin-top: 20px;
        padding: 16px 0;
        font-size: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-flow__item-title {
        font-size: 20px
    }
}

@media(max-width: 768px) {
    .c-flow__item-title>span {
        display: inline-block;
        transform: scaleX(0.95);
        letter-spacing: -0.15em
    }
}

.c-flow__item--current .c-flow__item-title {
    color: #fff
}

.c-flow__item--active .c-flow__item-title {
    color: #7fccea
}

.c-footer {
    background-color: #fff;
    padding: min(5.0666666667vw, 38px) 0
}

@media screen and (-ms-high-contrast: none) {
    .c-footer {
        padding: 19px
    }
}

@media(min-width: 769px) {
    .c-footer {
        padding: min(1.8333333333vw, 22px) 0 min(2.5vw, 30px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-footer {
        padding: 22px 0 30px
    }
}

.c-footer__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 1em;
    list-style-type: none;
    padding-left: 0
}

@media screen and (-ms-high-contrast: none) {
    .c-footer__list>li {
        margin: 0 .5em
    }
}

.c-footer__list>li>a {
    text-decoration: none;
    font-size: min(2.4vw, 18px);
    font-weight: bold;
    color: inherit
}

@media screen and (-ms-high-contrast: none) {
    .c-footer__list>li>a {
        font-size: 9px
    }
}

@media(min-width: 769px) {
    .c-footer__list>li>a {
        font-size: min(1.1666666667vw, 14px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-footer__list>li>a {
        font-size: 14px
    }
}

.c-footer__list>li>a:hover {
    text-decoration: underline
}

.c-footer__copyright {
    text-align: center
}

.c-footer__copyright>small {
    font-size: min(2.4vw, 18px);
    font-weight: bold
}

@media screen and (-ms-high-contrast: none) {
    .c-footer__copyright>small {
        font-size: 9px
    }
}

@media(min-width: 769px) {
    .c-footer__copyright>small {
        font-size: min(1.1666666667vw, 14px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-footer__copyright>small {
        font-size: 14px
    }
}

.c-form-campaign {
    display: flex;
    flex-direction: column;
    gap: min(3.4666666667vw, 26px) 0
}

@media screen and (-ms-high-contrast: none) {
    .c-form-campaign {
        gap: 13px 0
    }
}

@media screen and (-ms-high-contrast: none)and (max-width: 768px) {
    .c-form-campaign {
        display: block
    }
}

@media(min-width: 769px) {
    .c-form-campaign {
        flex-direction: row;
        flex-wrap: wrap;
        gap: min(2.1666666667vw, 26px) min(3.1666666667vw, 38px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-campaign {
        gap: 26px 38px
    }
}

.c-form-campaign__item {
    display: flex;
    flex-direction: column
}

@media screen and (-ms-high-contrast: none) {
    .c-form-campaign__item {
        display: block;
        margin-top: 13px
    }
}

@media screen and (-ms-high-contrast: none)and (max-width: 768px) {
    .c-form-campaign__item:first-child {
        margin-top: 0
    }
}

@media(min-width: 769px) {
    .c-form-campaign__item {
        width: calc(50% - min(1.5833333333vw, 19px))
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-campaign__item {
        width: calc(50% - 19px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-campaign__item {
        margin-top: 19px
    }

    .c-form-campaign__item:nth-child(2n+1) {
        margin-right: 19px
    }

    .c-form-campaign__item:nth-child(-n+2) {
        margin-top: 0
    }
}

.c-form-campaign__radio {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    position: relative
}

@media screen and (-ms-high-contrast: none) {
    .c-form-campaign__radio {
        display: block
    }
}

.c-form-campaign__radio-input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0
}

@media screen and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input {
        visibility: visible;
        z-index: 2;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer
    }
}

.c-form-campaign__type {
    flex-grow: 1;
    display: block;
    position: relative;
    overflow: hidden;
    border: 2px solid #d5d5d5;
    border-radius: 10px;
    background-color: #fcfcfc
}

.c-form-campaign__radio-input+.c-form-campaign__type {
    cursor: pointer
}

.c-form-campaign__radio-input+.c-form-campaign__type:before {
    content: "";
    position: absolute;
    top: 50%;
    left: min(2.4vw, 18px);
    transform: translateY(-50%);
    display: block;
    width: min(6vw, 45px);
    height: min(6vw, 45px);
    border-radius: calc(min(6vw, 45px) * 0.5);
    border: 1px solid #c3c3c3;
    background-color: #fff
}

@media screen and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input+.c-form-campaign__type:before {
        left: 9px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input+.c-form-campaign__type:before {
        width: 22.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input+.c-form-campaign__type:before {
        height: 22.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input+.c-form-campaign__type:before {
        border-radius: 22.5px
    }
}

@media(min-width: 769px) {
    .c-form-campaign__radio-input+.c-form-campaign__type:before {
        left: min(2.1666666667vw, 26px);
        width: min(2.5vw, 30px);
        height: min(2.5vw, 30px);
        border-radius: calc(min(2.5vw, 30px) * 0.5)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input+.c-form-campaign__type:before {
        left: 26px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input+.c-form-campaign__type:before {
        width: 30px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input+.c-form-campaign__type:before {
        height: 30px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input+.c-form-campaign__type:before {
        border-radius: 15px
    }
}

.c-form-campaign__radio-input+.c-form-campaign__type:after {
    content: "";
    position: absolute;
    top: 50%;
    left: min(3.7333333333vw, 28px);
    transform: translateY(-50%);
    display: block;
    width: min(3.3333333333vw, 25px);
    height: min(3.3333333333vw, 25px);
    border-radius: calc(min(3.3333333333vw, 25px) * 0.5);
    background-color: #c3c3c3
}

@media screen and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input+.c-form-campaign__type:after {
        left: 14px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input+.c-form-campaign__type:after {
        width: 12.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input+.c-form-campaign__type:after {
        height: 12.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input+.c-form-campaign__type:after {
        border-radius: 12.5px
    }
}

@media(min-width: 769px) {
    .c-form-campaign__radio-input+.c-form-campaign__type:after {
        left: min(2.75vw, 33px);
        width: min(1.3333333333vw, 16px);
        height: min(1.3333333333vw, 16px);
        border-radius: calc(min(1.3333333333vw, 16px) * 0.5)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input+.c-form-campaign__type:after {
        left: 33px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input+.c-form-campaign__type:after {
        width: 16px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input+.c-form-campaign__type:after {
        height: 16px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input+.c-form-campaign__type:after {
        border-radius: 8px
    }
}

.c-form-campaign__radio-input:checked+.c-form-campaign__type:before {
    border-color: var(--p-color-active)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input:checked+.c-form-campaign__type:before {
        border-color: #00aac3
    }
}

.c-form-campaign__radio-input:checked+.c-form-campaign__type:after {
    background-color: var(--p-color-active)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-campaign__radio-input:checked+.c-form-campaign__type:after {
        background-color: #00aac3
    }
}

.c-form-table {
    width: 100%;
    border: 1px solid #b8b8b8
}

@media screen and (max-width: 768px)and (-ms-high-contrast: none) {
    .c-form-table {
        display: block
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table {
        table-layout: fixed
    }
}

@media screen and (max-width: 768px)and (-ms-high-contrast: none) {
    .c-form-table>tbody {
        display: block
    }
}

@media(max-width: 768px) {
    .c-form-table>tbody>tr {
        display: block
    }

    .c-form-table>tbody>tr:not(:last-child) {
        border-bottom: 1px solid #b8b8b8
    }
}

@media(min-width: 769px) {
    .c-form-table>tbody>tr {
        border: 1px solid #b8b8b8
    }
}

.c-form-table>tbody>tr>th {
    display: block;
    border-bottom: 1px solid #b8b8b8;
    padding: min(2.6666666667vw, 20px) min(3.4666666667vw, 26px);
    background-color: #e7fdff
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table>tbody>tr>th {
        padding: 10px 13px
    }
}

@media(min-width: 769px) {
    .c-form-table>tbody>tr>th {
        display: table-cell;
        width: 37.5%;
        border-bottom: 0;
        padding: 0 min(2.5vw, 30px) 0 min(5.4166666667vw, 65px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table>tbody>tr>th {
        padding: 0 30px 0 65px
    }
}

.c-form-table>tbody>tr>td {
    display: block;
    padding: min(4.9333333333vw, 37px) min(3.4666666667vw, 26px);
    background-color: #fff;
    word-break: break-all
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table>tbody>tr>td {
        padding: 18.5px 13px
    }
}

@media(min-width: 769px) {
    .c-form-table>tbody>tr>td {
        display: table-cell;
        width: 62.5%;
        padding: min(2.5vw, 30px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table>tbody>tr>td {
        padding: 30px
    }
}

.c-form-table>tbody>tr>td.c-form-table__required {
    background-color: var(--p-color-required)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table>tbody>tr>td.c-form-table__required {
        background-color: #fbd9e0
    }
}

.c-form-table>tbody>tr>td.c-form-table__td {
    padding: 0
}

.c-form-table--confirm {
    border: 0
}

.c-form-table--confirm>tbody>tr {
    border: 0
}

@media(min-width: 769px) {
    .c-form-table--confirm>tbody>tr {
        border-bottom: 1px solid #ddd
    }
}

.c-form-table--confirm>tbody>tr:not(:last-child) {
    border: 0
}

@media(min-width: 769px) {
    .c-form-table--confirm>tbody>tr:not(:last-child) {
        border-bottom: 1px solid #ddd
    }
}

@media(max-width: 768px) {
    .c-form-table--confirm>tbody>tr:last-child {
        border-bottom: min(0.2666666667vw, 2px) solid #f6f6f6
    }
}

@media screen and (max-width: 768px)and (-ms-high-contrast: none) {
    .c-form-table--confirm>tbody>tr:last-child {
        border-bottom: 2px solid #f6f6f6
    }
}

.c-form-table--confirm>tbody>tr>th {
    border-bottom: 0;
    background-color: #ffe791
}

@media(max-width: 768px) {
    .c-form-table--confirm>tbody>tr>td {
        border-left: 1px solid #f6f6f6;
        border-right: 1px solid #f6f6f6
    }
}

.c-form-table--simulation {
    border: 0
}

.c-form-table--simulation>tbody>tr:not(:last-child) {
    border-bottom: 0
}

@media(min-width: 769px) {
    .c-form-table--simulation>tbody>tr {
        border-left: 0;
        border-right: 0
    }
}

.c-form-table--simulation>tbody>tr:first-child {
    border-top: 0
}

@media(min-width: 769px) {
    .c-form-table--simulation>tbody>tr:last-of-type {
        border-bottom: 0
    }
}

.c-form-table--simulation>tbody>tr>th {
    border-bottom: 0
}

.c-form-table--simulation>tbody>tr>td {
    border-left: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6
}

@media(min-width: 769px) {
    .c-form-table--simulation>tbody>tr>td {
        border-left: 0;
        border-right: 0
    }
}

.c-form-table--simulation:last-child {
    border-bottom: 1px solid #f6f6f6
}

@media(min-width: 769px) {
    .c-form-table--simulation:last-child {
        border-bottom: 0
    }
}

.c-form-table--thin {
    border: 0
}

.c-form-table--thin>tbody>tr>th {
    width: 100%;
    border-bottom: 0;
    padding: min(3.4666666667vw, 26px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table--thin>tbody>tr>th {
        padding: 13px
    }
}

@media(min-width: 769px) {
    .c-form-table--thin>tbody>tr>th {
        width: min(17.5vw, 210px);
        padding: min(3.3333333333vw, 40px) min(2.5vw, 30px) min(3.3333333333vw, 40px) min(3.3333333333vw, 40px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table--thin>tbody>tr>th {
        width: 210px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table--thin>tbody>tr>th {
        padding: 40px 30px 40px
    }
}

.c-form-table--thin>tbody>tr>td {
    width: 100%
}

@media(min-width: 769px) {
    .c-form-table--thin>tbody>tr>td {
        width: min(48vw, 576px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table--thin>tbody>tr>td {
        width: 576px
    }
}

.c-form-table--child {
    border: 0
}

.c-form-table--child:first-child {
    display: block;
    padding-top: min(4.8vw, 36px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table--child:first-child {
        padding-top: 18px
    }
}

@media(min-width: 769px) {
    .c-form-table--child:first-child {
        display: table;
        padding-top: 0
    }
}

.c-form-table--child>tbody {
    display: block;
    padding: 0 min(3.4666666667vw, 26px) min(4.8vw, 36px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table--child>tbody {
        padding: 0 13px 18px
    }
}

@media(min-width: 769px) {
    .c-form-table--child>tbody {
        display: table-row-group;
        padding: 0
    }
}

.c-form-table--child>tbody>tr {
    border: 0
}

.c-form-table--child>tbody>tr:not(:last-child) {
    border-bottom: 0
}

@media(min-width: 769px) {
    .c-form-table--child>tbody>tr {
        border-top: 1px solid #ddd
    }
}

.c-form-table--child>tbody>tr>th {
    width: 100%;
    border-bottom: 0;
    padding: min(3.4666666667vw, 26px);
    background-color: #faddd8;
    font-size: min(4.2666666667vw, 32px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table--child>tbody>tr>th {
        padding: 13px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table--child>tbody>tr>th {
        font-size: 16px
    }
}

@media(min-width: 769px) {
    .c-form-table--child>tbody>tr>th {
        width: min(20vw, 240px);
        padding: min(2.1666666667vw, 26px) min(2.1666666667vw, 26px) min(2.1666666667vw, 26px) min(3.3333333333vw, 40px);
        font-size: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table--child>tbody>tr>th {
        width: 240px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table--child>tbody>tr>th {
        padding: 26px 26px 26px 40px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table--child>tbody>tr>th {
        font-size: 20px
    }
}

.c-form-table--child>tbody>tr>td {
    width: 100%;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: min(5.0666666667vw, 38px) min(3.4666666667vw, 26px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table--child>tbody>tr>td {
        padding: 19px 13px
    }
}

@media(min-width: 769px) {
    .c-form-table--child>tbody>tr>td {
        width: min(30vw, 360px);
        border: 0;
        padding: min(2.1666666667vw, 26px) min(2.1666666667vw, 26px) min(2.1666666667vw, 26px) min(2.9166666667vw, 35px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table--child>tbody>tr>td {
        width: 360px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table--child>tbody>tr>td {
        padding: 26px 26px 26px 35px
    }
}

.c-form-table--child>tbody>tr:last-child>td {
    border-bottom: 1px solid #ddd
}

@media(min-width: 769px) {
    .c-form-table--child>tbody>tr:last-child>td {
        border: 0
    }
}

.c-form-table__td-inner {
    padding: min(4.9333333333vw, 37px) min(3.4666666667vw, 26px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__td-inner {
        padding: 18.5px 13px
    }
}

@media(min-width: 769px) {
    .c-form-table__td-inner {
        padding: min(2.5vw, 30px) min(2.5vw, 30px) min(2.5vw, 30px) min(2.9166666667vw, 35px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__td-inner {
        padding: 30px 30px 30px 35px
    }
}

@media(max-width: 768px) {
    .c-form-table__header {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.c-form-table__header--simulation {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.c-form-table__heading {
    position: relative;
    padding-left: min(5.3333333333vw, 40px);
    font-size: min(4.2666666667vw, 32px);
    font-weight: bold
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__heading {
        padding-left: 20px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__heading {
        font-size: 16px
    }
}

@media(min-width: 769px) {
    .c-form-table__heading {
        padding-left: min(2.0833333333vw, 25px);
        font-size: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__heading {
        padding-left: 25px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__heading {
        font-size: 20px
    }
}

.c-form-table__heading:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: min(1.8666666667vw, 14px);
    width: min(2.4vw, 18px);
    height: min(2.4vw, 18px);
    background-image: linear-gradient(45deg, #63c3cb, #109e95);
    transform: rotate(45deg)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__heading:before {
        top: 7px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__heading:before {
        width: 9px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__heading:before {
        height: 9px
    }
}

@media(min-width: 769px) {
    .c-form-table__heading:before {
        top: min(0.6666666667vw, 8px);
        width: min(1.1666666667vw, 14px);
        height: min(1.1666666667vw, 14px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__heading:before {
        top: 8px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__heading:before {
        width: 14px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__heading:before {
        height: 14px
    }
}

.c-form-table__heading>span {
    font-size: .8em
}

.c-form-table__badge {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(11.4666666667vw, 86px);
    height: min(5.6vw, 42px);
    background-image: linear-gradient(90deg, #4dc26d, #00ac9c);
    border-radius: 4px;
    line-height: 1;
    font-size: min(3.2vw, 24px);
    color: #fff
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__badge {
        width: 43px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__badge {
        height: 21px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__badge {
        font-size: 12px
    }
}

@media(min-width: 769px) {
    .c-form-table__badge {
        width: min(4.8333333333vw, 58px);
        height: min(2vw, 24px);
        margin-top: 6px;
        margin-left: min(2.3333333333vw, 28px);
        font-size: min(1.1666666667vw, 14px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__badge {
        width: 58px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__badge {
        height: 24px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__badge {
        margin-left: 28px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__badge {
        font-size: 14px
    }
}

.c-form-table__badge--inline {
    display: inline-flex;
    margin-top: 0;
    margin-left: auto
}

@media(min-width: 769px) {
    .c-form-table__badge--inline {
        margin-left: min(1.25vw, 15px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__badge--inline {
        margin-left: 15px
    }
}

.c-form-table__badge--required {
    background-image: linear-gradient(90deg, #ee4a1f, #e6002d)
}

.c-form-table__supplement {
    margin-bottom: min(3.3333333333vw, 25px);
    font-size: min(2.9333333333vw, 22px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__supplement {
        margin-bottom: 12.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__supplement {
        font-size: 11px
    }
}

@media(min-width: 769px) {
    .c-form-table__supplement {
        margin-bottom: min(0.4166666667vw, 5px);
        font-size: min(1.1666666667vw, 14px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__supplement {
        margin-bottom: 5px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__supplement {
        font-size: 14px
    }
}

.c-form-table__text {
    font-size: min(4.5333333333vw, 34px);
    font-weight: 500
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__text {
        font-size: 17px
    }
}

@media(min-width: 769px) {
    .c-form-table__text {
        font-size: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__text {
        font-size: 20px
    }
}

.c-form-table__text:not(:first-child) {
    margin-top: 1em
}

.c-form-table__text+.c-form-table__text {
    margin-top: .5em
}

@media(min-width: 769px) {
    .c-form-table__text+.c-form-table__text {
        margin-top: 0
    }
}

.c-form-table__text+.c-form-table__text#shinsha_price_2 {
    margin-top: 0
}

.c-form-table__text>span:not([id]) {
    font-size: .7em
}

@media(min-width: 769px) {
    .c-form-table__row {
        display: flex;
        gap: 0 min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__row {
        gap: 0 10px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__row {
        width: 500px
    }
}

.c-form-table__row--radio {
    display: flex;
    gap: min(6.6666666667vw, 50px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__row--radio {
        gap: 25px
    }
}

@media(min-width: 769px) {
    .c-form-table__row--radio {
        gap: 0 min(5.8333333333vw, 70px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__row--radio {
        gap: 0 70px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__row--radio .c-form-table__col {
        margin-right: 25px
    }
}

@media screen and (-ms-high-contrast: none)and (min-width: 769px) {
    .c-form-table__row--radio .c-form-table__col {
        margin-right: 70px
    }

    .c-form-table__row--radio .c-form-table__col:last-child {
        margin-right: 0
    }
}

.c-form-table__row--date {
    display: flex;
    flex-wrap: wrap;
    gap: 0 3.4666666667vw
}

@media(min-width: 769px) {
    .c-form-table__row--date {
        flex-wrap: nowrap;
        gap: 0 2.3333333333vw
    }
}

.c-form-table__row--date>*:first-of-type {
    width: 100%
}

@media(min-width: 769px) {
    .c-form-table__row--date>*:first-of-type {
        width: auto
    }
}

@media(max-width: 768px) {
    .c-form-table__row--date>*:not(:first-of-type) {
        width: calc(50% - 1.7333333333vw)
    }
}

@media(min-width: 769px) {
    .c-form-table__row--driver {
        gap: 0 min(4.3333333333vw, 52px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__row--driver {
        gap: 0 52px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__row--driver {
        width: auto
    }

    .c-form-table__row--driver>.c-form-table__col {
        margin-right: 0
    }
}

@media screen and (-ms-high-contrast: none)and (min-width: 769px) {
    .c-form-table__row--driver>.c-form-table__col {
        margin-right: 70px
    }
}

.c-form-table__row--simulation {
    display: flex;
    gap: min(6.6666666667vw, 50px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__row--simulation {
        gap: 25px
    }
}

@media(min-width: 769px) {
    .c-form-table__row--simulation {
        gap: min(1.8333333333vw, 22px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__row--simulation {
        gap: 22px
    }
}

@media(min-width: 769px) {
    .c-form-table__row--vertical {
        gap: 0 min(5.8333333333vw, 70px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__row--vertical {
        gap: 70px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__row--vertical {
        width: auto
    }

    .c-form-table__row--vertical .c-form-table__col {
        margin-right: 70px
    }
}

@media(max-width: 768px) {
    .c-form-table__row--gender {
        display: flex;
        gap: min(6.6666666667vw, 50px)
    }
}

@media screen and (max-width: 768px)and (-ms-high-contrast: none) {
    .c-form-table__row--gender {
        gap: 50px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__row--gender .c-form-table__col {
        margin-right: 20px
    }

    .c-form-table__row--gender .c-form-table__col:last-child {
        margin-right: 0
    }
}

.c-form-table__col {
    display: flex;
    align-items: center;
    gap: 0 min(1.1666666667vw, 14px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__col {
        gap: 7px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__col {
        margin-right: 14px
    }
}

@media(max-width: 768px) {
    .c-form-table__col+.c-form-table__col {
        margin-top: min(3.4666666667vw, 26px)
    }
}

@media screen and (max-width: 768px)and (-ms-high-contrast: none) {
    .c-form-table__col+.c-form-table__col {
        margin-top: 26px
    }
}

@media(min-width: 769px) {
    .c-form-table__col {
        gap: 0 min(0.75vw, 9px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__col {
        gap: 9px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__col {
        margin-right: 0
    }
}

.c-form-table__col--date:not(:first-child) {
    flex-shrink: 0
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__col--date {
        margin-right: 0
    }

    .c-form-table__col--date:not(:last-child) {
        margin-right: 14px
    }

    .c-form-table__col--date:first-child {
        margin-right: 0
    }
}

@media(min-width: 769px) {
    .c-form-table__col--date {
        align-items: flex-end
    }
}

.c-form-table__col--number {
    flex-shrink: 0
}

.c-form-table__col .c-form-table__price {
    display: none
}

.is-set .c-input {
    pointer-events: none;
    cursor: text;
    padding: 0;
    border-color: rgba(0, 0, 0, 0);
    display: none
}

.is-set .c-form-table__price {
    display: inline-block;
    font-size: clamp(16px, 4.5333333333vw, 34px)
}

@media screen and (-ms-high-contrast: none) {
    .is-set .c-form-table__price {
        font-size: 17px
    }
}

@media(min-width: 769px) {
    .is-set .c-form-table__price {
        font-size: min(1.8333333333vw, 22px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .is-set .c-form-table__price {
        font-size: 22px
    }
}

.is-set .c-form-table__note--attention {
    display: none
}

.c-form-table__row--radio .c-form-table__col,
.c-form-table__row--gender .c-form-table__col {
    margin-top: 0
}

.c-form-table__label {
    font-size: min(4.5333333333vw, 34px);
    font-weight: bold
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__label {
        font-size: 17px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__label {
        margin-left: 7px;
        margin-right: 7px
    }
}

@media(min-width: 769px) {
    .c-form-table__label {
        font-size: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__label {
        font-size: 20px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__label {
        margin-left: 9px;
        margin-right: 9px
    }
}

.c-form-table__label-middle {
    margin-bottom: 10px;
    font-size: min(4vw, 30px);
    font-weight: bold
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__label-middle {
        font-size: 15px
    }
}

@media(min-width: 769px) {
    .c-form-table__label-middle {
        font-size: min(1.5vw, 18px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__label-middle {
        font-size: 18px
    }
}

.c-form-table__label-middle--sm {
    font-size: min(4vw, 30px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__label-middle--sm {
        font-size: 15px
    }
}

@media(max-width: 768px) {
    .c-form-table__label-middle--sm {
        margin-bottom: min(1.3333333333vw, 10px)
    }
}

@media screen and (max-width: 768px)and (-ms-high-contrast: none) {
    .c-form-table__label-middle--sm {
        margin-bottom: 10px
    }
}

@media(min-width: 769px) {
    .c-form-table__label-middle--sm {
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__label-middle--sm {
        font-size: 16px
    }
}

.c-form-table__label-middle>span:not(.c-form-table__badge) {
    font-size: .8em;
    font-weight: 500
}

.c-form-table__input {
    flex-grow: 1
}

.c-form-table__number {
    display: flex;
    align-items: center;
    gap: 0 min(2.6666666667vw, 20px);
    font-size: min(4.5333333333vw, 34px);
    line-height: 1
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__number {
        gap: 10px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__number {
        font-size: 17px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__number>span {
        margin: 0 10px
    }
}

@media(min-width: 769px) {
    .c-form-table__number {
        gap: 0 min(1vw, 12px);
        font-size: min(1.8333333333vw, 22px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__number {
        gap: 12px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__number {
        font-size: 22px
    }
}

.c-form-table__zip {
    font-size: min(4.5333333333vw, 34px);
    line-height: 1
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__zip {
        font-size: 17px
    }
}

@media(min-width: 769px) {
    .c-form-table__zip {
        display: flex;
        gap: 0 min(1vw, 12px);
        font-size: min(1.8333333333vw, 22px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__zip {
        gap: 12px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__zip {
        font-size: 22px
    }
}

.c-form-table__zip-field {
    display: flex;
    align-items: center;
    gap: 0 min(3.6vw, 27px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__zip-field {
        gap: 13.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__zip-field>span {
        margin: 0 10px
    }
}

@media(min-width: 769px) {
    .c-form-table__zip-field {
        gap: 0 min(0.8333333333vw, 10px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__zip-field {
        gap: 10px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__zip-field {
        margin-right: 12px
    }
}

.c-form-table__zip-btn {
    margin-top: min(4.9333333333vw, 37px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__zip-btn {
        margin-top: 18.5px
    }
}

@media(min-width: 769px) {
    .c-form-table__zip-btn {
        flex-shrink: 0;
        margin-top: 0
    }
}

.c-form-table__field+.c-form-table__field {
    margin-top: min(4vw, 30px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__field+.c-form-table__field {
        margin-top: 15px
    }
}

@media(min-width: 769px) {
    .c-form-table__field+.c-form-table__field {
        margin-top: min(2.5vw, 30px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__field+.c-form-table__field {
        margin-top: 30px
    }
}

.c-form-table__box {
    margin: max(-3.3333333333vw, -25px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__box {
        margin: -12.5px
    }
}

@media(min-width: 769px) {
    .c-form-table__box {
        margin: max(-2.5vw, -30px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__box {
        margin: -30px
    }
}

.c-form-table__inner-cell {
    padding: min(3.3333333333vw, 25px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__inner-cell {
        padding: 12.5px
    }
}

@media(min-width: 769px) {
    .c-form-table__inner-cell {
        padding: min(2.5vw, 30px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__inner-cell {
        padding: 30px
    }
}

.c-form-table__inner-cell:not(:last-of-type) {
    border-bottom: 1px solid #b8b8b8
}

.c-form-table__note {
    margin-top: min(3.6vw, 27px);
    padding-left: 0;
    list-style: none;
    font-size: min(2.9333333333vw, 22px)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__note {
        margin-top: 13.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__note {
        font-size: 11px
    }
}

@media(min-width: 769px) {
    .c-form-table__note {
        margin-top: min(0.8333333333vw, 10px);
        font-size: min(1.1666666667vw, 14px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__note {
        margin-top: 10px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-form-table__note {
        font-size: 14px
    }
}

.c-form-table__note>li {
    padding-left: 1em;
    text-indent: -1em
}

.c-form-table__note--attention>li {
    font-feature-settings: "palt";
    color: var(--p-color-attention)
}

@media screen and (-ms-high-contrast: none) {
    .c-form-table__note--attention>li {
        color: #e6002d
    }
}

.c-heading-table {
    margin-bottom: 0;
    padding: min(3.7333333333vw, 28px);
    background-color: var(--p-color-heading);
    color: #fff;
    font-size: min(4.2666666667vw, 32px);
    font-weight: bold;
    text-align: center
}

@media screen and (-ms-high-contrast: none) {
    .c-heading-table {
        padding: 14px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-heading-table {
        background-color: #5fb7e0
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-heading-table {
        font-size: 16px
    }
}

@media(min-width: 769px) {
    .c-heading-table {
        padding: min(1vw, 12px);
        font-size: min(2.5vw, 30px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-heading-table {
        padding: 12px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-heading-table {
        font-size: 30px
    }
}

.c-heading-table--flow {
    display: flex;
    gap: .5em;
    padding: min(2.6666666667vw, 20px);
    font-size: min(4.2666666667vw, 32px);
    text-align: left
}

@media screen and (-ms-high-contrast: none) {
    .c-heading-table--flow {
        padding: 10px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-heading-table--flow {
        font-size: 16px
    }
}

@media(min-width: 769px) {
    .c-heading-table--flow {
        display: block;
        padding: min(1vw, 12px);
        font-size: min(2vw, 24px);
        text-align: center
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-heading-table--flow {
        padding: 12px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-heading-table--flow {
        font-size: 24px
    }
}

.c-heading-table--confirm {
    background-color: #f29844
}

.c-heading-table__number {
    font-size: min(5.3333333333vw, 40px);
    font-style: italic
}

@media screen and (-ms-high-contrast: none) {
    .c-heading-table__number {
        font-size: 20px
    }
}

@media(min-width: 769px) {
    .c-heading-table__number {
        font-size: min(2.6666666667vw, 32px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-heading-table__number {
        font-size: 32px
    }
}

.c-heading-table__text {
    display: inline-block;
    margin-top: .25em
}

@media(min-width: 769px) {
    .c-heading-table__text {
        display: inline;
        margin-top: 0
    }
}

.c-heading-table__underline {
    text-decoration: underline
}

.c-input {
    width: 100%;
    height: min(12.5333333333vw, 94px);
    padding: 0 .5em;
    border: min(0.2666666667vw, 2px) solid #d5d5d5;
    border-radius: min(1.0666666667vw, 8px);
    font-size: clamp(16px, 4.5333333333vw, 34px);
    background-color: #fff
}

@media screen and (-ms-high-contrast: none) {
    .c-input {
        height: 47px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-input {
        border: 2px solid #d5d5d5
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-input {
        border-radius: 4px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-input {
        font-size: 17px
    }
}

@media(min-width: 769px) {
    .c-input {
        max-width: 462px;
        height: min(4.1666666667vw, 50px);
        border-width: min(0.1666666667vw, 2px);
        border-radius: min(0.6666666667vw, 8px);
        font-size: min(1.8333333333vw, 22px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-input {
        height: 50px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-input {
        border-width: 2px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-input {
        border-radius: 8px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-input {
        font-size: 22px
    }
}

@media(min-width: 769px) {
    .c-input--zip0 {
        max-width: 4em
    }
}

@media(min-width: 769px) {
    .c-input--zip1 {
        max-width: 5em
    }
}

@media(min-width: 769px) {
    .c-input--tel {
        max-width: 140px
    }
}

@media(min-width: 769px) {
    .c-input--short {
        max-width: 140px
    }
}

.c-input--required {
    background-color: var(--p-color-required)
}

@media screen and (-ms-high-contrast: none) {
    .c-input--required {
        background-color: #fbd9e0
    }
}

@media(max-width: 768px) {
    .c-input--edited {
        background-color: var(--p-color-edit)
    }
}

@media screen and (max-width: 768px)and (-ms-high-contrast: none) {
    .c-input--edited {
        background-color: #d8fde1
    }
}

.c-input:disabled {
    background-color: #f8f8f8
}

.c-media {
    margin-top: min(3.2vw, 24px)
}

@media screen and (-ms-high-contrast: none) {
    .c-media {
        margin-top: 24px
    }
}

@media(min-width: 769px) {
    .c-media {
        margin-top: min(2vw, 24px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-media {
        margin-top: 24px
    }
}

.c-method {
    margin-top: min(4vw, 30px);
    margin-bottom: min(6.6666666667vw, 50px)
}

@media screen and (-ms-high-contrast: none) {
    .c-method {
        margin-top: 30px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-method {
        margin-bottom: 50px
    }
}

@media(min-width: 769px) {
    .c-method {
        margin-top: min(2.9166666667vw, 35px);
        margin-bottom: min(3.75vw, 45px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-method {
        margin-top: 35px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-method {
        margin-bottom: 45px
    }
}

.c-method__submit {
    display: flex;
    justify-content: center
}

.c-method__media {
    width: min(45.6vw, 342px);
    margin: min(2.6666666667vw, 20px) auto 0
}

@media screen and (-ms-high-contrast: none) {
    .c-method__media {
        width: 342px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-method__media {
        margin: 20px auto 0
    }
}

@media(min-width: 769px) {
    .c-method__media {
        width: min(40.8333333333vw, 490px);
        margin-top: min(1.25vw, 15px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-method__media {
        width: 490px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-method__media {
        margin-top: 15px
    }
}

.c-modal {
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.c-modal:not(.c-modal--visible) {
    display: none
}

.c-modal--enter[class] {
    animation: fadeIn .3s ease-in-out
}

.c-modal--leave[class] {
    animation: fadeOut .3s ease-in-out
}

.c-modal__dialog {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: min(4.6666666667vw, 35px) min(4.6666666667vw, 35px)
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__dialog {
        padding: 17.5px 17.5px
    }
}

@media(min-width: 769px) {
    .c-modal__dialog {
        width: auto;
        padding: min(1.6666666667vw, 20px) 0
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__dialog {
        padding: 20px
    }
}

.c-modal__content {
    overflow: auto;
    max-width: 675px;
    width: 100%;
    max-height: 100%;
    padding: min(6.6666666667vw, 50px) min(4.6666666667vw, 35px);
    background-color: #fff
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__content {
        padding: 25px 17.5px
    }
}

@media(min-width: 769px) {
    .c-modal__content {
        max-width: 880px;
        width: min(73.3333333333vw, 880px);
        min-height: min(29.1666666667vw, 350px);
        padding: min(5vw, 60px) min(8.3333333333vw, 100px) min(5.8333333333vw, 70px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__content {
        width: 880px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__content {
        min-height: 350px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__content {
        padding: 60px 30px 70px
    }
}

.c-modal__heading {
    margin-bottom: 0;
    font-size: min(4.5333333333vw, 34px);
    font-weight: bold;
    line-height: 1.4;
    text-align: center
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__heading {
        font-size: 17px
    }
}

@media(min-width: 769px) {
    .c-modal__heading {
        font-size: min(2vw, 24px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__heading {
        font-size: 24px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__heading {
        margin-left: 30px
    }
}

.c-modal__heading--secondary {
    font-size: min(3.7333333333vw, 28px)
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__heading--secondary {
        font-size: 14px
    }
}

@media(min-width: 769px) {
    .c-modal__heading--secondary {
        font-size: min(2vw, 24px);
        text-align: left
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__heading--secondary {
        font-size: 24px
    }
}

.c-modal__entrance {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: min(6vw, 45px)
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__entrance {
        margin-top: 22.5px
    }
}

@media(min-width: 769px) {
    .c-modal__entrance {
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        gap: min(5vw, 60px);
        margin-top: min(3.3333333333vw, 40px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__entrance {
        gap: 60px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__entrance {
        margin-top: 40px
    }
}

.c-modal__entrance-col {
    max-width: 550px;
    width: 100%
}

.c-modal__entrance-col:not(:first-child) {
    margin-top: min(6vw, 45px)
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__entrance-col:not(:first-child) {
        margin-top: 22.5px
    }
}

@media(min-width: 769px) {
    .c-modal__entrance-col {
        max-width: 100%
    }

    .c-modal__entrance-col:not(:first-child) {
        margin-top: 0
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__entrance-col {
        width: auto
    }

    .c-modal__entrance-col:nth-of-type(2n) {
        margin-left: 30px
    }

    .c-modal__entrance-col>.c-btn-submit {
        margin-left: auto;
        margin-right: auto
    }
}

.c-modal__entrance-name {
    margin-top: .75em;
    text-align: center;
    font-size: min(2.9333333333vw, 22px)
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__entrance-name {
        font-size: 11px
    }
}

@media(min-width: 769px) {
    .c-modal__entrance-name {
        margin-top: .5em;
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__entrance-name {
        font-size: 16px
    }
}

.c-modal__notice {
    margin-bottom: min(6.6666666667vw, 50px)
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__notice {
        margin-bottom: 25px
    }
}

@media(min-width: 769px) {
    .c-modal__notice {
        display: flex;
        align-items: center;
        gap: min(2.5vw, 30px);
        margin-bottom: min(2.3333333333vw, 28px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__notice {
        gap: 30px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__notice {
        margin-bottom: 28px
    }
}

.c-modal__flyer {
    width: min(36vw, 270px);
    margin: 0 auto min(2.1333333333vw, 16px)
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__flyer {
        width: 135px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__flyer {
        margin: 0 auto 8px
    }
}

@media(min-width: 769px) {
    .c-modal__flyer {
        width: min(11.6666666667vw, 140px);
        margin: 0
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__flyer {
        width: 140px
    }
}

.c-modal__id {
    display: flex;
    align-items: center;
    gap: min(2.6666666667vw, 20px)
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__id {
        gap: 10px
    }
}

@media(min-width: 769px) {
    .c-modal__id {
        gap: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__id {
        gap: 20px
    }
}

.c-modal__id-note {
    display: block;
    text-align: center;
    margin-top: .5em;
    font-size: min(2.9333333333vw, 22px)
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__id-note {
        font-size: 11px
    }
}

@media(min-width: 769px) {
    .c-modal__id-note {
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__id-note {
        font-size: 16px
    }
}

.c-modal__id-field {
    width: 100%
}

.c-modal__id-delimiter {
    flex-shrink: 0;
    display: block;
    width: 10px;
    height: 2px;
    margin-top: max(-5.0666666667vw, -38px);
    background-color: var(--p-color-body);
    font-size: 0;
    line-height: 0
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__id-delimiter {
        margin-top: -19px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__id-delimiter {
        background-color: #555
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__id-delimiter {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media(min-width: 769px) {
    .c-modal__id-delimiter {
        width: 15px;
        margin-top: max(-2.3333333333vw, -28px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__id-delimiter {
        margin-top: -28px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__id-delimiter {
        margin-left: 15px;
        margin-right: 15px
    }
}

.c-modal__submit {
    display: flex;
    justify-content: center;
    margin-top: min(6vw, 45px)
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__submit {
        margin-top: 22.5px
    }
}

@media(min-width: 769px) {
    .c-modal__submit {
        margin-top: min(3.3333333333vw, 40px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__submit {
        margin-top: 40px
    }
}

.c-modal__escape {
    margin-top: 1.25em;
    text-align: center;
    font-size: min(2.9333333333vw, 22px)
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__escape {
        font-size: 11px
    }
}

@media(min-width: 769px) {
    .c-modal__escape {
        margin-top: 1em;
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-modal__escape {
        font-size: 16px
    }
}

.c-modal__escape>button {
    display: inline;
    margin: 0;
    border: 0;
    padding: 0;
    background: none;
    color: var(--p-color-link);
    text-decoration: underline
}

@media screen and (-ms-high-contrast: none) {
    .c-modal__escape>button {
        color: #008aff
    }
}

.c-modal__escape>button:hover {
    text-decoration: none
}

.c-mv {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.c-mv__img {
    position: relative;
    overflow: hidden;
    text-align: center
}

.c-mv__img img {
    width: auto;
    height: auto;
    max-width: min(1400px, 100%)
}

.c-mv__btn {
    position: absolute;
    top: 33.0666666667vw;
    left: 71.3333333333%;
    width: 26.5333333333vw;
    height: 15.2vw
}

@media(min-width: 769px) {
    .c-mv__btn {
        top: 39.1666666667vw;
        left: 77.9166666667vw;
        width: 20.8333333333vw;
        height: 12.5vw;
        transition: .3s ease-out;
        transition-property: opacity
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__btn {
        width: 154px;
        height: 92px
    }
}

@media(min-width: 769px) {
    .c-mv__btn:hover {
        opacity: .6
    }
}

@media(min-width: 1200px) {
    .c-mv__btn {
        top: 470px;
        left: 50%;
        transform: translateX(335px);
        width: 250px;
        height: 150px
    }
}

.c-mv__detail {
    position: relative;
    z-index: 1;
    margin: 0 -18px min(1.6vw, 12px)
}

@media screen and (-ms-high-contrast: none) {
    .c-mv__detail {
        margin: 0 -18px 12px
    }
}

@media(min-width: 769px) {
    .c-mv__detail {
        margin-bottom: min(4.1666666667vw, 50px);
        margin: 0 -18px min(1.6vw, 12px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__detail {
        margin-bottom: 50px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__detail {
        margin: 0 -18px 12px
    }
}

.c-mv__detail img {
    display: block;
    margin: auto
}

@media(min-width: 769px) {
    .c-mv__detail img {
        max-width: 100%;
        height: auto
    }
}

.c-mv__application {
    display: flex;
    justify-content: center;
    margin-bottom: min(10vw, 75px)
}

@media screen and (-ms-high-contrast: none) {
    .c-mv__application {
        margin-bottom: 37.5px
    }
}

@media(min-width: 769px) {
    .c-mv__application {
        margin-top: min(4.1666666667vw, 50px);
        margin-bottom: min(7.5vw, 90px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__application {
        margin-top: 50px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__application {
        margin-bottom: 90px
    }
}

.c-mv__media {
    margin-bottom: min(10vw, 75px)
}

@media screen and (-ms-high-contrast: none) {
    .c-mv__media {
        margin-bottom: 37.5px
    }
}

@media(min-width: 769px) {
    .c-mv__media {
        margin-bottom: min(5.8333333333vw, 70px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__media {
        margin-bottom: 70px
    }
}

.c-mv__media-heading {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-weight: 700;
    text-align: center;
    line-height: 1.8;
    margin-bottom: min(5.3333333333vw, 40px);
    font-size: min(3.7333333333vw, 28px)
}

@media screen and (-ms-high-contrast: none) {
    .c-mv__media-heading {
        margin-bottom: 40px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-mv__media-heading {
        font-size: 14px
    }
}

.c-mv__media-heading:before {
    content: "";
    flex-shrink: 0;
    display: block;
    width: min(4.4vw, 33px);
    height: min(7.4666666667vw, 56px);
    background-image: url(/asset/images/icon-line-01-sp.svg);
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (-ms-high-contrast: none) {
    .c-mv__media-heading:before {
        width: 33px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-mv__media-heading:before {
        height: 56px
    }
}

.c-mv__media-heading:after {
    content: "";
    flex-shrink: 0;
    display: block;
    width: min(4.4vw, 33px);
    height: min(7.4666666667vw, 56px);
    background-image: url(/asset/images/icon-line-02-sp.svg);
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (-ms-high-contrast: none) {
    .c-mv__media-heading:after {
        width: 33px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-mv__media-heading:after {
        height: 56px
    }
}

@media(min-width: 769px) {
    .c-mv__media-heading {
        align-items: center;
        margin-bottom: min(3.3333333333vw, 40px);
        font-size: min(2.3333333333vw, 28px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__media-heading {
        margin-bottom: 40px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__media-heading {
        font-size: 28px
    }
}

@media(min-width: 769px) {
    .c-mv__media-heading:before {
        width: 18px;
        height: 28px;
        background-image: url(/asset/images/jakyosai-top-mv-line-01.svg)
    }

    .c-mv__media-heading:after {
        width: 18px;
        height: 28px;
        background-image: url(/asset/images/jakyosai-top-mv-line-02.svg)
    }
}

.c-mv__media-movie {
    max-width: 760px;
    width: 100%;
    margin: 0 auto
}

.c-mv__media-button {
    border: 0;
    margin: 0;
    padding: 0
}

.c-mv__point {
    margin-bottom: min(4.9333333333vw, 37px)
}

@media screen and (-ms-high-contrast: none) {
    .c-mv__point {
        margin-bottom: 37px
    }
}

@media(min-width: 769px) {
    .c-mv__point {
        width: min(81vw, 972px);
        margin: 0 auto min(6.6666666667vw, 80px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__point {
        width: 972px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__point {
        margin: 0 auto 80px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__point {
        width: 100%;
        max-width: 972px
    }
}

.c-mv__link.c-mv__application {
    display: block;
    text-align: center
}

@media(max-width: 768px) {
    .c-mv__link.c-mv__application {
        margin-top: min(5vw, 60px)
    }
}

.c-mv__link-link {
    margin-bottom: min(5vw, 60px)
}

@media(max-width: 768px) {
    .c-mv__link-link {
        display: none
    }
}

.c-mv__link-heading {
    font-size: min(3.7333333333vw, 28px);
    font-weight: 600;
    letter-spacing: .05em
}

@media(min-width: 769px) {
    .c-mv__link-heading {
        font-size: min(2.3333333333vw, 28px)
    }
}

.c-mv__link-heading+.c-btn-submit {
    margin-top: min(2.5vw, 30px)
}

.c-mv__link-border {
    width: min(100%, 900px);
    border: 2px solid #05ac9c;
    border-radius: 10px;
    padding: min(4.167vw, 50px);
    /* margin-bottom: min(5.8333333333vw, 70px); */
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 769px) {
    .c-mv__link-border {
        width: min(75vw, 900px)
    }
}

.c-mv__link-btn {
    display: inline-flex;
    max-width: 100%;
    font-size: min(4.0vw, 32px);
    border-radius: min(11.6666666667vw, 140px);
    height: min(18.6666666667vw, 140px)
}

@media screen and (-ms-high-contrast: none) {
    .c-mv__link-btn {
        font-size: 16px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-mv__link-btn {
        border-radius: 140px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-mv__link-btn {
        height: 70px
    }
}

@media(min-width: 769px) {
    .c-mv__link-btn {
        height: min(8.3333333333vw, 100px);
        border-radius: min(8.3333333333vw, 100px);
        font-size: min(2.3333333333vw, 28px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__link-btn {
        height: 100px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__link-btn {
        border-radius: 100px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__link-btn {
        font-size: 28px
    }
}

.c-mv__link-bnr {
    position: relative;
    margin: 0 -18px min(5.8333333333vw, 70px)
}

.c-mv__link-bnr .c-img-shadow {
    max-width: 100%;
    box-shadow: none
}

.c-mv__link-bnr-submit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: min(10vw, 120px) min(3.75vw, 45px)
}

@media(min-width: 769px) {
    .c-mv__link-bnr-submit {
        display: none
    }
}

.c-mv__link-btnbox {
    position: relative;
    text-align: center;
    width: 100%
}

.c-mv__link-btnbox .c-btn-submit {
    margin: 0 auto min(7.833333vw, 70px);
    font-size: min(4.8vw, 36px);
    border-radius: min(11.6666666667vw, 140px);
    height: min(18.6666666667vw, 140px)
}

@media screen and (-ms-high-contrast: none) {
    .c-mv__link-btnbox .c-btn-submit {
        font-size: 18px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-mv__link-btnbox .c-btn-submit {
        border-radius: 140px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-mv__link-btnbox .c-btn-submit {
        height: 70px
    }
}

@media(min-width: 769px) {
    .c-mv__link-btnbox .c-btn-submit {
        height: min(10vw, 120px);
        border-radius: min(10vw, 120px);
        font-size: min(2.3333333333vw, 28px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__link-btnbox .c-btn-submit {
        height: 120px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__link-btnbox .c-btn-submit {
        border-radius: 120px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-mv__link-btnbox .c-btn-submit {
        font-size: 28px
    }
}

.c-mv__link-btnbox-submit {
    width: 100%
}

.c-img-shadow {
    box-shadow: 15px 15px 18px rgba(0, 0, 0, .1);
    max-width: calc(100vw - 36px);
    transition: all .3s ease
}

@media(min-width: 769px) {
    .c-img-shadow {
        box-shadow: 15px 15px 24px rgba(0, 0, 0, .1);
        max-width: calc(100vw - 48px)
    }
}

.c-notice {
    margin-top: min(4vw, 30px);
    padding-left: 0;
    line-height: 1.8;
    list-style-type: none;
    font-weight: 500;
    font-size: min(2.9333333333vw, 22px)
}

@media screen and (-ms-high-contrast: none) {
    .c-notice {
        margin-top: 15px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-notice {
        font-size: 11px
    }
}

@media(min-width: 769px) {
    .c-notice {
        margin-top: min(2.5vw, 30px);
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-notice {
        margin-top: 30px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-notice {
        font-size: 16px
    }
}

.c-notice>li {
    padding-left: 1em;
    text-indent: -1em
}

.c-number-plate {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: min(3.4666666667vw, 26px) min(2.9333333333vw, 22px);
    list-style-type: none;
    padding-left: 0
}

@media screen and (-ms-high-contrast: none) {
    .c-number-plate {
        gap: 13px 11px
    }
}

@media(min-width: 769px) {
    .c-number-plate {
        flex-wrap: nowrap
    }
}

.c-number-plate:not(:last-child) {
    margin-bottom: min(3vw, 36px)
}

@media screen and (-ms-high-contrast: none) {
    .c-number-plate:not(:last-child) {
        margin-bottom: 18px
    }
}

@media(min-width: 769px) {
    .c-number-plate:not(:last-child) {
        margin-bottom: min(3vw, 36px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-number-plate:not(:last-child) {
        margin-bottom: 36px
    }
}

.c-number-plate__item {
    width: calc(50% - min(2.9333333333vw, 22px));
    text-align: center
}

@media screen and (-ms-high-contrast: none) {
    .c-number-plate__item {
        width: calc(50% - 11px)
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-number-plate__item {
        margin-top: 11px
    }

    .c-number-plate__item:nth-child(-n+2) {
        margin-top: 0
    }
}

@media screen and (-ms-high-contrast: none)and (min-width: 769px) {
    .c-number-plate__item {
        width: calc(16.66% - 20px);
        margin-top: 0
    }

    .c-number-plate__item:not(:last-child) {
        margin-right: 20px
    }
}

.c-number-plate__item>img {
    width: min(26.6666666667vw, 200px)
}

@media screen and (-ms-high-contrast: none) {
    .c-number-plate__item>img {
        width: 100px
    }
}

@media(min-width: 769px) {
    .c-number-plate__item>img {
        width: min(10vw, 120px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-number-plate__item>img {
        width: 120px
    }
}

.c-number-plate__name {
    margin-top: min(1.3333333333vw, 10px);
    text-align: center;
    font-size: min(3.4666666667vw, 26px);
    font-weight: bold;
    color: var(--p-color-number)
}

@media screen and (-ms-high-contrast: none) {
    .c-number-plate__name {
        margin-top: 5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-number-plate__name {
        font-size: 13px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-number-plate__name {
        color: #005400
    }
}

@media(min-width: 769px) {
    .c-number-plate__name {
        margin-top: min(0.8333333333vw, 10px);
        font-size: min(1.3333333333vw, 16px);
        white-space: nowrap
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-number-plate__name {
        margin-top: 10px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-number-plate__name {
        font-size: 16px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-number-plate__name {
        white-space: normal
    }
}

.c-overview+.c-overview {
    margin-top: min(5.3333333333vw, 40px)
}

@media screen and (-ms-high-contrast: none) {
    .c-overview+.c-overview {
        margin-top: 20px
    }
}

@media(min-width: 769px) {
    .c-overview+.c-overview {
        margin-top: min(3.3333333333vw, 40px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-overview+.c-overview {
        margin-top: 40px
    }
}

.c-overview__heading {
    margin-bottom: 0;
    line-height: 1.8;
    font-size: min(3.2vw, 24px);
    font-weight: bold
}

@media screen and (-ms-high-contrast: none) {
    .c-overview__heading {
        font-size: 12px
    }
}

@media(min-width: 769px) {
    .c-overview__heading {
        line-height: 1.5;
        font-size: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-overview__heading {
        font-size: 20px
    }
}

.c-overview__heading>sup {
    top: -0.5em;
    font-size: .75em
}

@media(min-width: 769px) {
    .c-overview__heading>sup {
        top: -0.8em;
        font-size: .5em
    }
}

.c-overview__heading>span {
    display: inline-block;
    line-height: 1.8;
    font-size: min(2.6666666667vw, 20px);
    font-weight: 500
}

@media screen and (-ms-high-contrast: none) {
    .c-overview__heading>span {
        font-size: 10px
    }
}

@media(min-width: 769px) {
    .c-overview__heading>span {
        font-size: min(1.1666666667vw, 14px);
        font-weight: bold
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-overview__heading>span {
        font-size: 14px
    }
}

.c-overview__heading--secondary {
    font-size: min(3.2vw, 24px)
}

@media screen and (-ms-high-contrast: none) {
    .c-overview__heading--secondary {
        font-size: 12px
    }
}

@media(min-width: 769px) {
    .c-overview__heading--secondary {
        font-size: min(1.5vw, 18px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-overview__heading--secondary {
        font-size: 18px
    }
}

.c-overview__heading-sub {
    margin-bottom: 0;
    line-height: 1.8;
    font-size: min(2.9333333333vw, 22px);
    font-weight: bold
}

@media screen and (-ms-high-contrast: none) {
    .c-overview__heading-sub {
        font-size: 11px
    }
}

@media(min-width: 769px) {
    .c-overview__heading-sub {
        line-height: 1.5;
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-overview__heading-sub {
        font-size: 16px
    }
}

.c-overview__content {
    font-size: min(2.9333333333vw, 22px);
    line-height: 1.8
}

@media screen and (-ms-high-contrast: none) {
    .c-overview__content {
        font-size: 11px
    }
}

@media(min-width: 769px) {
    .c-overview__content {
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-overview__content {
        font-size: 16px
    }
}

.c-overview__content:not(:first-child) {
    margin-top: min(0.6666666667vw, 5px)
}

@media screen and (-ms-high-contrast: none) {
    .c-overview__content:not(:first-child) {
        margin-top: 2.5px
    }
}

@media(min-width: 769px) {
    .c-overview__content:not(:first-child) {
        margin-top: min(1.1666666667vw, 14px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-overview__content:not(:first-child) {
        margin-top: 14px
    }
}

.c-overview__content>hr {
    margin: min(4vw, 30px) 0;
    border-top: 1px dashed #999
}

@media screen and (-ms-high-contrast: none) {
    .c-overview__content>hr {
        margin: 15px 0
    }
}

@media(min-width: 769px) {
    .c-overview__content>hr {
        margin: min(2.5vw, 30px) 0
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-overview__content>hr {
        margin: 30px 0
    }
}

.c-overview__content ul {
    padding-left: 0;
    list-style-type: none
}

.c-overview__content ul>li {
    position: relative;
    padding-left: 1em
}

.c-overview__content ul>li>a {
    display: inline-block
}

.c-overview__content ul>li:before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0
}

.c-overview__notice {
    margin-bottom: min(2.6666666667vw, 20px)
}

@media screen and (-ms-high-contrast: none) {
    .c-overview__notice {
        margin-bottom: 10px
    }
}

@media(min-width: 769px) {
    .c-overview__notice {
        display: flex;
        gap: min(1.6666666667vw, 20px);
        align-items: stretch;
        margin-top: min(1.1666666667vw, 14px);
        margin-bottom: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-overview__notice {
        gap: 20px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-overview__notice {
        margin-top: 14px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-overview__notice {
        margin-bottom: 20px
    }
}

.c-overview__notice>*[class] {
    margin-top: min(2.6666666667vw, 20px) !important
}

@media screen and (-ms-high-contrast: none) {
    .c-overview__notice>*[class] {
        margin-top: 10px !important
    }
}

@media(min-width: 769px) {
    .c-overview__notice>*[class] {
        width: calc(50% - min(0.8333333333vw, 10px));
        margin-top: 0 !important
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-overview__notice>*[class] {
        width: calc(50% - 10px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-overview__notice>*[class]:nth-of-type(2n) {
        margin-left: 20px
    }
}

.c-popup {
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .76)
}

.c-popup:not(.c-popup--visible) {
    display: none
}

.c-popup--enter[class] {
    display: flex;
    animation: fadeIn .3s ease-in-out
}

.c-popup--leave[class] {
    animation: fadeOut .3s ease-in-out
}

.c-popup__dialog {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: min(4.6666666667vw, 35px) min(4.6666666667vw, 35px)
}

@media screen and (-ms-high-contrast: none) {
    .c-popup__dialog {
        padding: 17.5px 17.5px
    }
}

@media(min-width: 769px) {
    .c-popup__dialog {
        width: auto;
        padding: min(1.6666666667vw, 20px) 0
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-popup__dialog {
        padding: 20px 0
    }
}

.c-popup__close {
    flex-shrink: 0;
    position: relative;
    width: min(8.2666666667vw, 62px);
    height: min(8.2666666667vw, 62px);
    margin: 0 0 min(3.3333333333vw, 25px) auto;
    border: none;
    padding: 0;
    background: none;
    font-size: 0
}

@media screen and (-ms-high-contrast: none) {
    .c-popup__close {
        width: 31px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-popup__close {
        height: 31px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-popup__close {
        margin: 0 0 12.5px auto
    }
}

@media(min-width: 769px) {
    .c-popup__close {
        width: min(3.1666666667vw, 38px);
        height: min(3.1666666667vw, 38px);
        margin: 0 0 min(2.0833333333vw, 25px) auto
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-popup__close {
        width: 38px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-popup__close {
        height: 38px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-popup__close {
        margin: 0 0 25px auto
    }
}

.c-popup__close:before,
.c-popup__close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(1.0666666667vw, 8px);
    height: 120%;
    background-color: #fff
}

@media screen and (-ms-high-contrast: none) {

    .c-popup__close:before,
    .c-popup__close:after {
        width: 4px
    }
}

@media(min-width: 769px) {

    .c-popup__close:before,
    .c-popup__close:after {
        width: min(0.4166666667vw, 5px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {

    .c-popup__close:before,
    .c-popup__close:after {
        width: 5px
    }
}

.c-popup__close:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.c-popup__close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.c-popup__content {
    overflow: auto;
    max-width: 675px;
    width: 100%;
    max-height: 90vh;
    margin-bottom: 0;
    padding: min(6.6666666667vw, 50px) min(8vw, 60px);
    background-color: #fff;
    border-radius: min(1.3333333333vw, 10px);
    color: #000
}

@media screen and (-ms-high-contrast: none) {
    .c-popup__content {
        padding: 25px 30px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-popup__content {
        border-radius: 5px
    }
}

@media(min-width: 769px) {
    .c-popup__content {
        max-width: 1000px;
        width: min(83.3333333333vw, 1000px);
        padding: min(5vw, 60px) min(8.3333333333vw, 100px) min(7.0833333333vw, 85px);
        border-radius: min(0.8333333333vw, 10px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-popup__content {
        width: 1000px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-popup__content {
        padding: 60px 100px 85px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-popup__content {
        border-radius: 10px
    }
}

.c-popup__heading {
    margin-bottom: 0;
    font-size: min(6.6666666667vw, 50px);
    font-weight: bold;
    line-height: 1.4;
    text-align: center
}

@media screen and (-ms-high-contrast: none) {
    .c-popup__heading {
        font-size: 25px
    }
}

.c-popup__heading:after {
    content: "";
    display: block;
    width: 60px;
    height: 6px;
    margin: 10px auto 25px;
    background-color: var(--p-color-primary)
}

@media screen and (-ms-high-contrast: none) {
    .c-popup__heading:after {
        background-color: #00ac9c
    }
}

@media(min-width: 769px) {
    .c-popup__heading:after {
        width: min(5vw, 60px);
        height: min(0.5vw, 6px);
        margin: min(0.8333333333vw, 10px) auto min(2.0833333333vw, 25px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-popup__heading:after {
        width: 60px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-popup__heading:after {
        height: 6px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-popup__heading:after {
        margin: 10px auto 25px
    }
}

@media(min-width: 769px) {
    .c-popup__heading {
        font-size: min(3.3333333333vw, 40px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-popup__heading {
        font-size: 40px
    }
}

.c-popup__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
    font-size: min(3.4666666667vw, 26px)
}

@media screen and (-ms-high-contrast: none) {
    .c-popup__body {
        font-size: 13px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-popup__body {
        display: block
    }
}

@media(min-width: 769px) {
    .c-popup__body {
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-popup__body {
        font-size: 16px
    }
}

@media screen and (-ms-high-contrast: none) {

    .c-popup__body>p,
    .c-popup__body ul {
        width: 100%
    }
}

.c-popup__body>p:not(:last-child),
.c-popup__body ul:not(:last-child) {
    margin-bottom: 1em
}

.c-popup__media {
    position: relative;
    width: 100%;
    padding-top: 56.25%
}

.c-popup__media>* {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-popup__stretch {
    margin-right: auto
}

.c-popup__list {
    padding-left: 0;
    list-style: none
}

.c-popup__list>li {
    position: relative;
    padding-left: 3em
}

.c-popup__list>li>span {
    position: absolute;
    top: 0;
    left: 0
}

.c-period {
    display: flex;
    align-items: center;
    gap: min(3.3333333333vw, 25px)
}

@media screen and (-ms-high-contrast: none) {
    .c-period {
        gap: 12.5px
    }
}

@media(min-width: 769px) {
    .c-period {
        justify-content: center;
        gap: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-period {
        gap: 20px
    }
}

.c-period:before {
    content: "";
    width: min(8vw, 60px);
    height: min(8vw, 60px);
    background-image: url(../images/jakyosai-top-icon-calendar-01.png);
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (-ms-high-contrast: none) {
    .c-period:before {
        width: 30px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-period:before {
        height: 30px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-period:before {
        margin-right: 25px
    }
}

@media(min-width: 769px) {
    .c-period:before {
        width: min(5vw, 60px);
        height: min(5vw, 60px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-period:before {
        width: 60px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-period:before {
        height: 60px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-period:before {
        margin-right: 20px
    }
}

.c-period__date {
    font-size: min(4.8vw, 36px)
}

@media screen and (-ms-high-contrast: none) {
    .c-period__date {
        font-size: 18px
    }
}

@media(min-width: 769px) {
    .c-period__date {
        font-size: min(3vw, 36px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-period__date {
        font-size: 36px
    }
}




.c-period__title {
    font-size: min(2.666666666666667vw, 10px);
    display: block;
    margin-bottom: 4.266666666666667vw;
}

@media(min-width: 769px) {
.c-period__title {
    font-size: min(1.25vw, 18px);
    display: block;
     margin-bottom: 0vw;
}
}

.c-period__text {
    font-size: min(2.666666666666667vw, 10px);
    color: #35AD9D;
    display: block;
    margin-top: 4.266666666666667vw;
}

@media(min-width: 769px) {
.c-period__text {
    font-size: min(4.8vw, 14px);
    color: #35AD9D;
    display: block;
    margin-top: 0;
}
}

.c-period.ico-none {
    margin: 40px 0 0;
}

.c-period.ico-none:before {
    content: "";
    width: min(8vw, 84px);
    height: min(8vw, 60px);
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain
}



.c-premium {
    height: min(21.3333333333vw, 160px)
}

@media screen and (-ms-high-contrast: none) {
    .c-premium {
        height: 80px
    }
}

@media(min-width: 769px) {
    .c-premium {
        height: min(10vw, 120px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-premium {
        height: 120px
    }
}

.c-premium__sticky {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #f6f6f6;
    box-shadow: 0 0 20px rgba(22, 67, 71, .16)
}

.c-premium__container {
    padding: min(2.6666666667vw, 20px) min(4.9333333333vw, 37px)
}

@media screen and (-ms-high-contrast: none) {
    .c-premium__container {
        padding: 10px 18.5px
    }
}

@media(min-width: 769px) {
    .c-premium__container {
        width: min(80vw, 960px);
        margin: 0 auto;
        padding: min(1.9166666667vw, 23px) 0 min(1.4166666667vw, 17px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-premium__container {
        width: 960px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-premium__container {
        padding: 23px 0 17px
    }
}

.c-premium__data {
    display: flex;
    width: 100%;
    height: min(16vw, 120px);
    border-radius: min(0.6666666667vw, 5px);
    overflow: hidden;
    font-size: min(4vw, 30px);
    font-weight: bold
}

@media screen and (-ms-high-contrast: none) {
    .c-premium__data {
        height: 60px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-premium__data {
        border-radius: 2.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-premium__data {
        font-size: 15px
    }
}

@media(min-width: 769px) {
    .c-premium__data {
        height: min(6.6666666667vw, 80px);
        border-radius: min(0.4166666667vw, 5px);
        font-size: min(2.3333333333vw, 28px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-premium__data {
        height: 80px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-premium__data {
        border-radius: 5px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-premium__data {
        font-size: 28px
    }
}

.c-premium__heading {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 37.5%;
    background-color: #7fccea;
    color: #fff
}

.c-premium__result {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 62.5%;
    border: min(0.3333333333vw, 4px) solid #7fccea;
    color: var(--p-color-attention);
    font-size: 1.5em
}

@media screen and (-ms-high-contrast: none) {
    .c-premium__result {
        border: 4px solid #7fccea
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-premium__result {
        color: #e6002d
    }
}

.c-premium__result>.resultError {
    padding: 1em;
    font-size: .5em;
    color: var(--p-color-body)
}

@media screen and (-ms-high-contrast: none) {
    .c-premium__result>.resultError {
        color: #555
    }
}

.c-procedure {
    position: relative;
    border-radius: min(1.3333333333vw, 10px);
    padding: min(5.3333333333vw, 40px) min(3.4666666667vw, 26px);
    background-color: #fff
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure {
        border-radius: 5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure {
        padding: 20px 13px
    }
}

@media(min-width: 769px) {
    .c-procedure {
        border-radius: min(0.8333333333vw, 10px);
        padding: min(1.6666666667vw, 20px) min(2.5vw, 30px) min(2.9166666667vw, 35px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure {
        border-radius: 10px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure {
        padding: 20px 30px 35px
    }
}

.c-procedure+.c-procedure {
    margin-top: min(10.6666666667vw, 80px)
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure+.c-procedure {
        margin-top: 40px
    }
}

@media(min-width: 769px) {
    .c-procedure+.c-procedure {
        margin-top: min(7.3333333333vw, 88px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure+.c-procedure {
        margin-top: 88px
    }
}

.c-procedure+.c-procedure:before {
    content: "";
    position: absolute;
    top: max(-5.3333333333vw, -40px);
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: min(11.0666666667vw, 83px);
    height: min(3.6vw, 27px);
    background-image: url(../images/jakyosai-top-procedure-arrow-01.png);
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure+.c-procedure:before {
        top: -20px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure+.c-procedure:before {
        width: 41.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure+.c-procedure:before {
        height: 13.5px
    }
}

@media(min-width: 769px) {
    .c-procedure+.c-procedure:before {
        top: max(-3.5vw, -42px);
        width: min(6.9166666667vw, 83px);
        height: min(2.25vw, 27px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure+.c-procedure:before {
        top: -42px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure+.c-procedure:before {
        width: 83px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure+.c-procedure:before {
        height: 27px
    }
}

@media(min-width: 769px) {
    .c-procedure--notice {
        padding: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure--notice {
        padding: 20px
    }
}

.c-procedure+.c-procedure--notice {
    margin-top: min(6.6666666667vw, 50px)
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure+.c-procedure--notice {
        margin-top: 25px
    }
}

.c-procedure+.c-procedure--notice:before {
    content: none
}

@media(min-width: 769px) {
    .c-procedure+.c-procedure--notice {
        margin-top: min(5vw, 60px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure+.c-procedure--notice {
        margin-top: 60px
    }
}

.c-procedure+.c-procedure--secondary {
    margin-top: min(5.0666666667vw, 38px)
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure+.c-procedure--secondary {
        margin-top: 20px
    }
}

@media(min-width: 769px) {
    .c-procedure+.c-procedure--secondary {
        margin-top: min(3.1666666667vw, 38px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure+.c-procedure--secondary {
        margin-top: 38px
    }
}

.c-procedure+.c-procedure--secondary::before {
    content: none
}

.c-procedure__heading {
    display: flex;
    gap: .5em;
    margin-bottom: min(4.9333333333vw, 37px);
    border-bottom: 1px solid #ff6f99;
    padding-bottom: min(2.6666666667vw, 20px);
    color: #ff6f99;
    font-size: min(3.2vw, 24px);
    font-weight: bold;
    line-height: 1.5
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure__heading {
        margin-bottom: 18.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure__heading {
        padding-bottom: 10px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure__heading {
        font-size: 12px
    }
}

@media(min-width: 769px) {
    .c-procedure__heading {
        margin-bottom: min(2.5vw, 30px);
        padding-bottom: min(0.8333333333vw, 10px);
        font-size: min(1.5vw, 18px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure__heading {
        margin-bottom: 30px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure__heading {
        padding-bottom: 10px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure__heading {
        font-size: 18px
    }
}

.c-procedure__heading--notice {
    border-color: #14b2a3;
    color: #14b2a3
}

@media(min-width: 769px) {
    .c-procedure__heading--notice {
        margin-bottom: min(0.8333333333vw, 10px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure__heading--notice {
        margin-bottom: 10px
    }
}

.c-procedure__heading--secondary {
    margin-bottom: min(4vw, 30px)
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure__heading--secondary {
        margin-bottom: 15px
    }
}

@media(min-width: 769px) {
    .c-procedure__heading--secondary {
        margin-bottom: min(0.8333333333vw, 10px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure__heading--secondary {
        margin-bottom: 10px
    }
}

.c-procedure__heading--flow {
    border: 0;
    margin-bottom: min(2.6666666667vw, 20px);
    padding-bottom: 0
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure__heading--flow {
        margin-bottom: 10px
    }
}

@media(min-width: 769px) {
    .c-procedure__heading--flow {
        margin-bottom: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure__heading--flow {
        margin-bottom: 20px
    }
}

.c-procedure__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: min(2.9333333333vw, 22px);
    line-height: 1.8
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure__content {
        font-size: 11px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure__content {
        display: block;
        text-align: center
    }

    .c-procedure__content>p {
        text-align: left
    }

    .c-procedure__content>.c-btn-submit--procedure {
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 769px) {
    .c-procedure__content {
        font-size: min(1.3333333333vw, 16px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure__content {
        font-size: 16px
    }
}

@media(min-width: 769px) {
    .c-procedure__content img {
        width: min(76.1666666667vw, 914px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure__content img {
        width: 914px
    }
}

.c-procedure__content--secondary {
    margin-bottom: max(-5.3333333333vw, -40px)
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure__content--secondary {
        margin-bottom: -20px
    }
}

@media(min-width: 769px) {
    .c-procedure__content--secondary {
        margin-bottom: max(-2.9166666667vw, -35px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure__content--secondary {
        margin-bottom: -35px
    }
}

.c-procedure__content--secondary img {
    width: min(26.5333333333vw, 199px)
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure__content--secondary img {
        width: 99.5px
    }
}

@media(min-width: 769px) {
    .c-procedure__content--secondary img {
        width: min(12.8333333333vw, 154px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure__content--secondary img {
        width: 154px
    }
}

.c-procedure__content--method {
    align-items: flex-start
}

.c-procedure__content--method img {
    width: 100%
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure__content--method {
        text-align: left
    }
}

.c-procedure__content--simulation img {
    width: 100%;
    max-width: 300px
}

@media(min-width: 769px) {
    .c-procedure__content--simulation img {
        max-width: 300px
    }
}

.c-procedure__content--child {
    margin-top: min(4vw, 30px)
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure__content--child {
        margin-top: 15px
    }
}

@media(min-width: 769px) {
    .c-procedure__content--child {
        margin-top: min(2.5vw, 30px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure__content--child {
        margin-top: 15px
    }
}

.c-procedure__content--ocr {
    margin-right: max(-1.3333333333vw, -10px)
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure__content--ocr {
        margin-right: -5px
    }
}

@media(min-width: 769px) {
    .c-procedure__content--ocr {
        margin-right: 0
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-procedure__content--ocr {
        margin-right: 0
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-procedure__content>p {
        width: 100%
    }
}

.c-radio {
    position: relative
}

.c-radio+.c-radio {
    margin-top: 10px
}

.c-radio__input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0
}

.c-radio__label {
    position: relative;
    padding-left: min(8vw, 60px);
    font-size: min(4.5333333333vw, 34px);
    font-weight: bold;
    cursor: pointer
}

@media screen and (-ms-high-contrast: none) {
    .c-radio__label {
        padding-left: 30px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-radio__label {
        font-size: 17px
    }
}

@media(min-width: 769px) {
    .c-radio__label {
        padding-left: min(2.5vw, 30px);
        font-size: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-radio__label {
        padding-left: 30px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-radio__label {
        font-size: 20px
    }
}

.c-radio__label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: min(5.3333333333vw, 40px);
    height: min(5.3333333333vw, 40px);
    border-radius: calc(min(5.3333333333vw, 40px) * 0.5);
    border: 1px solid #c3c3c3;
    background-color: #fff
}

@media screen and (-ms-high-contrast: none) {
    .c-radio__label:before {
        width: 20px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-radio__label:before {
        height: 20px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-radio__label:before {
        border-radius: 20px
    }
}

@media(min-width: 769px) {
    .c-radio__label:before {
        width: min(1.6666666667vw, 20px);
        height: min(1.6666666667vw, 20px);
        border-radius: calc(min(1.6666666667vw, 20px) * 0.5)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-radio__label:before {
        width: 20px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-radio__label:before {
        height: 20px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-radio__label:before {
        border-radius: 10px
    }
}

.c-radio__label:after {
    content: "";
    position: absolute;
    top: 50%;
    left: min(1.0666666667vw, 8px);
    transform: translateY(-50%);
    display: block;
    width: min(3.2vw, 24px);
    height: min(3.2vw, 24px);
    border-radius: calc(min(3.2vw, 24px) * 0.5);
    background-color: #c3c3c3
}

@media screen and (-ms-high-contrast: none) {
    .c-radio__label:after {
        left: 4px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-radio__label:after {
        width: 12px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-radio__label:after {
        height: 12px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-radio__label:after {
        border-radius: 12px
    }
}

@media(min-width: 769px) {
    .c-radio__label:after {
        left: min(0.3333333333vw, 4px);
        width: min(1vw, 12px);
        height: min(1vw, 12px);
        border-radius: calc(min(1vw, 12px) * 0.5)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-radio__label:after {
        left: 4px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-radio__label:after {
        width: 12px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-radio__label:after {
        height: 12px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-radio__label:after {
        border-radius: 6px
    }
}

.c-radio__input:checked+.c-radio__label:before {
    border-color: var(--p-color-active)
}

@media screen and (-ms-high-contrast: none) {
    .c-radio__input:checked+.c-radio__label:before {
        border-color: #00aac3
    }
}

.c-radio__input:checked+.c-radio__label:after {
    background-color: var(--p-color-active)
}

@media screen and (-ms-high-contrast: none) {
    .c-radio__input:checked+.c-radio__label:after {
        background-color: #00aac3
    }
}

.c-result-premium {
    padding: min(4vw, 30px) min(2.4vw, 18px);
    background-color: #fff;
    font-size: min(6.6666666667vw, 50px);
    color: var(--p-color-attention);
    text-align: center;
    font-weight: bold
}

@media screen and (-ms-high-contrast: none) {
    .c-result-premium {
        padding: 15px 9px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-result-premium {
        font-size: 25px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-result-premium {
        color: #e6002d
    }
}

@media(min-width: 769px) {
    .c-result-premium {
        padding: min(4.1666666667vw, 50px);
        font-size: min(3.8333333333vw, 46px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-result-premium {
        padding: 50px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-result-premium {
        font-size: 46px
    }
}

.c-result-premium>.resultError {
    font-size: .5em;
    color: var(--p-color-body)
}

@media screen and (-ms-high-contrast: none) {
    .c-result-premium>.resultError {
        color: #555
    }
}

.c-section-header {
    padding: min(4.9333333333vw, 37px) 0;
    background-color: var(--p-color-primary);
    background-image: url(../images/jakyosai-common-bg-stripe-01.png)
}

@media screen and (-ms-high-contrast: none) {
    .c-section-header {
        padding: 20px 0
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-section-header {
        background-color: #00ac9c
    }
}

@media(min-width: 769px) {
    .c-section-header {
        padding: min(2.5vw, 30px) 0
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-section-header {
        padding: 30px 0
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-section-header {
        text-align: center
    }
}

.c-section-header__title {
    margin: 0 auto min(3.3333333333vw, 25px);
    text-align: center
}

@media screen and (-ms-high-contrast: none) {
    .c-section-header__title {
        margin: 0 auto 12.5px
    }
}

.c-section-header__title>img {
    width: auto;
    height: min(6.9333333333vw, 52px)
}

@media screen and (-ms-high-contrast: none) {
    .c-section-header__title>img {
        height: 26px
    }
}

@media(min-width: 769px) {
    .c-section-header__title>img {
        height: min(3.6666666667vw, 44px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-section-header__title>img {
        height: 44px
    }
}

.c-section-header__title:before {
    content: "";
    display: block;
    width: min(18vw, 135px);
    height: min(11.7333333333vw, 88px);
    margin: 0 auto min(2.2666666667vw, 17px);
    background-image: url(../images/jakyosai-top-icon-car-header-01.png);
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (-ms-high-contrast: none) {
    .c-section-header__title:before {
        width: 67.5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-section-header__title:before {
        height: 44px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-section-header__title:before {
        margin: 0 auto 8.5px
    }
}

@media(min-width: 769px) {
    .c-section-header__title:before {
        width: min(11.25vw, 135px);
        height: min(7.3333333333vw, 88px);
        margin-bottom: min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-section-header__title:before {
        width: 135px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-section-header__title:before {
        height: 88px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-section-header__title:before {
        margin-bottom: 20px
    }
}

.c-section-header__title--campaign {
    margin-bottom: 0
}

.c-section-header__title--campaign>img {
    height: min(6.9333333333vw, 52px)
}

@media screen and (-ms-high-contrast: none) {
    .c-section-header__title--campaign>img {
        height: 26px
    }
}

@media(min-width: 769px) {
    .c-section-header__title--campaign>img {
        height: min(3.5vw, 42px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-section-header__title--campaign>img {
        height: 42px
    }
}

.c-section-header__title--application {
    margin-bottom: 0
}

.c-section-header__title--application>img {
    height: min(6.9333333333vw, 52px)
}

@media screen and (-ms-high-contrast: none) {
    .c-section-header__title--application>img {
        height: 26px
    }
}

@media(min-width: 769px) {
    .c-section-header__title--application>img {
        height: min(3.5vw, 42px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-section-header__title--application>img {
        height: 42px
    }
}

.c-section-header__heading {
    margin: 0 auto;
    line-height: 1
}

.c-section-header__heading>img {
    width: auto;
    height: min(6.9333333333vw, 52px)
}

@media screen and (-ms-high-contrast: none) {
    .c-section-header__heading>img {
        height: 26px
    }
}

@media(min-width: 769px) {
    .c-section-header__heading>img {
        height: min(3.5vw, 42px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-section-header__heading>img {
        height: 42px
    }
}

.c-select {
    appearance: none;
    width: 100%;
    height: min(12.5333333333vw, 94px);
    padding: 0 min(5.6vw, 42px) 0 0.5em;
    border: min(0.2666666667vw, 2px) solid #d5d5d5;
    border-radius: min(1.0666666667vw, 8px);
    font-size: clamp(16px, 4.5333333333vw, 34px);
    background-color: #fff;
    background-image: url(../images/jakyosai-common-icon-arrow-bottom-01.png);
    background-size: min(2.4vw, 18px) min(1.6vw, 12px);
    background-repeat: no-repeat;
    background-position: calc(100% - min(2.4vw, 18px)) 50%
}

@media screen and (-ms-high-contrast: none) {
    .c-select {
        height: 47px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-select {
        padding: 0 21px 0 0.5em
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-select {
        border: 2px solid #d5d5d5
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-select {
        border-radius: 4px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-select {
        font-size: 17px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-select {
        background-size: 9px 6px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-select {
        background-position: calc(100% - 9px) 50%
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-select::-ms-expand {
        display: none
    }
}

@media(min-width: 769px) {
    .c-select {
        max-width: 462px;
        height: min(4.1666666667vw, 50px);
        padding: 0 min(3.1666666667vw, 38px) 0 0.5em;
        border-width: min(0.1666666667vw, 2px);
        border-radius: min(0.6666666667vw, 8px);
        font-size: min(1.8333333333vw, 22px);
        background-size: min(1vw, 12px) min(0.6666666667vw, 8px);
        background-position: calc(100% - min(1vw, 12px)) 50%
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-select {
        height: 50px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-select {
        padding: 0 38px 0 0.5em
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-select {
        border-width: 2px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-select {
        border-radius: 8px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-select {
        font-size: 22px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-select {
        background-size: 12px 8px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-select {
        background-position: calc(100% - 12px) 50%
    }
}

.c-select--required {
    background-color: var(--p-color-required)
}

@media screen and (-ms-high-contrast: none) {
    .c-select--required {
        background-color: #fbd9e0
    }
}

@media(min-width: 769px) {
    .c-select--single {
        min-width: min(20vw, 240px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-select--single {
        min-width: 240px
    }
}

.c-select--liquid {
    width: auto
}

@media(min-width: 769px) {
    .c-select--simulation {
        width: min(25vw, 300px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-select--simulation {
        width: 300px
    }
}

@media(max-width: 768px) {
    .c-select--edited {
        background-color: var(--p-color-edit)
    }
}

@media screen and (max-width: 768px)and (-ms-high-contrast: none) {
    .c-select--edited {
        background-color: #d8fde1
    }
}

@media(min-width: 769px) {
    .c-select--year {
        width: min(15.8333333333vw, 190px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-select--year {
        width: 190px
    }
}

.c-select--result {
    background-image: url(../images/jakyosai-common-icon-arrow-bottom-02.png)
}

.c-select:disabled:not(.c-select--edited) {
    color: var(--p-color-placeholder);
    background-color: #f8f8f8;
    background-image: url(../images/jakyosai-common-icon-arrow-bottom-off.png)
}

@media screen and (-ms-high-contrast: none) {
    .c-select:disabled:not(.c-select--edited) {
        color: #b8b8b8
    }
}

.c-tab__list {
    display: flex;
    padding-left: 0;
    list-style-type: none
}

.c-tab__list-item {
    width: 50%
}

.c-tab__list-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: min(12.5333333333vw, 94px);
    border: 0;
    padding: 0;
    background-color: #f6f6f6;
    border-radius: min(2.1333333333vw, 16px) min(2.1333333333vw, 16px) 0 0;
    font-size: min(4.2666666667vw, 32px);
    font-weight: bold;
    color: var(--p-color-body)
}

@media screen and (-ms-high-contrast: none) {
    .c-tab__list-button {
        height: 47px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-tab__list-button {
        border-radius: 8px 8px 0 0
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-tab__list-button {
        font-size: 16px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-tab__list-button {
        color: #555
    }
}

@media(min-width: 769px) {
    .c-tab__list-button {
        height: min(5.8333333333vw, 70px);
        border-radius: min(1.3333333333vw, 16px) min(1.3333333333vw, 16px) 0 0;
        font-size: min(2vw, 24px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-tab__list-button {
        height: 70px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-tab__list-button {
        border-radius: 16px 16px 0 0
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-tab__list-button {
        font-size: 24px
    }
}

.c-tab__list-button--active {
    background-color: var(--p-color-heading);
    color: #fff
}

@media screen and (-ms-high-contrast: none) {
    .c-tab__list-button--active {
        background-color: #5fb7e0
    }
}

.c-tab__content {
    border: 1px solid var(--p-color-heading)
}

@media screen and (-ms-high-contrast: none) {
    .c-tab__content {
        border: 1px solid #5fb7e0
    }
}

.c-tab__content:not(.c-tab__content--show) {
    display: none
}

@media(min-width: 769px) {
    .c-tab__content {
        padding: min(2.5vw, 30px) min(1.6666666667vw, 20px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-tab__content {
        padding: 30px 20px
    }
}

.c-terms {
    overflow: hidden;
    margin-top: min(6.6666666667vw, 50px);
    border: 2px solid var(--p-color-heading);
    border-radius: min(1.0666666667vw, 8px)
}

@media screen and (-ms-high-contrast: none) {
    .c-terms {
        margin-top: 25px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-terms {
        border: 2px solid #5fb7e0
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-terms {
        border-radius: 4px
    }
}

@media(min-width: 769px) {
    .c-terms {
        margin-top: min(4.1666666667vw, 50px);
        border-radius: 8px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-terms {
        margin-top: 50px
    }
}

.c-terms__heading {
    margin-bottom: 0;
    padding: min(4.5333333333vw, 34px) min(3.2vw, 24px);
    background-color: var(--p-color-heading);
    color: #fff;
    font-size: min(4vw, 30px);
    font-weight: bold;
    text-align: center
}

@media screen and (-ms-high-contrast: none) {
    .c-terms__heading {
        padding: 17px 12px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-terms__heading {
        background-color: #5fb7e0
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-terms__heading {
        font-size: 15px
    }
}

@media(min-width: 769px) {
    .c-terms__heading {
        padding: min(1vw, 12px);
        font-size: min(2.5vw, 30px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-terms__heading {
        padding: 12px
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-terms__heading {
        font-size: 30px
    }
}

.c-terms__content {
    padding: min(4vw, 30px) min(4.5333333333vw, 34px)
}

@media screen and (-ms-high-contrast: none) {
    .c-terms__content {
        padding: 15px 17px
    }
}

@media(min-width: 769px) {
    .c-terms__content {
        padding: min(3.8333333333vw, 46px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-terms__content {
        padding: 46px
    }
}

.c-terms__body {
    overflow: auto;
    height: min(45.3333333333vw, 340px)
}

@media screen and (-ms-high-contrast: none) {
    .c-terms__body {
        height: 170px
    }
}

@media(min-width: 769px) {
    .c-terms__body {
        height: min(13.3333333333vw, 160px)
    }
}

@media screen and (min-width: 769px)and (-ms-high-contrast: none) {
    .c-terms__body {
        height: 160px
    }
}

.c-terms__body>h3 {
    margin-bottom: min(2.1333333333vw, 16px);
    border-bottom: 1px solid #ccc;
    padding-bottom: min(1.3333333333vw, 10px);
    font-size: min(3.4666666667vw, 26px);
    font-weight: bold;
    color: #000
}

@media screen and (-ms-high-contrast: none) {
    .c-terms__body>h3 {
        margin-bottom: 8px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-terms__body>h3 {
        padding-bottom: 5px
    }
}

@media screen and (-ms-high-contrast: none) {
    .c-terms__body>h3 {
        font-size: 13px
    }
}

@media(min-width: 769px) {
    .c-terms__body>h3 {
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-size: 18px
    }
}

.c-terms__body>h3:not(:first-child) {
    margin-top: min(6.6666666667vw, 50px)
}

@media screen and (-ms-high-contrast: none) {
    .c-terms__body>h3:not(:first-child) {
        margin-top: 25px
    }
}

@media(min-width: 769px) {
    .c-terms__body>h3:not(:first-child) {
        margin-top: 30px
    }
}

.c-terms__body>p {
    letter-spacing: .05em;
    font-size: min(2.6666666667vw, 20px)
}

@media screen and (-ms-high-contrast: none) {
    .c-terms__body>p {
        font-size: 10px
    }
}

@media(min-width: 769px) {
    .c-terms__body>p {
        font-size: 12px
    }
}

.c-terms__body>ul {
    padding-left: 0;
    font-size: min(2.6666666667vw, 20px);
    list-style-type: none
}

@media screen and (-ms-high-contrast: none) {
    .c-terms__body>ul {
        font-size: 10px
    }
}

@media(min-width: 769px) {
    .c-terms__body>ul {
        font-size: 12px
    }
}

.c-terms__body>ul>li {
    position: relative;
    padding-left: 1em
}

.c-terms__body>ul>li:before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0
}

.c-terms__body a {
    display: inline-block;
    color: #008aff
}

.c-terms__body a:hover {
    color: #008aff
}

.u-align-items--start {
    align-items: flex-start !important
}

.u-align-items--center {
    align-items: center !important
}

.u-align-items--end {
    align-items: flex-end !important
}

.u-align-items--stretch {
    align-items: stretch !important
}

@media(min-width: 576px) {
    .u-align-items-sm--start {
        align-items: flex-start !important
    }

    .u-align-items-sm--center {
        align-items: center !important
    }

    .u-align-items-sm--end {
        align-items: flex-end !important
    }

    .u-align-items-sm--stretch {
        align-items: stretch !important
    }
}

@media(min-width: 769px) {
    .u-align-items-md--start {
        align-items: flex-start !important
    }

    .u-align-items-md--center {
        align-items: center !important
    }

    .u-align-items-md--end {
        align-items: flex-end !important
    }

    .u-align-items-md--stretch {
        align-items: stretch !important
    }
}

@media(min-width: 992px) {
    .u-align-items-lg--start {
        align-items: flex-start !important
    }

    .u-align-items-lg--center {
        align-items: center !important
    }

    .u-align-items-lg--end {
        align-items: flex-end !important
    }

    .u-align-items-lg--stretch {
        align-items: stretch !important
    }
}

@media(min-width: 1200px) {
    .u-align-items-xl--start {
        align-items: flex-start !important
    }

    .u-align-items-xl--center {
        align-items: center !important
    }

    .u-align-items-xl--end {
        align-items: flex-end !important
    }

    .u-align-items-xl--stretch {
        align-items: stretch !important
    }
}

@media(min-width: 1400px) {
    .u-align-items-xxl--start {
        align-items: flex-start !important
    }

    .u-align-items-xxl--center {
        align-items: center !important
    }

    .u-align-items-xxl--end {
        align-items: flex-end !important
    }

    .u-align-items-xxl--stretch {
        align-items: stretch !important
    }
}

.u-bd--body-0 {
    border: 0px solid var(--p-color-body) !important
}

.u-bd--body-1 {
    border: 1px solid var(--p-color-body) !important
}

.u-bd--body-2 {
    border: 2px solid var(--p-color-body) !important
}

.u-bd--body-3 {
    border: 3px solid var(--p-color-body) !important
}

.u-bd--body-4 {
    border: 4px solid var(--p-color-body) !important
}

.u-bd--body-5 {
    border: 5px solid var(--p-color-body) !important
}

.u-bd--body-6 {
    border: 6px solid var(--p-color-body) !important
}

.u-bd--body-7 {
    border: 7px solid var(--p-color-body) !important
}

.u-bd--body-8 {
    border: 8px solid var(--p-color-body) !important
}

.u-bd--body-9 {
    border: 9px solid var(--p-color-body) !important
}

.u-bd--body-10 {
    border: 10px solid var(--p-color-body) !important
}

.u-bd--primary-0 {
    border: 0px solid var(--p-color-primary) !important
}

.u-bd--primary-1 {
    border: 1px solid var(--p-color-primary) !important
}

.u-bd--primary-2 {
    border: 2px solid var(--p-color-primary) !important
}

.u-bd--primary-3 {
    border: 3px solid var(--p-color-primary) !important
}

.u-bd--primary-4 {
    border: 4px solid var(--p-color-primary) !important
}

.u-bd--primary-5 {
    border: 5px solid var(--p-color-primary) !important
}

.u-bd--primary-6 {
    border: 6px solid var(--p-color-primary) !important
}

.u-bd--primary-7 {
    border: 7px solid var(--p-color-primary) !important
}

.u-bd--primary-8 {
    border: 8px solid var(--p-color-primary) !important
}

.u-bd--primary-9 {
    border: 9px solid var(--p-color-primary) !important
}

.u-bd--primary-10 {
    border: 10px solid var(--p-color-primary) !important
}

.u-bd--secondary-0 {
    border: 0px solid var(--p-color-secondary) !important
}

.u-bd--secondary-1 {
    border: 1px solid var(--p-color-secondary) !important
}

.u-bd--secondary-2 {
    border: 2px solid var(--p-color-secondary) !important
}

.u-bd--secondary-3 {
    border: 3px solid var(--p-color-secondary) !important
}

.u-bd--secondary-4 {
    border: 4px solid var(--p-color-secondary) !important
}

.u-bd--secondary-5 {
    border: 5px solid var(--p-color-secondary) !important
}

.u-bd--secondary-6 {
    border: 6px solid var(--p-color-secondary) !important
}

.u-bd--secondary-7 {
    border: 7px solid var(--p-color-secondary) !important
}

.u-bd--secondary-8 {
    border: 8px solid var(--p-color-secondary) !important
}

.u-bd--secondary-9 {
    border: 9px solid var(--p-color-secondary) !important
}

.u-bd--secondary-10 {
    border: 10px solid var(--p-color-secondary) !important
}

.u-bd--transparent-0 {
    border: 0px solid transparent !important
}

.u-bd--transparent-1 {
    border: 1px solid transparent !important
}

.u-bd--transparent-2 {
    border: 2px solid transparent !important
}

.u-bd--transparent-3 {
    border: 3px solid transparent !important
}

.u-bd--transparent-4 {
    border: 4px solid transparent !important
}

.u-bd--transparent-5 {
    border: 5px solid transparent !important
}

.u-bd--transparent-6 {
    border: 6px solid transparent !important
}

.u-bd--transparent-7 {
    border: 7px solid transparent !important
}

.u-bd--transparent-8 {
    border: 8px solid transparent !important
}

.u-bd--transparent-9 {
    border: 9px solid transparent !important
}

.u-bd--transparent-10 {
    border: 10px solid transparent !important
}

@media(min-width: 576px) {
    .u-bd-sm--body-0 {
        border: 0px solid var(--p-color-body) !important
    }

    .u-bd-sm--body-1 {
        border: 1px solid var(--p-color-body) !important
    }

    .u-bd-sm--body-2 {
        border: 2px solid var(--p-color-body) !important
    }

    .u-bd-sm--body-3 {
        border: 3px solid var(--p-color-body) !important
    }

    .u-bd-sm--body-4 {
        border: 4px solid var(--p-color-body) !important
    }

    .u-bd-sm--body-5 {
        border: 5px solid var(--p-color-body) !important
    }

    .u-bd-sm--body-6 {
        border: 6px solid var(--p-color-body) !important
    }

    .u-bd-sm--body-7 {
        border: 7px solid var(--p-color-body) !important
    }

    .u-bd-sm--body-8 {
        border: 8px solid var(--p-color-body) !important
    }

    .u-bd-sm--body-9 {
        border: 9px solid var(--p-color-body) !important
    }

    .u-bd-sm--body-10 {
        border: 10px solid var(--p-color-body) !important
    }

    .u-bd-sm--primary-0 {
        border: 0px solid var(--p-color-primary) !important
    }

    .u-bd-sm--primary-1 {
        border: 1px solid var(--p-color-primary) !important
    }

    .u-bd-sm--primary-2 {
        border: 2px solid var(--p-color-primary) !important
    }

    .u-bd-sm--primary-3 {
        border: 3px solid var(--p-color-primary) !important
    }

    .u-bd-sm--primary-4 {
        border: 4px solid var(--p-color-primary) !important
    }

    .u-bd-sm--primary-5 {
        border: 5px solid var(--p-color-primary) !important
    }

    .u-bd-sm--primary-6 {
        border: 6px solid var(--p-color-primary) !important
    }

    .u-bd-sm--primary-7 {
        border: 7px solid var(--p-color-primary) !important
    }

    .u-bd-sm--primary-8 {
        border: 8px solid var(--p-color-primary) !important
    }

    .u-bd-sm--primary-9 {
        border: 9px solid var(--p-color-primary) !important
    }

    .u-bd-sm--primary-10 {
        border: 10px solid var(--p-color-primary) !important
    }

    .u-bd-sm--secondary-0 {
        border: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-sm--secondary-1 {
        border: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-sm--secondary-2 {
        border: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-sm--secondary-3 {
        border: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-sm--secondary-4 {
        border: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-sm--secondary-5 {
        border: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-sm--secondary-6 {
        border: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-sm--secondary-7 {
        border: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-sm--secondary-8 {
        border: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-sm--secondary-9 {
        border: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-sm--secondary-10 {
        border: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-sm--transparent-0 {
        border: 0px solid transparent !important
    }

    .u-bd-sm--transparent-1 {
        border: 1px solid transparent !important
    }

    .u-bd-sm--transparent-2 {
        border: 2px solid transparent !important
    }

    .u-bd-sm--transparent-3 {
        border: 3px solid transparent !important
    }

    .u-bd-sm--transparent-4 {
        border: 4px solid transparent !important
    }

    .u-bd-sm--transparent-5 {
        border: 5px solid transparent !important
    }

    .u-bd-sm--transparent-6 {
        border: 6px solid transparent !important
    }

    .u-bd-sm--transparent-7 {
        border: 7px solid transparent !important
    }

    .u-bd-sm--transparent-8 {
        border: 8px solid transparent !important
    }

    .u-bd-sm--transparent-9 {
        border: 9px solid transparent !important
    }

    .u-bd-sm--transparent-10 {
        border: 10px solid transparent !important
    }
}

@media(min-width: 769px) {
    .u-bd-md--body-0 {
        border: 0px solid var(--p-color-body) !important
    }

    .u-bd-md--body-1 {
        border: 1px solid var(--p-color-body) !important
    }

    .u-bd-md--body-2 {
        border: 2px solid var(--p-color-body) !important
    }

    .u-bd-md--body-3 {
        border: 3px solid var(--p-color-body) !important
    }

    .u-bd-md--body-4 {
        border: 4px solid var(--p-color-body) !important
    }

    .u-bd-md--body-5 {
        border: 5px solid var(--p-color-body) !important
    }

    .u-bd-md--body-6 {
        border: 6px solid var(--p-color-body) !important
    }

    .u-bd-md--body-7 {
        border: 7px solid var(--p-color-body) !important
    }

    .u-bd-md--body-8 {
        border: 8px solid var(--p-color-body) !important
    }

    .u-bd-md--body-9 {
        border: 9px solid var(--p-color-body) !important
    }

    .u-bd-md--body-10 {
        border: 10px solid var(--p-color-body) !important
    }

    .u-bd-md--primary-0 {
        border: 0px solid var(--p-color-primary) !important
    }

    .u-bd-md--primary-1 {
        border: 1px solid var(--p-color-primary) !important
    }

    .u-bd-md--primary-2 {
        border: 2px solid var(--p-color-primary) !important
    }

    .u-bd-md--primary-3 {
        border: 3px solid var(--p-color-primary) !important
    }

    .u-bd-md--primary-4 {
        border: 4px solid var(--p-color-primary) !important
    }

    .u-bd-md--primary-5 {
        border: 5px solid var(--p-color-primary) !important
    }

    .u-bd-md--primary-6 {
        border: 6px solid var(--p-color-primary) !important
    }

    .u-bd-md--primary-7 {
        border: 7px solid var(--p-color-primary) !important
    }

    .u-bd-md--primary-8 {
        border: 8px solid var(--p-color-primary) !important
    }

    .u-bd-md--primary-9 {
        border: 9px solid var(--p-color-primary) !important
    }

    .u-bd-md--primary-10 {
        border: 10px solid var(--p-color-primary) !important
    }

    .u-bd-md--secondary-0 {
        border: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-md--secondary-1 {
        border: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-md--secondary-2 {
        border: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-md--secondary-3 {
        border: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-md--secondary-4 {
        border: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-md--secondary-5 {
        border: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-md--secondary-6 {
        border: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-md--secondary-7 {
        border: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-md--secondary-8 {
        border: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-md--secondary-9 {
        border: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-md--secondary-10 {
        border: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-md--transparent-0 {
        border: 0px solid transparent !important
    }

    .u-bd-md--transparent-1 {
        border: 1px solid transparent !important
    }

    .u-bd-md--transparent-2 {
        border: 2px solid transparent !important
    }

    .u-bd-md--transparent-3 {
        border: 3px solid transparent !important
    }

    .u-bd-md--transparent-4 {
        border: 4px solid transparent !important
    }

    .u-bd-md--transparent-5 {
        border: 5px solid transparent !important
    }

    .u-bd-md--transparent-6 {
        border: 6px solid transparent !important
    }

    .u-bd-md--transparent-7 {
        border: 7px solid transparent !important
    }

    .u-bd-md--transparent-8 {
        border: 8px solid transparent !important
    }

    .u-bd-md--transparent-9 {
        border: 9px solid transparent !important
    }

    .u-bd-md--transparent-10 {
        border: 10px solid transparent !important
    }
}

@media(min-width: 992px) {
    .u-bd-lg--body-0 {
        border: 0px solid var(--p-color-body) !important
    }

    .u-bd-lg--body-1 {
        border: 1px solid var(--p-color-body) !important
    }

    .u-bd-lg--body-2 {
        border: 2px solid var(--p-color-body) !important
    }

    .u-bd-lg--body-3 {
        border: 3px solid var(--p-color-body) !important
    }

    .u-bd-lg--body-4 {
        border: 4px solid var(--p-color-body) !important
    }

    .u-bd-lg--body-5 {
        border: 5px solid var(--p-color-body) !important
    }

    .u-bd-lg--body-6 {
        border: 6px solid var(--p-color-body) !important
    }

    .u-bd-lg--body-7 {
        border: 7px solid var(--p-color-body) !important
    }

    .u-bd-lg--body-8 {
        border: 8px solid var(--p-color-body) !important
    }

    .u-bd-lg--body-9 {
        border: 9px solid var(--p-color-body) !important
    }

    .u-bd-lg--body-10 {
        border: 10px solid var(--p-color-body) !important
    }

    .u-bd-lg--primary-0 {
        border: 0px solid var(--p-color-primary) !important
    }

    .u-bd-lg--primary-1 {
        border: 1px solid var(--p-color-primary) !important
    }

    .u-bd-lg--primary-2 {
        border: 2px solid var(--p-color-primary) !important
    }

    .u-bd-lg--primary-3 {
        border: 3px solid var(--p-color-primary) !important
    }

    .u-bd-lg--primary-4 {
        border: 4px solid var(--p-color-primary) !important
    }

    .u-bd-lg--primary-5 {
        border: 5px solid var(--p-color-primary) !important
    }

    .u-bd-lg--primary-6 {
        border: 6px solid var(--p-color-primary) !important
    }

    .u-bd-lg--primary-7 {
        border: 7px solid var(--p-color-primary) !important
    }

    .u-bd-lg--primary-8 {
        border: 8px solid var(--p-color-primary) !important
    }

    .u-bd-lg--primary-9 {
        border: 9px solid var(--p-color-primary) !important
    }

    .u-bd-lg--primary-10 {
        border: 10px solid var(--p-color-primary) !important
    }

    .u-bd-lg--secondary-0 {
        border: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-lg--secondary-1 {
        border: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-lg--secondary-2 {
        border: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-lg--secondary-3 {
        border: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-lg--secondary-4 {
        border: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-lg--secondary-5 {
        border: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-lg--secondary-6 {
        border: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-lg--secondary-7 {
        border: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-lg--secondary-8 {
        border: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-lg--secondary-9 {
        border: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-lg--secondary-10 {
        border: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-lg--transparent-0 {
        border: 0px solid transparent !important
    }

    .u-bd-lg--transparent-1 {
        border: 1px solid transparent !important
    }

    .u-bd-lg--transparent-2 {
        border: 2px solid transparent !important
    }

    .u-bd-lg--transparent-3 {
        border: 3px solid transparent !important
    }

    .u-bd-lg--transparent-4 {
        border: 4px solid transparent !important
    }

    .u-bd-lg--transparent-5 {
        border: 5px solid transparent !important
    }

    .u-bd-lg--transparent-6 {
        border: 6px solid transparent !important
    }

    .u-bd-lg--transparent-7 {
        border: 7px solid transparent !important
    }

    .u-bd-lg--transparent-8 {
        border: 8px solid transparent !important
    }

    .u-bd-lg--transparent-9 {
        border: 9px solid transparent !important
    }

    .u-bd-lg--transparent-10 {
        border: 10px solid transparent !important
    }
}

@media(min-width: 1200px) {
    .u-bd-xl--body-0 {
        border: 0px solid var(--p-color-body) !important
    }

    .u-bd-xl--body-1 {
        border: 1px solid var(--p-color-body) !important
    }

    .u-bd-xl--body-2 {
        border: 2px solid var(--p-color-body) !important
    }

    .u-bd-xl--body-3 {
        border: 3px solid var(--p-color-body) !important
    }

    .u-bd-xl--body-4 {
        border: 4px solid var(--p-color-body) !important
    }

    .u-bd-xl--body-5 {
        border: 5px solid var(--p-color-body) !important
    }

    .u-bd-xl--body-6 {
        border: 6px solid var(--p-color-body) !important
    }

    .u-bd-xl--body-7 {
        border: 7px solid var(--p-color-body) !important
    }

    .u-bd-xl--body-8 {
        border: 8px solid var(--p-color-body) !important
    }

    .u-bd-xl--body-9 {
        border: 9px solid var(--p-color-body) !important
    }

    .u-bd-xl--body-10 {
        border: 10px solid var(--p-color-body) !important
    }

    .u-bd-xl--primary-0 {
        border: 0px solid var(--p-color-primary) !important
    }

    .u-bd-xl--primary-1 {
        border: 1px solid var(--p-color-primary) !important
    }

    .u-bd-xl--primary-2 {
        border: 2px solid var(--p-color-primary) !important
    }

    .u-bd-xl--primary-3 {
        border: 3px solid var(--p-color-primary) !important
    }

    .u-bd-xl--primary-4 {
        border: 4px solid var(--p-color-primary) !important
    }

    .u-bd-xl--primary-5 {
        border: 5px solid var(--p-color-primary) !important
    }

    .u-bd-xl--primary-6 {
        border: 6px solid var(--p-color-primary) !important
    }

    .u-bd-xl--primary-7 {
        border: 7px solid var(--p-color-primary) !important
    }

    .u-bd-xl--primary-8 {
        border: 8px solid var(--p-color-primary) !important
    }

    .u-bd-xl--primary-9 {
        border: 9px solid var(--p-color-primary) !important
    }

    .u-bd-xl--primary-10 {
        border: 10px solid var(--p-color-primary) !important
    }

    .u-bd-xl--secondary-0 {
        border: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-xl--secondary-1 {
        border: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-xl--secondary-2 {
        border: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-xl--secondary-3 {
        border: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-xl--secondary-4 {
        border: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-xl--secondary-5 {
        border: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-xl--secondary-6 {
        border: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-xl--secondary-7 {
        border: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-xl--secondary-8 {
        border: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-xl--secondary-9 {
        border: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-xl--secondary-10 {
        border: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-xl--transparent-0 {
        border: 0px solid transparent !important
    }

    .u-bd-xl--transparent-1 {
        border: 1px solid transparent !important
    }

    .u-bd-xl--transparent-2 {
        border: 2px solid transparent !important
    }

    .u-bd-xl--transparent-3 {
        border: 3px solid transparent !important
    }

    .u-bd-xl--transparent-4 {
        border: 4px solid transparent !important
    }

    .u-bd-xl--transparent-5 {
        border: 5px solid transparent !important
    }

    .u-bd-xl--transparent-6 {
        border: 6px solid transparent !important
    }

    .u-bd-xl--transparent-7 {
        border: 7px solid transparent !important
    }

    .u-bd-xl--transparent-8 {
        border: 8px solid transparent !important
    }

    .u-bd-xl--transparent-9 {
        border: 9px solid transparent !important
    }

    .u-bd-xl--transparent-10 {
        border: 10px solid transparent !important
    }
}

@media(min-width: 1400px) {
    .u-bd-xxl--body-0 {
        border: 0px solid var(--p-color-body) !important
    }

    .u-bd-xxl--body-1 {
        border: 1px solid var(--p-color-body) !important
    }

    .u-bd-xxl--body-2 {
        border: 2px solid var(--p-color-body) !important
    }

    .u-bd-xxl--body-3 {
        border: 3px solid var(--p-color-body) !important
    }

    .u-bd-xxl--body-4 {
        border: 4px solid var(--p-color-body) !important
    }

    .u-bd-xxl--body-5 {
        border: 5px solid var(--p-color-body) !important
    }

    .u-bd-xxl--body-6 {
        border: 6px solid var(--p-color-body) !important
    }

    .u-bd-xxl--body-7 {
        border: 7px solid var(--p-color-body) !important
    }

    .u-bd-xxl--body-8 {
        border: 8px solid var(--p-color-body) !important
    }

    .u-bd-xxl--body-9 {
        border: 9px solid var(--p-color-body) !important
    }

    .u-bd-xxl--body-10 {
        border: 10px solid var(--p-color-body) !important
    }

    .u-bd-xxl--primary-0 {
        border: 0px solid var(--p-color-primary) !important
    }

    .u-bd-xxl--primary-1 {
        border: 1px solid var(--p-color-primary) !important
    }

    .u-bd-xxl--primary-2 {
        border: 2px solid var(--p-color-primary) !important
    }

    .u-bd-xxl--primary-3 {
        border: 3px solid var(--p-color-primary) !important
    }

    .u-bd-xxl--primary-4 {
        border: 4px solid var(--p-color-primary) !important
    }

    .u-bd-xxl--primary-5 {
        border: 5px solid var(--p-color-primary) !important
    }

    .u-bd-xxl--primary-6 {
        border: 6px solid var(--p-color-primary) !important
    }

    .u-bd-xxl--primary-7 {
        border: 7px solid var(--p-color-primary) !important
    }

    .u-bd-xxl--primary-8 {
        border: 8px solid var(--p-color-primary) !important
    }

    .u-bd-xxl--primary-9 {
        border: 9px solid var(--p-color-primary) !important
    }

    .u-bd-xxl--primary-10 {
        border: 10px solid var(--p-color-primary) !important
    }

    .u-bd-xxl--secondary-0 {
        border: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-xxl--secondary-1 {
        border: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-xxl--secondary-2 {
        border: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-xxl--secondary-3 {
        border: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-xxl--secondary-4 {
        border: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-xxl--secondary-5 {
        border: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-xxl--secondary-6 {
        border: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-xxl--secondary-7 {
        border: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-xxl--secondary-8 {
        border: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-xxl--secondary-9 {
        border: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-xxl--secondary-10 {
        border: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-xxl--transparent-0 {
        border: 0px solid transparent !important
    }

    .u-bd-xxl--transparent-1 {
        border: 1px solid transparent !important
    }

    .u-bd-xxl--transparent-2 {
        border: 2px solid transparent !important
    }

    .u-bd-xxl--transparent-3 {
        border: 3px solid transparent !important
    }

    .u-bd-xxl--transparent-4 {
        border: 4px solid transparent !important
    }

    .u-bd-xxl--transparent-5 {
        border: 5px solid transparent !important
    }

    .u-bd-xxl--transparent-6 {
        border: 6px solid transparent !important
    }

    .u-bd-xxl--transparent-7 {
        border: 7px solid transparent !important
    }

    .u-bd-xxl--transparent-8 {
        border: 8px solid transparent !important
    }

    .u-bd-xxl--transparent-9 {
        border: 9px solid transparent !important
    }

    .u-bd-xxl--transparent-10 {
        border: 10px solid transparent !important
    }
}

.u-bd-x--body-0 {
    border-left: 0px solid var(--p-color-body) !important;
    border-right: 0px solid var(--p-color-body) !important
}

.u-bd-x--body-1 {
    border-left: 1px solid var(--p-color-body) !important;
    border-right: 1px solid var(--p-color-body) !important
}

.u-bd-x--body-2 {
    border-left: 2px solid var(--p-color-body) !important;
    border-right: 2px solid var(--p-color-body) !important
}

.u-bd-x--body-3 {
    border-left: 3px solid var(--p-color-body) !important;
    border-right: 3px solid var(--p-color-body) !important
}

.u-bd-x--body-4 {
    border-left: 4px solid var(--p-color-body) !important;
    border-right: 4px solid var(--p-color-body) !important
}

.u-bd-x--body-5 {
    border-left: 5px solid var(--p-color-body) !important;
    border-right: 5px solid var(--p-color-body) !important
}

.u-bd-x--body-6 {
    border-left: 6px solid var(--p-color-body) !important;
    border-right: 6px solid var(--p-color-body) !important
}

.u-bd-x--body-7 {
    border-left: 7px solid var(--p-color-body) !important;
    border-right: 7px solid var(--p-color-body) !important
}

.u-bd-x--body-8 {
    border-left: 8px solid var(--p-color-body) !important;
    border-right: 8px solid var(--p-color-body) !important
}

.u-bd-x--body-9 {
    border-left: 9px solid var(--p-color-body) !important;
    border-right: 9px solid var(--p-color-body) !important
}

.u-bd-x--body-10 {
    border-left: 10px solid var(--p-color-body) !important;
    border-right: 10px solid var(--p-color-body) !important
}

.u-bd-x--primary-0 {
    border-left: 0px solid var(--p-color-primary) !important;
    border-right: 0px solid var(--p-color-primary) !important
}

.u-bd-x--primary-1 {
    border-left: 1px solid var(--p-color-primary) !important;
    border-right: 1px solid var(--p-color-primary) !important
}

.u-bd-x--primary-2 {
    border-left: 2px solid var(--p-color-primary) !important;
    border-right: 2px solid var(--p-color-primary) !important
}

.u-bd-x--primary-3 {
    border-left: 3px solid var(--p-color-primary) !important;
    border-right: 3px solid var(--p-color-primary) !important
}

.u-bd-x--primary-4 {
    border-left: 4px solid var(--p-color-primary) !important;
    border-right: 4px solid var(--p-color-primary) !important
}

.u-bd-x--primary-5 {
    border-left: 5px solid var(--p-color-primary) !important;
    border-right: 5px solid var(--p-color-primary) !important
}

.u-bd-x--primary-6 {
    border-left: 6px solid var(--p-color-primary) !important;
    border-right: 6px solid var(--p-color-primary) !important
}

.u-bd-x--primary-7 {
    border-left: 7px solid var(--p-color-primary) !important;
    border-right: 7px solid var(--p-color-primary) !important
}

.u-bd-x--primary-8 {
    border-left: 8px solid var(--p-color-primary) !important;
    border-right: 8px solid var(--p-color-primary) !important
}

.u-bd-x--primary-9 {
    border-left: 9px solid var(--p-color-primary) !important;
    border-right: 9px solid var(--p-color-primary) !important
}

.u-bd-x--primary-10 {
    border-left: 10px solid var(--p-color-primary) !important;
    border-right: 10px solid var(--p-color-primary) !important
}

.u-bd-x--secondary-0 {
    border-left: 0px solid var(--p-color-secondary) !important;
    border-right: 0px solid var(--p-color-secondary) !important
}

.u-bd-x--secondary-1 {
    border-left: 1px solid var(--p-color-secondary) !important;
    border-right: 1px solid var(--p-color-secondary) !important
}

.u-bd-x--secondary-2 {
    border-left: 2px solid var(--p-color-secondary) !important;
    border-right: 2px solid var(--p-color-secondary) !important
}

.u-bd-x--secondary-3 {
    border-left: 3px solid var(--p-color-secondary) !important;
    border-right: 3px solid var(--p-color-secondary) !important
}

.u-bd-x--secondary-4 {
    border-left: 4px solid var(--p-color-secondary) !important;
    border-right: 4px solid var(--p-color-secondary) !important
}

.u-bd-x--secondary-5 {
    border-left: 5px solid var(--p-color-secondary) !important;
    border-right: 5px solid var(--p-color-secondary) !important
}

.u-bd-x--secondary-6 {
    border-left: 6px solid var(--p-color-secondary) !important;
    border-right: 6px solid var(--p-color-secondary) !important
}

.u-bd-x--secondary-7 {
    border-left: 7px solid var(--p-color-secondary) !important;
    border-right: 7px solid var(--p-color-secondary) !important
}

.u-bd-x--secondary-8 {
    border-left: 8px solid var(--p-color-secondary) !important;
    border-right: 8px solid var(--p-color-secondary) !important
}

.u-bd-x--secondary-9 {
    border-left: 9px solid var(--p-color-secondary) !important;
    border-right: 9px solid var(--p-color-secondary) !important
}

.u-bd-x--secondary-10 {
    border-left: 10px solid var(--p-color-secondary) !important;
    border-right: 10px solid var(--p-color-secondary) !important
}

.u-bd-x--transparent-0 {
    border-left: 0px solid transparent !important;
    border-right: 0px solid transparent !important
}

.u-bd-x--transparent-1 {
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important
}

.u-bd-x--transparent-2 {
    border-left: 2px solid transparent !important;
    border-right: 2px solid transparent !important
}

.u-bd-x--transparent-3 {
    border-left: 3px solid transparent !important;
    border-right: 3px solid transparent !important
}

.u-bd-x--transparent-4 {
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important
}

.u-bd-x--transparent-5 {
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important
}

.u-bd-x--transparent-6 {
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important
}

.u-bd-x--transparent-7 {
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important
}

.u-bd-x--transparent-8 {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important
}

.u-bd-x--transparent-9 {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important
}

.u-bd-x--transparent-10 {
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important
}

.u-bd-y--body-0 {
    border-top: 0px solid var(--p-color-body) !important;
    border-bottom: 0px solid var(--p-color-body) !important
}

.u-bd-y--body-1 {
    border-top: 1px solid var(--p-color-body) !important;
    border-bottom: 1px solid var(--p-color-body) !important
}

.u-bd-y--body-2 {
    border-top: 2px solid var(--p-color-body) !important;
    border-bottom: 2px solid var(--p-color-body) !important
}

.u-bd-y--body-3 {
    border-top: 3px solid var(--p-color-body) !important;
    border-bottom: 3px solid var(--p-color-body) !important
}

.u-bd-y--body-4 {
    border-top: 4px solid var(--p-color-body) !important;
    border-bottom: 4px solid var(--p-color-body) !important
}

.u-bd-y--body-5 {
    border-top: 5px solid var(--p-color-body) !important;
    border-bottom: 5px solid var(--p-color-body) !important
}

.u-bd-y--body-6 {
    border-top: 6px solid var(--p-color-body) !important;
    border-bottom: 6px solid var(--p-color-body) !important
}

.u-bd-y--body-7 {
    border-top: 7px solid var(--p-color-body) !important;
    border-bottom: 7px solid var(--p-color-body) !important
}

.u-bd-y--body-8 {
    border-top: 8px solid var(--p-color-body) !important;
    border-bottom: 8px solid var(--p-color-body) !important
}

.u-bd-y--body-9 {
    border-top: 9px solid var(--p-color-body) !important;
    border-bottom: 9px solid var(--p-color-body) !important
}

.u-bd-y--body-10 {
    border-top: 10px solid var(--p-color-body) !important;
    border-bottom: 10px solid var(--p-color-body) !important
}

.u-bd-y--primary-0 {
    border-top: 0px solid var(--p-color-primary) !important;
    border-bottom: 0px solid var(--p-color-primary) !important
}

.u-bd-y--primary-1 {
    border-top: 1px solid var(--p-color-primary) !important;
    border-bottom: 1px solid var(--p-color-primary) !important
}

.u-bd-y--primary-2 {
    border-top: 2px solid var(--p-color-primary) !important;
    border-bottom: 2px solid var(--p-color-primary) !important
}

.u-bd-y--primary-3 {
    border-top: 3px solid var(--p-color-primary) !important;
    border-bottom: 3px solid var(--p-color-primary) !important
}

.u-bd-y--primary-4 {
    border-top: 4px solid var(--p-color-primary) !important;
    border-bottom: 4px solid var(--p-color-primary) !important
}

.u-bd-y--primary-5 {
    border-top: 5px solid var(--p-color-primary) !important;
    border-bottom: 5px solid var(--p-color-primary) !important
}

.u-bd-y--primary-6 {
    border-top: 6px solid var(--p-color-primary) !important;
    border-bottom: 6px solid var(--p-color-primary) !important
}

.u-bd-y--primary-7 {
    border-top: 7px solid var(--p-color-primary) !important;
    border-bottom: 7px solid var(--p-color-primary) !important
}

.u-bd-y--primary-8 {
    border-top: 8px solid var(--p-color-primary) !important;
    border-bottom: 8px solid var(--p-color-primary) !important
}

.u-bd-y--primary-9 {
    border-top: 9px solid var(--p-color-primary) !important;
    border-bottom: 9px solid var(--p-color-primary) !important
}

.u-bd-y--primary-10 {
    border-top: 10px solid var(--p-color-primary) !important;
    border-bottom: 10px solid var(--p-color-primary) !important
}

.u-bd-y--secondary-0 {
    border-top: 0px solid var(--p-color-secondary) !important;
    border-bottom: 0px solid var(--p-color-secondary) !important
}

.u-bd-y--secondary-1 {
    border-top: 1px solid var(--p-color-secondary) !important;
    border-bottom: 1px solid var(--p-color-secondary) !important
}

.u-bd-y--secondary-2 {
    border-top: 2px solid var(--p-color-secondary) !important;
    border-bottom: 2px solid var(--p-color-secondary) !important
}

.u-bd-y--secondary-3 {
    border-top: 3px solid var(--p-color-secondary) !important;
    border-bottom: 3px solid var(--p-color-secondary) !important
}

.u-bd-y--secondary-4 {
    border-top: 4px solid var(--p-color-secondary) !important;
    border-bottom: 4px solid var(--p-color-secondary) !important
}

.u-bd-y--secondary-5 {
    border-top: 5px solid var(--p-color-secondary) !important;
    border-bottom: 5px solid var(--p-color-secondary) !important
}

.u-bd-y--secondary-6 {
    border-top: 6px solid var(--p-color-secondary) !important;
    border-bottom: 6px solid var(--p-color-secondary) !important
}

.u-bd-y--secondary-7 {
    border-top: 7px solid var(--p-color-secondary) !important;
    border-bottom: 7px solid var(--p-color-secondary) !important
}

.u-bd-y--secondary-8 {
    border-top: 8px solid var(--p-color-secondary) !important;
    border-bottom: 8px solid var(--p-color-secondary) !important
}

.u-bd-y--secondary-9 {
    border-top: 9px solid var(--p-color-secondary) !important;
    border-bottom: 9px solid var(--p-color-secondary) !important
}

.u-bd-y--secondary-10 {
    border-top: 10px solid var(--p-color-secondary) !important;
    border-bottom: 10px solid var(--p-color-secondary) !important
}

.u-bd-y--transparent-0 {
    border-top: 0px solid transparent !important;
    border-bottom: 0px solid transparent !important
}

.u-bd-y--transparent-1 {
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important
}

.u-bd-y--transparent-2 {
    border-top: 2px solid transparent !important;
    border-bottom: 2px solid transparent !important
}

.u-bd-y--transparent-3 {
    border-top: 3px solid transparent !important;
    border-bottom: 3px solid transparent !important
}

.u-bd-y--transparent-4 {
    border-top: 4px solid transparent !important;
    border-bottom: 4px solid transparent !important
}

.u-bd-y--transparent-5 {
    border-top: 5px solid transparent !important;
    border-bottom: 5px solid transparent !important
}

.u-bd-y--transparent-6 {
    border-top: 6px solid transparent !important;
    border-bottom: 6px solid transparent !important
}

.u-bd-y--transparent-7 {
    border-top: 7px solid transparent !important;
    border-bottom: 7px solid transparent !important
}

.u-bd-y--transparent-8 {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important
}

.u-bd-y--transparent-9 {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important
}

.u-bd-y--transparent-10 {
    border-top: 10px solid transparent !important;
    border-bottom: 10px solid transparent !important
}

.u-bd-t--body-0 {
    border-top: 0px solid var(--p-color-body) !important
}

.u-bd-t--body-1 {
    border-top: 1px solid var(--p-color-body) !important
}

.u-bd-t--body-2 {
    border-top: 2px solid var(--p-color-body) !important
}

.u-bd-t--body-3 {
    border-top: 3px solid var(--p-color-body) !important
}

.u-bd-t--body-4 {
    border-top: 4px solid var(--p-color-body) !important
}

.u-bd-t--body-5 {
    border-top: 5px solid var(--p-color-body) !important
}

.u-bd-t--body-6 {
    border-top: 6px solid var(--p-color-body) !important
}

.u-bd-t--body-7 {
    border-top: 7px solid var(--p-color-body) !important
}

.u-bd-t--body-8 {
    border-top: 8px solid var(--p-color-body) !important
}

.u-bd-t--body-9 {
    border-top: 9px solid var(--p-color-body) !important
}

.u-bd-t--body-10 {
    border-top: 10px solid var(--p-color-body) !important
}

.u-bd-t--primary-0 {
    border-top: 0px solid var(--p-color-primary) !important
}

.u-bd-t--primary-1 {
    border-top: 1px solid var(--p-color-primary) !important
}

.u-bd-t--primary-2 {
    border-top: 2px solid var(--p-color-primary) !important
}

.u-bd-t--primary-3 {
    border-top: 3px solid var(--p-color-primary) !important
}

.u-bd-t--primary-4 {
    border-top: 4px solid var(--p-color-primary) !important
}

.u-bd-t--primary-5 {
    border-top: 5px solid var(--p-color-primary) !important
}

.u-bd-t--primary-6 {
    border-top: 6px solid var(--p-color-primary) !important
}

.u-bd-t--primary-7 {
    border-top: 7px solid var(--p-color-primary) !important
}

.u-bd-t--primary-8 {
    border-top: 8px solid var(--p-color-primary) !important
}

.u-bd-t--primary-9 {
    border-top: 9px solid var(--p-color-primary) !important
}

.u-bd-t--primary-10 {
    border-top: 10px solid var(--p-color-primary) !important
}

.u-bd-t--secondary-0 {
    border-top: 0px solid var(--p-color-secondary) !important
}

.u-bd-t--secondary-1 {
    border-top: 1px solid var(--p-color-secondary) !important
}

.u-bd-t--secondary-2 {
    border-top: 2px solid var(--p-color-secondary) !important
}

.u-bd-t--secondary-3 {
    border-top: 3px solid var(--p-color-secondary) !important
}

.u-bd-t--secondary-4 {
    border-top: 4px solid var(--p-color-secondary) !important
}

.u-bd-t--secondary-5 {
    border-top: 5px solid var(--p-color-secondary) !important
}

.u-bd-t--secondary-6 {
    border-top: 6px solid var(--p-color-secondary) !important
}

.u-bd-t--secondary-7 {
    border-top: 7px solid var(--p-color-secondary) !important
}

.u-bd-t--secondary-8 {
    border-top: 8px solid var(--p-color-secondary) !important
}

.u-bd-t--secondary-9 {
    border-top: 9px solid var(--p-color-secondary) !important
}

.u-bd-t--secondary-10 {
    border-top: 10px solid var(--p-color-secondary) !important
}

.u-bd-t--transparent-0 {
    border-top: 0px solid transparent !important
}

.u-bd-t--transparent-1 {
    border-top: 1px solid transparent !important
}

.u-bd-t--transparent-2 {
    border-top: 2px solid transparent !important
}

.u-bd-t--transparent-3 {
    border-top: 3px solid transparent !important
}

.u-bd-t--transparent-4 {
    border-top: 4px solid transparent !important
}

.u-bd-t--transparent-5 {
    border-top: 5px solid transparent !important
}

.u-bd-t--transparent-6 {
    border-top: 6px solid transparent !important
}

.u-bd-t--transparent-7 {
    border-top: 7px solid transparent !important
}

.u-bd-t--transparent-8 {
    border-top: 8px solid transparent !important
}

.u-bd-t--transparent-9 {
    border-top: 9px solid transparent !important
}

.u-bd-t--transparent-10 {
    border-top: 10px solid transparent !important
}

.u-bd-b--body-0 {
    border-bottom: 0px solid var(--p-color-body) !important
}

.u-bd-b--body-1 {
    border-bottom: 1px solid var(--p-color-body) !important
}

.u-bd-b--body-2 {
    border-bottom: 2px solid var(--p-color-body) !important
}

.u-bd-b--body-3 {
    border-bottom: 3px solid var(--p-color-body) !important
}

.u-bd-b--body-4 {
    border-bottom: 4px solid var(--p-color-body) !important
}

.u-bd-b--body-5 {
    border-bottom: 5px solid var(--p-color-body) !important
}

.u-bd-b--body-6 {
    border-bottom: 6px solid var(--p-color-body) !important
}

.u-bd-b--body-7 {
    border-bottom: 7px solid var(--p-color-body) !important
}

.u-bd-b--body-8 {
    border-bottom: 8px solid var(--p-color-body) !important
}

.u-bd-b--body-9 {
    border-bottom: 9px solid var(--p-color-body) !important
}

.u-bd-b--body-10 {
    border-bottom: 10px solid var(--p-color-body) !important
}

.u-bd-b--primary-0 {
    border-bottom: 0px solid var(--p-color-primary) !important
}

.u-bd-b--primary-1 {
    border-bottom: 1px solid var(--p-color-primary) !important
}

.u-bd-b--primary-2 {
    border-bottom: 2px solid var(--p-color-primary) !important
}

.u-bd-b--primary-3 {
    border-bottom: 3px solid var(--p-color-primary) !important
}

.u-bd-b--primary-4 {
    border-bottom: 4px solid var(--p-color-primary) !important
}

.u-bd-b--primary-5 {
    border-bottom: 5px solid var(--p-color-primary) !important
}

.u-bd-b--primary-6 {
    border-bottom: 6px solid var(--p-color-primary) !important
}

.u-bd-b--primary-7 {
    border-bottom: 7px solid var(--p-color-primary) !important
}

.u-bd-b--primary-8 {
    border-bottom: 8px solid var(--p-color-primary) !important
}

.u-bd-b--primary-9 {
    border-bottom: 9px solid var(--p-color-primary) !important
}

.u-bd-b--primary-10 {
    border-bottom: 10px solid var(--p-color-primary) !important
}

.u-bd-b--secondary-0 {
    border-bottom: 0px solid var(--p-color-secondary) !important
}

.u-bd-b--secondary-1 {
    border-bottom: 1px solid var(--p-color-secondary) !important
}

.u-bd-b--secondary-2 {
    border-bottom: 2px solid var(--p-color-secondary) !important
}

.u-bd-b--secondary-3 {
    border-bottom: 3px solid var(--p-color-secondary) !important
}

.u-bd-b--secondary-4 {
    border-bottom: 4px solid var(--p-color-secondary) !important
}

.u-bd-b--secondary-5 {
    border-bottom: 5px solid var(--p-color-secondary) !important
}

.u-bd-b--secondary-6 {
    border-bottom: 6px solid var(--p-color-secondary) !important
}

.u-bd-b--secondary-7 {
    border-bottom: 7px solid var(--p-color-secondary) !important
}

.u-bd-b--secondary-8 {
    border-bottom: 8px solid var(--p-color-secondary) !important
}

.u-bd-b--secondary-9 {
    border-bottom: 9px solid var(--p-color-secondary) !important
}

.u-bd-b--secondary-10 {
    border-bottom: 10px solid var(--p-color-secondary) !important
}

.u-bd-b--transparent-0 {
    border-bottom: 0px solid transparent !important
}

.u-bd-b--transparent-1 {
    border-bottom: 1px solid transparent !important
}

.u-bd-b--transparent-2 {
    border-bottom: 2px solid transparent !important
}

.u-bd-b--transparent-3 {
    border-bottom: 3px solid transparent !important
}

.u-bd-b--transparent-4 {
    border-bottom: 4px solid transparent !important
}

.u-bd-b--transparent-5 {
    border-bottom: 5px solid transparent !important
}

.u-bd-b--transparent-6 {
    border-bottom: 6px solid transparent !important
}

.u-bd-b--transparent-7 {
    border-bottom: 7px solid transparent !important
}

.u-bd-b--transparent-8 {
    border-bottom: 8px solid transparent !important
}

.u-bd-b--transparent-9 {
    border-bottom: 9px solid transparent !important
}

.u-bd-b--transparent-10 {
    border-bottom: 10px solid transparent !important
}

.u-bd-l--body-0 {
    border-left: 0px solid var(--p-color-body) !important
}

.u-bd-l--body-1 {
    border-left: 1px solid var(--p-color-body) !important
}

.u-bd-l--body-2 {
    border-left: 2px solid var(--p-color-body) !important
}

.u-bd-l--body-3 {
    border-left: 3px solid var(--p-color-body) !important
}

.u-bd-l--body-4 {
    border-left: 4px solid var(--p-color-body) !important
}

.u-bd-l--body-5 {
    border-left: 5px solid var(--p-color-body) !important
}

.u-bd-l--body-6 {
    border-left: 6px solid var(--p-color-body) !important
}

.u-bd-l--body-7 {
    border-left: 7px solid var(--p-color-body) !important
}

.u-bd-l--body-8 {
    border-left: 8px solid var(--p-color-body) !important
}

.u-bd-l--body-9 {
    border-left: 9px solid var(--p-color-body) !important
}

.u-bd-l--body-10 {
    border-left: 10px solid var(--p-color-body) !important
}

.u-bd-l--primary-0 {
    border-left: 0px solid var(--p-color-primary) !important
}

.u-bd-l--primary-1 {
    border-left: 1px solid var(--p-color-primary) !important
}

.u-bd-l--primary-2 {
    border-left: 2px solid var(--p-color-primary) !important
}

.u-bd-l--primary-3 {
    border-left: 3px solid var(--p-color-primary) !important
}

.u-bd-l--primary-4 {
    border-left: 4px solid var(--p-color-primary) !important
}

.u-bd-l--primary-5 {
    border-left: 5px solid var(--p-color-primary) !important
}

.u-bd-l--primary-6 {
    border-left: 6px solid var(--p-color-primary) !important
}

.u-bd-l--primary-7 {
    border-left: 7px solid var(--p-color-primary) !important
}

.u-bd-l--primary-8 {
    border-left: 8px solid var(--p-color-primary) !important
}

.u-bd-l--primary-9 {
    border-left: 9px solid var(--p-color-primary) !important
}

.u-bd-l--primary-10 {
    border-left: 10px solid var(--p-color-primary) !important
}

.u-bd-l--secondary-0 {
    border-left: 0px solid var(--p-color-secondary) !important
}

.u-bd-l--secondary-1 {
    border-left: 1px solid var(--p-color-secondary) !important
}

.u-bd-l--secondary-2 {
    border-left: 2px solid var(--p-color-secondary) !important
}

.u-bd-l--secondary-3 {
    border-left: 3px solid var(--p-color-secondary) !important
}

.u-bd-l--secondary-4 {
    border-left: 4px solid var(--p-color-secondary) !important
}

.u-bd-l--secondary-5 {
    border-left: 5px solid var(--p-color-secondary) !important
}

.u-bd-l--secondary-6 {
    border-left: 6px solid var(--p-color-secondary) !important
}

.u-bd-l--secondary-7 {
    border-left: 7px solid var(--p-color-secondary) !important
}

.u-bd-l--secondary-8 {
    border-left: 8px solid var(--p-color-secondary) !important
}

.u-bd-l--secondary-9 {
    border-left: 9px solid var(--p-color-secondary) !important
}

.u-bd-l--secondary-10 {
    border-left: 10px solid var(--p-color-secondary) !important
}

.u-bd-l--transparent-0 {
    border-left: 0px solid transparent !important
}

.u-bd-l--transparent-1 {
    border-left: 1px solid transparent !important
}

.u-bd-l--transparent-2 {
    border-left: 2px solid transparent !important
}

.u-bd-l--transparent-3 {
    border-left: 3px solid transparent !important
}

.u-bd-l--transparent-4 {
    border-left: 4px solid transparent !important
}

.u-bd-l--transparent-5 {
    border-left: 5px solid transparent !important
}

.u-bd-l--transparent-6 {
    border-left: 6px solid transparent !important
}

.u-bd-l--transparent-7 {
    border-left: 7px solid transparent !important
}

.u-bd-l--transparent-8 {
    border-left: 8px solid transparent !important
}

.u-bd-l--transparent-9 {
    border-left: 9px solid transparent !important
}

.u-bd-l--transparent-10 {
    border-left: 10px solid transparent !important
}

.u-bd-r--body-0 {
    border-right: 0px solid var(--p-color-body) !important
}

.u-bd-r--body-1 {
    border-right: 1px solid var(--p-color-body) !important
}

.u-bd-r--body-2 {
    border-right: 2px solid var(--p-color-body) !important
}

.u-bd-r--body-3 {
    border-right: 3px solid var(--p-color-body) !important
}

.u-bd-r--body-4 {
    border-right: 4px solid var(--p-color-body) !important
}

.u-bd-r--body-5 {
    border-right: 5px solid var(--p-color-body) !important
}

.u-bd-r--body-6 {
    border-right: 6px solid var(--p-color-body) !important
}

.u-bd-r--body-7 {
    border-right: 7px solid var(--p-color-body) !important
}

.u-bd-r--body-8 {
    border-right: 8px solid var(--p-color-body) !important
}

.u-bd-r--body-9 {
    border-right: 9px solid var(--p-color-body) !important
}

.u-bd-r--body-10 {
    border-right: 10px solid var(--p-color-body) !important
}

.u-bd-r--primary-0 {
    border-right: 0px solid var(--p-color-primary) !important
}

.u-bd-r--primary-1 {
    border-right: 1px solid var(--p-color-primary) !important
}

.u-bd-r--primary-2 {
    border-right: 2px solid var(--p-color-primary) !important
}

.u-bd-r--primary-3 {
    border-right: 3px solid var(--p-color-primary) !important
}

.u-bd-r--primary-4 {
    border-right: 4px solid var(--p-color-primary) !important
}

.u-bd-r--primary-5 {
    border-right: 5px solid var(--p-color-primary) !important
}

.u-bd-r--primary-6 {
    border-right: 6px solid var(--p-color-primary) !important
}

.u-bd-r--primary-7 {
    border-right: 7px solid var(--p-color-primary) !important
}

.u-bd-r--primary-8 {
    border-right: 8px solid var(--p-color-primary) !important
}

.u-bd-r--primary-9 {
    border-right: 9px solid var(--p-color-primary) !important
}

.u-bd-r--primary-10 {
    border-right: 10px solid var(--p-color-primary) !important
}

.u-bd-r--secondary-0 {
    border-right: 0px solid var(--p-color-secondary) !important
}

.u-bd-r--secondary-1 {
    border-right: 1px solid var(--p-color-secondary) !important
}

.u-bd-r--secondary-2 {
    border-right: 2px solid var(--p-color-secondary) !important
}

.u-bd-r--secondary-3 {
    border-right: 3px solid var(--p-color-secondary) !important
}

.u-bd-r--secondary-4 {
    border-right: 4px solid var(--p-color-secondary) !important
}

.u-bd-r--secondary-5 {
    border-right: 5px solid var(--p-color-secondary) !important
}

.u-bd-r--secondary-6 {
    border-right: 6px solid var(--p-color-secondary) !important
}

.u-bd-r--secondary-7 {
    border-right: 7px solid var(--p-color-secondary) !important
}

.u-bd-r--secondary-8 {
    border-right: 8px solid var(--p-color-secondary) !important
}

.u-bd-r--secondary-9 {
    border-right: 9px solid var(--p-color-secondary) !important
}

.u-bd-r--secondary-10 {
    border-right: 10px solid var(--p-color-secondary) !important
}

.u-bd-r--transparent-0 {
    border-right: 0px solid transparent !important
}

.u-bd-r--transparent-1 {
    border-right: 1px solid transparent !important
}

.u-bd-r--transparent-2 {
    border-right: 2px solid transparent !important
}

.u-bd-r--transparent-3 {
    border-right: 3px solid transparent !important
}

.u-bd-r--transparent-4 {
    border-right: 4px solid transparent !important
}

.u-bd-r--transparent-5 {
    border-right: 5px solid transparent !important
}

.u-bd-r--transparent-6 {
    border-right: 6px solid transparent !important
}

.u-bd-r--transparent-7 {
    border-right: 7px solid transparent !important
}

.u-bd-r--transparent-8 {
    border-right: 8px solid transparent !important
}

.u-bd-r--transparent-9 {
    border-right: 9px solid transparent !important
}

.u-bd-r--transparent-10 {
    border-right: 10px solid transparent !important
}

@media(min-width: 576px) {
    .u-bd-x-sm--body-0 {
        border-left: 0px solid var(--p-color-body) !important;
        border-right: 0px solid var(--p-color-body) !important
    }

    .u-bd-x-sm--body-1 {
        border-left: 1px solid var(--p-color-body) !important;
        border-right: 1px solid var(--p-color-body) !important
    }

    .u-bd-x-sm--body-2 {
        border-left: 2px solid var(--p-color-body) !important;
        border-right: 2px solid var(--p-color-body) !important
    }

    .u-bd-x-sm--body-3 {
        border-left: 3px solid var(--p-color-body) !important;
        border-right: 3px solid var(--p-color-body) !important
    }

    .u-bd-x-sm--body-4 {
        border-left: 4px solid var(--p-color-body) !important;
        border-right: 4px solid var(--p-color-body) !important
    }

    .u-bd-x-sm--body-5 {
        border-left: 5px solid var(--p-color-body) !important;
        border-right: 5px solid var(--p-color-body) !important
    }

    .u-bd-x-sm--body-6 {
        border-left: 6px solid var(--p-color-body) !important;
        border-right: 6px solid var(--p-color-body) !important
    }

    .u-bd-x-sm--body-7 {
        border-left: 7px solid var(--p-color-body) !important;
        border-right: 7px solid var(--p-color-body) !important
    }

    .u-bd-x-sm--body-8 {
        border-left: 8px solid var(--p-color-body) !important;
        border-right: 8px solid var(--p-color-body) !important
    }

    .u-bd-x-sm--body-9 {
        border-left: 9px solid var(--p-color-body) !important;
        border-right: 9px solid var(--p-color-body) !important
    }

    .u-bd-x-sm--body-10 {
        border-left: 10px solid var(--p-color-body) !important;
        border-right: 10px solid var(--p-color-body) !important
    }

    .u-bd-x-sm--primary-0 {
        border-left: 0px solid var(--p-color-primary) !important;
        border-right: 0px solid var(--p-color-primary) !important
    }

    .u-bd-x-sm--primary-1 {
        border-left: 1px solid var(--p-color-primary) !important;
        border-right: 1px solid var(--p-color-primary) !important
    }

    .u-bd-x-sm--primary-2 {
        border-left: 2px solid var(--p-color-primary) !important;
        border-right: 2px solid var(--p-color-primary) !important
    }

    .u-bd-x-sm--primary-3 {
        border-left: 3px solid var(--p-color-primary) !important;
        border-right: 3px solid var(--p-color-primary) !important
    }

    .u-bd-x-sm--primary-4 {
        border-left: 4px solid var(--p-color-primary) !important;
        border-right: 4px solid var(--p-color-primary) !important
    }

    .u-bd-x-sm--primary-5 {
        border-left: 5px solid var(--p-color-primary) !important;
        border-right: 5px solid var(--p-color-primary) !important
    }

    .u-bd-x-sm--primary-6 {
        border-left: 6px solid var(--p-color-primary) !important;
        border-right: 6px solid var(--p-color-primary) !important
    }

    .u-bd-x-sm--primary-7 {
        border-left: 7px solid var(--p-color-primary) !important;
        border-right: 7px solid var(--p-color-primary) !important
    }

    .u-bd-x-sm--primary-8 {
        border-left: 8px solid var(--p-color-primary) !important;
        border-right: 8px solid var(--p-color-primary) !important
    }

    .u-bd-x-sm--primary-9 {
        border-left: 9px solid var(--p-color-primary) !important;
        border-right: 9px solid var(--p-color-primary) !important
    }

    .u-bd-x-sm--primary-10 {
        border-left: 10px solid var(--p-color-primary) !important;
        border-right: 10px solid var(--p-color-primary) !important
    }

    .u-bd-x-sm--secondary-0 {
        border-left: 0px solid var(--p-color-secondary) !important;
        border-right: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-x-sm--secondary-1 {
        border-left: 1px solid var(--p-color-secondary) !important;
        border-right: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-x-sm--secondary-2 {
        border-left: 2px solid var(--p-color-secondary) !important;
        border-right: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-x-sm--secondary-3 {
        border-left: 3px solid var(--p-color-secondary) !important;
        border-right: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-x-sm--secondary-4 {
        border-left: 4px solid var(--p-color-secondary) !important;
        border-right: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-x-sm--secondary-5 {
        border-left: 5px solid var(--p-color-secondary) !important;
        border-right: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-x-sm--secondary-6 {
        border-left: 6px solid var(--p-color-secondary) !important;
        border-right: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-x-sm--secondary-7 {
        border-left: 7px solid var(--p-color-secondary) !important;
        border-right: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-x-sm--secondary-8 {
        border-left: 8px solid var(--p-color-secondary) !important;
        border-right: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-x-sm--secondary-9 {
        border-left: 9px solid var(--p-color-secondary) !important;
        border-right: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-x-sm--secondary-10 {
        border-left: 10px solid var(--p-color-secondary) !important;
        border-right: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-x-sm--transparent-0 {
        border-left: 0px solid transparent !important;
        border-right: 0px solid transparent !important
    }

    .u-bd-x-sm--transparent-1 {
        border-left: 1px solid transparent !important;
        border-right: 1px solid transparent !important
    }

    .u-bd-x-sm--transparent-2 {
        border-left: 2px solid transparent !important;
        border-right: 2px solid transparent !important
    }

    .u-bd-x-sm--transparent-3 {
        border-left: 3px solid transparent !important;
        border-right: 3px solid transparent !important
    }

    .u-bd-x-sm--transparent-4 {
        border-left: 4px solid transparent !important;
        border-right: 4px solid transparent !important
    }

    .u-bd-x-sm--transparent-5 {
        border-left: 5px solid transparent !important;
        border-right: 5px solid transparent !important
    }

    .u-bd-x-sm--transparent-6 {
        border-left: 6px solid transparent !important;
        border-right: 6px solid transparent !important
    }

    .u-bd-x-sm--transparent-7 {
        border-left: 7px solid transparent !important;
        border-right: 7px solid transparent !important
    }

    .u-bd-x-sm--transparent-8 {
        border-left: 8px solid transparent !important;
        border-right: 8px solid transparent !important
    }

    .u-bd-x-sm--transparent-9 {
        border-left: 9px solid transparent !important;
        border-right: 9px solid transparent !important
    }

    .u-bd-x-sm--transparent-10 {
        border-left: 10px solid transparent !important;
        border-right: 10px solid transparent !important
    }

    .u-bd-y-sm--body-0 {
        border-top: 0px solid var(--p-color-body) !important;
        border-bottom: 0px solid var(--p-color-body) !important
    }

    .u-bd-y-sm--body-1 {
        border-top: 1px solid var(--p-color-body) !important;
        border-bottom: 1px solid var(--p-color-body) !important
    }

    .u-bd-y-sm--body-2 {
        border-top: 2px solid var(--p-color-body) !important;
        border-bottom: 2px solid var(--p-color-body) !important
    }

    .u-bd-y-sm--body-3 {
        border-top: 3px solid var(--p-color-body) !important;
        border-bottom: 3px solid var(--p-color-body) !important
    }

    .u-bd-y-sm--body-4 {
        border-top: 4px solid var(--p-color-body) !important;
        border-bottom: 4px solid var(--p-color-body) !important
    }

    .u-bd-y-sm--body-5 {
        border-top: 5px solid var(--p-color-body) !important;
        border-bottom: 5px solid var(--p-color-body) !important
    }

    .u-bd-y-sm--body-6 {
        border-top: 6px solid var(--p-color-body) !important;
        border-bottom: 6px solid var(--p-color-body) !important
    }

    .u-bd-y-sm--body-7 {
        border-top: 7px solid var(--p-color-body) !important;
        border-bottom: 7px solid var(--p-color-body) !important
    }

    .u-bd-y-sm--body-8 {
        border-top: 8px solid var(--p-color-body) !important;
        border-bottom: 8px solid var(--p-color-body) !important
    }

    .u-bd-y-sm--body-9 {
        border-top: 9px solid var(--p-color-body) !important;
        border-bottom: 9px solid var(--p-color-body) !important
    }

    .u-bd-y-sm--body-10 {
        border-top: 10px solid var(--p-color-body) !important;
        border-bottom: 10px solid var(--p-color-body) !important
    }

    .u-bd-y-sm--primary-0 {
        border-top: 0px solid var(--p-color-primary) !important;
        border-bottom: 0px solid var(--p-color-primary) !important
    }

    .u-bd-y-sm--primary-1 {
        border-top: 1px solid var(--p-color-primary) !important;
        border-bottom: 1px solid var(--p-color-primary) !important
    }

    .u-bd-y-sm--primary-2 {
        border-top: 2px solid var(--p-color-primary) !important;
        border-bottom: 2px solid var(--p-color-primary) !important
    }

    .u-bd-y-sm--primary-3 {
        border-top: 3px solid var(--p-color-primary) !important;
        border-bottom: 3px solid var(--p-color-primary) !important
    }

    .u-bd-y-sm--primary-4 {
        border-top: 4px solid var(--p-color-primary) !important;
        border-bottom: 4px solid var(--p-color-primary) !important
    }

    .u-bd-y-sm--primary-5 {
        border-top: 5px solid var(--p-color-primary) !important;
        border-bottom: 5px solid var(--p-color-primary) !important
    }

    .u-bd-y-sm--primary-6 {
        border-top: 6px solid var(--p-color-primary) !important;
        border-bottom: 6px solid var(--p-color-primary) !important
    }

    .u-bd-y-sm--primary-7 {
        border-top: 7px solid var(--p-color-primary) !important;
        border-bottom: 7px solid var(--p-color-primary) !important
    }

    .u-bd-y-sm--primary-8 {
        border-top: 8px solid var(--p-color-primary) !important;
        border-bottom: 8px solid var(--p-color-primary) !important
    }

    .u-bd-y-sm--primary-9 {
        border-top: 9px solid var(--p-color-primary) !important;
        border-bottom: 9px solid var(--p-color-primary) !important
    }

    .u-bd-y-sm--primary-10 {
        border-top: 10px solid var(--p-color-primary) !important;
        border-bottom: 10px solid var(--p-color-primary) !important
    }

    .u-bd-y-sm--secondary-0 {
        border-top: 0px solid var(--p-color-secondary) !important;
        border-bottom: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-y-sm--secondary-1 {
        border-top: 1px solid var(--p-color-secondary) !important;
        border-bottom: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-y-sm--secondary-2 {
        border-top: 2px solid var(--p-color-secondary) !important;
        border-bottom: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-y-sm--secondary-3 {
        border-top: 3px solid var(--p-color-secondary) !important;
        border-bottom: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-y-sm--secondary-4 {
        border-top: 4px solid var(--p-color-secondary) !important;
        border-bottom: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-y-sm--secondary-5 {
        border-top: 5px solid var(--p-color-secondary) !important;
        border-bottom: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-y-sm--secondary-6 {
        border-top: 6px solid var(--p-color-secondary) !important;
        border-bottom: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-y-sm--secondary-7 {
        border-top: 7px solid var(--p-color-secondary) !important;
        border-bottom: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-y-sm--secondary-8 {
        border-top: 8px solid var(--p-color-secondary) !important;
        border-bottom: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-y-sm--secondary-9 {
        border-top: 9px solid var(--p-color-secondary) !important;
        border-bottom: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-y-sm--secondary-10 {
        border-top: 10px solid var(--p-color-secondary) !important;
        border-bottom: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-y-sm--transparent-0 {
        border-top: 0px solid transparent !important;
        border-bottom: 0px solid transparent !important
    }

    .u-bd-y-sm--transparent-1 {
        border-top: 1px solid transparent !important;
        border-bottom: 1px solid transparent !important
    }

    .u-bd-y-sm--transparent-2 {
        border-top: 2px solid transparent !important;
        border-bottom: 2px solid transparent !important
    }

    .u-bd-y-sm--transparent-3 {
        border-top: 3px solid transparent !important;
        border-bottom: 3px solid transparent !important
    }

    .u-bd-y-sm--transparent-4 {
        border-top: 4px solid transparent !important;
        border-bottom: 4px solid transparent !important
    }

    .u-bd-y-sm--transparent-5 {
        border-top: 5px solid transparent !important;
        border-bottom: 5px solid transparent !important
    }

    .u-bd-y-sm--transparent-6 {
        border-top: 6px solid transparent !important;
        border-bottom: 6px solid transparent !important
    }

    .u-bd-y-sm--transparent-7 {
        border-top: 7px solid transparent !important;
        border-bottom: 7px solid transparent !important
    }

    .u-bd-y-sm--transparent-8 {
        border-top: 8px solid transparent !important;
        border-bottom: 8px solid transparent !important
    }

    .u-bd-y-sm--transparent-9 {
        border-top: 9px solid transparent !important;
        border-bottom: 9px solid transparent !important
    }

    .u-bd-y-sm--transparent-10 {
        border-top: 10px solid transparent !important;
        border-bottom: 10px solid transparent !important
    }

    .u-bd-t-sm--body-0 {
        border-top: 0px solid var(--p-color-body) !important
    }

    .u-bd-t-sm--body-1 {
        border-top: 1px solid var(--p-color-body) !important
    }

    .u-bd-t-sm--body-2 {
        border-top: 2px solid var(--p-color-body) !important
    }

    .u-bd-t-sm--body-3 {
        border-top: 3px solid var(--p-color-body) !important
    }

    .u-bd-t-sm--body-4 {
        border-top: 4px solid var(--p-color-body) !important
    }

    .u-bd-t-sm--body-5 {
        border-top: 5px solid var(--p-color-body) !important
    }

    .u-bd-t-sm--body-6 {
        border-top: 6px solid var(--p-color-body) !important
    }

    .u-bd-t-sm--body-7 {
        border-top: 7px solid var(--p-color-body) !important
    }

    .u-bd-t-sm--body-8 {
        border-top: 8px solid var(--p-color-body) !important
    }

    .u-bd-t-sm--body-9 {
        border-top: 9px solid var(--p-color-body) !important
    }

    .u-bd-t-sm--body-10 {
        border-top: 10px solid var(--p-color-body) !important
    }

    .u-bd-t-sm--primary-0 {
        border-top: 0px solid var(--p-color-primary) !important
    }

    .u-bd-t-sm--primary-1 {
        border-top: 1px solid var(--p-color-primary) !important
    }

    .u-bd-t-sm--primary-2 {
        border-top: 2px solid var(--p-color-primary) !important
    }

    .u-bd-t-sm--primary-3 {
        border-top: 3px solid var(--p-color-primary) !important
    }

    .u-bd-t-sm--primary-4 {
        border-top: 4px solid var(--p-color-primary) !important
    }

    .u-bd-t-sm--primary-5 {
        border-top: 5px solid var(--p-color-primary) !important
    }

    .u-bd-t-sm--primary-6 {
        border-top: 6px solid var(--p-color-primary) !important
    }

    .u-bd-t-sm--primary-7 {
        border-top: 7px solid var(--p-color-primary) !important
    }

    .u-bd-t-sm--primary-8 {
        border-top: 8px solid var(--p-color-primary) !important
    }

    .u-bd-t-sm--primary-9 {
        border-top: 9px solid var(--p-color-primary) !important
    }

    .u-bd-t-sm--primary-10 {
        border-top: 10px solid var(--p-color-primary) !important
    }

    .u-bd-t-sm--secondary-0 {
        border-top: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-t-sm--secondary-1 {
        border-top: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-t-sm--secondary-2 {
        border-top: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-t-sm--secondary-3 {
        border-top: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-t-sm--secondary-4 {
        border-top: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-t-sm--secondary-5 {
        border-top: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-t-sm--secondary-6 {
        border-top: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-t-sm--secondary-7 {
        border-top: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-t-sm--secondary-8 {
        border-top: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-t-sm--secondary-9 {
        border-top: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-t-sm--secondary-10 {
        border-top: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-t-sm--transparent-0 {
        border-top: 0px solid transparent !important
    }

    .u-bd-t-sm--transparent-1 {
        border-top: 1px solid transparent !important
    }

    .u-bd-t-sm--transparent-2 {
        border-top: 2px solid transparent !important
    }

    .u-bd-t-sm--transparent-3 {
        border-top: 3px solid transparent !important
    }

    .u-bd-t-sm--transparent-4 {
        border-top: 4px solid transparent !important
    }

    .u-bd-t-sm--transparent-5 {
        border-top: 5px solid transparent !important
    }

    .u-bd-t-sm--transparent-6 {
        border-top: 6px solid transparent !important
    }

    .u-bd-t-sm--transparent-7 {
        border-top: 7px solid transparent !important
    }

    .u-bd-t-sm--transparent-8 {
        border-top: 8px solid transparent !important
    }

    .u-bd-t-sm--transparent-9 {
        border-top: 9px solid transparent !important
    }

    .u-bd-t-sm--transparent-10 {
        border-top: 10px solid transparent !important
    }

    .u-bd-b-sm--body-0 {
        border-bottom: 0px solid var(--p-color-body) !important
    }

    .u-bd-b-sm--body-1 {
        border-bottom: 1px solid var(--p-color-body) !important
    }

    .u-bd-b-sm--body-2 {
        border-bottom: 2px solid var(--p-color-body) !important
    }

    .u-bd-b-sm--body-3 {
        border-bottom: 3px solid var(--p-color-body) !important
    }

    .u-bd-b-sm--body-4 {
        border-bottom: 4px solid var(--p-color-body) !important
    }

    .u-bd-b-sm--body-5 {
        border-bottom: 5px solid var(--p-color-body) !important
    }

    .u-bd-b-sm--body-6 {
        border-bottom: 6px solid var(--p-color-body) !important
    }

    .u-bd-b-sm--body-7 {
        border-bottom: 7px solid var(--p-color-body) !important
    }

    .u-bd-b-sm--body-8 {
        border-bottom: 8px solid var(--p-color-body) !important
    }

    .u-bd-b-sm--body-9 {
        border-bottom: 9px solid var(--p-color-body) !important
    }

    .u-bd-b-sm--body-10 {
        border-bottom: 10px solid var(--p-color-body) !important
    }

    .u-bd-b-sm--primary-0 {
        border-bottom: 0px solid var(--p-color-primary) !important
    }

    .u-bd-b-sm--primary-1 {
        border-bottom: 1px solid var(--p-color-primary) !important
    }

    .u-bd-b-sm--primary-2 {
        border-bottom: 2px solid var(--p-color-primary) !important
    }

    .u-bd-b-sm--primary-3 {
        border-bottom: 3px solid var(--p-color-primary) !important
    }

    .u-bd-b-sm--primary-4 {
        border-bottom: 4px solid var(--p-color-primary) !important
    }

    .u-bd-b-sm--primary-5 {
        border-bottom: 5px solid var(--p-color-primary) !important
    }

    .u-bd-b-sm--primary-6 {
        border-bottom: 6px solid var(--p-color-primary) !important
    }

    .u-bd-b-sm--primary-7 {
        border-bottom: 7px solid var(--p-color-primary) !important
    }

    .u-bd-b-sm--primary-8 {
        border-bottom: 8px solid var(--p-color-primary) !important
    }

    .u-bd-b-sm--primary-9 {
        border-bottom: 9px solid var(--p-color-primary) !important
    }

    .u-bd-b-sm--primary-10 {
        border-bottom: 10px solid var(--p-color-primary) !important
    }

    .u-bd-b-sm--secondary-0 {
        border-bottom: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-b-sm--secondary-1 {
        border-bottom: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-b-sm--secondary-2 {
        border-bottom: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-b-sm--secondary-3 {
        border-bottom: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-b-sm--secondary-4 {
        border-bottom: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-b-sm--secondary-5 {
        border-bottom: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-b-sm--secondary-6 {
        border-bottom: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-b-sm--secondary-7 {
        border-bottom: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-b-sm--secondary-8 {
        border-bottom: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-b-sm--secondary-9 {
        border-bottom: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-b-sm--secondary-10 {
        border-bottom: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-b-sm--transparent-0 {
        border-bottom: 0px solid transparent !important
    }

    .u-bd-b-sm--transparent-1 {
        border-bottom: 1px solid transparent !important
    }

    .u-bd-b-sm--transparent-2 {
        border-bottom: 2px solid transparent !important
    }

    .u-bd-b-sm--transparent-3 {
        border-bottom: 3px solid transparent !important
    }

    .u-bd-b-sm--transparent-4 {
        border-bottom: 4px solid transparent !important
    }

    .u-bd-b-sm--transparent-5 {
        border-bottom: 5px solid transparent !important
    }

    .u-bd-b-sm--transparent-6 {
        border-bottom: 6px solid transparent !important
    }

    .u-bd-b-sm--transparent-7 {
        border-bottom: 7px solid transparent !important
    }

    .u-bd-b-sm--transparent-8 {
        border-bottom: 8px solid transparent !important
    }

    .u-bd-b-sm--transparent-9 {
        border-bottom: 9px solid transparent !important
    }

    .u-bd-b-sm--transparent-10 {
        border-bottom: 10px solid transparent !important
    }

    .u-bd-l-sm--body-0 {
        border-left: 0px solid var(--p-color-body) !important
    }

    .u-bd-l-sm--body-1 {
        border-left: 1px solid var(--p-color-body) !important
    }

    .u-bd-l-sm--body-2 {
        border-left: 2px solid var(--p-color-body) !important
    }

    .u-bd-l-sm--body-3 {
        border-left: 3px solid var(--p-color-body) !important
    }

    .u-bd-l-sm--body-4 {
        border-left: 4px solid var(--p-color-body) !important
    }

    .u-bd-l-sm--body-5 {
        border-left: 5px solid var(--p-color-body) !important
    }

    .u-bd-l-sm--body-6 {
        border-left: 6px solid var(--p-color-body) !important
    }

    .u-bd-l-sm--body-7 {
        border-left: 7px solid var(--p-color-body) !important
    }

    .u-bd-l-sm--body-8 {
        border-left: 8px solid var(--p-color-body) !important
    }

    .u-bd-l-sm--body-9 {
        border-left: 9px solid var(--p-color-body) !important
    }

    .u-bd-l-sm--body-10 {
        border-left: 10px solid var(--p-color-body) !important
    }

    .u-bd-l-sm--primary-0 {
        border-left: 0px solid var(--p-color-primary) !important
    }

    .u-bd-l-sm--primary-1 {
        border-left: 1px solid var(--p-color-primary) !important
    }

    .u-bd-l-sm--primary-2 {
        border-left: 2px solid var(--p-color-primary) !important
    }

    .u-bd-l-sm--primary-3 {
        border-left: 3px solid var(--p-color-primary) !important
    }

    .u-bd-l-sm--primary-4 {
        border-left: 4px solid var(--p-color-primary) !important
    }

    .u-bd-l-sm--primary-5 {
        border-left: 5px solid var(--p-color-primary) !important
    }

    .u-bd-l-sm--primary-6 {
        border-left: 6px solid var(--p-color-primary) !important
    }

    .u-bd-l-sm--primary-7 {
        border-left: 7px solid var(--p-color-primary) !important
    }

    .u-bd-l-sm--primary-8 {
        border-left: 8px solid var(--p-color-primary) !important
    }

    .u-bd-l-sm--primary-9 {
        border-left: 9px solid var(--p-color-primary) !important
    }

    .u-bd-l-sm--primary-10 {
        border-left: 10px solid var(--p-color-primary) !important
    }

    .u-bd-l-sm--secondary-0 {
        border-left: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-l-sm--secondary-1 {
        border-left: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-l-sm--secondary-2 {
        border-left: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-l-sm--secondary-3 {
        border-left: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-l-sm--secondary-4 {
        border-left: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-l-sm--secondary-5 {
        border-left: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-l-sm--secondary-6 {
        border-left: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-l-sm--secondary-7 {
        border-left: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-l-sm--secondary-8 {
        border-left: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-l-sm--secondary-9 {
        border-left: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-l-sm--secondary-10 {
        border-left: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-l-sm--transparent-0 {
        border-left: 0px solid transparent !important
    }

    .u-bd-l-sm--transparent-1 {
        border-left: 1px solid transparent !important
    }

    .u-bd-l-sm--transparent-2 {
        border-left: 2px solid transparent !important
    }

    .u-bd-l-sm--transparent-3 {
        border-left: 3px solid transparent !important
    }

    .u-bd-l-sm--transparent-4 {
        border-left: 4px solid transparent !important
    }

    .u-bd-l-sm--transparent-5 {
        border-left: 5px solid transparent !important
    }

    .u-bd-l-sm--transparent-6 {
        border-left: 6px solid transparent !important
    }

    .u-bd-l-sm--transparent-7 {
        border-left: 7px solid transparent !important
    }

    .u-bd-l-sm--transparent-8 {
        border-left: 8px solid transparent !important
    }

    .u-bd-l-sm--transparent-9 {
        border-left: 9px solid transparent !important
    }

    .u-bd-l-sm--transparent-10 {
        border-left: 10px solid transparent !important
    }

    .u-bd-r-sm--body-0 {
        border-right: 0px solid var(--p-color-body) !important
    }

    .u-bd-r-sm--body-1 {
        border-right: 1px solid var(--p-color-body) !important
    }

    .u-bd-r-sm--body-2 {
        border-right: 2px solid var(--p-color-body) !important
    }

    .u-bd-r-sm--body-3 {
        border-right: 3px solid var(--p-color-body) !important
    }

    .u-bd-r-sm--body-4 {
        border-right: 4px solid var(--p-color-body) !important
    }

    .u-bd-r-sm--body-5 {
        border-right: 5px solid var(--p-color-body) !important
    }

    .u-bd-r-sm--body-6 {
        border-right: 6px solid var(--p-color-body) !important
    }

    .u-bd-r-sm--body-7 {
        border-right: 7px solid var(--p-color-body) !important
    }

    .u-bd-r-sm--body-8 {
        border-right: 8px solid var(--p-color-body) !important
    }

    .u-bd-r-sm--body-9 {
        border-right: 9px solid var(--p-color-body) !important
    }

    .u-bd-r-sm--body-10 {
        border-right: 10px solid var(--p-color-body) !important
    }

    .u-bd-r-sm--primary-0 {
        border-right: 0px solid var(--p-color-primary) !important
    }

    .u-bd-r-sm--primary-1 {
        border-right: 1px solid var(--p-color-primary) !important
    }

    .u-bd-r-sm--primary-2 {
        border-right: 2px solid var(--p-color-primary) !important
    }

    .u-bd-r-sm--primary-3 {
        border-right: 3px solid var(--p-color-primary) !important
    }

    .u-bd-r-sm--primary-4 {
        border-right: 4px solid var(--p-color-primary) !important
    }

    .u-bd-r-sm--primary-5 {
        border-right: 5px solid var(--p-color-primary) !important
    }

    .u-bd-r-sm--primary-6 {
        border-right: 6px solid var(--p-color-primary) !important
    }

    .u-bd-r-sm--primary-7 {
        border-right: 7px solid var(--p-color-primary) !important
    }

    .u-bd-r-sm--primary-8 {
        border-right: 8px solid var(--p-color-primary) !important
    }

    .u-bd-r-sm--primary-9 {
        border-right: 9px solid var(--p-color-primary) !important
    }

    .u-bd-r-sm--primary-10 {
        border-right: 10px solid var(--p-color-primary) !important
    }

    .u-bd-r-sm--secondary-0 {
        border-right: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-r-sm--secondary-1 {
        border-right: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-r-sm--secondary-2 {
        border-right: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-r-sm--secondary-3 {
        border-right: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-r-sm--secondary-4 {
        border-right: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-r-sm--secondary-5 {
        border-right: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-r-sm--secondary-6 {
        border-right: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-r-sm--secondary-7 {
        border-right: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-r-sm--secondary-8 {
        border-right: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-r-sm--secondary-9 {
        border-right: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-r-sm--secondary-10 {
        border-right: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-r-sm--transparent-0 {
        border-right: 0px solid transparent !important
    }

    .u-bd-r-sm--transparent-1 {
        border-right: 1px solid transparent !important
    }

    .u-bd-r-sm--transparent-2 {
        border-right: 2px solid transparent !important
    }

    .u-bd-r-sm--transparent-3 {
        border-right: 3px solid transparent !important
    }

    .u-bd-r-sm--transparent-4 {
        border-right: 4px solid transparent !important
    }

    .u-bd-r-sm--transparent-5 {
        border-right: 5px solid transparent !important
    }

    .u-bd-r-sm--transparent-6 {
        border-right: 6px solid transparent !important
    }

    .u-bd-r-sm--transparent-7 {
        border-right: 7px solid transparent !important
    }

    .u-bd-r-sm--transparent-8 {
        border-right: 8px solid transparent !important
    }

    .u-bd-r-sm--transparent-9 {
        border-right: 9px solid transparent !important
    }

    .u-bd-r-sm--transparent-10 {
        border-right: 10px solid transparent !important
    }
}

@media(min-width: 769px) {
    .u-bd-x-md--body-0 {
        border-left: 0px solid var(--p-color-body) !important;
        border-right: 0px solid var(--p-color-body) !important
    }

    .u-bd-x-md--body-1 {
        border-left: 1px solid var(--p-color-body) !important;
        border-right: 1px solid var(--p-color-body) !important
    }

    .u-bd-x-md--body-2 {
        border-left: 2px solid var(--p-color-body) !important;
        border-right: 2px solid var(--p-color-body) !important
    }

    .u-bd-x-md--body-3 {
        border-left: 3px solid var(--p-color-body) !important;
        border-right: 3px solid var(--p-color-body) !important
    }

    .u-bd-x-md--body-4 {
        border-left: 4px solid var(--p-color-body) !important;
        border-right: 4px solid var(--p-color-body) !important
    }

    .u-bd-x-md--body-5 {
        border-left: 5px solid var(--p-color-body) !important;
        border-right: 5px solid var(--p-color-body) !important
    }

    .u-bd-x-md--body-6 {
        border-left: 6px solid var(--p-color-body) !important;
        border-right: 6px solid var(--p-color-body) !important
    }

    .u-bd-x-md--body-7 {
        border-left: 7px solid var(--p-color-body) !important;
        border-right: 7px solid var(--p-color-body) !important
    }

    .u-bd-x-md--body-8 {
        border-left: 8px solid var(--p-color-body) !important;
        border-right: 8px solid var(--p-color-body) !important
    }

    .u-bd-x-md--body-9 {
        border-left: 9px solid var(--p-color-body) !important;
        border-right: 9px solid var(--p-color-body) !important
    }

    .u-bd-x-md--body-10 {
        border-left: 10px solid var(--p-color-body) !important;
        border-right: 10px solid var(--p-color-body) !important
    }

    .u-bd-x-md--primary-0 {
        border-left: 0px solid var(--p-color-primary) !important;
        border-right: 0px solid var(--p-color-primary) !important
    }

    .u-bd-x-md--primary-1 {
        border-left: 1px solid var(--p-color-primary) !important;
        border-right: 1px solid var(--p-color-primary) !important
    }

    .u-bd-x-md--primary-2 {
        border-left: 2px solid var(--p-color-primary) !important;
        border-right: 2px solid var(--p-color-primary) !important
    }

    .u-bd-x-md--primary-3 {
        border-left: 3px solid var(--p-color-primary) !important;
        border-right: 3px solid var(--p-color-primary) !important
    }

    .u-bd-x-md--primary-4 {
        border-left: 4px solid var(--p-color-primary) !important;
        border-right: 4px solid var(--p-color-primary) !important
    }

    .u-bd-x-md--primary-5 {
        border-left: 5px solid var(--p-color-primary) !important;
        border-right: 5px solid var(--p-color-primary) !important
    }

    .u-bd-x-md--primary-6 {
        border-left: 6px solid var(--p-color-primary) !important;
        border-right: 6px solid var(--p-color-primary) !important
    }

    .u-bd-x-md--primary-7 {
        border-left: 7px solid var(--p-color-primary) !important;
        border-right: 7px solid var(--p-color-primary) !important
    }

    .u-bd-x-md--primary-8 {
        border-left: 8px solid var(--p-color-primary) !important;
        border-right: 8px solid var(--p-color-primary) !important
    }

    .u-bd-x-md--primary-9 {
        border-left: 9px solid var(--p-color-primary) !important;
        border-right: 9px solid var(--p-color-primary) !important
    }

    .u-bd-x-md--primary-10 {
        border-left: 10px solid var(--p-color-primary) !important;
        border-right: 10px solid var(--p-color-primary) !important
    }

    .u-bd-x-md--secondary-0 {
        border-left: 0px solid var(--p-color-secondary) !important;
        border-right: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-x-md--secondary-1 {
        border-left: 1px solid var(--p-color-secondary) !important;
        border-right: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-x-md--secondary-2 {
        border-left: 2px solid var(--p-color-secondary) !important;
        border-right: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-x-md--secondary-3 {
        border-left: 3px solid var(--p-color-secondary) !important;
        border-right: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-x-md--secondary-4 {
        border-left: 4px solid var(--p-color-secondary) !important;
        border-right: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-x-md--secondary-5 {
        border-left: 5px solid var(--p-color-secondary) !important;
        border-right: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-x-md--secondary-6 {
        border-left: 6px solid var(--p-color-secondary) !important;
        border-right: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-x-md--secondary-7 {
        border-left: 7px solid var(--p-color-secondary) !important;
        border-right: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-x-md--secondary-8 {
        border-left: 8px solid var(--p-color-secondary) !important;
        border-right: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-x-md--secondary-9 {
        border-left: 9px solid var(--p-color-secondary) !important;
        border-right: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-x-md--secondary-10 {
        border-left: 10px solid var(--p-color-secondary) !important;
        border-right: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-x-md--transparent-0 {
        border-left: 0px solid transparent !important;
        border-right: 0px solid transparent !important
    }

    .u-bd-x-md--transparent-1 {
        border-left: 1px solid transparent !important;
        border-right: 1px solid transparent !important
    }

    .u-bd-x-md--transparent-2 {
        border-left: 2px solid transparent !important;
        border-right: 2px solid transparent !important
    }

    .u-bd-x-md--transparent-3 {
        border-left: 3px solid transparent !important;
        border-right: 3px solid transparent !important
    }

    .u-bd-x-md--transparent-4 {
        border-left: 4px solid transparent !important;
        border-right: 4px solid transparent !important
    }

    .u-bd-x-md--transparent-5 {
        border-left: 5px solid transparent !important;
        border-right: 5px solid transparent !important
    }

    .u-bd-x-md--transparent-6 {
        border-left: 6px solid transparent !important;
        border-right: 6px solid transparent !important
    }

    .u-bd-x-md--transparent-7 {
        border-left: 7px solid transparent !important;
        border-right: 7px solid transparent !important
    }

    .u-bd-x-md--transparent-8 {
        border-left: 8px solid transparent !important;
        border-right: 8px solid transparent !important
    }

    .u-bd-x-md--transparent-9 {
        border-left: 9px solid transparent !important;
        border-right: 9px solid transparent !important
    }

    .u-bd-x-md--transparent-10 {
        border-left: 10px solid transparent !important;
        border-right: 10px solid transparent !important
    }

    .u-bd-y-md--body-0 {
        border-top: 0px solid var(--p-color-body) !important;
        border-bottom: 0px solid var(--p-color-body) !important
    }

    .u-bd-y-md--body-1 {
        border-top: 1px solid var(--p-color-body) !important;
        border-bottom: 1px solid var(--p-color-body) !important
    }

    .u-bd-y-md--body-2 {
        border-top: 2px solid var(--p-color-body) !important;
        border-bottom: 2px solid var(--p-color-body) !important
    }

    .u-bd-y-md--body-3 {
        border-top: 3px solid var(--p-color-body) !important;
        border-bottom: 3px solid var(--p-color-body) !important
    }

    .u-bd-y-md--body-4 {
        border-top: 4px solid var(--p-color-body) !important;
        border-bottom: 4px solid var(--p-color-body) !important
    }

    .u-bd-y-md--body-5 {
        border-top: 5px solid var(--p-color-body) !important;
        border-bottom: 5px solid var(--p-color-body) !important
    }

    .u-bd-y-md--body-6 {
        border-top: 6px solid var(--p-color-body) !important;
        border-bottom: 6px solid var(--p-color-body) !important
    }

    .u-bd-y-md--body-7 {
        border-top: 7px solid var(--p-color-body) !important;
        border-bottom: 7px solid var(--p-color-body) !important
    }

    .u-bd-y-md--body-8 {
        border-top: 8px solid var(--p-color-body) !important;
        border-bottom: 8px solid var(--p-color-body) !important
    }

    .u-bd-y-md--body-9 {
        border-top: 9px solid var(--p-color-body) !important;
        border-bottom: 9px solid var(--p-color-body) !important
    }

    .u-bd-y-md--body-10 {
        border-top: 10px solid var(--p-color-body) !important;
        border-bottom: 10px solid var(--p-color-body) !important
    }

    .u-bd-y-md--primary-0 {
        border-top: 0px solid var(--p-color-primary) !important;
        border-bottom: 0px solid var(--p-color-primary) !important
    }

    .u-bd-y-md--primary-1 {
        border-top: 1px solid var(--p-color-primary) !important;
        border-bottom: 1px solid var(--p-color-primary) !important
    }

    .u-bd-y-md--primary-2 {
        border-top: 2px solid var(--p-color-primary) !important;
        border-bottom: 2px solid var(--p-color-primary) !important
    }

    .u-bd-y-md--primary-3 {
        border-top: 3px solid var(--p-color-primary) !important;
        border-bottom: 3px solid var(--p-color-primary) !important
    }

    .u-bd-y-md--primary-4 {
        border-top: 4px solid var(--p-color-primary) !important;
        border-bottom: 4px solid var(--p-color-primary) !important
    }

    .u-bd-y-md--primary-5 {
        border-top: 5px solid var(--p-color-primary) !important;
        border-bottom: 5px solid var(--p-color-primary) !important
    }

    .u-bd-y-md--primary-6 {
        border-top: 6px solid var(--p-color-primary) !important;
        border-bottom: 6px solid var(--p-color-primary) !important
    }

    .u-bd-y-md--primary-7 {
        border-top: 7px solid var(--p-color-primary) !important;
        border-bottom: 7px solid var(--p-color-primary) !important
    }

    .u-bd-y-md--primary-8 {
        border-top: 8px solid var(--p-color-primary) !important;
        border-bottom: 8px solid var(--p-color-primary) !important
    }

    .u-bd-y-md--primary-9 {
        border-top: 9px solid var(--p-color-primary) !important;
        border-bottom: 9px solid var(--p-color-primary) !important
    }

    .u-bd-y-md--primary-10 {
        border-top: 10px solid var(--p-color-primary) !important;
        border-bottom: 10px solid var(--p-color-primary) !important
    }

    .u-bd-y-md--secondary-0 {
        border-top: 0px solid var(--p-color-secondary) !important;
        border-bottom: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-y-md--secondary-1 {
        border-top: 1px solid var(--p-color-secondary) !important;
        border-bottom: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-y-md--secondary-2 {
        border-top: 2px solid var(--p-color-secondary) !important;
        border-bottom: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-y-md--secondary-3 {
        border-top: 3px solid var(--p-color-secondary) !important;
        border-bottom: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-y-md--secondary-4 {
        border-top: 4px solid var(--p-color-secondary) !important;
        border-bottom: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-y-md--secondary-5 {
        border-top: 5px solid var(--p-color-secondary) !important;
        border-bottom: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-y-md--secondary-6 {
        border-top: 6px solid var(--p-color-secondary) !important;
        border-bottom: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-y-md--secondary-7 {
        border-top: 7px solid var(--p-color-secondary) !important;
        border-bottom: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-y-md--secondary-8 {
        border-top: 8px solid var(--p-color-secondary) !important;
        border-bottom: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-y-md--secondary-9 {
        border-top: 9px solid var(--p-color-secondary) !important;
        border-bottom: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-y-md--secondary-10 {
        border-top: 10px solid var(--p-color-secondary) !important;
        border-bottom: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-y-md--transparent-0 {
        border-top: 0px solid transparent !important;
        border-bottom: 0px solid transparent !important
    }

    .u-bd-y-md--transparent-1 {
        border-top: 1px solid transparent !important;
        border-bottom: 1px solid transparent !important
    }

    .u-bd-y-md--transparent-2 {
        border-top: 2px solid transparent !important;
        border-bottom: 2px solid transparent !important
    }

    .u-bd-y-md--transparent-3 {
        border-top: 3px solid transparent !important;
        border-bottom: 3px solid transparent !important
    }

    .u-bd-y-md--transparent-4 {
        border-top: 4px solid transparent !important;
        border-bottom: 4px solid transparent !important
    }

    .u-bd-y-md--transparent-5 {
        border-top: 5px solid transparent !important;
        border-bottom: 5px solid transparent !important
    }

    .u-bd-y-md--transparent-6 {
        border-top: 6px solid transparent !important;
        border-bottom: 6px solid transparent !important
    }

    .u-bd-y-md--transparent-7 {
        border-top: 7px solid transparent !important;
        border-bottom: 7px solid transparent !important
    }

    .u-bd-y-md--transparent-8 {
        border-top: 8px solid transparent !important;
        border-bottom: 8px solid transparent !important
    }

    .u-bd-y-md--transparent-9 {
        border-top: 9px solid transparent !important;
        border-bottom: 9px solid transparent !important
    }

    .u-bd-y-md--transparent-10 {
        border-top: 10px solid transparent !important;
        border-bottom: 10px solid transparent !important
    }

    .u-bd-t-md--body-0 {
        border-top: 0px solid var(--p-color-body) !important
    }

    .u-bd-t-md--body-1 {
        border-top: 1px solid var(--p-color-body) !important
    }

    .u-bd-t-md--body-2 {
        border-top: 2px solid var(--p-color-body) !important
    }

    .u-bd-t-md--body-3 {
        border-top: 3px solid var(--p-color-body) !important
    }

    .u-bd-t-md--body-4 {
        border-top: 4px solid var(--p-color-body) !important
    }

    .u-bd-t-md--body-5 {
        border-top: 5px solid var(--p-color-body) !important
    }

    .u-bd-t-md--body-6 {
        border-top: 6px solid var(--p-color-body) !important
    }

    .u-bd-t-md--body-7 {
        border-top: 7px solid var(--p-color-body) !important
    }

    .u-bd-t-md--body-8 {
        border-top: 8px solid var(--p-color-body) !important
    }

    .u-bd-t-md--body-9 {
        border-top: 9px solid var(--p-color-body) !important
    }

    .u-bd-t-md--body-10 {
        border-top: 10px solid var(--p-color-body) !important
    }

    .u-bd-t-md--primary-0 {
        border-top: 0px solid var(--p-color-primary) !important
    }

    .u-bd-t-md--primary-1 {
        border-top: 1px solid var(--p-color-primary) !important
    }

    .u-bd-t-md--primary-2 {
        border-top: 2px solid var(--p-color-primary) !important
    }

    .u-bd-t-md--primary-3 {
        border-top: 3px solid var(--p-color-primary) !important
    }

    .u-bd-t-md--primary-4 {
        border-top: 4px solid var(--p-color-primary) !important
    }

    .u-bd-t-md--primary-5 {
        border-top: 5px solid var(--p-color-primary) !important
    }

    .u-bd-t-md--primary-6 {
        border-top: 6px solid var(--p-color-primary) !important
    }

    .u-bd-t-md--primary-7 {
        border-top: 7px solid var(--p-color-primary) !important
    }

    .u-bd-t-md--primary-8 {
        border-top: 8px solid var(--p-color-primary) !important
    }

    .u-bd-t-md--primary-9 {
        border-top: 9px solid var(--p-color-primary) !important
    }

    .u-bd-t-md--primary-10 {
        border-top: 10px solid var(--p-color-primary) !important
    }

    .u-bd-t-md--secondary-0 {
        border-top: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-t-md--secondary-1 {
        border-top: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-t-md--secondary-2 {
        border-top: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-t-md--secondary-3 {
        border-top: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-t-md--secondary-4 {
        border-top: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-t-md--secondary-5 {
        border-top: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-t-md--secondary-6 {
        border-top: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-t-md--secondary-7 {
        border-top: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-t-md--secondary-8 {
        border-top: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-t-md--secondary-9 {
        border-top: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-t-md--secondary-10 {
        border-top: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-t-md--transparent-0 {
        border-top: 0px solid transparent !important
    }

    .u-bd-t-md--transparent-1 {
        border-top: 1px solid transparent !important
    }

    .u-bd-t-md--transparent-2 {
        border-top: 2px solid transparent !important
    }

    .u-bd-t-md--transparent-3 {
        border-top: 3px solid transparent !important
    }

    .u-bd-t-md--transparent-4 {
        border-top: 4px solid transparent !important
    }

    .u-bd-t-md--transparent-5 {
        border-top: 5px solid transparent !important
    }

    .u-bd-t-md--transparent-6 {
        border-top: 6px solid transparent !important
    }

    .u-bd-t-md--transparent-7 {
        border-top: 7px solid transparent !important
    }

    .u-bd-t-md--transparent-8 {
        border-top: 8px solid transparent !important
    }

    .u-bd-t-md--transparent-9 {
        border-top: 9px solid transparent !important
    }

    .u-bd-t-md--transparent-10 {
        border-top: 10px solid transparent !important
    }

    .u-bd-b-md--body-0 {
        border-bottom: 0px solid var(--p-color-body) !important
    }

    .u-bd-b-md--body-1 {
        border-bottom: 1px solid var(--p-color-body) !important
    }

    .u-bd-b-md--body-2 {
        border-bottom: 2px solid var(--p-color-body) !important
    }

    .u-bd-b-md--body-3 {
        border-bottom: 3px solid var(--p-color-body) !important
    }

    .u-bd-b-md--body-4 {
        border-bottom: 4px solid var(--p-color-body) !important
    }

    .u-bd-b-md--body-5 {
        border-bottom: 5px solid var(--p-color-body) !important
    }

    .u-bd-b-md--body-6 {
        border-bottom: 6px solid var(--p-color-body) !important
    }

    .u-bd-b-md--body-7 {
        border-bottom: 7px solid var(--p-color-body) !important
    }

    .u-bd-b-md--body-8 {
        border-bottom: 8px solid var(--p-color-body) !important
    }

    .u-bd-b-md--body-9 {
        border-bottom: 9px solid var(--p-color-body) !important
    }

    .u-bd-b-md--body-10 {
        border-bottom: 10px solid var(--p-color-body) !important
    }

    .u-bd-b-md--primary-0 {
        border-bottom: 0px solid var(--p-color-primary) !important
    }

    .u-bd-b-md--primary-1 {
        border-bottom: 1px solid var(--p-color-primary) !important
    }

    .u-bd-b-md--primary-2 {
        border-bottom: 2px solid var(--p-color-primary) !important
    }

    .u-bd-b-md--primary-3 {
        border-bottom: 3px solid var(--p-color-primary) !important
    }

    .u-bd-b-md--primary-4 {
        border-bottom: 4px solid var(--p-color-primary) !important
    }

    .u-bd-b-md--primary-5 {
        border-bottom: 5px solid var(--p-color-primary) !important
    }

    .u-bd-b-md--primary-6 {
        border-bottom: 6px solid var(--p-color-primary) !important
    }

    .u-bd-b-md--primary-7 {
        border-bottom: 7px solid var(--p-color-primary) !important
    }

    .u-bd-b-md--primary-8 {
        border-bottom: 8px solid var(--p-color-primary) !important
    }

    .u-bd-b-md--primary-9 {
        border-bottom: 9px solid var(--p-color-primary) !important
    }

    .u-bd-b-md--primary-10 {
        border-bottom: 10px solid var(--p-color-primary) !important
    }

    .u-bd-b-md--secondary-0 {
        border-bottom: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-b-md--secondary-1 {
        border-bottom: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-b-md--secondary-2 {
        border-bottom: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-b-md--secondary-3 {
        border-bottom: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-b-md--secondary-4 {
        border-bottom: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-b-md--secondary-5 {
        border-bottom: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-b-md--secondary-6 {
        border-bottom: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-b-md--secondary-7 {
        border-bottom: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-b-md--secondary-8 {
        border-bottom: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-b-md--secondary-9 {
        border-bottom: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-b-md--secondary-10 {
        border-bottom: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-b-md--transparent-0 {
        border-bottom: 0px solid transparent !important
    }

    .u-bd-b-md--transparent-1 {
        border-bottom: 1px solid transparent !important
    }

    .u-bd-b-md--transparent-2 {
        border-bottom: 2px solid transparent !important
    }

    .u-bd-b-md--transparent-3 {
        border-bottom: 3px solid transparent !important
    }

    .u-bd-b-md--transparent-4 {
        border-bottom: 4px solid transparent !important
    }

    .u-bd-b-md--transparent-5 {
        border-bottom: 5px solid transparent !important
    }

    .u-bd-b-md--transparent-6 {
        border-bottom: 6px solid transparent !important
    }

    .u-bd-b-md--transparent-7 {
        border-bottom: 7px solid transparent !important
    }

    .u-bd-b-md--transparent-8 {
        border-bottom: 8px solid transparent !important
    }

    .u-bd-b-md--transparent-9 {
        border-bottom: 9px solid transparent !important
    }

    .u-bd-b-md--transparent-10 {
        border-bottom: 10px solid transparent !important
    }

    .u-bd-l-md--body-0 {
        border-left: 0px solid var(--p-color-body) !important
    }

    .u-bd-l-md--body-1 {
        border-left: 1px solid var(--p-color-body) !important
    }

    .u-bd-l-md--body-2 {
        border-left: 2px solid var(--p-color-body) !important
    }

    .u-bd-l-md--body-3 {
        border-left: 3px solid var(--p-color-body) !important
    }

    .u-bd-l-md--body-4 {
        border-left: 4px solid var(--p-color-body) !important
    }

    .u-bd-l-md--body-5 {
        border-left: 5px solid var(--p-color-body) !important
    }

    .u-bd-l-md--body-6 {
        border-left: 6px solid var(--p-color-body) !important
    }

    .u-bd-l-md--body-7 {
        border-left: 7px solid var(--p-color-body) !important
    }

    .u-bd-l-md--body-8 {
        border-left: 8px solid var(--p-color-body) !important
    }

    .u-bd-l-md--body-9 {
        border-left: 9px solid var(--p-color-body) !important
    }

    .u-bd-l-md--body-10 {
        border-left: 10px solid var(--p-color-body) !important
    }

    .u-bd-l-md--primary-0 {
        border-left: 0px solid var(--p-color-primary) !important
    }

    .u-bd-l-md--primary-1 {
        border-left: 1px solid var(--p-color-primary) !important
    }

    .u-bd-l-md--primary-2 {
        border-left: 2px solid var(--p-color-primary) !important
    }

    .u-bd-l-md--primary-3 {
        border-left: 3px solid var(--p-color-primary) !important
    }

    .u-bd-l-md--primary-4 {
        border-left: 4px solid var(--p-color-primary) !important
    }

    .u-bd-l-md--primary-5 {
        border-left: 5px solid var(--p-color-primary) !important
    }

    .u-bd-l-md--primary-6 {
        border-left: 6px solid var(--p-color-primary) !important
    }

    .u-bd-l-md--primary-7 {
        border-left: 7px solid var(--p-color-primary) !important
    }

    .u-bd-l-md--primary-8 {
        border-left: 8px solid var(--p-color-primary) !important
    }

    .u-bd-l-md--primary-9 {
        border-left: 9px solid var(--p-color-primary) !important
    }

    .u-bd-l-md--primary-10 {
        border-left: 10px solid var(--p-color-primary) !important
    }

    .u-bd-l-md--secondary-0 {
        border-left: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-l-md--secondary-1 {
        border-left: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-l-md--secondary-2 {
        border-left: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-l-md--secondary-3 {
        border-left: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-l-md--secondary-4 {
        border-left: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-l-md--secondary-5 {
        border-left: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-l-md--secondary-6 {
        border-left: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-l-md--secondary-7 {
        border-left: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-l-md--secondary-8 {
        border-left: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-l-md--secondary-9 {
        border-left: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-l-md--secondary-10 {
        border-left: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-l-md--transparent-0 {
        border-left: 0px solid transparent !important
    }

    .u-bd-l-md--transparent-1 {
        border-left: 1px solid transparent !important
    }

    .u-bd-l-md--transparent-2 {
        border-left: 2px solid transparent !important
    }

    .u-bd-l-md--transparent-3 {
        border-left: 3px solid transparent !important
    }

    .u-bd-l-md--transparent-4 {
        border-left: 4px solid transparent !important
    }

    .u-bd-l-md--transparent-5 {
        border-left: 5px solid transparent !important
    }

    .u-bd-l-md--transparent-6 {
        border-left: 6px solid transparent !important
    }

    .u-bd-l-md--transparent-7 {
        border-left: 7px solid transparent !important
    }

    .u-bd-l-md--transparent-8 {
        border-left: 8px solid transparent !important
    }

    .u-bd-l-md--transparent-9 {
        border-left: 9px solid transparent !important
    }

    .u-bd-l-md--transparent-10 {
        border-left: 10px solid transparent !important
    }

    .u-bd-r-md--body-0 {
        border-right: 0px solid var(--p-color-body) !important
    }

    .u-bd-r-md--body-1 {
        border-right: 1px solid var(--p-color-body) !important
    }

    .u-bd-r-md--body-2 {
        border-right: 2px solid var(--p-color-body) !important
    }

    .u-bd-r-md--body-3 {
        border-right: 3px solid var(--p-color-body) !important
    }

    .u-bd-r-md--body-4 {
        border-right: 4px solid var(--p-color-body) !important
    }

    .u-bd-r-md--body-5 {
        border-right: 5px solid var(--p-color-body) !important
    }

    .u-bd-r-md--body-6 {
        border-right: 6px solid var(--p-color-body) !important
    }

    .u-bd-r-md--body-7 {
        border-right: 7px solid var(--p-color-body) !important
    }

    .u-bd-r-md--body-8 {
        border-right: 8px solid var(--p-color-body) !important
    }

    .u-bd-r-md--body-9 {
        border-right: 9px solid var(--p-color-body) !important
    }

    .u-bd-r-md--body-10 {
        border-right: 10px solid var(--p-color-body) !important
    }

    .u-bd-r-md--primary-0 {
        border-right: 0px solid var(--p-color-primary) !important
    }

    .u-bd-r-md--primary-1 {
        border-right: 1px solid var(--p-color-primary) !important
    }

    .u-bd-r-md--primary-2 {
        border-right: 2px solid var(--p-color-primary) !important
    }

    .u-bd-r-md--primary-3 {
        border-right: 3px solid var(--p-color-primary) !important
    }

    .u-bd-r-md--primary-4 {
        border-right: 4px solid var(--p-color-primary) !important
    }

    .u-bd-r-md--primary-5 {
        border-right: 5px solid var(--p-color-primary) !important
    }

    .u-bd-r-md--primary-6 {
        border-right: 6px solid var(--p-color-primary) !important
    }

    .u-bd-r-md--primary-7 {
        border-right: 7px solid var(--p-color-primary) !important
    }

    .u-bd-r-md--primary-8 {
        border-right: 8px solid var(--p-color-primary) !important
    }

    .u-bd-r-md--primary-9 {
        border-right: 9px solid var(--p-color-primary) !important
    }

    .u-bd-r-md--primary-10 {
        border-right: 10px solid var(--p-color-primary) !important
    }

    .u-bd-r-md--secondary-0 {
        border-right: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-r-md--secondary-1 {
        border-right: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-r-md--secondary-2 {
        border-right: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-r-md--secondary-3 {
        border-right: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-r-md--secondary-4 {
        border-right: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-r-md--secondary-5 {
        border-right: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-r-md--secondary-6 {
        border-right: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-r-md--secondary-7 {
        border-right: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-r-md--secondary-8 {
        border-right: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-r-md--secondary-9 {
        border-right: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-r-md--secondary-10 {
        border-right: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-r-md--transparent-0 {
        border-right: 0px solid transparent !important
    }

    .u-bd-r-md--transparent-1 {
        border-right: 1px solid transparent !important
    }

    .u-bd-r-md--transparent-2 {
        border-right: 2px solid transparent !important
    }

    .u-bd-r-md--transparent-3 {
        border-right: 3px solid transparent !important
    }

    .u-bd-r-md--transparent-4 {
        border-right: 4px solid transparent !important
    }

    .u-bd-r-md--transparent-5 {
        border-right: 5px solid transparent !important
    }

    .u-bd-r-md--transparent-6 {
        border-right: 6px solid transparent !important
    }

    .u-bd-r-md--transparent-7 {
        border-right: 7px solid transparent !important
    }

    .u-bd-r-md--transparent-8 {
        border-right: 8px solid transparent !important
    }

    .u-bd-r-md--transparent-9 {
        border-right: 9px solid transparent !important
    }

    .u-bd-r-md--transparent-10 {
        border-right: 10px solid transparent !important
    }
}

@media(min-width: 992px) {
    .u-bd-x-lg--body-0 {
        border-left: 0px solid var(--p-color-body) !important;
        border-right: 0px solid var(--p-color-body) !important
    }

    .u-bd-x-lg--body-1 {
        border-left: 1px solid var(--p-color-body) !important;
        border-right: 1px solid var(--p-color-body) !important
    }

    .u-bd-x-lg--body-2 {
        border-left: 2px solid var(--p-color-body) !important;
        border-right: 2px solid var(--p-color-body) !important
    }

    .u-bd-x-lg--body-3 {
        border-left: 3px solid var(--p-color-body) !important;
        border-right: 3px solid var(--p-color-body) !important
    }

    .u-bd-x-lg--body-4 {
        border-left: 4px solid var(--p-color-body) !important;
        border-right: 4px solid var(--p-color-body) !important
    }

    .u-bd-x-lg--body-5 {
        border-left: 5px solid var(--p-color-body) !important;
        border-right: 5px solid var(--p-color-body) !important
    }

    .u-bd-x-lg--body-6 {
        border-left: 6px solid var(--p-color-body) !important;
        border-right: 6px solid var(--p-color-body) !important
    }

    .u-bd-x-lg--body-7 {
        border-left: 7px solid var(--p-color-body) !important;
        border-right: 7px solid var(--p-color-body) !important
    }

    .u-bd-x-lg--body-8 {
        border-left: 8px solid var(--p-color-body) !important;
        border-right: 8px solid var(--p-color-body) !important
    }

    .u-bd-x-lg--body-9 {
        border-left: 9px solid var(--p-color-body) !important;
        border-right: 9px solid var(--p-color-body) !important
    }

    .u-bd-x-lg--body-10 {
        border-left: 10px solid var(--p-color-body) !important;
        border-right: 10px solid var(--p-color-body) !important
    }

    .u-bd-x-lg--primary-0 {
        border-left: 0px solid var(--p-color-primary) !important;
        border-right: 0px solid var(--p-color-primary) !important
    }

    .u-bd-x-lg--primary-1 {
        border-left: 1px solid var(--p-color-primary) !important;
        border-right: 1px solid var(--p-color-primary) !important
    }

    .u-bd-x-lg--primary-2 {
        border-left: 2px solid var(--p-color-primary) !important;
        border-right: 2px solid var(--p-color-primary) !important
    }

    .u-bd-x-lg--primary-3 {
        border-left: 3px solid var(--p-color-primary) !important;
        border-right: 3px solid var(--p-color-primary) !important
    }

    .u-bd-x-lg--primary-4 {
        border-left: 4px solid var(--p-color-primary) !important;
        border-right: 4px solid var(--p-color-primary) !important
    }

    .u-bd-x-lg--primary-5 {
        border-left: 5px solid var(--p-color-primary) !important;
        border-right: 5px solid var(--p-color-primary) !important
    }

    .u-bd-x-lg--primary-6 {
        border-left: 6px solid var(--p-color-primary) !important;
        border-right: 6px solid var(--p-color-primary) !important
    }

    .u-bd-x-lg--primary-7 {
        border-left: 7px solid var(--p-color-primary) !important;
        border-right: 7px solid var(--p-color-primary) !important
    }

    .u-bd-x-lg--primary-8 {
        border-left: 8px solid var(--p-color-primary) !important;
        border-right: 8px solid var(--p-color-primary) !important
    }

    .u-bd-x-lg--primary-9 {
        border-left: 9px solid var(--p-color-primary) !important;
        border-right: 9px solid var(--p-color-primary) !important
    }

    .u-bd-x-lg--primary-10 {
        border-left: 10px solid var(--p-color-primary) !important;
        border-right: 10px solid var(--p-color-primary) !important
    }

    .u-bd-x-lg--secondary-0 {
        border-left: 0px solid var(--p-color-secondary) !important;
        border-right: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-x-lg--secondary-1 {
        border-left: 1px solid var(--p-color-secondary) !important;
        border-right: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-x-lg--secondary-2 {
        border-left: 2px solid var(--p-color-secondary) !important;
        border-right: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-x-lg--secondary-3 {
        border-left: 3px solid var(--p-color-secondary) !important;
        border-right: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-x-lg--secondary-4 {
        border-left: 4px solid var(--p-color-secondary) !important;
        border-right: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-x-lg--secondary-5 {
        border-left: 5px solid var(--p-color-secondary) !important;
        border-right: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-x-lg--secondary-6 {
        border-left: 6px solid var(--p-color-secondary) !important;
        border-right: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-x-lg--secondary-7 {
        border-left: 7px solid var(--p-color-secondary) !important;
        border-right: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-x-lg--secondary-8 {
        border-left: 8px solid var(--p-color-secondary) !important;
        border-right: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-x-lg--secondary-9 {
        border-left: 9px solid var(--p-color-secondary) !important;
        border-right: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-x-lg--secondary-10 {
        border-left: 10px solid var(--p-color-secondary) !important;
        border-right: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-x-lg--transparent-0 {
        border-left: 0px solid transparent !important;
        border-right: 0px solid transparent !important
    }

    .u-bd-x-lg--transparent-1 {
        border-left: 1px solid transparent !important;
        border-right: 1px solid transparent !important
    }

    .u-bd-x-lg--transparent-2 {
        border-left: 2px solid transparent !important;
        border-right: 2px solid transparent !important
    }

    .u-bd-x-lg--transparent-3 {
        border-left: 3px solid transparent !important;
        border-right: 3px solid transparent !important
    }

    .u-bd-x-lg--transparent-4 {
        border-left: 4px solid transparent !important;
        border-right: 4px solid transparent !important
    }

    .u-bd-x-lg--transparent-5 {
        border-left: 5px solid transparent !important;
        border-right: 5px solid transparent !important
    }

    .u-bd-x-lg--transparent-6 {
        border-left: 6px solid transparent !important;
        border-right: 6px solid transparent !important
    }

    .u-bd-x-lg--transparent-7 {
        border-left: 7px solid transparent !important;
        border-right: 7px solid transparent !important
    }

    .u-bd-x-lg--transparent-8 {
        border-left: 8px solid transparent !important;
        border-right: 8px solid transparent !important
    }

    .u-bd-x-lg--transparent-9 {
        border-left: 9px solid transparent !important;
        border-right: 9px solid transparent !important
    }

    .u-bd-x-lg--transparent-10 {
        border-left: 10px solid transparent !important;
        border-right: 10px solid transparent !important
    }

    .u-bd-y-lg--body-0 {
        border-top: 0px solid var(--p-color-body) !important;
        border-bottom: 0px solid var(--p-color-body) !important
    }

    .u-bd-y-lg--body-1 {
        border-top: 1px solid var(--p-color-body) !important;
        border-bottom: 1px solid var(--p-color-body) !important
    }

    .u-bd-y-lg--body-2 {
        border-top: 2px solid var(--p-color-body) !important;
        border-bottom: 2px solid var(--p-color-body) !important
    }

    .u-bd-y-lg--body-3 {
        border-top: 3px solid var(--p-color-body) !important;
        border-bottom: 3px solid var(--p-color-body) !important
    }

    .u-bd-y-lg--body-4 {
        border-top: 4px solid var(--p-color-body) !important;
        border-bottom: 4px solid var(--p-color-body) !important
    }

    .u-bd-y-lg--body-5 {
        border-top: 5px solid var(--p-color-body) !important;
        border-bottom: 5px solid var(--p-color-body) !important
    }

    .u-bd-y-lg--body-6 {
        border-top: 6px solid var(--p-color-body) !important;
        border-bottom: 6px solid var(--p-color-body) !important
    }

    .u-bd-y-lg--body-7 {
        border-top: 7px solid var(--p-color-body) !important;
        border-bottom: 7px solid var(--p-color-body) !important
    }

    .u-bd-y-lg--body-8 {
        border-top: 8px solid var(--p-color-body) !important;
        border-bottom: 8px solid var(--p-color-body) !important
    }

    .u-bd-y-lg--body-9 {
        border-top: 9px solid var(--p-color-body) !important;
        border-bottom: 9px solid var(--p-color-body) !important
    }

    .u-bd-y-lg--body-10 {
        border-top: 10px solid var(--p-color-body) !important;
        border-bottom: 10px solid var(--p-color-body) !important
    }

    .u-bd-y-lg--primary-0 {
        border-top: 0px solid var(--p-color-primary) !important;
        border-bottom: 0px solid var(--p-color-primary) !important
    }

    .u-bd-y-lg--primary-1 {
        border-top: 1px solid var(--p-color-primary) !important;
        border-bottom: 1px solid var(--p-color-primary) !important
    }

    .u-bd-y-lg--primary-2 {
        border-top: 2px solid var(--p-color-primary) !important;
        border-bottom: 2px solid var(--p-color-primary) !important
    }

    .u-bd-y-lg--primary-3 {
        border-top: 3px solid var(--p-color-primary) !important;
        border-bottom: 3px solid var(--p-color-primary) !important
    }

    .u-bd-y-lg--primary-4 {
        border-top: 4px solid var(--p-color-primary) !important;
        border-bottom: 4px solid var(--p-color-primary) !important
    }

    .u-bd-y-lg--primary-5 {
        border-top: 5px solid var(--p-color-primary) !important;
        border-bottom: 5px solid var(--p-color-primary) !important
    }

    .u-bd-y-lg--primary-6 {
        border-top: 6px solid var(--p-color-primary) !important;
        border-bottom: 6px solid var(--p-color-primary) !important
    }

    .u-bd-y-lg--primary-7 {
        border-top: 7px solid var(--p-color-primary) !important;
        border-bottom: 7px solid var(--p-color-primary) !important
    }

    .u-bd-y-lg--primary-8 {
        border-top: 8px solid var(--p-color-primary) !important;
        border-bottom: 8px solid var(--p-color-primary) !important
    }

    .u-bd-y-lg--primary-9 {
        border-top: 9px solid var(--p-color-primary) !important;
        border-bottom: 9px solid var(--p-color-primary) !important
    }

    .u-bd-y-lg--primary-10 {
        border-top: 10px solid var(--p-color-primary) !important;
        border-bottom: 10px solid var(--p-color-primary) !important
    }

    .u-bd-y-lg--secondary-0 {
        border-top: 0px solid var(--p-color-secondary) !important;
        border-bottom: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-y-lg--secondary-1 {
        border-top: 1px solid var(--p-color-secondary) !important;
        border-bottom: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-y-lg--secondary-2 {
        border-top: 2px solid var(--p-color-secondary) !important;
        border-bottom: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-y-lg--secondary-3 {
        border-top: 3px solid var(--p-color-secondary) !important;
        border-bottom: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-y-lg--secondary-4 {
        border-top: 4px solid var(--p-color-secondary) !important;
        border-bottom: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-y-lg--secondary-5 {
        border-top: 5px solid var(--p-color-secondary) !important;
        border-bottom: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-y-lg--secondary-6 {
        border-top: 6px solid var(--p-color-secondary) !important;
        border-bottom: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-y-lg--secondary-7 {
        border-top: 7px solid var(--p-color-secondary) !important;
        border-bottom: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-y-lg--secondary-8 {
        border-top: 8px solid var(--p-color-secondary) !important;
        border-bottom: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-y-lg--secondary-9 {
        border-top: 9px solid var(--p-color-secondary) !important;
        border-bottom: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-y-lg--secondary-10 {
        border-top: 10px solid var(--p-color-secondary) !important;
        border-bottom: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-y-lg--transparent-0 {
        border-top: 0px solid transparent !important;
        border-bottom: 0px solid transparent !important
    }

    .u-bd-y-lg--transparent-1 {
        border-top: 1px solid transparent !important;
        border-bottom: 1px solid transparent !important
    }

    .u-bd-y-lg--transparent-2 {
        border-top: 2px solid transparent !important;
        border-bottom: 2px solid transparent !important
    }

    .u-bd-y-lg--transparent-3 {
        border-top: 3px solid transparent !important;
        border-bottom: 3px solid transparent !important
    }

    .u-bd-y-lg--transparent-4 {
        border-top: 4px solid transparent !important;
        border-bottom: 4px solid transparent !important
    }

    .u-bd-y-lg--transparent-5 {
        border-top: 5px solid transparent !important;
        border-bottom: 5px solid transparent !important
    }

    .u-bd-y-lg--transparent-6 {
        border-top: 6px solid transparent !important;
        border-bottom: 6px solid transparent !important
    }

    .u-bd-y-lg--transparent-7 {
        border-top: 7px solid transparent !important;
        border-bottom: 7px solid transparent !important
    }

    .u-bd-y-lg--transparent-8 {
        border-top: 8px solid transparent !important;
        border-bottom: 8px solid transparent !important
    }

    .u-bd-y-lg--transparent-9 {
        border-top: 9px solid transparent !important;
        border-bottom: 9px solid transparent !important
    }

    .u-bd-y-lg--transparent-10 {
        border-top: 10px solid transparent !important;
        border-bottom: 10px solid transparent !important
    }

    .u-bd-t-lg--body-0 {
        border-top: 0px solid var(--p-color-body) !important
    }

    .u-bd-t-lg--body-1 {
        border-top: 1px solid var(--p-color-body) !important
    }

    .u-bd-t-lg--body-2 {
        border-top: 2px solid var(--p-color-body) !important
    }

    .u-bd-t-lg--body-3 {
        border-top: 3px solid var(--p-color-body) !important
    }

    .u-bd-t-lg--body-4 {
        border-top: 4px solid var(--p-color-body) !important
    }

    .u-bd-t-lg--body-5 {
        border-top: 5px solid var(--p-color-body) !important
    }

    .u-bd-t-lg--body-6 {
        border-top: 6px solid var(--p-color-body) !important
    }

    .u-bd-t-lg--body-7 {
        border-top: 7px solid var(--p-color-body) !important
    }

    .u-bd-t-lg--body-8 {
        border-top: 8px solid var(--p-color-body) !important
    }

    .u-bd-t-lg--body-9 {
        border-top: 9px solid var(--p-color-body) !important
    }

    .u-bd-t-lg--body-10 {
        border-top: 10px solid var(--p-color-body) !important
    }

    .u-bd-t-lg--primary-0 {
        border-top: 0px solid var(--p-color-primary) !important
    }

    .u-bd-t-lg--primary-1 {
        border-top: 1px solid var(--p-color-primary) !important
    }

    .u-bd-t-lg--primary-2 {
        border-top: 2px solid var(--p-color-primary) !important
    }

    .u-bd-t-lg--primary-3 {
        border-top: 3px solid var(--p-color-primary) !important
    }

    .u-bd-t-lg--primary-4 {
        border-top: 4px solid var(--p-color-primary) !important
    }

    .u-bd-t-lg--primary-5 {
        border-top: 5px solid var(--p-color-primary) !important
    }

    .u-bd-t-lg--primary-6 {
        border-top: 6px solid var(--p-color-primary) !important
    }

    .u-bd-t-lg--primary-7 {
        border-top: 7px solid var(--p-color-primary) !important
    }

    .u-bd-t-lg--primary-8 {
        border-top: 8px solid var(--p-color-primary) !important
    }

    .u-bd-t-lg--primary-9 {
        border-top: 9px solid var(--p-color-primary) !important
    }

    .u-bd-t-lg--primary-10 {
        border-top: 10px solid var(--p-color-primary) !important
    }

    .u-bd-t-lg--secondary-0 {
        border-top: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-t-lg--secondary-1 {
        border-top: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-t-lg--secondary-2 {
        border-top: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-t-lg--secondary-3 {
        border-top: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-t-lg--secondary-4 {
        border-top: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-t-lg--secondary-5 {
        border-top: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-t-lg--secondary-6 {
        border-top: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-t-lg--secondary-7 {
        border-top: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-t-lg--secondary-8 {
        border-top: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-t-lg--secondary-9 {
        border-top: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-t-lg--secondary-10 {
        border-top: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-t-lg--transparent-0 {
        border-top: 0px solid transparent !important
    }

    .u-bd-t-lg--transparent-1 {
        border-top: 1px solid transparent !important
    }

    .u-bd-t-lg--transparent-2 {
        border-top: 2px solid transparent !important
    }

    .u-bd-t-lg--transparent-3 {
        border-top: 3px solid transparent !important
    }

    .u-bd-t-lg--transparent-4 {
        border-top: 4px solid transparent !important
    }

    .u-bd-t-lg--transparent-5 {
        border-top: 5px solid transparent !important
    }

    .u-bd-t-lg--transparent-6 {
        border-top: 6px solid transparent !important
    }

    .u-bd-t-lg--transparent-7 {
        border-top: 7px solid transparent !important
    }

    .u-bd-t-lg--transparent-8 {
        border-top: 8px solid transparent !important
    }

    .u-bd-t-lg--transparent-9 {
        border-top: 9px solid transparent !important
    }

    .u-bd-t-lg--transparent-10 {
        border-top: 10px solid transparent !important
    }

    .u-bd-b-lg--body-0 {
        border-bottom: 0px solid var(--p-color-body) !important
    }

    .u-bd-b-lg--body-1 {
        border-bottom: 1px solid var(--p-color-body) !important
    }

    .u-bd-b-lg--body-2 {
        border-bottom: 2px solid var(--p-color-body) !important
    }

    .u-bd-b-lg--body-3 {
        border-bottom: 3px solid var(--p-color-body) !important
    }

    .u-bd-b-lg--body-4 {
        border-bottom: 4px solid var(--p-color-body) !important
    }

    .u-bd-b-lg--body-5 {
        border-bottom: 5px solid var(--p-color-body) !important
    }

    .u-bd-b-lg--body-6 {
        border-bottom: 6px solid var(--p-color-body) !important
    }

    .u-bd-b-lg--body-7 {
        border-bottom: 7px solid var(--p-color-body) !important
    }

    .u-bd-b-lg--body-8 {
        border-bottom: 8px solid var(--p-color-body) !important
    }

    .u-bd-b-lg--body-9 {
        border-bottom: 9px solid var(--p-color-body) !important
    }

    .u-bd-b-lg--body-10 {
        border-bottom: 10px solid var(--p-color-body) !important
    }

    .u-bd-b-lg--primary-0 {
        border-bottom: 0px solid var(--p-color-primary) !important
    }

    .u-bd-b-lg--primary-1 {
        border-bottom: 1px solid var(--p-color-primary) !important
    }

    .u-bd-b-lg--primary-2 {
        border-bottom: 2px solid var(--p-color-primary) !important
    }

    .u-bd-b-lg--primary-3 {
        border-bottom: 3px solid var(--p-color-primary) !important
    }

    .u-bd-b-lg--primary-4 {
        border-bottom: 4px solid var(--p-color-primary) !important
    }

    .u-bd-b-lg--primary-5 {
        border-bottom: 5px solid var(--p-color-primary) !important
    }

    .u-bd-b-lg--primary-6 {
        border-bottom: 6px solid var(--p-color-primary) !important
    }

    .u-bd-b-lg--primary-7 {
        border-bottom: 7px solid var(--p-color-primary) !important
    }

    .u-bd-b-lg--primary-8 {
        border-bottom: 8px solid var(--p-color-primary) !important
    }

    .u-bd-b-lg--primary-9 {
        border-bottom: 9px solid var(--p-color-primary) !important
    }

    .u-bd-b-lg--primary-10 {
        border-bottom: 10px solid var(--p-color-primary) !important
    }

    .u-bd-b-lg--secondary-0 {
        border-bottom: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-b-lg--secondary-1 {
        border-bottom: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-b-lg--secondary-2 {
        border-bottom: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-b-lg--secondary-3 {
        border-bottom: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-b-lg--secondary-4 {
        border-bottom: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-b-lg--secondary-5 {
        border-bottom: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-b-lg--secondary-6 {
        border-bottom: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-b-lg--secondary-7 {
        border-bottom: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-b-lg--secondary-8 {
        border-bottom: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-b-lg--secondary-9 {
        border-bottom: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-b-lg--secondary-10 {
        border-bottom: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-b-lg--transparent-0 {
        border-bottom: 0px solid transparent !important
    }

    .u-bd-b-lg--transparent-1 {
        border-bottom: 1px solid transparent !important
    }

    .u-bd-b-lg--transparent-2 {
        border-bottom: 2px solid transparent !important
    }

    .u-bd-b-lg--transparent-3 {
        border-bottom: 3px solid transparent !important
    }

    .u-bd-b-lg--transparent-4 {
        border-bottom: 4px solid transparent !important
    }

    .u-bd-b-lg--transparent-5 {
        border-bottom: 5px solid transparent !important
    }

    .u-bd-b-lg--transparent-6 {
        border-bottom: 6px solid transparent !important
    }

    .u-bd-b-lg--transparent-7 {
        border-bottom: 7px solid transparent !important
    }

    .u-bd-b-lg--transparent-8 {
        border-bottom: 8px solid transparent !important
    }

    .u-bd-b-lg--transparent-9 {
        border-bottom: 9px solid transparent !important
    }

    .u-bd-b-lg--transparent-10 {
        border-bottom: 10px solid transparent !important
    }

    .u-bd-l-lg--body-0 {
        border-left: 0px solid var(--p-color-body) !important
    }

    .u-bd-l-lg--body-1 {
        border-left: 1px solid var(--p-color-body) !important
    }

    .u-bd-l-lg--body-2 {
        border-left: 2px solid var(--p-color-body) !important
    }

    .u-bd-l-lg--body-3 {
        border-left: 3px solid var(--p-color-body) !important
    }

    .u-bd-l-lg--body-4 {
        border-left: 4px solid var(--p-color-body) !important
    }

    .u-bd-l-lg--body-5 {
        border-left: 5px solid var(--p-color-body) !important
    }

    .u-bd-l-lg--body-6 {
        border-left: 6px solid var(--p-color-body) !important
    }

    .u-bd-l-lg--body-7 {
        border-left: 7px solid var(--p-color-body) !important
    }

    .u-bd-l-lg--body-8 {
        border-left: 8px solid var(--p-color-body) !important
    }

    .u-bd-l-lg--body-9 {
        border-left: 9px solid var(--p-color-body) !important
    }

    .u-bd-l-lg--body-10 {
        border-left: 10px solid var(--p-color-body) !important
    }

    .u-bd-l-lg--primary-0 {
        border-left: 0px solid var(--p-color-primary) !important
    }

    .u-bd-l-lg--primary-1 {
        border-left: 1px solid var(--p-color-primary) !important
    }

    .u-bd-l-lg--primary-2 {
        border-left: 2px solid var(--p-color-primary) !important
    }

    .u-bd-l-lg--primary-3 {
        border-left: 3px solid var(--p-color-primary) !important
    }

    .u-bd-l-lg--primary-4 {
        border-left: 4px solid var(--p-color-primary) !important
    }

    .u-bd-l-lg--primary-5 {
        border-left: 5px solid var(--p-color-primary) !important
    }

    .u-bd-l-lg--primary-6 {
        border-left: 6px solid var(--p-color-primary) !important
    }

    .u-bd-l-lg--primary-7 {
        border-left: 7px solid var(--p-color-primary) !important
    }

    .u-bd-l-lg--primary-8 {
        border-left: 8px solid var(--p-color-primary) !important
    }

    .u-bd-l-lg--primary-9 {
        border-left: 9px solid var(--p-color-primary) !important
    }

    .u-bd-l-lg--primary-10 {
        border-left: 10px solid var(--p-color-primary) !important
    }

    .u-bd-l-lg--secondary-0 {
        border-left: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-l-lg--secondary-1 {
        border-left: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-l-lg--secondary-2 {
        border-left: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-l-lg--secondary-3 {
        border-left: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-l-lg--secondary-4 {
        border-left: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-l-lg--secondary-5 {
        border-left: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-l-lg--secondary-6 {
        border-left: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-l-lg--secondary-7 {
        border-left: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-l-lg--secondary-8 {
        border-left: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-l-lg--secondary-9 {
        border-left: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-l-lg--secondary-10 {
        border-left: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-l-lg--transparent-0 {
        border-left: 0px solid transparent !important
    }

    .u-bd-l-lg--transparent-1 {
        border-left: 1px solid transparent !important
    }

    .u-bd-l-lg--transparent-2 {
        border-left: 2px solid transparent !important
    }

    .u-bd-l-lg--transparent-3 {
        border-left: 3px solid transparent !important
    }

    .u-bd-l-lg--transparent-4 {
        border-left: 4px solid transparent !important
    }

    .u-bd-l-lg--transparent-5 {
        border-left: 5px solid transparent !important
    }

    .u-bd-l-lg--transparent-6 {
        border-left: 6px solid transparent !important
    }

    .u-bd-l-lg--transparent-7 {
        border-left: 7px solid transparent !important
    }

    .u-bd-l-lg--transparent-8 {
        border-left: 8px solid transparent !important
    }

    .u-bd-l-lg--transparent-9 {
        border-left: 9px solid transparent !important
    }

    .u-bd-l-lg--transparent-10 {
        border-left: 10px solid transparent !important
    }

    .u-bd-r-lg--body-0 {
        border-right: 0px solid var(--p-color-body) !important
    }

    .u-bd-r-lg--body-1 {
        border-right: 1px solid var(--p-color-body) !important
    }

    .u-bd-r-lg--body-2 {
        border-right: 2px solid var(--p-color-body) !important
    }

    .u-bd-r-lg--body-3 {
        border-right: 3px solid var(--p-color-body) !important
    }

    .u-bd-r-lg--body-4 {
        border-right: 4px solid var(--p-color-body) !important
    }

    .u-bd-r-lg--body-5 {
        border-right: 5px solid var(--p-color-body) !important
    }

    .u-bd-r-lg--body-6 {
        border-right: 6px solid var(--p-color-body) !important
    }

    .u-bd-r-lg--body-7 {
        border-right: 7px solid var(--p-color-body) !important
    }

    .u-bd-r-lg--body-8 {
        border-right: 8px solid var(--p-color-body) !important
    }

    .u-bd-r-lg--body-9 {
        border-right: 9px solid var(--p-color-body) !important
    }

    .u-bd-r-lg--body-10 {
        border-right: 10px solid var(--p-color-body) !important
    }

    .u-bd-r-lg--primary-0 {
        border-right: 0px solid var(--p-color-primary) !important
    }

    .u-bd-r-lg--primary-1 {
        border-right: 1px solid var(--p-color-primary) !important
    }

    .u-bd-r-lg--primary-2 {
        border-right: 2px solid var(--p-color-primary) !important
    }

    .u-bd-r-lg--primary-3 {
        border-right: 3px solid var(--p-color-primary) !important
    }

    .u-bd-r-lg--primary-4 {
        border-right: 4px solid var(--p-color-primary) !important
    }

    .u-bd-r-lg--primary-5 {
        border-right: 5px solid var(--p-color-primary) !important
    }

    .u-bd-r-lg--primary-6 {
        border-right: 6px solid var(--p-color-primary) !important
    }

    .u-bd-r-lg--primary-7 {
        border-right: 7px solid var(--p-color-primary) !important
    }

    .u-bd-r-lg--primary-8 {
        border-right: 8px solid var(--p-color-primary) !important
    }

    .u-bd-r-lg--primary-9 {
        border-right: 9px solid var(--p-color-primary) !important
    }

    .u-bd-r-lg--primary-10 {
        border-right: 10px solid var(--p-color-primary) !important
    }

    .u-bd-r-lg--secondary-0 {
        border-right: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-r-lg--secondary-1 {
        border-right: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-r-lg--secondary-2 {
        border-right: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-r-lg--secondary-3 {
        border-right: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-r-lg--secondary-4 {
        border-right: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-r-lg--secondary-5 {
        border-right: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-r-lg--secondary-6 {
        border-right: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-r-lg--secondary-7 {
        border-right: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-r-lg--secondary-8 {
        border-right: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-r-lg--secondary-9 {
        border-right: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-r-lg--secondary-10 {
        border-right: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-r-lg--transparent-0 {
        border-right: 0px solid transparent !important
    }

    .u-bd-r-lg--transparent-1 {
        border-right: 1px solid transparent !important
    }

    .u-bd-r-lg--transparent-2 {
        border-right: 2px solid transparent !important
    }

    .u-bd-r-lg--transparent-3 {
        border-right: 3px solid transparent !important
    }

    .u-bd-r-lg--transparent-4 {
        border-right: 4px solid transparent !important
    }

    .u-bd-r-lg--transparent-5 {
        border-right: 5px solid transparent !important
    }

    .u-bd-r-lg--transparent-6 {
        border-right: 6px solid transparent !important
    }

    .u-bd-r-lg--transparent-7 {
        border-right: 7px solid transparent !important
    }

    .u-bd-r-lg--transparent-8 {
        border-right: 8px solid transparent !important
    }

    .u-bd-r-lg--transparent-9 {
        border-right: 9px solid transparent !important
    }

    .u-bd-r-lg--transparent-10 {
        border-right: 10px solid transparent !important
    }
}

@media(min-width: 1200px) {
    .u-bd-x-xl--body-0 {
        border-left: 0px solid var(--p-color-body) !important;
        border-right: 0px solid var(--p-color-body) !important
    }

    .u-bd-x-xl--body-1 {
        border-left: 1px solid var(--p-color-body) !important;
        border-right: 1px solid var(--p-color-body) !important
    }

    .u-bd-x-xl--body-2 {
        border-left: 2px solid var(--p-color-body) !important;
        border-right: 2px solid var(--p-color-body) !important
    }

    .u-bd-x-xl--body-3 {
        border-left: 3px solid var(--p-color-body) !important;
        border-right: 3px solid var(--p-color-body) !important
    }

    .u-bd-x-xl--body-4 {
        border-left: 4px solid var(--p-color-body) !important;
        border-right: 4px solid var(--p-color-body) !important
    }

    .u-bd-x-xl--body-5 {
        border-left: 5px solid var(--p-color-body) !important;
        border-right: 5px solid var(--p-color-body) !important
    }

    .u-bd-x-xl--body-6 {
        border-left: 6px solid var(--p-color-body) !important;
        border-right: 6px solid var(--p-color-body) !important
    }

    .u-bd-x-xl--body-7 {
        border-left: 7px solid var(--p-color-body) !important;
        border-right: 7px solid var(--p-color-body) !important
    }

    .u-bd-x-xl--body-8 {
        border-left: 8px solid var(--p-color-body) !important;
        border-right: 8px solid var(--p-color-body) !important
    }

    .u-bd-x-xl--body-9 {
        border-left: 9px solid var(--p-color-body) !important;
        border-right: 9px solid var(--p-color-body) !important
    }

    .u-bd-x-xl--body-10 {
        border-left: 10px solid var(--p-color-body) !important;
        border-right: 10px solid var(--p-color-body) !important
    }

    .u-bd-x-xl--primary-0 {
        border-left: 0px solid var(--p-color-primary) !important;
        border-right: 0px solid var(--p-color-primary) !important
    }

    .u-bd-x-xl--primary-1 {
        border-left: 1px solid var(--p-color-primary) !important;
        border-right: 1px solid var(--p-color-primary) !important
    }

    .u-bd-x-xl--primary-2 {
        border-left: 2px solid var(--p-color-primary) !important;
        border-right: 2px solid var(--p-color-primary) !important
    }

    .u-bd-x-xl--primary-3 {
        border-left: 3px solid var(--p-color-primary) !important;
        border-right: 3px solid var(--p-color-primary) !important
    }

    .u-bd-x-xl--primary-4 {
        border-left: 4px solid var(--p-color-primary) !important;
        border-right: 4px solid var(--p-color-primary) !important
    }

    .u-bd-x-xl--primary-5 {
        border-left: 5px solid var(--p-color-primary) !important;
        border-right: 5px solid var(--p-color-primary) !important
    }

    .u-bd-x-xl--primary-6 {
        border-left: 6px solid var(--p-color-primary) !important;
        border-right: 6px solid var(--p-color-primary) !important
    }

    .u-bd-x-xl--primary-7 {
        border-left: 7px solid var(--p-color-primary) !important;
        border-right: 7px solid var(--p-color-primary) !important
    }

    .u-bd-x-xl--primary-8 {
        border-left: 8px solid var(--p-color-primary) !important;
        border-right: 8px solid var(--p-color-primary) !important
    }

    .u-bd-x-xl--primary-9 {
        border-left: 9px solid var(--p-color-primary) !important;
        border-right: 9px solid var(--p-color-primary) !important
    }

    .u-bd-x-xl--primary-10 {
        border-left: 10px solid var(--p-color-primary) !important;
        border-right: 10px solid var(--p-color-primary) !important
    }

    .u-bd-x-xl--secondary-0 {
        border-left: 0px solid var(--p-color-secondary) !important;
        border-right: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xl--secondary-1 {
        border-left: 1px solid var(--p-color-secondary) !important;
        border-right: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xl--secondary-2 {
        border-left: 2px solid var(--p-color-secondary) !important;
        border-right: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xl--secondary-3 {
        border-left: 3px solid var(--p-color-secondary) !important;
        border-right: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xl--secondary-4 {
        border-left: 4px solid var(--p-color-secondary) !important;
        border-right: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xl--secondary-5 {
        border-left: 5px solid var(--p-color-secondary) !important;
        border-right: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xl--secondary-6 {
        border-left: 6px solid var(--p-color-secondary) !important;
        border-right: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xl--secondary-7 {
        border-left: 7px solid var(--p-color-secondary) !important;
        border-right: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xl--secondary-8 {
        border-left: 8px solid var(--p-color-secondary) !important;
        border-right: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xl--secondary-9 {
        border-left: 9px solid var(--p-color-secondary) !important;
        border-right: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xl--secondary-10 {
        border-left: 10px solid var(--p-color-secondary) !important;
        border-right: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xl--transparent-0 {
        border-left: 0px solid transparent !important;
        border-right: 0px solid transparent !important
    }

    .u-bd-x-xl--transparent-1 {
        border-left: 1px solid transparent !important;
        border-right: 1px solid transparent !important
    }

    .u-bd-x-xl--transparent-2 {
        border-left: 2px solid transparent !important;
        border-right: 2px solid transparent !important
    }

    .u-bd-x-xl--transparent-3 {
        border-left: 3px solid transparent !important;
        border-right: 3px solid transparent !important
    }

    .u-bd-x-xl--transparent-4 {
        border-left: 4px solid transparent !important;
        border-right: 4px solid transparent !important
    }

    .u-bd-x-xl--transparent-5 {
        border-left: 5px solid transparent !important;
        border-right: 5px solid transparent !important
    }

    .u-bd-x-xl--transparent-6 {
        border-left: 6px solid transparent !important;
        border-right: 6px solid transparent !important
    }

    .u-bd-x-xl--transparent-7 {
        border-left: 7px solid transparent !important;
        border-right: 7px solid transparent !important
    }

    .u-bd-x-xl--transparent-8 {
        border-left: 8px solid transparent !important;
        border-right: 8px solid transparent !important
    }

    .u-bd-x-xl--transparent-9 {
        border-left: 9px solid transparent !important;
        border-right: 9px solid transparent !important
    }

    .u-bd-x-xl--transparent-10 {
        border-left: 10px solid transparent !important;
        border-right: 10px solid transparent !important
    }

    .u-bd-y-xl--body-0 {
        border-top: 0px solid var(--p-color-body) !important;
        border-bottom: 0px solid var(--p-color-body) !important
    }

    .u-bd-y-xl--body-1 {
        border-top: 1px solid var(--p-color-body) !important;
        border-bottom: 1px solid var(--p-color-body) !important
    }

    .u-bd-y-xl--body-2 {
        border-top: 2px solid var(--p-color-body) !important;
        border-bottom: 2px solid var(--p-color-body) !important
    }

    .u-bd-y-xl--body-3 {
        border-top: 3px solid var(--p-color-body) !important;
        border-bottom: 3px solid var(--p-color-body) !important
    }

    .u-bd-y-xl--body-4 {
        border-top: 4px solid var(--p-color-body) !important;
        border-bottom: 4px solid var(--p-color-body) !important
    }

    .u-bd-y-xl--body-5 {
        border-top: 5px solid var(--p-color-body) !important;
        border-bottom: 5px solid var(--p-color-body) !important
    }

    .u-bd-y-xl--body-6 {
        border-top: 6px solid var(--p-color-body) !important;
        border-bottom: 6px solid var(--p-color-body) !important
    }

    .u-bd-y-xl--body-7 {
        border-top: 7px solid var(--p-color-body) !important;
        border-bottom: 7px solid var(--p-color-body) !important
    }

    .u-bd-y-xl--body-8 {
        border-top: 8px solid var(--p-color-body) !important;
        border-bottom: 8px solid var(--p-color-body) !important
    }

    .u-bd-y-xl--body-9 {
        border-top: 9px solid var(--p-color-body) !important;
        border-bottom: 9px solid var(--p-color-body) !important
    }

    .u-bd-y-xl--body-10 {
        border-top: 10px solid var(--p-color-body) !important;
        border-bottom: 10px solid var(--p-color-body) !important
    }

    .u-bd-y-xl--primary-0 {
        border-top: 0px solid var(--p-color-primary) !important;
        border-bottom: 0px solid var(--p-color-primary) !important
    }

    .u-bd-y-xl--primary-1 {
        border-top: 1px solid var(--p-color-primary) !important;
        border-bottom: 1px solid var(--p-color-primary) !important
    }

    .u-bd-y-xl--primary-2 {
        border-top: 2px solid var(--p-color-primary) !important;
        border-bottom: 2px solid var(--p-color-primary) !important
    }

    .u-bd-y-xl--primary-3 {
        border-top: 3px solid var(--p-color-primary) !important;
        border-bottom: 3px solid var(--p-color-primary) !important
    }

    .u-bd-y-xl--primary-4 {
        border-top: 4px solid var(--p-color-primary) !important;
        border-bottom: 4px solid var(--p-color-primary) !important
    }

    .u-bd-y-xl--primary-5 {
        border-top: 5px solid var(--p-color-primary) !important;
        border-bottom: 5px solid var(--p-color-primary) !important
    }

    .u-bd-y-xl--primary-6 {
        border-top: 6px solid var(--p-color-primary) !important;
        border-bottom: 6px solid var(--p-color-primary) !important
    }

    .u-bd-y-xl--primary-7 {
        border-top: 7px solid var(--p-color-primary) !important;
        border-bottom: 7px solid var(--p-color-primary) !important
    }

    .u-bd-y-xl--primary-8 {
        border-top: 8px solid var(--p-color-primary) !important;
        border-bottom: 8px solid var(--p-color-primary) !important
    }

    .u-bd-y-xl--primary-9 {
        border-top: 9px solid var(--p-color-primary) !important;
        border-bottom: 9px solid var(--p-color-primary) !important
    }

    .u-bd-y-xl--primary-10 {
        border-top: 10px solid var(--p-color-primary) !important;
        border-bottom: 10px solid var(--p-color-primary) !important
    }

    .u-bd-y-xl--secondary-0 {
        border-top: 0px solid var(--p-color-secondary) !important;
        border-bottom: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xl--secondary-1 {
        border-top: 1px solid var(--p-color-secondary) !important;
        border-bottom: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xl--secondary-2 {
        border-top: 2px solid var(--p-color-secondary) !important;
        border-bottom: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xl--secondary-3 {
        border-top: 3px solid var(--p-color-secondary) !important;
        border-bottom: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xl--secondary-4 {
        border-top: 4px solid var(--p-color-secondary) !important;
        border-bottom: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xl--secondary-5 {
        border-top: 5px solid var(--p-color-secondary) !important;
        border-bottom: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xl--secondary-6 {
        border-top: 6px solid var(--p-color-secondary) !important;
        border-bottom: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xl--secondary-7 {
        border-top: 7px solid var(--p-color-secondary) !important;
        border-bottom: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xl--secondary-8 {
        border-top: 8px solid var(--p-color-secondary) !important;
        border-bottom: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xl--secondary-9 {
        border-top: 9px solid var(--p-color-secondary) !important;
        border-bottom: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xl--secondary-10 {
        border-top: 10px solid var(--p-color-secondary) !important;
        border-bottom: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xl--transparent-0 {
        border-top: 0px solid transparent !important;
        border-bottom: 0px solid transparent !important
    }

    .u-bd-y-xl--transparent-1 {
        border-top: 1px solid transparent !important;
        border-bottom: 1px solid transparent !important
    }

    .u-bd-y-xl--transparent-2 {
        border-top: 2px solid transparent !important;
        border-bottom: 2px solid transparent !important
    }

    .u-bd-y-xl--transparent-3 {
        border-top: 3px solid transparent !important;
        border-bottom: 3px solid transparent !important
    }

    .u-bd-y-xl--transparent-4 {
        border-top: 4px solid transparent !important;
        border-bottom: 4px solid transparent !important
    }

    .u-bd-y-xl--transparent-5 {
        border-top: 5px solid transparent !important;
        border-bottom: 5px solid transparent !important
    }

    .u-bd-y-xl--transparent-6 {
        border-top: 6px solid transparent !important;
        border-bottom: 6px solid transparent !important
    }

    .u-bd-y-xl--transparent-7 {
        border-top: 7px solid transparent !important;
        border-bottom: 7px solid transparent !important
    }

    .u-bd-y-xl--transparent-8 {
        border-top: 8px solid transparent !important;
        border-bottom: 8px solid transparent !important
    }

    .u-bd-y-xl--transparent-9 {
        border-top: 9px solid transparent !important;
        border-bottom: 9px solid transparent !important
    }

    .u-bd-y-xl--transparent-10 {
        border-top: 10px solid transparent !important;
        border-bottom: 10px solid transparent !important
    }

    .u-bd-t-xl--body-0 {
        border-top: 0px solid var(--p-color-body) !important
    }

    .u-bd-t-xl--body-1 {
        border-top: 1px solid var(--p-color-body) !important
    }

    .u-bd-t-xl--body-2 {
        border-top: 2px solid var(--p-color-body) !important
    }

    .u-bd-t-xl--body-3 {
        border-top: 3px solid var(--p-color-body) !important
    }

    .u-bd-t-xl--body-4 {
        border-top: 4px solid var(--p-color-body) !important
    }

    .u-bd-t-xl--body-5 {
        border-top: 5px solid var(--p-color-body) !important
    }

    .u-bd-t-xl--body-6 {
        border-top: 6px solid var(--p-color-body) !important
    }

    .u-bd-t-xl--body-7 {
        border-top: 7px solid var(--p-color-body) !important
    }

    .u-bd-t-xl--body-8 {
        border-top: 8px solid var(--p-color-body) !important
    }

    .u-bd-t-xl--body-9 {
        border-top: 9px solid var(--p-color-body) !important
    }

    .u-bd-t-xl--body-10 {
        border-top: 10px solid var(--p-color-body) !important
    }

    .u-bd-t-xl--primary-0 {
        border-top: 0px solid var(--p-color-primary) !important
    }

    .u-bd-t-xl--primary-1 {
        border-top: 1px solid var(--p-color-primary) !important
    }

    .u-bd-t-xl--primary-2 {
        border-top: 2px solid var(--p-color-primary) !important
    }

    .u-bd-t-xl--primary-3 {
        border-top: 3px solid var(--p-color-primary) !important
    }

    .u-bd-t-xl--primary-4 {
        border-top: 4px solid var(--p-color-primary) !important
    }

    .u-bd-t-xl--primary-5 {
        border-top: 5px solid var(--p-color-primary) !important
    }

    .u-bd-t-xl--primary-6 {
        border-top: 6px solid var(--p-color-primary) !important
    }

    .u-bd-t-xl--primary-7 {
        border-top: 7px solid var(--p-color-primary) !important
    }

    .u-bd-t-xl--primary-8 {
        border-top: 8px solid var(--p-color-primary) !important
    }

    .u-bd-t-xl--primary-9 {
        border-top: 9px solid var(--p-color-primary) !important
    }

    .u-bd-t-xl--primary-10 {
        border-top: 10px solid var(--p-color-primary) !important
    }

    .u-bd-t-xl--secondary-0 {
        border-top: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xl--secondary-1 {
        border-top: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xl--secondary-2 {
        border-top: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xl--secondary-3 {
        border-top: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xl--secondary-4 {
        border-top: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xl--secondary-5 {
        border-top: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xl--secondary-6 {
        border-top: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xl--secondary-7 {
        border-top: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xl--secondary-8 {
        border-top: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xl--secondary-9 {
        border-top: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xl--secondary-10 {
        border-top: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xl--transparent-0 {
        border-top: 0px solid transparent !important
    }

    .u-bd-t-xl--transparent-1 {
        border-top: 1px solid transparent !important
    }

    .u-bd-t-xl--transparent-2 {
        border-top: 2px solid transparent !important
    }

    .u-bd-t-xl--transparent-3 {
        border-top: 3px solid transparent !important
    }

    .u-bd-t-xl--transparent-4 {
        border-top: 4px solid transparent !important
    }

    .u-bd-t-xl--transparent-5 {
        border-top: 5px solid transparent !important
    }

    .u-bd-t-xl--transparent-6 {
        border-top: 6px solid transparent !important
    }

    .u-bd-t-xl--transparent-7 {
        border-top: 7px solid transparent !important
    }

    .u-bd-t-xl--transparent-8 {
        border-top: 8px solid transparent !important
    }

    .u-bd-t-xl--transparent-9 {
        border-top: 9px solid transparent !important
    }

    .u-bd-t-xl--transparent-10 {
        border-top: 10px solid transparent !important
    }

    .u-bd-b-xl--body-0 {
        border-bottom: 0px solid var(--p-color-body) !important
    }

    .u-bd-b-xl--body-1 {
        border-bottom: 1px solid var(--p-color-body) !important
    }

    .u-bd-b-xl--body-2 {
        border-bottom: 2px solid var(--p-color-body) !important
    }

    .u-bd-b-xl--body-3 {
        border-bottom: 3px solid var(--p-color-body) !important
    }

    .u-bd-b-xl--body-4 {
        border-bottom: 4px solid var(--p-color-body) !important
    }

    .u-bd-b-xl--body-5 {
        border-bottom: 5px solid var(--p-color-body) !important
    }

    .u-bd-b-xl--body-6 {
        border-bottom: 6px solid var(--p-color-body) !important
    }

    .u-bd-b-xl--body-7 {
        border-bottom: 7px solid var(--p-color-body) !important
    }

    .u-bd-b-xl--body-8 {
        border-bottom: 8px solid var(--p-color-body) !important
    }

    .u-bd-b-xl--body-9 {
        border-bottom: 9px solid var(--p-color-body) !important
    }

    .u-bd-b-xl--body-10 {
        border-bottom: 10px solid var(--p-color-body) !important
    }

    .u-bd-b-xl--primary-0 {
        border-bottom: 0px solid var(--p-color-primary) !important
    }

    .u-bd-b-xl--primary-1 {
        border-bottom: 1px solid var(--p-color-primary) !important
    }

    .u-bd-b-xl--primary-2 {
        border-bottom: 2px solid var(--p-color-primary) !important
    }

    .u-bd-b-xl--primary-3 {
        border-bottom: 3px solid var(--p-color-primary) !important
    }

    .u-bd-b-xl--primary-4 {
        border-bottom: 4px solid var(--p-color-primary) !important
    }

    .u-bd-b-xl--primary-5 {
        border-bottom: 5px solid var(--p-color-primary) !important
    }

    .u-bd-b-xl--primary-6 {
        border-bottom: 6px solid var(--p-color-primary) !important
    }

    .u-bd-b-xl--primary-7 {
        border-bottom: 7px solid var(--p-color-primary) !important
    }

    .u-bd-b-xl--primary-8 {
        border-bottom: 8px solid var(--p-color-primary) !important
    }

    .u-bd-b-xl--primary-9 {
        border-bottom: 9px solid var(--p-color-primary) !important
    }

    .u-bd-b-xl--primary-10 {
        border-bottom: 10px solid var(--p-color-primary) !important
    }

    .u-bd-b-xl--secondary-0 {
        border-bottom: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xl--secondary-1 {
        border-bottom: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xl--secondary-2 {
        border-bottom: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xl--secondary-3 {
        border-bottom: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xl--secondary-4 {
        border-bottom: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xl--secondary-5 {
        border-bottom: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xl--secondary-6 {
        border-bottom: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xl--secondary-7 {
        border-bottom: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xl--secondary-8 {
        border-bottom: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xl--secondary-9 {
        border-bottom: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xl--secondary-10 {
        border-bottom: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xl--transparent-0 {
        border-bottom: 0px solid transparent !important
    }

    .u-bd-b-xl--transparent-1 {
        border-bottom: 1px solid transparent !important
    }

    .u-bd-b-xl--transparent-2 {
        border-bottom: 2px solid transparent !important
    }

    .u-bd-b-xl--transparent-3 {
        border-bottom: 3px solid transparent !important
    }

    .u-bd-b-xl--transparent-4 {
        border-bottom: 4px solid transparent !important
    }

    .u-bd-b-xl--transparent-5 {
        border-bottom: 5px solid transparent !important
    }

    .u-bd-b-xl--transparent-6 {
        border-bottom: 6px solid transparent !important
    }

    .u-bd-b-xl--transparent-7 {
        border-bottom: 7px solid transparent !important
    }

    .u-bd-b-xl--transparent-8 {
        border-bottom: 8px solid transparent !important
    }

    .u-bd-b-xl--transparent-9 {
        border-bottom: 9px solid transparent !important
    }

    .u-bd-b-xl--transparent-10 {
        border-bottom: 10px solid transparent !important
    }

    .u-bd-l-xl--body-0 {
        border-left: 0px solid var(--p-color-body) !important
    }

    .u-bd-l-xl--body-1 {
        border-left: 1px solid var(--p-color-body) !important
    }

    .u-bd-l-xl--body-2 {
        border-left: 2px solid var(--p-color-body) !important
    }

    .u-bd-l-xl--body-3 {
        border-left: 3px solid var(--p-color-body) !important
    }

    .u-bd-l-xl--body-4 {
        border-left: 4px solid var(--p-color-body) !important
    }

    .u-bd-l-xl--body-5 {
        border-left: 5px solid var(--p-color-body) !important
    }

    .u-bd-l-xl--body-6 {
        border-left: 6px solid var(--p-color-body) !important
    }

    .u-bd-l-xl--body-7 {
        border-left: 7px solid var(--p-color-body) !important
    }

    .u-bd-l-xl--body-8 {
        border-left: 8px solid var(--p-color-body) !important
    }

    .u-bd-l-xl--body-9 {
        border-left: 9px solid var(--p-color-body) !important
    }

    .u-bd-l-xl--body-10 {
        border-left: 10px solid var(--p-color-body) !important
    }

    .u-bd-l-xl--primary-0 {
        border-left: 0px solid var(--p-color-primary) !important
    }

    .u-bd-l-xl--primary-1 {
        border-left: 1px solid var(--p-color-primary) !important
    }

    .u-bd-l-xl--primary-2 {
        border-left: 2px solid var(--p-color-primary) !important
    }

    .u-bd-l-xl--primary-3 {
        border-left: 3px solid var(--p-color-primary) !important
    }

    .u-bd-l-xl--primary-4 {
        border-left: 4px solid var(--p-color-primary) !important
    }

    .u-bd-l-xl--primary-5 {
        border-left: 5px solid var(--p-color-primary) !important
    }

    .u-bd-l-xl--primary-6 {
        border-left: 6px solid var(--p-color-primary) !important
    }

    .u-bd-l-xl--primary-7 {
        border-left: 7px solid var(--p-color-primary) !important
    }

    .u-bd-l-xl--primary-8 {
        border-left: 8px solid var(--p-color-primary) !important
    }

    .u-bd-l-xl--primary-9 {
        border-left: 9px solid var(--p-color-primary) !important
    }

    .u-bd-l-xl--primary-10 {
        border-left: 10px solid var(--p-color-primary) !important
    }

    .u-bd-l-xl--secondary-0 {
        border-left: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xl--secondary-1 {
        border-left: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xl--secondary-2 {
        border-left: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xl--secondary-3 {
        border-left: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xl--secondary-4 {
        border-left: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xl--secondary-5 {
        border-left: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xl--secondary-6 {
        border-left: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xl--secondary-7 {
        border-left: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xl--secondary-8 {
        border-left: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xl--secondary-9 {
        border-left: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xl--secondary-10 {
        border-left: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xl--transparent-0 {
        border-left: 0px solid transparent !important
    }

    .u-bd-l-xl--transparent-1 {
        border-left: 1px solid transparent !important
    }

    .u-bd-l-xl--transparent-2 {
        border-left: 2px solid transparent !important
    }

    .u-bd-l-xl--transparent-3 {
        border-left: 3px solid transparent !important
    }

    .u-bd-l-xl--transparent-4 {
        border-left: 4px solid transparent !important
    }

    .u-bd-l-xl--transparent-5 {
        border-left: 5px solid transparent !important
    }

    .u-bd-l-xl--transparent-6 {
        border-left: 6px solid transparent !important
    }

    .u-bd-l-xl--transparent-7 {
        border-left: 7px solid transparent !important
    }

    .u-bd-l-xl--transparent-8 {
        border-left: 8px solid transparent !important
    }

    .u-bd-l-xl--transparent-9 {
        border-left: 9px solid transparent !important
    }

    .u-bd-l-xl--transparent-10 {
        border-left: 10px solid transparent !important
    }

    .u-bd-r-xl--body-0 {
        border-right: 0px solid var(--p-color-body) !important
    }

    .u-bd-r-xl--body-1 {
        border-right: 1px solid var(--p-color-body) !important
    }

    .u-bd-r-xl--body-2 {
        border-right: 2px solid var(--p-color-body) !important
    }

    .u-bd-r-xl--body-3 {
        border-right: 3px solid var(--p-color-body) !important
    }

    .u-bd-r-xl--body-4 {
        border-right: 4px solid var(--p-color-body) !important
    }

    .u-bd-r-xl--body-5 {
        border-right: 5px solid var(--p-color-body) !important
    }

    .u-bd-r-xl--body-6 {
        border-right: 6px solid var(--p-color-body) !important
    }

    .u-bd-r-xl--body-7 {
        border-right: 7px solid var(--p-color-body) !important
    }

    .u-bd-r-xl--body-8 {
        border-right: 8px solid var(--p-color-body) !important
    }

    .u-bd-r-xl--body-9 {
        border-right: 9px solid var(--p-color-body) !important
    }

    .u-bd-r-xl--body-10 {
        border-right: 10px solid var(--p-color-body) !important
    }

    .u-bd-r-xl--primary-0 {
        border-right: 0px solid var(--p-color-primary) !important
    }

    .u-bd-r-xl--primary-1 {
        border-right: 1px solid var(--p-color-primary) !important
    }

    .u-bd-r-xl--primary-2 {
        border-right: 2px solid var(--p-color-primary) !important
    }

    .u-bd-r-xl--primary-3 {
        border-right: 3px solid var(--p-color-primary) !important
    }

    .u-bd-r-xl--primary-4 {
        border-right: 4px solid var(--p-color-primary) !important
    }

    .u-bd-r-xl--primary-5 {
        border-right: 5px solid var(--p-color-primary) !important
    }

    .u-bd-r-xl--primary-6 {
        border-right: 6px solid var(--p-color-primary) !important
    }

    .u-bd-r-xl--primary-7 {
        border-right: 7px solid var(--p-color-primary) !important
    }

    .u-bd-r-xl--primary-8 {
        border-right: 8px solid var(--p-color-primary) !important
    }

    .u-bd-r-xl--primary-9 {
        border-right: 9px solid var(--p-color-primary) !important
    }

    .u-bd-r-xl--primary-10 {
        border-right: 10px solid var(--p-color-primary) !important
    }

    .u-bd-r-xl--secondary-0 {
        border-right: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xl--secondary-1 {
        border-right: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xl--secondary-2 {
        border-right: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xl--secondary-3 {
        border-right: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xl--secondary-4 {
        border-right: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xl--secondary-5 {
        border-right: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xl--secondary-6 {
        border-right: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xl--secondary-7 {
        border-right: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xl--secondary-8 {
        border-right: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xl--secondary-9 {
        border-right: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xl--secondary-10 {
        border-right: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xl--transparent-0 {
        border-right: 0px solid transparent !important
    }

    .u-bd-r-xl--transparent-1 {
        border-right: 1px solid transparent !important
    }

    .u-bd-r-xl--transparent-2 {
        border-right: 2px solid transparent !important
    }

    .u-bd-r-xl--transparent-3 {
        border-right: 3px solid transparent !important
    }

    .u-bd-r-xl--transparent-4 {
        border-right: 4px solid transparent !important
    }

    .u-bd-r-xl--transparent-5 {
        border-right: 5px solid transparent !important
    }

    .u-bd-r-xl--transparent-6 {
        border-right: 6px solid transparent !important
    }

    .u-bd-r-xl--transparent-7 {
        border-right: 7px solid transparent !important
    }

    .u-bd-r-xl--transparent-8 {
        border-right: 8px solid transparent !important
    }

    .u-bd-r-xl--transparent-9 {
        border-right: 9px solid transparent !important
    }

    .u-bd-r-xl--transparent-10 {
        border-right: 10px solid transparent !important
    }
}

@media(min-width: 1400px) {
    .u-bd-x-xxl--body-0 {
        border-left: 0px solid var(--p-color-body) !important;
        border-right: 0px solid var(--p-color-body) !important
    }

    .u-bd-x-xxl--body-1 {
        border-left: 1px solid var(--p-color-body) !important;
        border-right: 1px solid var(--p-color-body) !important
    }

    .u-bd-x-xxl--body-2 {
        border-left: 2px solid var(--p-color-body) !important;
        border-right: 2px solid var(--p-color-body) !important
    }

    .u-bd-x-xxl--body-3 {
        border-left: 3px solid var(--p-color-body) !important;
        border-right: 3px solid var(--p-color-body) !important
    }

    .u-bd-x-xxl--body-4 {
        border-left: 4px solid var(--p-color-body) !important;
        border-right: 4px solid var(--p-color-body) !important
    }

    .u-bd-x-xxl--body-5 {
        border-left: 5px solid var(--p-color-body) !important;
        border-right: 5px solid var(--p-color-body) !important
    }

    .u-bd-x-xxl--body-6 {
        border-left: 6px solid var(--p-color-body) !important;
        border-right: 6px solid var(--p-color-body) !important
    }

    .u-bd-x-xxl--body-7 {
        border-left: 7px solid var(--p-color-body) !important;
        border-right: 7px solid var(--p-color-body) !important
    }

    .u-bd-x-xxl--body-8 {
        border-left: 8px solid var(--p-color-body) !important;
        border-right: 8px solid var(--p-color-body) !important
    }

    .u-bd-x-xxl--body-9 {
        border-left: 9px solid var(--p-color-body) !important;
        border-right: 9px solid var(--p-color-body) !important
    }

    .u-bd-x-xxl--body-10 {
        border-left: 10px solid var(--p-color-body) !important;
        border-right: 10px solid var(--p-color-body) !important
    }

    .u-bd-x-xxl--primary-0 {
        border-left: 0px solid var(--p-color-primary) !important;
        border-right: 0px solid var(--p-color-primary) !important
    }

    .u-bd-x-xxl--primary-1 {
        border-left: 1px solid var(--p-color-primary) !important;
        border-right: 1px solid var(--p-color-primary) !important
    }

    .u-bd-x-xxl--primary-2 {
        border-left: 2px solid var(--p-color-primary) !important;
        border-right: 2px solid var(--p-color-primary) !important
    }

    .u-bd-x-xxl--primary-3 {
        border-left: 3px solid var(--p-color-primary) !important;
        border-right: 3px solid var(--p-color-primary) !important
    }

    .u-bd-x-xxl--primary-4 {
        border-left: 4px solid var(--p-color-primary) !important;
        border-right: 4px solid var(--p-color-primary) !important
    }

    .u-bd-x-xxl--primary-5 {
        border-left: 5px solid var(--p-color-primary) !important;
        border-right: 5px solid var(--p-color-primary) !important
    }

    .u-bd-x-xxl--primary-6 {
        border-left: 6px solid var(--p-color-primary) !important;
        border-right: 6px solid var(--p-color-primary) !important
    }

    .u-bd-x-xxl--primary-7 {
        border-left: 7px solid var(--p-color-primary) !important;
        border-right: 7px solid var(--p-color-primary) !important
    }

    .u-bd-x-xxl--primary-8 {
        border-left: 8px solid var(--p-color-primary) !important;
        border-right: 8px solid var(--p-color-primary) !important
    }

    .u-bd-x-xxl--primary-9 {
        border-left: 9px solid var(--p-color-primary) !important;
        border-right: 9px solid var(--p-color-primary) !important
    }

    .u-bd-x-xxl--primary-10 {
        border-left: 10px solid var(--p-color-primary) !important;
        border-right: 10px solid var(--p-color-primary) !important
    }

    .u-bd-x-xxl--secondary-0 {
        border-left: 0px solid var(--p-color-secondary) !important;
        border-right: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xxl--secondary-1 {
        border-left: 1px solid var(--p-color-secondary) !important;
        border-right: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xxl--secondary-2 {
        border-left: 2px solid var(--p-color-secondary) !important;
        border-right: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xxl--secondary-3 {
        border-left: 3px solid var(--p-color-secondary) !important;
        border-right: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xxl--secondary-4 {
        border-left: 4px solid var(--p-color-secondary) !important;
        border-right: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xxl--secondary-5 {
        border-left: 5px solid var(--p-color-secondary) !important;
        border-right: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xxl--secondary-6 {
        border-left: 6px solid var(--p-color-secondary) !important;
        border-right: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xxl--secondary-7 {
        border-left: 7px solid var(--p-color-secondary) !important;
        border-right: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xxl--secondary-8 {
        border-left: 8px solid var(--p-color-secondary) !important;
        border-right: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xxl--secondary-9 {
        border-left: 9px solid var(--p-color-secondary) !important;
        border-right: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xxl--secondary-10 {
        border-left: 10px solid var(--p-color-secondary) !important;
        border-right: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-x-xxl--transparent-0 {
        border-left: 0px solid transparent !important;
        border-right: 0px solid transparent !important
    }

    .u-bd-x-xxl--transparent-1 {
        border-left: 1px solid transparent !important;
        border-right: 1px solid transparent !important
    }

    .u-bd-x-xxl--transparent-2 {
        border-left: 2px solid transparent !important;
        border-right: 2px solid transparent !important
    }

    .u-bd-x-xxl--transparent-3 {
        border-left: 3px solid transparent !important;
        border-right: 3px solid transparent !important
    }

    .u-bd-x-xxl--transparent-4 {
        border-left: 4px solid transparent !important;
        border-right: 4px solid transparent !important
    }

    .u-bd-x-xxl--transparent-5 {
        border-left: 5px solid transparent !important;
        border-right: 5px solid transparent !important
    }

    .u-bd-x-xxl--transparent-6 {
        border-left: 6px solid transparent !important;
        border-right: 6px solid transparent !important
    }

    .u-bd-x-xxl--transparent-7 {
        border-left: 7px solid transparent !important;
        border-right: 7px solid transparent !important
    }

    .u-bd-x-xxl--transparent-8 {
        border-left: 8px solid transparent !important;
        border-right: 8px solid transparent !important
    }

    .u-bd-x-xxl--transparent-9 {
        border-left: 9px solid transparent !important;
        border-right: 9px solid transparent !important
    }

    .u-bd-x-xxl--transparent-10 {
        border-left: 10px solid transparent !important;
        border-right: 10px solid transparent !important
    }

    .u-bd-y-xxl--body-0 {
        border-top: 0px solid var(--p-color-body) !important;
        border-bottom: 0px solid var(--p-color-body) !important
    }

    .u-bd-y-xxl--body-1 {
        border-top: 1px solid var(--p-color-body) !important;
        border-bottom: 1px solid var(--p-color-body) !important
    }

    .u-bd-y-xxl--body-2 {
        border-top: 2px solid var(--p-color-body) !important;
        border-bottom: 2px solid var(--p-color-body) !important
    }

    .u-bd-y-xxl--body-3 {
        border-top: 3px solid var(--p-color-body) !important;
        border-bottom: 3px solid var(--p-color-body) !important
    }

    .u-bd-y-xxl--body-4 {
        border-top: 4px solid var(--p-color-body) !important;
        border-bottom: 4px solid var(--p-color-body) !important
    }

    .u-bd-y-xxl--body-5 {
        border-top: 5px solid var(--p-color-body) !important;
        border-bottom: 5px solid var(--p-color-body) !important
    }

    .u-bd-y-xxl--body-6 {
        border-top: 6px solid var(--p-color-body) !important;
        border-bottom: 6px solid var(--p-color-body) !important
    }

    .u-bd-y-xxl--body-7 {
        border-top: 7px solid var(--p-color-body) !important;
        border-bottom: 7px solid var(--p-color-body) !important
    }

    .u-bd-y-xxl--body-8 {
        border-top: 8px solid var(--p-color-body) !important;
        border-bottom: 8px solid var(--p-color-body) !important
    }

    .u-bd-y-xxl--body-9 {
        border-top: 9px solid var(--p-color-body) !important;
        border-bottom: 9px solid var(--p-color-body) !important
    }

    .u-bd-y-xxl--body-10 {
        border-top: 10px solid var(--p-color-body) !important;
        border-bottom: 10px solid var(--p-color-body) !important
    }

    .u-bd-y-xxl--primary-0 {
        border-top: 0px solid var(--p-color-primary) !important;
        border-bottom: 0px solid var(--p-color-primary) !important
    }

    .u-bd-y-xxl--primary-1 {
        border-top: 1px solid var(--p-color-primary) !important;
        border-bottom: 1px solid var(--p-color-primary) !important
    }

    .u-bd-y-xxl--primary-2 {
        border-top: 2px solid var(--p-color-primary) !important;
        border-bottom: 2px solid var(--p-color-primary) !important
    }

    .u-bd-y-xxl--primary-3 {
        border-top: 3px solid var(--p-color-primary) !important;
        border-bottom: 3px solid var(--p-color-primary) !important
    }

    .u-bd-y-xxl--primary-4 {
        border-top: 4px solid var(--p-color-primary) !important;
        border-bottom: 4px solid var(--p-color-primary) !important
    }

    .u-bd-y-xxl--primary-5 {
        border-top: 5px solid var(--p-color-primary) !important;
        border-bottom: 5px solid var(--p-color-primary) !important
    }

    .u-bd-y-xxl--primary-6 {
        border-top: 6px solid var(--p-color-primary) !important;
        border-bottom: 6px solid var(--p-color-primary) !important
    }

    .u-bd-y-xxl--primary-7 {
        border-top: 7px solid var(--p-color-primary) !important;
        border-bottom: 7px solid var(--p-color-primary) !important
    }

    .u-bd-y-xxl--primary-8 {
        border-top: 8px solid var(--p-color-primary) !important;
        border-bottom: 8px solid var(--p-color-primary) !important
    }

    .u-bd-y-xxl--primary-9 {
        border-top: 9px solid var(--p-color-primary) !important;
        border-bottom: 9px solid var(--p-color-primary) !important
    }

    .u-bd-y-xxl--primary-10 {
        border-top: 10px solid var(--p-color-primary) !important;
        border-bottom: 10px solid var(--p-color-primary) !important
    }

    .u-bd-y-xxl--secondary-0 {
        border-top: 0px solid var(--p-color-secondary) !important;
        border-bottom: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xxl--secondary-1 {
        border-top: 1px solid var(--p-color-secondary) !important;
        border-bottom: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xxl--secondary-2 {
        border-top: 2px solid var(--p-color-secondary) !important;
        border-bottom: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xxl--secondary-3 {
        border-top: 3px solid var(--p-color-secondary) !important;
        border-bottom: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xxl--secondary-4 {
        border-top: 4px solid var(--p-color-secondary) !important;
        border-bottom: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xxl--secondary-5 {
        border-top: 5px solid var(--p-color-secondary) !important;
        border-bottom: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xxl--secondary-6 {
        border-top: 6px solid var(--p-color-secondary) !important;
        border-bottom: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xxl--secondary-7 {
        border-top: 7px solid var(--p-color-secondary) !important;
        border-bottom: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xxl--secondary-8 {
        border-top: 8px solid var(--p-color-secondary) !important;
        border-bottom: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xxl--secondary-9 {
        border-top: 9px solid var(--p-color-secondary) !important;
        border-bottom: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xxl--secondary-10 {
        border-top: 10px solid var(--p-color-secondary) !important;
        border-bottom: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-y-xxl--transparent-0 {
        border-top: 0px solid transparent !important;
        border-bottom: 0px solid transparent !important
    }

    .u-bd-y-xxl--transparent-1 {
        border-top: 1px solid transparent !important;
        border-bottom: 1px solid transparent !important
    }

    .u-bd-y-xxl--transparent-2 {
        border-top: 2px solid transparent !important;
        border-bottom: 2px solid transparent !important
    }

    .u-bd-y-xxl--transparent-3 {
        border-top: 3px solid transparent !important;
        border-bottom: 3px solid transparent !important
    }

    .u-bd-y-xxl--transparent-4 {
        border-top: 4px solid transparent !important;
        border-bottom: 4px solid transparent !important
    }

    .u-bd-y-xxl--transparent-5 {
        border-top: 5px solid transparent !important;
        border-bottom: 5px solid transparent !important
    }

    .u-bd-y-xxl--transparent-6 {
        border-top: 6px solid transparent !important;
        border-bottom: 6px solid transparent !important
    }

    .u-bd-y-xxl--transparent-7 {
        border-top: 7px solid transparent !important;
        border-bottom: 7px solid transparent !important
    }

    .u-bd-y-xxl--transparent-8 {
        border-top: 8px solid transparent !important;
        border-bottom: 8px solid transparent !important
    }

    .u-bd-y-xxl--transparent-9 {
        border-top: 9px solid transparent !important;
        border-bottom: 9px solid transparent !important
    }

    .u-bd-y-xxl--transparent-10 {
        border-top: 10px solid transparent !important;
        border-bottom: 10px solid transparent !important
    }

    .u-bd-t-xxl--body-0 {
        border-top: 0px solid var(--p-color-body) !important
    }

    .u-bd-t-xxl--body-1 {
        border-top: 1px solid var(--p-color-body) !important
    }

    .u-bd-t-xxl--body-2 {
        border-top: 2px solid var(--p-color-body) !important
    }

    .u-bd-t-xxl--body-3 {
        border-top: 3px solid var(--p-color-body) !important
    }

    .u-bd-t-xxl--body-4 {
        border-top: 4px solid var(--p-color-body) !important
    }

    .u-bd-t-xxl--body-5 {
        border-top: 5px solid var(--p-color-body) !important
    }

    .u-bd-t-xxl--body-6 {
        border-top: 6px solid var(--p-color-body) !important
    }

    .u-bd-t-xxl--body-7 {
        border-top: 7px solid var(--p-color-body) !important
    }

    .u-bd-t-xxl--body-8 {
        border-top: 8px solid var(--p-color-body) !important
    }

    .u-bd-t-xxl--body-9 {
        border-top: 9px solid var(--p-color-body) !important
    }

    .u-bd-t-xxl--body-10 {
        border-top: 10px solid var(--p-color-body) !important
    }

    .u-bd-t-xxl--primary-0 {
        border-top: 0px solid var(--p-color-primary) !important
    }

    .u-bd-t-xxl--primary-1 {
        border-top: 1px solid var(--p-color-primary) !important
    }

    .u-bd-t-xxl--primary-2 {
        border-top: 2px solid var(--p-color-primary) !important
    }

    .u-bd-t-xxl--primary-3 {
        border-top: 3px solid var(--p-color-primary) !important
    }

    .u-bd-t-xxl--primary-4 {
        border-top: 4px solid var(--p-color-primary) !important
    }

    .u-bd-t-xxl--primary-5 {
        border-top: 5px solid var(--p-color-primary) !important
    }

    .u-bd-t-xxl--primary-6 {
        border-top: 6px solid var(--p-color-primary) !important
    }

    .u-bd-t-xxl--primary-7 {
        border-top: 7px solid var(--p-color-primary) !important
    }

    .u-bd-t-xxl--primary-8 {
        border-top: 8px solid var(--p-color-primary) !important
    }

    .u-bd-t-xxl--primary-9 {
        border-top: 9px solid var(--p-color-primary) !important
    }

    .u-bd-t-xxl--primary-10 {
        border-top: 10px solid var(--p-color-primary) !important
    }

    .u-bd-t-xxl--secondary-0 {
        border-top: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xxl--secondary-1 {
        border-top: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xxl--secondary-2 {
        border-top: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xxl--secondary-3 {
        border-top: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xxl--secondary-4 {
        border-top: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xxl--secondary-5 {
        border-top: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xxl--secondary-6 {
        border-top: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xxl--secondary-7 {
        border-top: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xxl--secondary-8 {
        border-top: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xxl--secondary-9 {
        border-top: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xxl--secondary-10 {
        border-top: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-t-xxl--transparent-0 {
        border-top: 0px solid transparent !important
    }

    .u-bd-t-xxl--transparent-1 {
        border-top: 1px solid transparent !important
    }

    .u-bd-t-xxl--transparent-2 {
        border-top: 2px solid transparent !important
    }

    .u-bd-t-xxl--transparent-3 {
        border-top: 3px solid transparent !important
    }

    .u-bd-t-xxl--transparent-4 {
        border-top: 4px solid transparent !important
    }

    .u-bd-t-xxl--transparent-5 {
        border-top: 5px solid transparent !important
    }

    .u-bd-t-xxl--transparent-6 {
        border-top: 6px solid transparent !important
    }

    .u-bd-t-xxl--transparent-7 {
        border-top: 7px solid transparent !important
    }

    .u-bd-t-xxl--transparent-8 {
        border-top: 8px solid transparent !important
    }

    .u-bd-t-xxl--transparent-9 {
        border-top: 9px solid transparent !important
    }

    .u-bd-t-xxl--transparent-10 {
        border-top: 10px solid transparent !important
    }

    .u-bd-b-xxl--body-0 {
        border-bottom: 0px solid var(--p-color-body) !important
    }

    .u-bd-b-xxl--body-1 {
        border-bottom: 1px solid var(--p-color-body) !important
    }

    .u-bd-b-xxl--body-2 {
        border-bottom: 2px solid var(--p-color-body) !important
    }

    .u-bd-b-xxl--body-3 {
        border-bottom: 3px solid var(--p-color-body) !important
    }

    .u-bd-b-xxl--body-4 {
        border-bottom: 4px solid var(--p-color-body) !important
    }

    .u-bd-b-xxl--body-5 {
        border-bottom: 5px solid var(--p-color-body) !important
    }

    .u-bd-b-xxl--body-6 {
        border-bottom: 6px solid var(--p-color-body) !important
    }

    .u-bd-b-xxl--body-7 {
        border-bottom: 7px solid var(--p-color-body) !important
    }

    .u-bd-b-xxl--body-8 {
        border-bottom: 8px solid var(--p-color-body) !important
    }

    .u-bd-b-xxl--body-9 {
        border-bottom: 9px solid var(--p-color-body) !important
    }

    .u-bd-b-xxl--body-10 {
        border-bottom: 10px solid var(--p-color-body) !important
    }

    .u-bd-b-xxl--primary-0 {
        border-bottom: 0px solid var(--p-color-primary) !important
    }

    .u-bd-b-xxl--primary-1 {
        border-bottom: 1px solid var(--p-color-primary) !important
    }

    .u-bd-b-xxl--primary-2 {
        border-bottom: 2px solid var(--p-color-primary) !important
    }

    .u-bd-b-xxl--primary-3 {
        border-bottom: 3px solid var(--p-color-primary) !important
    }

    .u-bd-b-xxl--primary-4 {
        border-bottom: 4px solid var(--p-color-primary) !important
    }

    .u-bd-b-xxl--primary-5 {
        border-bottom: 5px solid var(--p-color-primary) !important
    }

    .u-bd-b-xxl--primary-6 {
        border-bottom: 6px solid var(--p-color-primary) !important
    }

    .u-bd-b-xxl--primary-7 {
        border-bottom: 7px solid var(--p-color-primary) !important
    }

    .u-bd-b-xxl--primary-8 {
        border-bottom: 8px solid var(--p-color-primary) !important
    }

    .u-bd-b-xxl--primary-9 {
        border-bottom: 9px solid var(--p-color-primary) !important
    }

    .u-bd-b-xxl--primary-10 {
        border-bottom: 10px solid var(--p-color-primary) !important
    }

    .u-bd-b-xxl--secondary-0 {
        border-bottom: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xxl--secondary-1 {
        border-bottom: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xxl--secondary-2 {
        border-bottom: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xxl--secondary-3 {
        border-bottom: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xxl--secondary-4 {
        border-bottom: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xxl--secondary-5 {
        border-bottom: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xxl--secondary-6 {
        border-bottom: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xxl--secondary-7 {
        border-bottom: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xxl--secondary-8 {
        border-bottom: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xxl--secondary-9 {
        border-bottom: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xxl--secondary-10 {
        border-bottom: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-b-xxl--transparent-0 {
        border-bottom: 0px solid transparent !important
    }

    .u-bd-b-xxl--transparent-1 {
        border-bottom: 1px solid transparent !important
    }

    .u-bd-b-xxl--transparent-2 {
        border-bottom: 2px solid transparent !important
    }

    .u-bd-b-xxl--transparent-3 {
        border-bottom: 3px solid transparent !important
    }

    .u-bd-b-xxl--transparent-4 {
        border-bottom: 4px solid transparent !important
    }

    .u-bd-b-xxl--transparent-5 {
        border-bottom: 5px solid transparent !important
    }

    .u-bd-b-xxl--transparent-6 {
        border-bottom: 6px solid transparent !important
    }

    .u-bd-b-xxl--transparent-7 {
        border-bottom: 7px solid transparent !important
    }

    .u-bd-b-xxl--transparent-8 {
        border-bottom: 8px solid transparent !important
    }

    .u-bd-b-xxl--transparent-9 {
        border-bottom: 9px solid transparent !important
    }

    .u-bd-b-xxl--transparent-10 {
        border-bottom: 10px solid transparent !important
    }

    .u-bd-l-xxl--body-0 {
        border-left: 0px solid var(--p-color-body) !important
    }

    .u-bd-l-xxl--body-1 {
        border-left: 1px solid var(--p-color-body) !important
    }

    .u-bd-l-xxl--body-2 {
        border-left: 2px solid var(--p-color-body) !important
    }

    .u-bd-l-xxl--body-3 {
        border-left: 3px solid var(--p-color-body) !important
    }

    .u-bd-l-xxl--body-4 {
        border-left: 4px solid var(--p-color-body) !important
    }

    .u-bd-l-xxl--body-5 {
        border-left: 5px solid var(--p-color-body) !important
    }

    .u-bd-l-xxl--body-6 {
        border-left: 6px solid var(--p-color-body) !important
    }

    .u-bd-l-xxl--body-7 {
        border-left: 7px solid var(--p-color-body) !important
    }

    .u-bd-l-xxl--body-8 {
        border-left: 8px solid var(--p-color-body) !important
    }

    .u-bd-l-xxl--body-9 {
        border-left: 9px solid var(--p-color-body) !important
    }

    .u-bd-l-xxl--body-10 {
        border-left: 10px solid var(--p-color-body) !important
    }

    .u-bd-l-xxl--primary-0 {
        border-left: 0px solid var(--p-color-primary) !important
    }

    .u-bd-l-xxl--primary-1 {
        border-left: 1px solid var(--p-color-primary) !important
    }

    .u-bd-l-xxl--primary-2 {
        border-left: 2px solid var(--p-color-primary) !important
    }

    .u-bd-l-xxl--primary-3 {
        border-left: 3px solid var(--p-color-primary) !important
    }

    .u-bd-l-xxl--primary-4 {
        border-left: 4px solid var(--p-color-primary) !important
    }

    .u-bd-l-xxl--primary-5 {
        border-left: 5px solid var(--p-color-primary) !important
    }

    .u-bd-l-xxl--primary-6 {
        border-left: 6px solid var(--p-color-primary) !important
    }

    .u-bd-l-xxl--primary-7 {
        border-left: 7px solid var(--p-color-primary) !important
    }

    .u-bd-l-xxl--primary-8 {
        border-left: 8px solid var(--p-color-primary) !important
    }

    .u-bd-l-xxl--primary-9 {
        border-left: 9px solid var(--p-color-primary) !important
    }

    .u-bd-l-xxl--primary-10 {
        border-left: 10px solid var(--p-color-primary) !important
    }

    .u-bd-l-xxl--secondary-0 {
        border-left: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xxl--secondary-1 {
        border-left: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xxl--secondary-2 {
        border-left: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xxl--secondary-3 {
        border-left: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xxl--secondary-4 {
        border-left: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xxl--secondary-5 {
        border-left: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xxl--secondary-6 {
        border-left: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xxl--secondary-7 {
        border-left: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xxl--secondary-8 {
        border-left: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xxl--secondary-9 {
        border-left: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xxl--secondary-10 {
        border-left: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-l-xxl--transparent-0 {
        border-left: 0px solid transparent !important
    }

    .u-bd-l-xxl--transparent-1 {
        border-left: 1px solid transparent !important
    }

    .u-bd-l-xxl--transparent-2 {
        border-left: 2px solid transparent !important
    }

    .u-bd-l-xxl--transparent-3 {
        border-left: 3px solid transparent !important
    }

    .u-bd-l-xxl--transparent-4 {
        border-left: 4px solid transparent !important
    }

    .u-bd-l-xxl--transparent-5 {
        border-left: 5px solid transparent !important
    }

    .u-bd-l-xxl--transparent-6 {
        border-left: 6px solid transparent !important
    }

    .u-bd-l-xxl--transparent-7 {
        border-left: 7px solid transparent !important
    }

    .u-bd-l-xxl--transparent-8 {
        border-left: 8px solid transparent !important
    }

    .u-bd-l-xxl--transparent-9 {
        border-left: 9px solid transparent !important
    }

    .u-bd-l-xxl--transparent-10 {
        border-left: 10px solid transparent !important
    }

    .u-bd-r-xxl--body-0 {
        border-right: 0px solid var(--p-color-body) !important
    }

    .u-bd-r-xxl--body-1 {
        border-right: 1px solid var(--p-color-body) !important
    }

    .u-bd-r-xxl--body-2 {
        border-right: 2px solid var(--p-color-body) !important
    }

    .u-bd-r-xxl--body-3 {
        border-right: 3px solid var(--p-color-body) !important
    }

    .u-bd-r-xxl--body-4 {
        border-right: 4px solid var(--p-color-body) !important
    }

    .u-bd-r-xxl--body-5 {
        border-right: 5px solid var(--p-color-body) !important
    }

    .u-bd-r-xxl--body-6 {
        border-right: 6px solid var(--p-color-body) !important
    }

    .u-bd-r-xxl--body-7 {
        border-right: 7px solid var(--p-color-body) !important
    }

    .u-bd-r-xxl--body-8 {
        border-right: 8px solid var(--p-color-body) !important
    }

    .u-bd-r-xxl--body-9 {
        border-right: 9px solid var(--p-color-body) !important
    }

    .u-bd-r-xxl--body-10 {
        border-right: 10px solid var(--p-color-body) !important
    }

    .u-bd-r-xxl--primary-0 {
        border-right: 0px solid var(--p-color-primary) !important
    }

    .u-bd-r-xxl--primary-1 {
        border-right: 1px solid var(--p-color-primary) !important
    }

    .u-bd-r-xxl--primary-2 {
        border-right: 2px solid var(--p-color-primary) !important
    }

    .u-bd-r-xxl--primary-3 {
        border-right: 3px solid var(--p-color-primary) !important
    }

    .u-bd-r-xxl--primary-4 {
        border-right: 4px solid var(--p-color-primary) !important
    }

    .u-bd-r-xxl--primary-5 {
        border-right: 5px solid var(--p-color-primary) !important
    }

    .u-bd-r-xxl--primary-6 {
        border-right: 6px solid var(--p-color-primary) !important
    }

    .u-bd-r-xxl--primary-7 {
        border-right: 7px solid var(--p-color-primary) !important
    }

    .u-bd-r-xxl--primary-8 {
        border-right: 8px solid var(--p-color-primary) !important
    }

    .u-bd-r-xxl--primary-9 {
        border-right: 9px solid var(--p-color-primary) !important
    }

    .u-bd-r-xxl--primary-10 {
        border-right: 10px solid var(--p-color-primary) !important
    }

    .u-bd-r-xxl--secondary-0 {
        border-right: 0px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xxl--secondary-1 {
        border-right: 1px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xxl--secondary-2 {
        border-right: 2px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xxl--secondary-3 {
        border-right: 3px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xxl--secondary-4 {
        border-right: 4px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xxl--secondary-5 {
        border-right: 5px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xxl--secondary-6 {
        border-right: 6px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xxl--secondary-7 {
        border-right: 7px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xxl--secondary-8 {
        border-right: 8px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xxl--secondary-9 {
        border-right: 9px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xxl--secondary-10 {
        border-right: 10px solid var(--p-color-secondary) !important
    }

    .u-bd-r-xxl--transparent-0 {
        border-right: 0px solid transparent !important
    }

    .u-bd-r-xxl--transparent-1 {
        border-right: 1px solid transparent !important
    }

    .u-bd-r-xxl--transparent-2 {
        border-right: 2px solid transparent !important
    }

    .u-bd-r-xxl--transparent-3 {
        border-right: 3px solid transparent !important
    }

    .u-bd-r-xxl--transparent-4 {
        border-right: 4px solid transparent !important
    }

    .u-bd-r-xxl--transparent-5 {
        border-right: 5px solid transparent !important
    }

    .u-bd-r-xxl--transparent-6 {
        border-right: 6px solid transparent !important
    }

    .u-bd-r-xxl--transparent-7 {
        border-right: 7px solid transparent !important
    }

    .u-bd-r-xxl--transparent-8 {
        border-right: 8px solid transparent !important
    }

    .u-bd-r-xxl--transparent-9 {
        border-right: 9px solid transparent !important
    }

    .u-bd-r-xxl--transparent-10 {
        border-right: 10px solid transparent !important
    }
}

.u-color--body {
    color: var(--p-color-body) !important
}

.u-color--number {
    color: var(--p-color-number) !important
}

.u-color--link {
    color: var(--p-color-link) !important
}

.u-color--attention {
    color: var(--p-color-attention) !important
}

@media(min-width: 576px) {
    .u-color-sm--body {
        color: var(--p-color-body) !important
    }

    .u-color-sm--number {
        color: var(--p-color-number) !important
    }

    .u-color-sm--link {
        color: var(--p-color-link) !important
    }

    .u-color-sm--attention {
        color: var(--p-color-attention) !important
    }
}

@media(min-width: 769px) {
    .u-color-md--body {
        color: var(--p-color-body) !important
    }

    .u-color-md--number {
        color: var(--p-color-number) !important
    }

    .u-color-md--link {
        color: var(--p-color-link) !important
    }

    .u-color-md--attention {
        color: var(--p-color-attention) !important
    }
}

@media(min-width: 992px) {
    .u-color-lg--body {
        color: var(--p-color-body) !important
    }

    .u-color-lg--number {
        color: var(--p-color-number) !important
    }

    .u-color-lg--link {
        color: var(--p-color-link) !important
    }

    .u-color-lg--attention {
        color: var(--p-color-attention) !important
    }
}

@media(min-width: 1200px) {
    .u-color-xl--body {
        color: var(--p-color-body) !important
    }

    .u-color-xl--number {
        color: var(--p-color-number) !important
    }

    .u-color-xl--link {
        color: var(--p-color-link) !important
    }

    .u-color-xl--attention {
        color: var(--p-color-attention) !important
    }
}

@media(min-width: 1400px) {
    .u-color-xxl--body {
        color: var(--p-color-body) !important
    }

    .u-color-xxl--number {
        color: var(--p-color-number) !important
    }

    .u-color-xxl--link {
        color: var(--p-color-link) !important
    }

    .u-color-xxl--attention {
        color: var(--p-color-attention) !important
    }
}

.u-d--block {
    display: block !important
}

.u-d--inline {
    display: inline !important
}

.u-d--inline-block {
    display: inline-block !important
}

.u-d--flex {
    display: flex !important
}

.u-d--inline-flex {
    display: inline-flex !important
}

.u-d--table {
    display: table !important
}

.u-d--table-row {
    display: table-row !important
}

.u-d--table-col {
    display: table-col !important
}

.u-d--none {
    display: none !important
}

@media(min-width: 576px) {
    .u-d-sm--block {
        display: block !important
    }

    .u-d-sm--inline {
        display: inline !important
    }

    .u-d-sm--inline-block {
        display: inline-block !important
    }

    .u-d-sm--flex {
        display: flex !important
    }

    .u-d-sm--inline-flex {
        display: inline-flex !important
    }

    .u-d-sm--table {
        display: table !important
    }

    .u-d-sm--table-row {
        display: table-row !important
    }

    .u-d-sm--table-col {
        display: table-col !important
    }

    .u-d-sm--none {
        display: none !important
    }
}

@media(min-width: 769px) {
    .u-d-md--block {
        display: block !important
    }

    .u-d-md--inline {
        display: inline !important
    }

    .u-d-md--inline-block {
        display: inline-block !important
    }

    .u-d-md--flex {
        display: flex !important
    }

    .u-d-md--inline-flex {
        display: inline-flex !important
    }

    .u-d-md--table {
        display: table !important
    }

    .u-d-md--table-row {
        display: table-row !important
    }

    .u-d-md--table-col {
        display: table-col !important
    }

    .u-d-md--none {
        display: none !important
    }
}

@media(min-width: 992px) {
    .u-d-lg--block {
        display: block !important
    }

    .u-d-lg--inline {
        display: inline !important
    }

    .u-d-lg--inline-block {
        display: inline-block !important
    }

    .u-d-lg--flex {
        display: flex !important
    }

    .u-d-lg--inline-flex {
        display: inline-flex !important
    }

    .u-d-lg--table {
        display: table !important
    }

    .u-d-lg--table-row {
        display: table-row !important
    }

    .u-d-lg--table-col {
        display: table-col !important
    }

    .u-d-lg--none {
        display: none !important
    }
}

@media(min-width: 1200px) {
    .u-d-xl--block {
        display: block !important
    }

    .u-d-xl--inline {
        display: inline !important
    }

    .u-d-xl--inline-block {
        display: inline-block !important
    }

    .u-d-xl--flex {
        display: flex !important
    }

    .u-d-xl--inline-flex {
        display: inline-flex !important
    }

    .u-d-xl--table {
        display: table !important
    }

    .u-d-xl--table-row {
        display: table-row !important
    }

    .u-d-xl--table-col {
        display: table-col !important
    }

    .u-d-xl--none {
        display: none !important
    }
}

@media(min-width: 1400px) {
    .u-d-xxl--block {
        display: block !important
    }

    .u-d-xxl--inline {
        display: inline !important
    }

    .u-d-xxl--inline-block {
        display: inline-block !important
    }

    .u-d-xxl--flex {
        display: flex !important
    }

    .u-d-xxl--inline-flex {
        display: inline-flex !important
    }

    .u-d-xxl--table {
        display: table !important
    }

    .u-d-xxl--table-row {
        display: table-row !important
    }

    .u-d-xxl--table-col {
        display: table-col !important
    }

    .u-d-xxl--none {
        display: none !important
    }
}

@media print {
    .u-d-none--print {
        display: none !important
    }
}

.u-flex--row {
    flex-direction: row !important
}

.u-flex--row-reverse {
    flex-direction: row-reverse !important
}

.u-flex--column {
    flex-direction: column !important
}

.u-flex--column-reverse {
    flex-direction: column-reverse !important
}

@media(min-width: 576px) {
    .u-flex-sm--row {
        flex-direction: row !important
    }

    .u-flex-sm--row-reverse {
        flex-direction: row-reverse !important
    }

    .u-flex-sm--column {
        flex-direction: column !important
    }

    .u-flex-sm--column-reverse {
        flex-direction: column-reverse !important
    }
}

@media(min-width: 769px) {
    .u-flex-md--row {
        flex-direction: row !important
    }

    .u-flex-md--row-reverse {
        flex-direction: row-reverse !important
    }

    .u-flex-md--column {
        flex-direction: column !important
    }

    .u-flex-md--column-reverse {
        flex-direction: column-reverse !important
    }
}

@media(min-width: 992px) {
    .u-flex-lg--row {
        flex-direction: row !important
    }

    .u-flex-lg--row-reverse {
        flex-direction: row-reverse !important
    }

    .u-flex-lg--column {
        flex-direction: column !important
    }

    .u-flex-lg--column-reverse {
        flex-direction: column-reverse !important
    }
}

@media(min-width: 1200px) {
    .u-flex-xl--row {
        flex-direction: row !important
    }

    .u-flex-xl--row-reverse {
        flex-direction: row-reverse !important
    }

    .u-flex-xl--column {
        flex-direction: column !important
    }

    .u-flex-xl--column-reverse {
        flex-direction: column-reverse !important
    }
}

@media(min-width: 1400px) {
    .u-flex-xxl--row {
        flex-direction: row !important
    }

    .u-flex-xxl--row-reverse {
        flex-direction: row-reverse !important
    }

    .u-flex-xxl--column {
        flex-direction: column !important
    }

    .u-flex-xxl--column-reverse {
        flex-direction: column-reverse !important
    }
}

.u-flex-grow--0 {
    flex-grow: 0 !important
}

.u-flex-grow--1 {
    flex-grow: 1 !important
}

@media(min-width: 576px) {
    .u-flex-grow-sm--0 {
        flex-grow: 0 !important
    }

    .u-flex-grow-sm--1 {
        flex-grow: 1 !important
    }
}

@media(min-width: 769px) {
    .u-flex-grow-md--0 {
        flex-grow: 0 !important
    }

    .u-flex-grow-md--1 {
        flex-grow: 1 !important
    }
}

@media(min-width: 992px) {
    .u-flex-grow-lg--0 {
        flex-grow: 0 !important
    }

    .u-flex-grow-lg--1 {
        flex-grow: 1 !important
    }
}

@media(min-width: 1200px) {
    .u-flex-grow-xl--0 {
        flex-grow: 0 !important
    }

    .u-flex-grow-xl--1 {
        flex-grow: 1 !important
    }
}

@media(min-width: 1400px) {
    .u-flex-grow-xxl--0 {
        flex-grow: 0 !important
    }

    .u-flex-grow-xxl--1 {
        flex-grow: 1 !important
    }
}

.u-flex-shrink--0 {
    flex-shrink: 0 !important
}

.u-flex-shrink--1 {
    flex-shrink: 1 !important
}

@media(min-width: 576px) {
    .u-flex-shrink-sm--0 {
        flex-shrink: 0 !important
    }

    .u-flex-shrink-sm--1 {
        flex-shrink: 1 !important
    }
}

@media(min-width: 769px) {
    .u-flex-shrink-md--0 {
        flex-shrink: 0 !important
    }

    .u-flex-shrink-md--1 {
        flex-shrink: 1 !important
    }
}

@media(min-width: 992px) {
    .u-flex-shrink-lg--0 {
        flex-shrink: 0 !important
    }

    .u-flex-shrink-lg--1 {
        flex-shrink: 1 !important
    }
}

@media(min-width: 1200px) {
    .u-flex-shrink-xl--0 {
        flex-shrink: 0 !important
    }

    .u-flex-shrink-xl--1 {
        flex-shrink: 1 !important
    }
}

@media(min-width: 1400px) {
    .u-flex-shrink-xxl--0 {
        flex-shrink: 0 !important
    }

    .u-flex-shrink-xxl--1 {
        flex-shrink: 1 !important
    }
}

.u-flex--wrap {
    flex-wrap: wrap !important
}

.u-flex--nowrap {
    flex-wrap: nowrap !important
}

.u-flex--wrap-reverse {
    flex-wrap: wrap-reverse !important
}

@media(min-width: 576px) {
    .u-flex-sm--wrap {
        flex-wrap: wrap !important
    }

    .u-flex-sm--nowrap {
        flex-wrap: nowrap !important
    }

    .u-flex-sm--wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
}

@media(min-width: 769px) {
    .u-flex-md--wrap {
        flex-wrap: wrap !important
    }

    .u-flex-md--nowrap {
        flex-wrap: nowrap !important
    }

    .u-flex-md--wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
}

@media(min-width: 992px) {
    .u-flex-lg--wrap {
        flex-wrap: wrap !important
    }

    .u-flex-lg--nowrap {
        flex-wrap: nowrap !important
    }

    .u-flex-lg--wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
}

@media(min-width: 1200px) {
    .u-flex-xl--wrap {
        flex-wrap: wrap !important
    }

    .u-flex-xl--nowrap {
        flex-wrap: nowrap !important
    }

    .u-flex-xl--wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
}

@media(min-width: 1400px) {
    .u-flex-xxl--wrap {
        flex-wrap: wrap !important
    }

    .u-flex-xxl--nowrap {
        flex-wrap: nowrap !important
    }

    .u-flex-xxl--wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
}

.u-text--normal {
    font-weight: 400 !important
}

.u-text--medium {
    font-weight: 500 !important
}

.u-text--bold {
    font-weight: 700 !important
}

@media(min-width: 576px) {
    .u-text-sm--normal {
        font-weight: 400 !important
    }

    .u-text-sm--medium {
        font-weight: 500 !important
    }

    .u-text-sm--bold {
        font-weight: 700 !important
    }
}

@media(min-width: 769px) {
    .u-text-md--normal {
        font-weight: 400 !important
    }

    .u-text-md--medium {
        font-weight: 500 !important
    }

    .u-text-md--bold {
        font-weight: 700 !important
    }
}

@media(min-width: 992px) {
    .u-text-lg--normal {
        font-weight: 400 !important
    }

    .u-text-lg--medium {
        font-weight: 500 !important
    }

    .u-text-lg--bold {
        font-weight: 700 !important
    }
}

@media(min-width: 1200px) {
    .u-text-xl--normal {
        font-weight: 400 !important
    }

    .u-text-xl--medium {
        font-weight: 500 !important
    }

    .u-text-xl--bold {
        font-weight: 700 !important
    }
}

@media(min-width: 1400px) {
    .u-text-xxl--normal {
        font-weight: 400 !important
    }

    .u-text-xxl--medium {
        font-weight: 500 !important
    }

    .u-text-xxl--bold {
        font-weight: 700 !important
    }
}

.u-indent {
    text-indent: -1em !important;
    padding-left: 1em !important
}

.u-indent--inline {
    display: inline-block;
    text-indent: -1em !important;
    padding-left: 1em !important
}

@media(min-width: 576px) {
    .u-indent-sm {
        text-indent: -1em !important;
        padding-left: 1em !important
    }

    .u-indent-sm--inline {
        display: inline-block;
        text-indent: -1em !important;
        padding-left: 1em !important
    }
}

@media(min-width: 769px) {
    .u-indent-md {
        text-indent: -1em !important;
        padding-left: 1em !important
    }

    .u-indent-md--inline {
        display: inline-block;
        text-indent: -1em !important;
        padding-left: 1em !important
    }
}

@media(min-width: 992px) {
    .u-indent-lg {
        text-indent: -1em !important;
        padding-left: 1em !important
    }

    .u-indent-lg--inline {
        display: inline-block;
        text-indent: -1em !important;
        padding-left: 1em !important
    }
}

@media(min-width: 1200px) {
    .u-indent-xl {
        text-indent: -1em !important;
        padding-left: 1em !important
    }

    .u-indent-xl--inline {
        display: inline-block;
        text-indent: -1em !important;
        padding-left: 1em !important
    }
}

@media(min-width: 1400px) {
    .u-indent-xxl {
        text-indent: -1em !important;
        padding-left: 1em !important
    }

    .u-indent-xxl--inline {
        display: inline-block;
        text-indent: -1em !important;
        padding-left: 1em !important
    }
}

.u-justify-content--start {
    justify-content: flex-start !important
}

.u-justify-content--center {
    justify-content: center !important
}

.u-justify-content--end {
    justify-content: flex-end !important
}

.u-justify-content--between {
    justify-content: space-between !important
}

.u-justify-content--around {
    justify-content: space-around !important
}

@media(min-width: 576px) {
    .u-justify-content-sm--start {
        justify-content: flex-start !important
    }

    .u-justify-content-sm--center {
        justify-content: center !important
    }

    .u-justify-content-sm--end {
        justify-content: flex-end !important
    }

    .u-justify-content-sm--between {
        justify-content: space-between !important
    }

    .u-justify-content-sm--around {
        justify-content: space-around !important
    }
}

@media(min-width: 769px) {
    .u-justify-content-md--start {
        justify-content: flex-start !important
    }

    .u-justify-content-md--center {
        justify-content: center !important
    }

    .u-justify-content-md--end {
        justify-content: flex-end !important
    }

    .u-justify-content-md--between {
        justify-content: space-between !important
    }

    .u-justify-content-md--around {
        justify-content: space-around !important
    }
}

@media(min-width: 992px) {
    .u-justify-content-lg--start {
        justify-content: flex-start !important
    }

    .u-justify-content-lg--center {
        justify-content: center !important
    }

    .u-justify-content-lg--end {
        justify-content: flex-end !important
    }

    .u-justify-content-lg--between {
        justify-content: space-between !important
    }

    .u-justify-content-lg--around {
        justify-content: space-around !important
    }
}

@media(min-width: 1200px) {
    .u-justify-content-xl--start {
        justify-content: flex-start !important
    }

    .u-justify-content-xl--center {
        justify-content: center !important
    }

    .u-justify-content-xl--end {
        justify-content: flex-end !important
    }

    .u-justify-content-xl--between {
        justify-content: space-between !important
    }

    .u-justify-content-xl--around {
        justify-content: space-around !important
    }
}

@media(min-width: 1400px) {
    .u-justify-content-xxl--start {
        justify-content: flex-start !important
    }

    .u-justify-content-xxl--center {
        justify-content: center !important
    }

    .u-justify-content-xxl--end {
        justify-content: flex-end !important
    }

    .u-justify-content-xxl--between {
        justify-content: space-between !important
    }

    .u-justify-content-xxl--around {
        justify-content: space-around !important
    }
}

.u-lh--100 {
    line-height: 1 !important
}

.u-lh--125 {
    line-height: 1.25 !important
}

.u-lh--150 {
    line-height: 1.5 !important
}

.u-lh--175 {
    line-height: 1.75 !important
}

.u-lh--200 {
    line-height: 2 !important
}

@media(min-width: 576px) {
    .u-lh-sm--100 {
        line-height: 1 !important
    }

    .u-lh-sm--125 {
        line-height: 1.25 !important
    }

    .u-lh-sm--150 {
        line-height: 1.5 !important
    }

    .u-lh-sm--175 {
        line-height: 1.75 !important
    }

    .u-lh-sm--200 {
        line-height: 2 !important
    }
}

@media(min-width: 769px) {
    .u-lh-md--100 {
        line-height: 1 !important
    }

    .u-lh-md--125 {
        line-height: 1.25 !important
    }

    .u-lh-md--150 {
        line-height: 1.5 !important
    }

    .u-lh-md--175 {
        line-height: 1.75 !important
    }

    .u-lh-md--200 {
        line-height: 2 !important
    }
}

@media(min-width: 992px) {
    .u-lh-lg--100 {
        line-height: 1 !important
    }

    .u-lh-lg--125 {
        line-height: 1.25 !important
    }

    .u-lh-lg--150 {
        line-height: 1.5 !important
    }

    .u-lh-lg--175 {
        line-height: 1.75 !important
    }

    .u-lh-lg--200 {
        line-height: 2 !important
    }
}

@media(min-width: 1200px) {
    .u-lh-xl--100 {
        line-height: 1 !important
    }

    .u-lh-xl--125 {
        line-height: 1.25 !important
    }

    .u-lh-xl--150 {
        line-height: 1.5 !important
    }

    .u-lh-xl--175 {
        line-height: 1.75 !important
    }

    .u-lh-xl--200 {
        line-height: 2 !important
    }
}

@media(min-width: 1400px) {
    .u-lh-xxl--100 {
        line-height: 1 !important
    }

    .u-lh-xxl--125 {
        line-height: 1.25 !important
    }

    .u-lh-xxl--150 {
        line-height: 1.5 !important
    }

    .u-lh-xxl--175 {
        line-height: 1.75 !important
    }

    .u-lh-xxl--200 {
        line-height: 2 !important
    }
}

.u-fit--cover {
    object-fit: cover !important
}

.u-fit--contain {
    object-fit: contain !important
}

@media(min-width: 576px) {
    .u-fit-sm--cover {
        object-fit: cover !important
    }

    .u-fit-sm--contain {
        object-fit: contain !important
    }
}

@media(min-width: 769px) {
    .u-fit-md--cover {
        object-fit: cover !important
    }

    .u-fit-md--contain {
        object-fit: contain !important
    }
}

@media(min-width: 992px) {
    .u-fit-lg--cover {
        object-fit: cover !important
    }

    .u-fit-lg--contain {
        object-fit: contain !important
    }
}

@media(min-width: 1200px) {
    .u-fit-xl--cover {
        object-fit: cover !important
    }

    .u-fit-xl--contain {
        object-fit: contain !important
    }
}

@media(min-width: 1400px) {
    .u-fit-xxl--cover {
        object-fit: cover !important
    }

    .u-fit-xxl--contain {
        object-fit: contain !important
    }
}

.u-order--0 {
    order: 0 !important
}

.u-order--1 {
    order: 1 !important
}

.u-order--2 {
    order: 2 !important
}

.u-order--3 {
    order: 3 !important
}

.u-order--4 {
    order: 4 !important
}

.u-order--5 {
    order: 5 !important
}

@media(min-width: 576px) {
    .u-order-sm--0 {
        order: 0 !important
    }

    .u-order-sm--1 {
        order: 1 !important
    }

    .u-order-sm--2 {
        order: 2 !important
    }

    .u-order-sm--3 {
        order: 3 !important
    }

    .u-order-sm--4 {
        order: 4 !important
    }

    .u-order-sm--5 {
        order: 5 !important
    }
}

@media(min-width: 769px) {
    .u-order-md--0 {
        order: 0 !important
    }

    .u-order-md--1 {
        order: 1 !important
    }

    .u-order-md--2 {
        order: 2 !important
    }

    .u-order-md--3 {
        order: 3 !important
    }

    .u-order-md--4 {
        order: 4 !important
    }

    .u-order-md--5 {
        order: 5 !important
    }
}

@media(min-width: 992px) {
    .u-order-lg--0 {
        order: 0 !important
    }

    .u-order-lg--1 {
        order: 1 !important
    }

    .u-order-lg--2 {
        order: 2 !important
    }

    .u-order-lg--3 {
        order: 3 !important
    }

    .u-order-lg--4 {
        order: 4 !important
    }

    .u-order-lg--5 {
        order: 5 !important
    }
}

@media(min-width: 1200px) {
    .u-order-xl--0 {
        order: 0 !important
    }

    .u-order-xl--1 {
        order: 1 !important
    }

    .u-order-xl--2 {
        order: 2 !important
    }

    .u-order-xl--3 {
        order: 3 !important
    }

    .u-order-xl--4 {
        order: 4 !important
    }

    .u-order-xl--5 {
        order: 5 !important
    }
}

@media(min-width: 1400px) {
    .u-order-xxl--0 {
        order: 0 !important
    }

    .u-order-xxl--1 {
        order: 1 !important
    }

    .u-order-xxl--2 {
        order: 2 !important
    }

    .u-order-xxl--3 {
        order: 3 !important
    }

    .u-order-xxl--4 {
        order: 4 !important
    }

    .u-order-xxl--5 {
        order: 5 !important
    }
}

.u-overflow--auto {
    overflow: auto !important
}

.u-overflow--hidden {
    overflow: hidden !important
}

.u-overflow--visible {
    overflow: visible !important
}

.u-overflow--scroll {
    overflow: scroll !important
}

@media(min-width: 576px) {
    .u-overflow-sm--auto {
        overflow: auto !important
    }

    .u-overflow-sm--hidden {
        overflow: hidden !important
    }

    .u-overflow-sm--visible {
        overflow: visible !important
    }

    .u-overflow-sm--scroll {
        overflow: scroll !important
    }
}

@media(min-width: 769px) {
    .u-overflow-md--auto {
        overflow: auto !important
    }

    .u-overflow-md--hidden {
        overflow: hidden !important
    }

    .u-overflow-md--visible {
        overflow: visible !important
    }

    .u-overflow-md--scroll {
        overflow: scroll !important
    }
}

@media(min-width: 992px) {
    .u-overflow-lg--auto {
        overflow: auto !important
    }

    .u-overflow-lg--hidden {
        overflow: hidden !important
    }

    .u-overflow-lg--visible {
        overflow: visible !important
    }

    .u-overflow-lg--scroll {
        overflow: scroll !important
    }
}

@media(min-width: 1200px) {
    .u-overflow-xl--auto {
        overflow: auto !important
    }

    .u-overflow-xl--hidden {
        overflow: hidden !important
    }

    .u-overflow-xl--visible {
        overflow: visible !important
    }

    .u-overflow-xl--scroll {
        overflow: scroll !important
    }
}

@media(min-width: 1400px) {
    .u-overflow-xxl--auto {
        overflow: auto !important
    }

    .u-overflow-xxl--hidden {
        overflow: hidden !important
    }

    .u-overflow-xxl--visible {
        overflow: visible !important
    }

    .u-overflow-xxl--scroll {
        overflow: scroll !important
    }
}

.u-position--static {
    position: static !important
}

.u-position--relative {
    position: relative !important
}

.u-position--absolute {
    position: absolute !important
}

.u-position--fixed {
    position: fixed !important
}

.u-position--sticky {
    position: sticky !important
}

@media(min-width: 576px) {
    .u-position-sm--static {
        position: static !important
    }

    .u-position-sm--relative {
        position: relative !important
    }

    .u-position-sm--absolute {
        position: absolute !important
    }

    .u-position-sm--fixed {
        position: fixed !important
    }

    .u-position-sm--sticky {
        position: sticky !important
    }
}

@media(min-width: 769px) {
    .u-position-md--static {
        position: static !important
    }

    .u-position-md--relative {
        position: relative !important
    }

    .u-position-md--absolute {
        position: absolute !important
    }

    .u-position-md--fixed {
        position: fixed !important
    }

    .u-position-md--sticky {
        position: sticky !important
    }
}

@media(min-width: 992px) {
    .u-position-lg--static {
        position: static !important
    }

    .u-position-lg--relative {
        position: relative !important
    }

    .u-position-lg--absolute {
        position: absolute !important
    }

    .u-position-lg--fixed {
        position: fixed !important
    }

    .u-position-lg--sticky {
        position: sticky !important
    }
}

@media(min-width: 1200px) {
    .u-position-xl--static {
        position: static !important
    }

    .u-position-xl--relative {
        position: relative !important
    }

    .u-position-xl--absolute {
        position: absolute !important
    }

    .u-position-xl--fixed {
        position: fixed !important
    }

    .u-position-xl--sticky {
        position: sticky !important
    }
}

@media(min-width: 1400px) {
    .u-position-xxl--static {
        position: static !important
    }

    .u-position-xxl--relative {
        position: relative !important
    }

    .u-position-xxl--absolute {
        position: absolute !important
    }

    .u-position-xxl--fixed {
        position: fixed !important
    }

    .u-position-xxl--sticky {
        position: sticky !important
    }
}

.u-text--left {
    text-align: left !important
}

.u-text--center {
    text-align: center !important
}

.u-text--right {
    text-align: right !important
}

.u-text--justify {
    text-align: justify !important
}

@media(min-width: 576px) {
    .u-text-sm--left {
        text-align: left !important
    }

    .u-text-sm--center {
        text-align: center !important
    }

    .u-text-sm--right {
        text-align: right !important
    }

    .u-text-sm--justify {
        text-align: justify !important
    }
}

@media(min-width: 769px) {
    .u-text-md--left {
        text-align: left !important
    }

    .u-text-md--center {
        text-align: center !important
    }

    .u-text-md--right {
        text-align: right !important
    }

    .u-text-md--justify {
        text-align: justify !important
    }
}

@media(min-width: 992px) {
    .u-text-lg--left {
        text-align: left !important
    }

    .u-text-lg--center {
        text-align: center !important
    }

    .u-text-lg--right {
        text-align: right !important
    }

    .u-text-lg--justify {
        text-align: justify !important
    }
}

@media(min-width: 1200px) {
    .u-text-xl--left {
        text-align: left !important
    }

    .u-text-xl--center {
        text-align: center !important
    }

    .u-text-xl--right {
        text-align: right !important
    }

    .u-text-xl--justify {
        text-align: justify !important
    }
}

@media(min-width: 1400px) {
    .u-text-xxl--left {
        text-align: left !important
    }

    .u-text-xxl--center {
        text-align: center !important
    }

    .u-text-xxl--right {
        text-align: right !important
    }

    .u-text-xxl--justify {
        text-align: justify !important
    }
}

.u-text--wrap {
    white-space: normal !important
}

.u-text--nowrap {
    white-space: nowrap !important
}

@media(min-width: 576px) {
    .u-text-sm--wrap {
        white-space: normal !important
    }

    .u-text-sm--nowrap {
        white-space: nowrap !important
    }
}

@media(min-width: 769px) {
    .u-text-md--wrap {
        white-space: normal !important
    }

    .u-text-md--nowrap {
        white-space: nowrap !important
    }
}

@media(min-width: 992px) {
    .u-text-lg--wrap {
        white-space: normal !important
    }

    .u-text-lg--nowrap {
        white-space: nowrap !important
    }
}

@media(min-width: 1200px) {
    .u-text-xl--wrap {
        white-space: normal !important
    }

    .u-text-xl--nowrap {
        white-space: nowrap !important
    }
}

@media(min-width: 1400px) {
    .u-text-xxl--wrap {
        white-space: normal !important
    }

    .u-text-xxl--nowrap {
        white-space: nowrap !important
    }
}




.campaign-container {
      max-width: 910px;
      width: 100%;
      text-align: center;
      margin: auto;
    }

    .main-title::before,
    .main-title::after {
      content: '';
      display: inline-block;
      width: 25px;
      height: 2px;
      background-color: #0b4f3b;
    }

    .main-title::before {
      transform: rotate(-35deg);
    }

    .main-title::after {
      transform: rotate(35deg);
    }

    /* メインカード枠 */
    .card-wrapper {
      background-color: #ffffff;
      border-radius: 20px;
      padding: 30px 20px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    }

    .sub-title {
      color: #0b4f3b;
      font-size: 3.733333333333334vw;
      font-weight: bold;
      margin-bottom: 25px;
    }

    @media(min-width: 769px) {
    .sub-title {
      color: #0b4f3b;
      font-size: 1.15rem;
      font-weight: bold;
      margin-bottom: 25px;
    }
    }


    /* 壁紙グリッド */
    .wallpaper-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 15px;
    }

    @media (max-width: 768px) {
      .wallpaper-grid {
        grid-template-columns: repeat(2, 30.133333333333333vw);
        justify-content: center;
      }
    }

    /* 壁紙アイテム */
    .wallpaper-item {
      background-color: #ffffff;
      border: 1px solid #026351;
      border-radius: 16px;
      padding: 12px 12px 28px;
      box-shadow: 0px 8px 0px #026351;
      display: flex;
      flex-direction: column;
      /* align-items: center; */
      width: 198px;
    }

    @media (max-width: 768px) {
    .wallpaper-item {
      background-color: #ffffff;
      border: 1px solid #026351;
      border-radius: 16px;
      padding: 12px 12px 28px;
      box-shadow: 0px 8px 0px #026351;
      display: flex;
      flex-direction: column;
      width: 30.133333333333333vw;
    }
    }

    /* 壁紙プレビュー領域 */
    .wallpaper-preview {
      width: 100%;
      max-width: 172px;
      height: 306px;
      background-color: #008259;
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #ffffff;
      position: relative;
      overflow: hidden;
    }

    @media (max-width: 768px) {
    .wallpaper-preview {
      width: 100%;
      max-width: 26.13333333333333vw;
      height: 46.666666666666664vw;
      background-color: #008259;
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #ffffff;
      position: relative;
      overflow: hidden;
    }
    }



    .wallpaper-text-title {
      font-size: 0.8rem;
      font-weight: bold;
      margin-bottom: 5px;
      letter-spacing: 0.5px;
    }

    .wallpaper-text-sub {
      font-size: 0.75rem;
    }

    /* バッジ */
    .collabo-badge {
      position: absolute;
      top: 14px;
      left: 12px;
      background-color: #FDB813;
      color: #026351;
      font-size: 12px;
      font-weight: 700;
      padding: 3px 8px;
      border-radius: 12px;
      z-index: 2;
      border: 1px solid #fff;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    }

    /* Coming Soon リボン */
    .coming-soon-banner {
      position: absolute;
      background-color: rgba(11, 79, 59, 0.9);
      color: #ffffff;
      width: 140%;
      text-align: center;
      padding: 6px 0;
      font-weight: bold;
      font-size: 0.85rem;
      transform: rotate(-12deg);
      box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

    /* ラベルテキスト */
    .wallpaper-label {
      margin-top: 12px;
      color: #1F2937;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.3;
      text-align: left;
    }

    /* ラベルテキスト */
    .wallpaper-label-Coming-soon {
      margin-top: 12px;
      color: #707070;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.3;
      text-align: left;
    }

.download-guide {
    background: #FFFCEF;
    border: 2px solid #009070;
    border-radius: 16px;
    padding: 5.333333333333334vw 3.733333333333334vw;
    color: #555555;
    line-height: 1.8;
    margin: 8vw auto 0vw;
}

@media(min-width: 769px) {
.download-guide {
    background: #FFFCEF;
    border: 2px solid #009070;
    border-radius: 16px;
    padding: 20px 14px;
    color: #555555;
    line-height: 1.8;
    margin: 40px auto 40px;
}
}




.download-guide h2 {
    margin: 0 0 2.666666666666667vw;
    font-size: 4.266666666666667vw;
    font-weight: 700;
    color: #009070;
    line-height: 1.3;
    text-align: left;
}

@media(min-width: 769px) {
.download-guide h2 {
    margin: 0 0 10px;
    font-size: 1rem;
    font-weight: 700;
    color: #009070;
    line-height: 1.3;
    text-align: left;
}
}

.download-guide ul {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
    text-align: left;
}

.download-guide li {
    position: relative;
    padding-left: 4.866667vw;
    margin-bottom: 2.1333333333333333vw;
    font-size: 3.733333333333334vw;
    font-weight: 700;
    line-height: 1.5;
}

@media(min-width: 769px) {
.download-guide li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5;
}

}



.download-guide li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.133333vw;
    width: 10px;
    height: 10px;
    background: #00826a;
    border-radius: 50%;
}

@media(min-width: 769px) {
.download-guide li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    background: #00826a;
    border-radius: 50%;
}
}

.download-guide .note {
    margin: 0;
    font-size: 3.733333333333334vw;
    color: #555555;
    font-weight: 500;
    text-align: left;
    line-height: 1.5;
}

@media(min-width: 769px) {
.download-guide .note {
    margin: 0;
    font-size: 0.875rem;
    color: #555555;
    font-weight: 500;
    text-align: left;
    line-height: 1.5;
}
}


.br_pc { display: block!important; }
.br_sp { display: none!important; }

@media (max-width: 768px) {
  .br_pc { display: none!important; }
  .br_sp { display: block!important; }
}