@font-face {
    font-family: 'Noto Sans JP';
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans JP"), local("Noto Sans CJK JP"), url("../fonts/noto-sans-jp-v42-latin_japanese-regular.woff2") format("woff2"), url("../fonts/noto-sans-jp-v42-latin_japanese-regular.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans JP';
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    src: local("Noto Sans JP"), local("Noto Sans CJK JP"), url("../fonts/noto-sans-jp-v42-latin_japanese-500.woff2") format("woff2"), url("../fonts/noto-sans-jp-v42-latin_japanese-500.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans JP';
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans JP"), local("Noto Sans CJK JP"), url("../fonts/noto-sans-jp-v42-latin_japanese-700.woff2") format("woff2"), url("../fonts/noto-sans-jp-v42-latin_japanese-700.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans"), url("../fonts/noto-sans-v27-latin-regular.woff2") format("woff2"), url("../fonts/noto-sans-v27-latin-regular.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans"), url("../fonts/noto-sans-v27-latin-700.woff2") format("woff2"), url("../fonts/noto-sans-v27-latin-700.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans Display';
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans"), url("../fonts/noto-sans-display-regular.woff2") format("woff2"), url("../fonts/noto-sans-display-regular.woff") format("woff")
}

/*@font-face {*/
/*    font-family: 'Noto Sans Display';*/
/*    font-display: swap;*/
/*    font-style: normal;*/
/*    font-weight: 700;*/
/*    src: local("Noto Sans"), url("../fonts/noto-sans-display-700.woff2") format("woff2"), url("../fonts/noto-sans-display-700.woff") format("woff")*/
/*}*/

@font-face {
    font-family: 'Jost';
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    src: local("Jost"), url("../fonts/jost-v14-latin-500.woff2") format("woff2"), url("../fonts/jost-v14-latin-500.woff") format("woff")
}

@font-face {
    font-family: 'Jost';
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: local("Jost"), url("../fonts/jost-v14-latin-regular.woff2") format("woff2"), url("../fonts/jost-v14-latin-regular.woff") format("woff")
}

/*!
 * Bootstrap Reboot v5.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
:root {
    --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-white: #fff;
    --bs-gray: #666;
    --bs-gray-dark: #333;
    --bs-gray-100: #e6e6e6;
    --bs-gray-200: #ccc;
    --bs-gray-300: #b3b3b3;
    --bs-gray-400: #999;
    --bs-gray-500: gray;
    --bs-gray-600: #666;
    --bs-gray-700: #4d4d4d;
    --bs-gray-800: #333;
    --bs-gray-900: #1a1a1a;
    --bs-primary: #193c72;
    --bs-secondary: #3F51B5;
    --bs-success: #8bc34a;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #B30B00;
    --bs-light: #e6e6e6;
    --bs-dark: #1a1a1a;
    --bs-primary-rgb: 25, 60, 114;
    --bs-secondary-rgb: 63, 81, 181;
    --bs-success-rgb: 139, 195, 74;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 179, 11, 0;
    --bs-light-rgb: 230, 230, 230;
    --bs-dark-rgb: 26, 26, 26;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 0, 0, 0;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", 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: .875rem;
    --bs-body-font-weight: normal;
    --bs-body-line-height: 2;
    --bs-body-color: #000;
    --bs-body-bg: #fff
}

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

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: 16px 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: bold;
    line-height: 1.5;
    color: #000
}

h1 {
    font-size: 1.5rem
}

@media (max-width: 991.98px) {
    h1 {
        font-size: 1.5rem
    }
}

h2 {
    font-size: 1.5rem
}

@media (max-width: 991.98px) {
    h2 {
        font-size: 1.25rem
    }
}

h3 {
    font-size: 1.25rem
}

@media (max-width: 991.98px) {
    h3 {
        font-size: 1.125rem
    }
}

h4 {
    font-size: 1.125rem
}

@media (max-width: 991.98px) {
    h4 {
        font-size: 1rem
    }
}

h5 {
    font-size: 1rem
}

@media (max-width: 991.98px) {
    h5 {
        font-size: .875rem
    }
}

h6 {
    font-size: .875rem
}

@media (max-width: 991.98px) {
    h6 {
        font-size: .75rem
    }
}

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

abbr[title], abbr[data-bs-original-title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

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

ol, ul {
    -webkit-padding-start: 2rem;
    padding-inline-start: 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;
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small {
    font-size: .875em
}

mark {
    padding: .2em;
    background-color: #fcf8e3
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #193c72;
    text-decoration: underline;
    transition: color .2s
}

a:hover {
    color: #4c83d8
}

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;
    direction: ltr /* rtl:ignore */;
    unicode-bidi: bidi-override
}

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

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

code {
    font-size: 87.5%;
    color: #d63384;
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #1a1a1a;
    border-radius: .2rem
}

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

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: #666;
    text-align: start
}

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]::-webkit-calendar-picker-indicator {
    display: none
}

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 {
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

:not([lang=ar]) legend {
    float: left
}

[lang=ar] legend {
    float: right
}

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

:not([lang=ar]) legend + * {
    clear: left
}

[lang=ar] legend + * {
    clear: right
}

::-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"] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

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

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

::file-selector-button {
    font: inherit
}

::-webkit-file-upload-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
}

[lang=ar] {
    direction: rtl
}

html {
    -webkit-font-smoothing: antialiased
}

body {
    background: #fff;
    color: #000;
    font-size: .875rem;
    font-weight: normal;
    line-height: 2;
    letter-spacing: .025em
}

[lang=jp-ja] body {
    font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

:not([lang=jp-ja]) body {
    font-family: "Noto Sans", "Noto Sans Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-weight: bold;
    line-height: 1.5
}

h1 {
    font-size: 1.5rem
}

@media (max-width: 767.98px) {
    h1 {
        font-size: 1.5rem
    }
}

h2 {
    font-size: 1.5rem
}

@media (max-width: 767.98px) {
    h2 {
        font-size: 1.25rem
    }
}

h3 {
    font-size: 1.25rem
}

@media (max-width: 767.98px) {
    h3 {
        font-size: 1.125rem
    }
}

h4 {
    font-size: 1.125rem
}

@media (max-width: 767.98px) {
    h4 {
        font-size: 1rem
    }
}

h5 {
    font-size: 1rem
}

@media (max-width: 767.98px) {
    h5 {
        font-size: .875rem
    }
}

h6 {
    font-size: .875rem
}

@media (max-width: 767.98px) {
    h6 {
        font-size: .75rem
    }
}

p {
    font-size: .875rem;
    margin-bottom: 1.5rem
}

figure {
    margin-left: 0;
    margin-right: 0
}

figcaption {
    font-size: .75rem
}

table {
    margin-bottom: 1em;
    margin-top: 0
}

hr {
    border: none;
    border-top: 1px solid #b3b3b3
}

pre, code, kbd, samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 87.5%
}

img {
    height: auto;
    max-width: 100%;
    width: auto;
    pointer-events: none;
    image-rendering: -webkit-optimize-contrast
}

a {
    color: #193c72;
    text-decoration: none
}

a:hover {
    color: #4c83d8
}

button {
    background-color: transparent
}

@font-face {
    font-family: "icon";
    src: url("../fonts/icon.woff2") format("woff2"), url("../fonts/icon.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"], [class*=" icon-"] {
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-angle-up:before {
    content: "\E101"
}

.icon-angle-right:before {
    content: "\E102"
}

.icon-angle-down:before {
    content: "\E103"
}

.icon-angle-left:before {
    content: "\E104"
}

.icon-times:before {
    content: "\E105"
}

.icon-angle-left-double:before {
    content: "\E106"
}

.icon-external:before {
    content: "\E201"
}

.icon-plus:before {
    content: "\E202"
}

.icon-minus:before {
    content: "\E203"
}

.icon-pin:before {
    content: "\E204"
}

.icon-watch:before {
    content: "\E205"
}

.icon-mail:before {
    content: "\E206"
}

.icon-search:before {
    content: "\E207"
}

.icon-zoom:before {
    content: "\E208"
}

.icon-star:before {
    content: "\E209"
}

.icon-star-outline:before {
    content: "\E210"
}

.icon-kart-outline:before {
    content: "\E211"
}

.icon-kart:before {
    content: "\E212"
}

.icon-lang:before {
    content: "\E213"
}

.icon-info:before {
    content: "\E214"
}

.icon-help:before {
    content: "\E215"
}

.icon-stop:before {
    content: "\E216"
}

.icon-play:before {
    content: "\E217"
}

.icon-favorite-outline:before {
    content: "\E218"
}

.icon-favorite:before {
    content: "\E219"
}

.icon-download:before {
    content: "\E220"
}

.icon-pdf:before {
    content: "\E221"
}

.icon-concierge:before {
    content: "\E222"
}

.icon-point:before {
    content: "\E223"
}

.icon-reset:before {
    content: "\E230"
}

.icon-id:before {
    content: "\E231"
}

.icon-facebook:before {
    content: "\E301"
}

.icon-instagram:before {
    content: "\E302"
}

.icon-line:before {
    content: "\E303"
}

.icon-twitter:before {
    content: "\E304"
}

.icon-youtube:before {
    content: "\E305"
}

.icon-youtube-text:before {
    content: "\E306"
}

/*!
 * Bootstrap v5.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 12px);
    padding-left: var(--bs-gutter-x, 12px);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1140px
    }
}

.container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1320px
}

.row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5)
}

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

.col {
    flex: 1 0 0%
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.33333%
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.66667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: 8px
}

.g-1, .gy-1 {
    --bs-gutter-y: 8px
}

.g-2, .gx-2 {
    --bs-gutter-x: 16px
}

.g-2, .gy-2 {
    --bs-gutter-y: 16px
}

.g-3, .gx-3 {
    --bs-gutter-x: 24px
}

.g-3, .gy-3 {
    --bs-gutter-y: 24px
}

.g-4, .gx-4 {
    --bs-gutter-x: 32px
}

.g-4, .gy-4 {
    --bs-gutter-y: 32px
}

.g-5, .gx-5 {
    --bs-gutter-x: 40px
}

.g-5, .gy-5 {
    --bs-gutter-y: 40px
}

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

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

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

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

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

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

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

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

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

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

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

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

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

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: 8px
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: 8px
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: 16px
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 16px
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 24px
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 24px
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 32px
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 32px
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 40px
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 40px
    }
}

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

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

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

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

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

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

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

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

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

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

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

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

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

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: 8px
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: 8px
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: 16px
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 16px
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 24px
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 24px
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 32px
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 32px
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 40px
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 40px
    }
}

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

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

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

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

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

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

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

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

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

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

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

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

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

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: 8px
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: 8px
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: 16px
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 16px
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 24px
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 24px
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 32px
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 32px
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 40px
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 40px
    }
}

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

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

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

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

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

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

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

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

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

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

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

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

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

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: 8px
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: 8px
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: 16px
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: 16px
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 24px
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 24px
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 32px
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 32px
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 40px
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 40px
    }
}

.fade {
    transition: opacity 0.15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width 0.35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropup, .dropend, .dropdown, .dropstart {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: .875rem;
    color: #000;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: .25rem
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: .125rem
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: 8px 0;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 4px 16px;
    clear: both;
    font-weight: 400;
    color: #1a1a1a;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #171717;
    background-color: #ccc
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #193c72
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: gray;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 16px;
    margin-bottom: 0;
    font-size: .875rem;
    color: #666;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: 4px 16px;
    color: #1a1a1a
}

.dropdown-menu-dark {
    color: #b3b3b3;
    background-color: #333;
    border-color: rgba(0, 0, 0, 0.15)
}

.dropdown-menu-dark .dropdown-item {
    color: #b3b3b3
}

.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.15)
}

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
    color: #fff;
    background-color: #193c72
}

.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
    color: gray
}

.dropdown-menu-dark .dropdown-divider {
    border-color: rgba(0, 0, 0, 0.15)
}

.dropdown-menu-dark .dropdown-item-text {
    color: #b3b3b3
}

.dropdown-menu-dark .dropdown-header {
    color: gray
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: .875rem;
    color: #000;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: #173667;
    background-color: #e8ecf1;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125)
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23173667'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: #8c9eb9;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(25, 60, 114, 0.25)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125)
}

.accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-body {
    padding: 1rem 1.25rem
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5px;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1px)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1px)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 16px 16px;
    border-bottom: 1px solid #b3b3b3;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
    padding: 8px 8px;
    margin: -8px -8px -8px auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 2
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 16px
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 15.75px;
    border-top: 1px solid #b3b3b3;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer > * {
    margin: .25px
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75px auto
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5px)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5px)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.w-30 {
    width: 30% !important
}

.w-50 {
    width: 50% !important
}

.w-70 {
    width: 70% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

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

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

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

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

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

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: 8px !important
}

.m-2 {
    margin: 16px !important
}

.m-3 {
    margin: 24px !important
}

.m-4 {
    margin: 32px !important
}

.m-5 {
    margin: 40px !important
}

.m-6 {
    margin: 48px !important
}

.m-7 {
    margin: 56px !important
}

.m-8 {
    margin: 64px !important
}

.m-9 {
    margin: 72px !important
}

.m-10 {
    margin: 80px !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: 8px !important;
    margin-left: 8px !important
}

.mx-2 {
    margin-right: 16px !important;
    margin-left: 16px !important
}

.mx-3 {
    margin-right: 24px !important;
    margin-left: 24px !important
}

.mx-4 {
    margin-right: 32px !important;
    margin-left: 32px !important
}

.mx-5 {
    margin-right: 40px !important;
    margin-left: 40px !important
}

.mx-6 {
    margin-right: 48px !important;
    margin-left: 48px !important
}

.mx-7 {
    margin-right: 56px !important;
    margin-left: 56px !important
}

.mx-8 {
    margin-right: 64px !important;
    margin-left: 64px !important
}

.mx-9 {
    margin-right: 72px !important;
    margin-left: 72px !important
}

.mx-10 {
    margin-right: 80px !important;
    margin-left: 80px !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.my-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.my-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.my-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

.my-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.my-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
}

.my-7 {
    margin-top: 56px !important;
    margin-bottom: 56px !important
}

.my-8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important
}

.my-9 {
    margin-top: 72px !important;
    margin-bottom: 72px !important
}

.my-10 {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: 8px !important
}

.mt-2 {
    margin-top: 16px !important
}

.mt-3 {
    margin-top: 24px !important
}

.mt-4 {
    margin-top: 32px !important
}

.mt-5 {
    margin-top: 40px !important
}

.mt-6 {
    margin-top: 48px !important
}

.mt-7 {
    margin-top: 56px !important
}

.mt-8 {
    margin-top: 64px !important
}

.mt-9 {
    margin-top: 72px !important
}

.mt-10 {
    margin-top: 80px !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: 8px !important
}

.me-2 {
    margin-right: 16px !important
}

.me-3 {
    margin-right: 24px !important
}

.me-4 {
    margin-right: 32px !important
}

.me-5 {
    margin-right: 40px !important
}

.me-6 {
    margin-right: 48px !important
}

.me-7 {
    margin-right: 56px !important
}

.me-8 {
    margin-right: 64px !important
}

.me-9 {
    margin-right: 72px !important
}

.me-10 {
    margin-right: 80px !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: 8px !important
}

.mb-2 {
    margin-bottom: 16px !important
}

.mb-3 {
    margin-bottom: 24px !important
}

.mb-4 {
    margin-bottom: 32px !important
}

.mb-5 {
    margin-bottom: 40px !important
}

.mb-6 {
    margin-bottom: 48px !important
}

.mb-7 {
    margin-bottom: 56px !important
}

.mb-8 {
    margin-bottom: 64px !important
}

.mb-9 {
    margin-bottom: 72px !important
}

.mb-10 {
    margin-bottom: 80px !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: 8px !important
}

.ms-2 {
    margin-left: 16px !important
}

.ms-3 {
    margin-left: 24px !important
}

.ms-4 {
    margin-left: 32px !important
}

.ms-5 {
    margin-left: 40px !important
}

.ms-6 {
    margin-left: 48px !important
}

.ms-7 {
    margin-left: 56px !important
}

.ms-8 {
    margin-left: 64px !important
}

.ms-9 {
    margin-left: 72px !important
}

.ms-10 {
    margin-left: 80px !important
}

.ms-auto {
    margin-left: auto !important
}

.m-n1 {
    margin: -8px !important
}

.m-n2 {
    margin: -16px !important
}

.m-n3 {
    margin: -24px !important
}

.m-n4 {
    margin: -32px !important
}

.m-n5 {
    margin: -40px !important
}

.m-n6 {
    margin: -48px !important
}

.m-n7 {
    margin: -56px !important
}

.m-n8 {
    margin: -64px !important
}

.m-n9 {
    margin: -72px !important
}

.m-n10 {
    margin: -80px !important
}

.mx-n1 {
    margin-right: -8px !important;
    margin-left: -8px !important
}

.mx-n2 {
    margin-right: -16px !important;
    margin-left: -16px !important
}

.mx-n3 {
    margin-right: -24px !important;
    margin-left: -24px !important
}

.mx-n4 {
    margin-right: -32px !important;
    margin-left: -32px !important
}

.mx-n5 {
    margin-right: -40px !important;
    margin-left: -40px !important
}

.mx-n6 {
    margin-right: -48px !important;
    margin-left: -48px !important
}

.mx-n7 {
    margin-right: -56px !important;
    margin-left: -56px !important
}

.mx-n8 {
    margin-right: -64px !important;
    margin-left: -64px !important
}

.mx-n9 {
    margin-right: -72px !important;
    margin-left: -72px !important
}

.mx-n10 {
    margin-right: -80px !important;
    margin-left: -80px !important
}

.my-n1 {
    margin-top: -8px !important;
    margin-bottom: -8px !important
}

.my-n2 {
    margin-top: -16px !important;
    margin-bottom: -16px !important
}

.my-n3 {
    margin-top: -24px !important;
    margin-bottom: -24px !important
}

.my-n4 {
    margin-top: -32px !important;
    margin-bottom: -32px !important
}

.my-n5 {
    margin-top: -40px !important;
    margin-bottom: -40px !important
}

.my-n6 {
    margin-top: -48px !important;
    margin-bottom: -48px !important
}

.my-n7 {
    margin-top: -56px !important;
    margin-bottom: -56px !important
}

.my-n8 {
    margin-top: -64px !important;
    margin-bottom: -64px !important
}

.my-n9 {
    margin-top: -72px !important;
    margin-bottom: -72px !important
}

.my-n10 {
    margin-top: -80px !important;
    margin-bottom: -80px !important
}

.mt-n1 {
    margin-top: -8px !important
}

.mt-n2 {
    margin-top: -16px !important
}

.mt-n3 {
    margin-top: -24px !important
}

.mt-n4 {
    margin-top: -32px !important
}

.mt-n5 {
    margin-top: -40px !important
}

.mt-n6 {
    margin-top: -48px !important
}

.mt-n7 {
    margin-top: -56px !important
}

.mt-n8 {
    margin-top: -64px !important
}

.mt-n9 {
    margin-top: -72px !important
}

.mt-n10 {
    margin-top: -80px !important
}

.me-n1 {
    margin-right: -8px !important
}

.me-n2 {
    margin-right: -16px !important
}

.me-n3 {
    margin-right: -24px !important
}

.me-n4 {
    margin-right: -32px !important
}

.me-n5 {
    margin-right: -40px !important
}

.me-n6 {
    margin-right: -48px !important
}

.me-n7 {
    margin-right: -56px !important
}

.me-n8 {
    margin-right: -64px !important
}

.me-n9 {
    margin-right: -72px !important
}

.me-n10 {
    margin-right: -80px !important
}

.mb-n1 {
    margin-bottom: -8px !important
}

.mb-n2 {
    margin-bottom: -16px !important
}

.mb-n3 {
    margin-bottom: -24px !important
}

.mb-n4 {
    margin-bottom: -32px !important
}

.mb-n5 {
    margin-bottom: -40px !important
}

.mb-n6 {
    margin-bottom: -48px !important
}

.mb-n7 {
    margin-bottom: -56px !important
}

.mb-n8 {
    margin-bottom: -64px !important
}

.mb-n9 {
    margin-bottom: -72px !important
}

.mb-n10 {
    margin-bottom: -80px !important
}

.ms-n1 {
    margin-left: -8px !important
}

.ms-n2 {
    margin-left: -16px !important
}

.ms-n3 {
    margin-left: -24px !important
}

.ms-n4 {
    margin-left: -32px !important
}

.ms-n5 {
    margin-left: -40px !important
}

.ms-n6 {
    margin-left: -48px !important
}

.ms-n7 {
    margin-left: -56px !important
}

.ms-n8 {
    margin-left: -64px !important
}

.ms-n9 {
    margin-left: -72px !important
}

.ms-n10 {
    margin-left: -80px !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: 8px !important
}

.p-2 {
    padding: 16px !important
}

.p-3 {
    padding: 24px !important
}

.p-4 {
    padding: 32px !important
}

.p-5 {
    padding: 40px !important
}

.p-6 {
    padding: 48px !important
}

.p-7 {
    padding: 56px !important
}

.p-8 {
    padding: 64px !important
}

.p-9 {
    padding: 72px !important
}

.p-10 {
    padding: 80px !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: 8px !important;
    padding-left: 8px !important
}

.px-2 {
    padding-right: 16px !important;
    padding-left: 16px !important
}

.px-3 {
    padding-right: 24px !important;
    padding-left: 24px !important
}

.px-4 {
    padding-right: 32px !important;
    padding-left: 32px !important
}

.px-5 {
    padding-right: 40px !important;
    padding-left: 40px !important
}

.px-6 {
    padding-right: 48px !important;
    padding-left: 48px !important
}

.px-7 {
    padding-right: 56px !important;
    padding-left: 56px !important
}

.px-8 {
    padding-right: 64px !important;
    padding-left: 64px !important
}

.px-9 {
    padding-right: 72px !important;
    padding-left: 72px !important
}

.px-10 {
    padding-right: 80px !important;
    padding-left: 80px !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.py-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.py-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.py-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.py-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.py-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.py-7 {
    padding-top: 56px !important;
    padding-bottom: 56px !important
}

.py-8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important
}

.py-9 {
    padding-top: 72px !important;
    padding-bottom: 72px !important
}

.py-10 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: 8px !important
}

.pt-2 {
    padding-top: 16px !important
}

.pt-3 {
    padding-top: 24px !important
}

.pt-4 {
    padding-top: 32px !important
}

.pt-5 {
    padding-top: 40px !important
}

.pt-6 {
    padding-top: 48px !important
}

.pt-7 {
    padding-top: 56px !important
}

.pt-8 {
    padding-top: 64px !important
}

.pt-9 {
    padding-top: 72px !important
}

.pt-10 {
    padding-top: 80px !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: 8px !important
}

.pe-2 {
    padding-right: 16px !important
}

.pe-3 {
    padding-right: 24px !important
}

.pe-4 {
    padding-right: 32px !important
}

.pe-5 {
    padding-right: 40px !important
}

.pe-6 {
    padding-right: 48px !important
}

.pe-7 {
    padding-right: 56px !important
}

.pe-8 {
    padding-right: 64px !important
}

.pe-9 {
    padding-right: 72px !important
}

.pe-10 {
    padding-right: 80px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: 8px !important
}

.pb-2 {
    padding-bottom: 16px !important
}

.pb-3 {
    padding-bottom: 24px !important
}

.pb-4 {
    padding-bottom: 32px !important
}

.pb-5 {
    padding-bottom: 40px !important
}

.pb-6 {
    padding-bottom: 48px !important
}

.pb-7 {
    padding-bottom: 56px !important
}

.pb-8 {
    padding-bottom: 64px !important
}

.pb-9 {
    padding-bottom: 72px !important
}

.pb-10 {
    padding-bottom: 80px !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: 8px !important
}

.ps-2 {
    padding-left: 16px !important
}

.ps-3 {
    padding-left: 24px !important
}

.ps-4 {
    padding-left: 32px !important
}

.ps-5 {
    padding-left: 40px !important
}

.ps-6 {
    padding-left: 48px !important
}

.ps-7 {
    padding-left: 56px !important
}

.ps-8 {
    padding-left: 64px !important
}

.ps-9 {
    padding-left: 72px !important
}

.ps-10 {
    padding-left: 80px !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width: 576px) {
    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .w-sm-30 {
        width: 30% !important
    }

    .w-sm-50 {
        width: 50% !important
    }

    .w-sm-70 {
        width: 70% !important
    }

    .w-sm-100 {
        width: 100% !important
    }

    .w-sm-auto {
        width: auto !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: 8px !important
    }

    .m-sm-2 {
        margin: 16px !important
    }

    .m-sm-3 {
        margin: 24px !important
    }

    .m-sm-4 {
        margin: 32px !important
    }

    .m-sm-5 {
        margin: 40px !important
    }

    .m-sm-6 {
        margin: 48px !important
    }

    .m-sm-7 {
        margin: 56px !important
    }

    .m-sm-8 {
        margin: 64px !important
    }

    .m-sm-9 {
        margin: 72px !important
    }

    .m-sm-10 {
        margin: 80px !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: 8px !important;
        margin-left: 8px !important
    }

    .mx-sm-2 {
        margin-right: 16px !important;
        margin-left: 16px !important
    }

    .mx-sm-3 {
        margin-right: 24px !important;
        margin-left: 24px !important
    }

    .mx-sm-4 {
        margin-right: 32px !important;
        margin-left: 32px !important
    }

    .mx-sm-5 {
        margin-right: 40px !important;
        margin-left: 40px !important
    }

    .mx-sm-6 {
        margin-right: 48px !important;
        margin-left: 48px !important
    }

    .mx-sm-7 {
        margin-right: 56px !important;
        margin-left: 56px !important
    }

    .mx-sm-8 {
        margin-right: 64px !important;
        margin-left: 64px !important
    }

    .mx-sm-9 {
        margin-right: 72px !important;
        margin-left: 72px !important
    }

    .mx-sm-10 {
        margin-right: 80px !important;
        margin-left: 80px !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }

    .my-sm-2 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }

    .my-sm-3 {
        margin-top: 24px !important;
        margin-bottom: 24px !important
    }

    .my-sm-4 {
        margin-top: 32px !important;
        margin-bottom: 32px !important
    }

    .my-sm-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .my-sm-6 {
        margin-top: 48px !important;
        margin-bottom: 48px !important
    }

    .my-sm-7 {
        margin-top: 56px !important;
        margin-bottom: 56px !important
    }

    .my-sm-8 {
        margin-top: 64px !important;
        margin-bottom: 64px !important
    }

    .my-sm-9 {
        margin-top: 72px !important;
        margin-bottom: 72px !important
    }

    .my-sm-10 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: 8px !important
    }

    .mt-sm-2 {
        margin-top: 16px !important
    }

    .mt-sm-3 {
        margin-top: 24px !important
    }

    .mt-sm-4 {
        margin-top: 32px !important
    }

    .mt-sm-5 {
        margin-top: 40px !important
    }

    .mt-sm-6 {
        margin-top: 48px !important
    }

    .mt-sm-7 {
        margin-top: 56px !important
    }

    .mt-sm-8 {
        margin-top: 64px !important
    }

    .mt-sm-9 {
        margin-top: 72px !important
    }

    .mt-sm-10 {
        margin-top: 80px !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: 8px !important
    }

    .me-sm-2 {
        margin-right: 16px !important
    }

    .me-sm-3 {
        margin-right: 24px !important
    }

    .me-sm-4 {
        margin-right: 32px !important
    }

    .me-sm-5 {
        margin-right: 40px !important
    }

    .me-sm-6 {
        margin-right: 48px !important
    }

    .me-sm-7 {
        margin-right: 56px !important
    }

    .me-sm-8 {
        margin-right: 64px !important
    }

    .me-sm-9 {
        margin-right: 72px !important
    }

    .me-sm-10 {
        margin-right: 80px !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: 8px !important
    }

    .mb-sm-2 {
        margin-bottom: 16px !important
    }

    .mb-sm-3 {
        margin-bottom: 24px !important
    }

    .mb-sm-4 {
        margin-bottom: 32px !important
    }

    .mb-sm-5 {
        margin-bottom: 40px !important
    }

    .mb-sm-6 {
        margin-bottom: 48px !important
    }

    .mb-sm-7 {
        margin-bottom: 56px !important
    }

    .mb-sm-8 {
        margin-bottom: 64px !important
    }

    .mb-sm-9 {
        margin-bottom: 72px !important
    }

    .mb-sm-10 {
        margin-bottom: 80px !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: 8px !important
    }

    .ms-sm-2 {
        margin-left: 16px !important
    }

    .ms-sm-3 {
        margin-left: 24px !important
    }

    .ms-sm-4 {
        margin-left: 32px !important
    }

    .ms-sm-5 {
        margin-left: 40px !important
    }

    .ms-sm-6 {
        margin-left: 48px !important
    }

    .ms-sm-7 {
        margin-left: 56px !important
    }

    .ms-sm-8 {
        margin-left: 64px !important
    }

    .ms-sm-9 {
        margin-left: 72px !important
    }

    .ms-sm-10 {
        margin-left: 80px !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .m-sm-n1 {
        margin: -8px !important
    }

    .m-sm-n2 {
        margin: -16px !important
    }

    .m-sm-n3 {
        margin: -24px !important
    }

    .m-sm-n4 {
        margin: -32px !important
    }

    .m-sm-n5 {
        margin: -40px !important
    }

    .m-sm-n6 {
        margin: -48px !important
    }

    .m-sm-n7 {
        margin: -56px !important
    }

    .m-sm-n8 {
        margin: -64px !important
    }

    .m-sm-n9 {
        margin: -72px !important
    }

    .m-sm-n10 {
        margin: -80px !important
    }

    .mx-sm-n1 {
        margin-right: -8px !important;
        margin-left: -8px !important
    }

    .mx-sm-n2 {
        margin-right: -16px !important;
        margin-left: -16px !important
    }

    .mx-sm-n3 {
        margin-right: -24px !important;
        margin-left: -24px !important
    }

    .mx-sm-n4 {
        margin-right: -32px !important;
        margin-left: -32px !important
    }

    .mx-sm-n5 {
        margin-right: -40px !important;
        margin-left: -40px !important
    }

    .mx-sm-n6 {
        margin-right: -48px !important;
        margin-left: -48px !important
    }

    .mx-sm-n7 {
        margin-right: -56px !important;
        margin-left: -56px !important
    }

    .mx-sm-n8 {
        margin-right: -64px !important;
        margin-left: -64px !important
    }

    .mx-sm-n9 {
        margin-right: -72px !important;
        margin-left: -72px !important
    }

    .mx-sm-n10 {
        margin-right: -80px !important;
        margin-left: -80px !important
    }

    .my-sm-n1 {
        margin-top: -8px !important;
        margin-bottom: -8px !important
    }

    .my-sm-n2 {
        margin-top: -16px !important;
        margin-bottom: -16px !important
    }

    .my-sm-n3 {
        margin-top: -24px !important;
        margin-bottom: -24px !important
    }

    .my-sm-n4 {
        margin-top: -32px !important;
        margin-bottom: -32px !important
    }

    .my-sm-n5 {
        margin-top: -40px !important;
        margin-bottom: -40px !important
    }

    .my-sm-n6 {
        margin-top: -48px !important;
        margin-bottom: -48px !important
    }

    .my-sm-n7 {
        margin-top: -56px !important;
        margin-bottom: -56px !important
    }

    .my-sm-n8 {
        margin-top: -64px !important;
        margin-bottom: -64px !important
    }

    .my-sm-n9 {
        margin-top: -72px !important;
        margin-bottom: -72px !important
    }

    .my-sm-n10 {
        margin-top: -80px !important;
        margin-bottom: -80px !important
    }

    .mt-sm-n1 {
        margin-top: -8px !important
    }

    .mt-sm-n2 {
        margin-top: -16px !important
    }

    .mt-sm-n3 {
        margin-top: -24px !important
    }

    .mt-sm-n4 {
        margin-top: -32px !important
    }

    .mt-sm-n5 {
        margin-top: -40px !important
    }

    .mt-sm-n6 {
        margin-top: -48px !important
    }

    .mt-sm-n7 {
        margin-top: -56px !important
    }

    .mt-sm-n8 {
        margin-top: -64px !important
    }

    .mt-sm-n9 {
        margin-top: -72px !important
    }

    .mt-sm-n10 {
        margin-top: -80px !important
    }

    .me-sm-n1 {
        margin-right: -8px !important
    }

    .me-sm-n2 {
        margin-right: -16px !important
    }

    .me-sm-n3 {
        margin-right: -24px !important
    }

    .me-sm-n4 {
        margin-right: -32px !important
    }

    .me-sm-n5 {
        margin-right: -40px !important
    }

    .me-sm-n6 {
        margin-right: -48px !important
    }

    .me-sm-n7 {
        margin-right: -56px !important
    }

    .me-sm-n8 {
        margin-right: -64px !important
    }

    .me-sm-n9 {
        margin-right: -72px !important
    }

    .me-sm-n10 {
        margin-right: -80px !important
    }

    .mb-sm-n1 {
        margin-bottom: -8px !important
    }

    .mb-sm-n2 {
        margin-bottom: -16px !important
    }

    .mb-sm-n3 {
        margin-bottom: -24px !important
    }

    .mb-sm-n4 {
        margin-bottom: -32px !important
    }

    .mb-sm-n5 {
        margin-bottom: -40px !important
    }

    .mb-sm-n6 {
        margin-bottom: -48px !important
    }

    .mb-sm-n7 {
        margin-bottom: -56px !important
    }

    .mb-sm-n8 {
        margin-bottom: -64px !important
    }

    .mb-sm-n9 {
        margin-bottom: -72px !important
    }

    .mb-sm-n10 {
        margin-bottom: -80px !important
    }

    .ms-sm-n1 {
        margin-left: -8px !important
    }

    .ms-sm-n2 {
        margin-left: -16px !important
    }

    .ms-sm-n3 {
        margin-left: -24px !important
    }

    .ms-sm-n4 {
        margin-left: -32px !important
    }

    .ms-sm-n5 {
        margin-left: -40px !important
    }

    .ms-sm-n6 {
        margin-left: -48px !important
    }

    .ms-sm-n7 {
        margin-left: -56px !important
    }

    .ms-sm-n8 {
        margin-left: -64px !important
    }

    .ms-sm-n9 {
        margin-left: -72px !important
    }

    .ms-sm-n10 {
        margin-left: -80px !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: 8px !important
    }

    .p-sm-2 {
        padding: 16px !important
    }

    .p-sm-3 {
        padding: 24px !important
    }

    .p-sm-4 {
        padding: 32px !important
    }

    .p-sm-5 {
        padding: 40px !important
    }

    .p-sm-6 {
        padding: 48px !important
    }

    .p-sm-7 {
        padding: 56px !important
    }

    .p-sm-8 {
        padding: 64px !important
    }

    .p-sm-9 {
        padding: 72px !important
    }

    .p-sm-10 {
        padding: 80px !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    .px-sm-2 {
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .px-sm-3 {
        padding-right: 24px !important;
        padding-left: 24px !important
    }

    .px-sm-4 {
        padding-right: 32px !important;
        padding-left: 32px !important
    }

    .px-sm-5 {
        padding-right: 40px !important;
        padding-left: 40px !important
    }

    .px-sm-6 {
        padding-right: 48px !important;
        padding-left: 48px !important
    }

    .px-sm-7 {
        padding-right: 56px !important;
        padding-left: 56px !important
    }

    .px-sm-8 {
        padding-right: 64px !important;
        padding-left: 64px !important
    }

    .px-sm-9 {
        padding-right: 72px !important;
        padding-left: 72px !important
    }

    .px-sm-10 {
        padding-right: 80px !important;
        padding-left: 80px !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .py-sm-2 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }

    .py-sm-3 {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .py-sm-4 {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }

    .py-sm-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .py-sm-6 {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .py-sm-7 {
        padding-top: 56px !important;
        padding-bottom: 56px !important
    }

    .py-sm-8 {
        padding-top: 64px !important;
        padding-bottom: 64px !important
    }

    .py-sm-9 {
        padding-top: 72px !important;
        padding-bottom: 72px !important
    }

    .py-sm-10 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: 8px !important
    }

    .pt-sm-2 {
        padding-top: 16px !important
    }

    .pt-sm-3 {
        padding-top: 24px !important
    }

    .pt-sm-4 {
        padding-top: 32px !important
    }

    .pt-sm-5 {
        padding-top: 40px !important
    }

    .pt-sm-6 {
        padding-top: 48px !important
    }

    .pt-sm-7 {
        padding-top: 56px !important
    }

    .pt-sm-8 {
        padding-top: 64px !important
    }

    .pt-sm-9 {
        padding-top: 72px !important
    }

    .pt-sm-10 {
        padding-top: 80px !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: 8px !important
    }

    .pe-sm-2 {
        padding-right: 16px !important
    }

    .pe-sm-3 {
        padding-right: 24px !important
    }

    .pe-sm-4 {
        padding-right: 32px !important
    }

    .pe-sm-5 {
        padding-right: 40px !important
    }

    .pe-sm-6 {
        padding-right: 48px !important
    }

    .pe-sm-7 {
        padding-right: 56px !important
    }

    .pe-sm-8 {
        padding-right: 64px !important
    }

    .pe-sm-9 {
        padding-right: 72px !important
    }

    .pe-sm-10 {
        padding-right: 80px !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: 8px !important
    }

    .pb-sm-2 {
        padding-bottom: 16px !important
    }

    .pb-sm-3 {
        padding-bottom: 24px !important
    }

    .pb-sm-4 {
        padding-bottom: 32px !important
    }

    .pb-sm-5 {
        padding-bottom: 40px !important
    }

    .pb-sm-6 {
        padding-bottom: 48px !important
    }

    .pb-sm-7 {
        padding-bottom: 56px !important
    }

    .pb-sm-8 {
        padding-bottom: 64px !important
    }

    .pb-sm-9 {
        padding-bottom: 72px !important
    }

    .pb-sm-10 {
        padding-bottom: 80px !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: 8px !important
    }

    .ps-sm-2 {
        padding-left: 16px !important
    }

    .ps-sm-3 {
        padding-left: 24px !important
    }

    .ps-sm-4 {
        padding-left: 32px !important
    }

    .ps-sm-5 {
        padding-left: 40px !important
    }

    .ps-sm-6 {
        padding-left: 48px !important
    }

    .ps-sm-7 {
        padding-left: 56px !important
    }

    .ps-sm-8 {
        padding-left: 64px !important
    }

    .ps-sm-9 {
        padding-left: 72px !important
    }

    .ps-sm-10 {
        padding-left: 80px !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .w-md-30 {
        width: 30% !important
    }

    .w-md-50 {
        width: 50% !important
    }

    .w-md-70 {
        width: 70% !important
    }

    .w-md-100 {
        width: 100% !important
    }

    .w-md-auto {
        width: auto !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: 8px !important
    }

    .m-md-2 {
        margin: 16px !important
    }

    .m-md-3 {
        margin: 24px !important
    }

    .m-md-4 {
        margin: 32px !important
    }

    .m-md-5 {
        margin: 40px !important
    }

    .m-md-6 {
        margin: 48px !important
    }

    .m-md-7 {
        margin: 56px !important
    }

    .m-md-8 {
        margin: 64px !important
    }

    .m-md-9 {
        margin: 72px !important
    }

    .m-md-10 {
        margin: 80px !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: 8px !important;
        margin-left: 8px !important
    }

    .mx-md-2 {
        margin-right: 16px !important;
        margin-left: 16px !important
    }

    .mx-md-3 {
        margin-right: 24px !important;
        margin-left: 24px !important
    }

    .mx-md-4 {
        margin-right: 32px !important;
        margin-left: 32px !important
    }

    .mx-md-5 {
        margin-right: 40px !important;
        margin-left: 40px !important
    }

    .mx-md-6 {
        margin-right: 48px !important;
        margin-left: 48px !important
    }

    .mx-md-7 {
        margin-right: 56px !important;
        margin-left: 56px !important
    }

    .mx-md-8 {
        margin-right: 64px !important;
        margin-left: 64px !important
    }

    .mx-md-9 {
        margin-right: 72px !important;
        margin-left: 72px !important
    }

    .mx-md-10 {
        margin-right: 80px !important;
        margin-left: 80px !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }

    .my-md-2 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }

    .my-md-3 {
        margin-top: 24px !important;
        margin-bottom: 24px !important
    }

    .my-md-4 {
        margin-top: 32px !important;
        margin-bottom: 32px !important
    }

    .my-md-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .my-md-6 {
        margin-top: 48px !important;
        margin-bottom: 48px !important
    }

    .my-md-7 {
        margin-top: 56px !important;
        margin-bottom: 56px !important
    }

    .my-md-8 {
        margin-top: 64px !important;
        margin-bottom: 64px !important
    }

    .my-md-9 {
        margin-top: 72px !important;
        margin-bottom: 72px !important
    }

    .my-md-10 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: 8px !important
    }

    .mt-md-2 {
        margin-top: 16px !important
    }

    .mt-md-3 {
        margin-top: 24px !important
    }

    .mt-md-4 {
        margin-top: 32px !important
    }

    .mt-md-5 {
        margin-top: 40px !important
    }

    .mt-md-6 {
        margin-top: 48px !important
    }

    .mt-md-7 {
        margin-top: 56px !important
    }

    .mt-md-8 {
        margin-top: 64px !important
    }

    .mt-md-9 {
        margin-top: 72px !important
    }

    .mt-md-10 {
        margin-top: 80px !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: 8px !important
    }

    .me-md-2 {
        margin-right: 16px !important
    }

    .me-md-3 {
        margin-right: 24px !important
    }

    .me-md-4 {
        margin-right: 32px !important
    }

    .me-md-5 {
        margin-right: 40px !important
    }

    .me-md-6 {
        margin-right: 48px !important
    }

    .me-md-7 {
        margin-right: 56px !important
    }

    .me-md-8 {
        margin-right: 64px !important
    }

    .me-md-9 {
        margin-right: 72px !important
    }

    .me-md-10 {
        margin-right: 80px !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: 8px !important
    }

    .mb-md-2 {
        margin-bottom: 16px !important
    }

    .mb-md-3 {
        margin-bottom: 24px !important
    }

    .mb-md-4 {
        margin-bottom: 32px !important
    }

    .mb-md-5 {
        margin-bottom: 40px !important
    }

    .mb-md-6 {
        margin-bottom: 48px !important
    }

    .mb-md-7 {
        margin-bottom: 56px !important
    }

    .mb-md-8 {
        margin-bottom: 64px !important
    }

    .mb-md-9 {
        margin-bottom: 72px !important
    }

    .mb-md-10 {
        margin-bottom: 80px !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: 8px !important
    }

    .ms-md-2 {
        margin-left: 16px !important
    }

    .ms-md-3 {
        margin-left: 24px !important
    }

    .ms-md-4 {
        margin-left: 32px !important
    }

    .ms-md-5 {
        margin-left: 40px !important
    }

    .ms-md-6 {
        margin-left: 48px !important
    }

    .ms-md-7 {
        margin-left: 56px !important
    }

    .ms-md-8 {
        margin-left: 64px !important
    }

    .ms-md-9 {
        margin-left: 72px !important
    }

    .ms-md-10 {
        margin-left: 80px !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .m-md-n1 {
        margin: -8px !important
    }

    .m-md-n2 {
        margin: -16px !important
    }

    .m-md-n3 {
        margin: -24px !important
    }

    .m-md-n4 {
        margin: -32px !important
    }

    .m-md-n5 {
        margin: -40px !important
    }

    .m-md-n6 {
        margin: -48px !important
    }

    .m-md-n7 {
        margin: -56px !important
    }

    .m-md-n8 {
        margin: -64px !important
    }

    .m-md-n9 {
        margin: -72px !important
    }

    .m-md-n10 {
        margin: -80px !important
    }

    .mx-md-n1 {
        margin-right: -8px !important;
        margin-left: -8px !important
    }

    .mx-md-n2 {
        margin-right: -16px !important;
        margin-left: -16px !important
    }

    .mx-md-n3 {
        margin-right: -24px !important;
        margin-left: -24px !important
    }

    .mx-md-n4 {
        margin-right: -32px !important;
        margin-left: -32px !important
    }

    .mx-md-n5 {
        margin-right: -40px !important;
        margin-left: -40px !important
    }

    .mx-md-n6 {
        margin-right: -48px !important;
        margin-left: -48px !important
    }

    .mx-md-n7 {
        margin-right: -56px !important;
        margin-left: -56px !important
    }

    .mx-md-n8 {
        margin-right: -64px !important;
        margin-left: -64px !important
    }

    .mx-md-n9 {
        margin-right: -72px !important;
        margin-left: -72px !important
    }

    .mx-md-n10 {
        margin-right: -80px !important;
        margin-left: -80px !important
    }

    .my-md-n1 {
        margin-top: -8px !important;
        margin-bottom: -8px !important
    }

    .my-md-n2 {
        margin-top: -16px !important;
        margin-bottom: -16px !important
    }

    .my-md-n3 {
        margin-top: -24px !important;
        margin-bottom: -24px !important
    }

    .my-md-n4 {
        margin-top: -32px !important;
        margin-bottom: -32px !important
    }

    .my-md-n5 {
        margin-top: -40px !important;
        margin-bottom: -40px !important
    }

    .my-md-n6 {
        margin-top: -48px !important;
        margin-bottom: -48px !important
    }

    .my-md-n7 {
        margin-top: -56px !important;
        margin-bottom: -56px !important
    }

    .my-md-n8 {
        margin-top: -64px !important;
        margin-bottom: -64px !important
    }

    .my-md-n9 {
        margin-top: -72px !important;
        margin-bottom: -72px !important
    }

    .my-md-n10 {
        margin-top: -80px !important;
        margin-bottom: -80px !important
    }

    .mt-md-n1 {
        margin-top: -8px !important
    }

    .mt-md-n2 {
        margin-top: -16px !important
    }

    .mt-md-n3 {
        margin-top: -24px !important
    }

    .mt-md-n4 {
        margin-top: -32px !important
    }

    .mt-md-n5 {
        margin-top: -40px !important
    }

    .mt-md-n6 {
        margin-top: -48px !important
    }

    .mt-md-n7 {
        margin-top: -56px !important
    }

    .mt-md-n8 {
        margin-top: -64px !important
    }

    .mt-md-n9 {
        margin-top: -72px !important
    }

    .mt-md-n10 {
        margin-top: -80px !important
    }

    .me-md-n1 {
        margin-right: -8px !important
    }

    .me-md-n2 {
        margin-right: -16px !important
    }

    .me-md-n3 {
        margin-right: -24px !important
    }

    .me-md-n4 {
        margin-right: -32px !important
    }

    .me-md-n5 {
        margin-right: -40px !important
    }

    .me-md-n6 {
        margin-right: -48px !important
    }

    .me-md-n7 {
        margin-right: -56px !important
    }

    .me-md-n8 {
        margin-right: -64px !important
    }

    .me-md-n9 {
        margin-right: -72px !important
    }

    .me-md-n10 {
        margin-right: -80px !important
    }

    .mb-md-n1 {
        margin-bottom: -8px !important
    }

    .mb-md-n2 {
        margin-bottom: -16px !important
    }

    .mb-md-n3 {
        margin-bottom: -24px !important
    }

    .mb-md-n4 {
        margin-bottom: -32px !important
    }

    .mb-md-n5 {
        margin-bottom: -40px !important
    }

    .mb-md-n6 {
        margin-bottom: -48px !important
    }

    .mb-md-n7 {
        margin-bottom: -56px !important
    }

    .mb-md-n8 {
        margin-bottom: -64px !important
    }

    .mb-md-n9 {
        margin-bottom: -72px !important
    }

    .mb-md-n10 {
        margin-bottom: -80px !important
    }

    .ms-md-n1 {
        margin-left: -8px !important
    }

    .ms-md-n2 {
        margin-left: -16px !important
    }

    .ms-md-n3 {
        margin-left: -24px !important
    }

    .ms-md-n4 {
        margin-left: -32px !important
    }

    .ms-md-n5 {
        margin-left: -40px !important
    }

    .ms-md-n6 {
        margin-left: -48px !important
    }

    .ms-md-n7 {
        margin-left: -56px !important
    }

    .ms-md-n8 {
        margin-left: -64px !important
    }

    .ms-md-n9 {
        margin-left: -72px !important
    }

    .ms-md-n10 {
        margin-left: -80px !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: 8px !important
    }

    .p-md-2 {
        padding: 16px !important
    }

    .p-md-3 {
        padding: 24px !important
    }

    .p-md-4 {
        padding: 32px !important
    }

    .p-md-5 {
        padding: 40px !important
    }

    .p-md-6 {
        padding: 48px !important
    }

    .p-md-7 {
        padding: 56px !important
    }

    .p-md-8 {
        padding: 64px !important
    }

    .p-md-9 {
        padding: 72px !important
    }

    .p-md-10 {
        padding: 80px !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    .px-md-2 {
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .px-md-3 {
        padding-right: 24px !important;
        padding-left: 24px !important
    }

    .px-md-4 {
        padding-right: 32px !important;
        padding-left: 32px !important
    }

    .px-md-5 {
        padding-right: 40px !important;
        padding-left: 40px !important
    }

    .px-md-6 {
        padding-right: 48px !important;
        padding-left: 48px !important
    }

    .px-md-7 {
        padding-right: 56px !important;
        padding-left: 56px !important
    }

    .px-md-8 {
        padding-right: 64px !important;
        padding-left: 64px !important
    }

    .px-md-9 {
        padding-right: 72px !important;
        padding-left: 72px !important
    }

    .px-md-10 {
        padding-right: 80px !important;
        padding-left: 80px !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .py-md-2 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }

    .py-md-3 {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .py-md-4 {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }

    .py-md-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .py-md-6 {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .py-md-7 {
        padding-top: 56px !important;
        padding-bottom: 56px !important
    }

    .py-md-8 {
        padding-top: 64px !important;
        padding-bottom: 64px !important
    }

    .py-md-9 {
        padding-top: 72px !important;
        padding-bottom: 72px !important
    }

    .py-md-10 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: 8px !important
    }

    .pt-md-2 {
        padding-top: 16px !important
    }

    .pt-md-3 {
        padding-top: 24px !important
    }

    .pt-md-4 {
        padding-top: 32px !important
    }

    .pt-md-5 {
        padding-top: 40px !important
    }

    .pt-md-6 {
        padding-top: 48px !important
    }

    .pt-md-7 {
        padding-top: 56px !important
    }

    .pt-md-8 {
        padding-top: 64px !important
    }

    .pt-md-9 {
        padding-top: 72px !important
    }

    .pt-md-10 {
        padding-top: 80px !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: 8px !important
    }

    .pe-md-2 {
        padding-right: 16px !important
    }

    .pe-md-3 {
        padding-right: 24px !important
    }

    .pe-md-4 {
        padding-right: 32px !important
    }

    .pe-md-5 {
        padding-right: 40px !important
    }

    .pe-md-6 {
        padding-right: 48px !important
    }

    .pe-md-7 {
        padding-right: 56px !important
    }

    .pe-md-8 {
        padding-right: 64px !important
    }

    .pe-md-9 {
        padding-right: 72px !important
    }

    .pe-md-10 {
        padding-right: 80px !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: 8px !important
    }

    .pb-md-2 {
        padding-bottom: 16px !important
    }

    .pb-md-3 {
        padding-bottom: 24px !important
    }

    .pb-md-4 {
        padding-bottom: 32px !important
    }

    .pb-md-5 {
        padding-bottom: 40px !important
    }

    .pb-md-6 {
        padding-bottom: 48px !important
    }

    .pb-md-7 {
        padding-bottom: 56px !important
    }

    .pb-md-8 {
        padding-bottom: 64px !important
    }

    .pb-md-9 {
        padding-bottom: 72px !important
    }

    .pb-md-10 {
        padding-bottom: 80px !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: 8px !important
    }

    .ps-md-2 {
        padding-left: 16px !important
    }

    .ps-md-3 {
        padding-left: 24px !important
    }

    .ps-md-4 {
        padding-left: 32px !important
    }

    .ps-md-5 {
        padding-left: 40px !important
    }

    .ps-md-6 {
        padding-left: 48px !important
    }

    .ps-md-7 {
        padding-left: 56px !important
    }

    .ps-md-8 {
        padding-left: 64px !important
    }

    .ps-md-9 {
        padding-left: 72px !important
    }

    .ps-md-10 {
        padding-left: 80px !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .w-lg-30 {
        width: 30% !important
    }

    .w-lg-50 {
        width: 50% !important
    }

    .w-lg-70 {
        width: 70% !important
    }

    .w-lg-100 {
        width: 100% !important
    }

    .w-lg-auto {
        width: auto !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: 8px !important
    }

    .m-lg-2 {
        margin: 16px !important
    }

    .m-lg-3 {
        margin: 24px !important
    }

    .m-lg-4 {
        margin: 32px !important
    }

    .m-lg-5 {
        margin: 40px !important
    }

    .m-lg-6 {
        margin: 48px !important
    }

    .m-lg-7 {
        margin: 56px !important
    }

    .m-lg-8 {
        margin: 64px !important
    }

    .m-lg-9 {
        margin: 72px !important
    }

    .m-lg-10 {
        margin: 80px !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: 8px !important;
        margin-left: 8px !important
    }

    .mx-lg-2 {
        margin-right: 16px !important;
        margin-left: 16px !important
    }

    .mx-lg-3 {
        margin-right: 24px !important;
        margin-left: 24px !important
    }

    .mx-lg-4 {
        margin-right: 32px !important;
        margin-left: 32px !important
    }

    .mx-lg-5 {
        margin-right: 40px !important;
        margin-left: 40px !important
    }

    .mx-lg-6 {
        margin-right: 48px !important;
        margin-left: 48px !important
    }

    .mx-lg-7 {
        margin-right: 56px !important;
        margin-left: 56px !important
    }

    .mx-lg-8 {
        margin-right: 64px !important;
        margin-left: 64px !important
    }

    .mx-lg-9 {
        margin-right: 72px !important;
        margin-left: 72px !important
    }

    .mx-lg-10 {
        margin-right: 80px !important;
        margin-left: 80px !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }

    .my-lg-2 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }

    .my-lg-3 {
        margin-top: 24px !important;
        margin-bottom: 24px !important
    }

    .my-lg-4 {
        margin-top: 32px !important;
        margin-bottom: 32px !important
    }

    .my-lg-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .my-lg-6 {
        margin-top: 48px !important;
        margin-bottom: 48px !important
    }

    .my-lg-7 {
        margin-top: 56px !important;
        margin-bottom: 56px !important
    }

    .my-lg-8 {
        margin-top: 64px !important;
        margin-bottom: 64px !important
    }

    .my-lg-9 {
        margin-top: 72px !important;
        margin-bottom: 72px !important
    }

    .my-lg-10 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: 8px !important
    }

    .mt-lg-2 {
        margin-top: 16px !important
    }

    .mt-lg-3 {
        margin-top: 24px !important
    }

    .mt-lg-4 {
        margin-top: 32px !important
    }

    .mt-lg-5 {
        margin-top: 40px !important
    }

    .mt-lg-6 {
        margin-top: 48px !important
    }

    .mt-lg-7 {
        margin-top: 56px !important
    }

    .mt-lg-8 {
        margin-top: 64px !important
    }

    .mt-lg-9 {
        margin-top: 72px !important
    }

    .mt-lg-10 {
        margin-top: 80px !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: 8px !important
    }

    .me-lg-2 {
        margin-right: 16px !important
    }

    .me-lg-3 {
        margin-right: 24px !important
    }

    .me-lg-4 {
        margin-right: 32px !important
    }

    .me-lg-5 {
        margin-right: 40px !important
    }

    .me-lg-6 {
        margin-right: 48px !important
    }

    .me-lg-7 {
        margin-right: 56px !important
    }

    .me-lg-8 {
        margin-right: 64px !important
    }

    .me-lg-9 {
        margin-right: 72px !important
    }

    .me-lg-10 {
        margin-right: 80px !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: 8px !important
    }

    .mb-lg-2 {
        margin-bottom: 16px !important
    }

    .mb-lg-3 {
        margin-bottom: 24px !important
    }

    .mb-lg-4 {
        margin-bottom: 32px !important
    }

    .mb-lg-5 {
        margin-bottom: 40px !important
    }

    .mb-lg-6 {
        margin-bottom: 48px !important
    }

    .mb-lg-7 {
        margin-bottom: 56px !important
    }

    .mb-lg-8 {
        margin-bottom: 64px !important
    }

    .mb-lg-9 {
        margin-bottom: 72px !important
    }

    .mb-lg-10 {
        margin-bottom: 80px !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: 8px !important
    }

    .ms-lg-2 {
        margin-left: 16px !important
    }

    .ms-lg-3 {
        margin-left: 24px !important
    }

    .ms-lg-4 {
        margin-left: 32px !important
    }

    .ms-lg-5 {
        margin-left: 40px !important
    }

    .ms-lg-6 {
        margin-left: 48px !important
    }

    .ms-lg-7 {
        margin-left: 56px !important
    }

    .ms-lg-8 {
        margin-left: 64px !important
    }

    .ms-lg-9 {
        margin-left: 72px !important
    }

    .ms-lg-10 {
        margin-left: 80px !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .m-lg-n1 {
        margin: -8px !important
    }

    .m-lg-n2 {
        margin: -16px !important
    }

    .m-lg-n3 {
        margin: -24px !important
    }

    .m-lg-n4 {
        margin: -32px !important
    }

    .m-lg-n5 {
        margin: -40px !important
    }

    .m-lg-n6 {
        margin: -48px !important
    }

    .m-lg-n7 {
        margin: -56px !important
    }

    .m-lg-n8 {
        margin: -64px !important
    }

    .m-lg-n9 {
        margin: -72px !important
    }

    .m-lg-n10 {
        margin: -80px !important
    }

    .mx-lg-n1 {
        margin-right: -8px !important;
        margin-left: -8px !important
    }

    .mx-lg-n2 {
        margin-right: -16px !important;
        margin-left: -16px !important
    }

    .mx-lg-n3 {
        margin-right: -24px !important;
        margin-left: -24px !important
    }

    .mx-lg-n4 {
        margin-right: -32px !important;
        margin-left: -32px !important
    }

    .mx-lg-n5 {
        margin-right: -40px !important;
        margin-left: -40px !important
    }

    .mx-lg-n6 {
        margin-right: -48px !important;
        margin-left: -48px !important
    }

    .mx-lg-n7 {
        margin-right: -56px !important;
        margin-left: -56px !important
    }

    .mx-lg-n8 {
        margin-right: -64px !important;
        margin-left: -64px !important
    }

    .mx-lg-n9 {
        margin-right: -72px !important;
        margin-left: -72px !important
    }

    .mx-lg-n10 {
        margin-right: -80px !important;
        margin-left: -80px !important
    }

    .my-lg-n1 {
        margin-top: -8px !important;
        margin-bottom: -8px !important
    }

    .my-lg-n2 {
        margin-top: -16px !important;
        margin-bottom: -16px !important
    }

    .my-lg-n3 {
        margin-top: -24px !important;
        margin-bottom: -24px !important
    }

    .my-lg-n4 {
        margin-top: -32px !important;
        margin-bottom: -32px !important
    }

    .my-lg-n5 {
        margin-top: -40px !important;
        margin-bottom: -40px !important
    }

    .my-lg-n6 {
        margin-top: -48px !important;
        margin-bottom: -48px !important
    }

    .my-lg-n7 {
        margin-top: -56px !important;
        margin-bottom: -56px !important
    }

    .my-lg-n8 {
        margin-top: -64px !important;
        margin-bottom: -64px !important
    }

    .my-lg-n9 {
        margin-top: -72px !important;
        margin-bottom: -72px !important
    }

    .my-lg-n10 {
        margin-top: -80px !important;
        margin-bottom: -80px !important
    }

    .mt-lg-n1 {
        margin-top: -8px !important
    }

    .mt-lg-n2 {
        margin-top: -16px !important
    }

    .mt-lg-n3 {
        margin-top: -24px !important
    }

    .mt-lg-n4 {
        margin-top: -32px !important
    }

    .mt-lg-n5 {
        margin-top: -40px !important
    }

    .mt-lg-n6 {
        margin-top: -48px !important
    }

    .mt-lg-n7 {
        margin-top: -56px !important
    }

    .mt-lg-n8 {
        margin-top: -64px !important
    }

    .mt-lg-n9 {
        margin-top: -72px !important
    }

    .mt-lg-n10 {
        margin-top: -80px !important
    }

    .me-lg-n1 {
        margin-right: -8px !important
    }

    .me-lg-n2 {
        margin-right: -16px !important
    }

    .me-lg-n3 {
        margin-right: -24px !important
    }

    .me-lg-n4 {
        margin-right: -32px !important
    }

    .me-lg-n5 {
        margin-right: -40px !important
    }

    .me-lg-n6 {
        margin-right: -48px !important
    }

    .me-lg-n7 {
        margin-right: -56px !important
    }

    .me-lg-n8 {
        margin-right: -64px !important
    }

    .me-lg-n9 {
        margin-right: -72px !important
    }

    .me-lg-n10 {
        margin-right: -80px !important
    }

    .mb-lg-n1 {
        margin-bottom: -8px !important
    }

    .mb-lg-n2 {
        margin-bottom: -16px !important
    }

    .mb-lg-n3 {
        margin-bottom: -24px !important
    }

    .mb-lg-n4 {
        margin-bottom: -32px !important
    }

    .mb-lg-n5 {
        margin-bottom: -40px !important
    }

    .mb-lg-n6 {
        margin-bottom: -48px !important
    }

    .mb-lg-n7 {
        margin-bottom: -56px !important
    }

    .mb-lg-n8 {
        margin-bottom: -64px !important
    }

    .mb-lg-n9 {
        margin-bottom: -72px !important
    }

    .mb-lg-n10 {
        margin-bottom: -80px !important
    }

    .ms-lg-n1 {
        margin-left: -8px !important
    }

    .ms-lg-n2 {
        margin-left: -16px !important
    }

    .ms-lg-n3 {
        margin-left: -24px !important
    }

    .ms-lg-n4 {
        margin-left: -32px !important
    }

    .ms-lg-n5 {
        margin-left: -40px !important
    }

    .ms-lg-n6 {
        margin-left: -48px !important
    }

    .ms-lg-n7 {
        margin-left: -56px !important
    }

    .ms-lg-n8 {
        margin-left: -64px !important
    }

    .ms-lg-n9 {
        margin-left: -72px !important
    }

    .ms-lg-n10 {
        margin-left: -80px !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: 8px !important
    }

    .p-lg-2 {
        padding: 16px !important
    }

    .p-lg-3 {
        padding: 24px !important
    }

    .p-lg-4 {
        padding: 32px !important
    }

    .p-lg-5 {
        padding: 40px !important
    }

    .p-lg-6 {
        padding: 48px !important
    }

    .p-lg-7 {
        padding: 56px !important
    }

    .p-lg-8 {
        padding: 64px !important
    }

    .p-lg-9 {
        padding: 72px !important
    }

    .p-lg-10 {
        padding: 80px !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    .px-lg-2 {
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .px-lg-3 {
        padding-right: 24px !important;
        padding-left: 24px !important
    }

    .px-lg-4 {
        padding-right: 32px !important;
        padding-left: 32px !important
    }

    .px-lg-5 {
        padding-right: 40px !important;
        padding-left: 40px !important
    }

    .px-lg-6 {
        padding-right: 48px !important;
        padding-left: 48px !important
    }

    .px-lg-7 {
        padding-right: 56px !important;
        padding-left: 56px !important
    }

    .px-lg-8 {
        padding-right: 64px !important;
        padding-left: 64px !important
    }

    .px-lg-9 {
        padding-right: 72px !important;
        padding-left: 72px !important
    }

    .px-lg-10 {
        padding-right: 80px !important;
        padding-left: 80px !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .py-lg-2 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }

    .py-lg-3 {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .py-lg-4 {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }

    .py-lg-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .py-lg-6 {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .py-lg-7 {
        padding-top: 56px !important;
        padding-bottom: 56px !important
    }

    .py-lg-8 {
        padding-top: 64px !important;
        padding-bottom: 64px !important
    }

    .py-lg-9 {
        padding-top: 72px !important;
        padding-bottom: 72px !important
    }

    .py-lg-10 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: 8px !important
    }

    .pt-lg-2 {
        padding-top: 16px !important
    }

    .pt-lg-3 {
        padding-top: 24px !important
    }

    .pt-lg-4 {
        padding-top: 32px !important
    }

    .pt-lg-5 {
        padding-top: 40px !important
    }

    .pt-lg-6 {
        padding-top: 48px !important
    }

    .pt-lg-7 {
        padding-top: 56px !important
    }

    .pt-lg-8 {
        padding-top: 64px !important
    }

    .pt-lg-9 {
        padding-top: 72px !important
    }

    .pt-lg-10 {
        padding-top: 80px !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: 8px !important
    }

    .pe-lg-2 {
        padding-right: 16px !important
    }

    .pe-lg-3 {
        padding-right: 24px !important
    }

    .pe-lg-4 {
        padding-right: 32px !important
    }

    .pe-lg-5 {
        padding-right: 40px !important
    }

    .pe-lg-6 {
        padding-right: 48px !important
    }

    .pe-lg-7 {
        padding-right: 56px !important
    }

    .pe-lg-8 {
        padding-right: 64px !important
    }

    .pe-lg-9 {
        padding-right: 72px !important
    }

    .pe-lg-10 {
        padding-right: 80px !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: 8px !important
    }

    .pb-lg-2 {
        padding-bottom: 16px !important
    }

    .pb-lg-3 {
        padding-bottom: 24px !important
    }

    .pb-lg-4 {
        padding-bottom: 32px !important
    }

    .pb-lg-5 {
        padding-bottom: 40px !important
    }

    .pb-lg-6 {
        padding-bottom: 48px !important
    }

    .pb-lg-7 {
        padding-bottom: 56px !important
    }

    .pb-lg-8 {
        padding-bottom: 64px !important
    }

    .pb-lg-9 {
        padding-bottom: 72px !important
    }

    .pb-lg-10 {
        padding-bottom: 80px !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: 8px !important
    }

    .ps-lg-2 {
        padding-left: 16px !important
    }

    .ps-lg-3 {
        padding-left: 24px !important
    }

    .ps-lg-4 {
        padding-left: 32px !important
    }

    .ps-lg-5 {
        padding-left: 40px !important
    }

    .ps-lg-6 {
        padding-left: 48px !important
    }

    .ps-lg-7 {
        padding-left: 56px !important
    }

    .ps-lg-8 {
        padding-left: 64px !important
    }

    .ps-lg-9 {
        padding-left: 72px !important
    }

    .ps-lg-10 {
        padding-left: 80px !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .w-xl-30 {
        width: 30% !important
    }

    .w-xl-50 {
        width: 50% !important
    }

    .w-xl-70 {
        width: 70% !important
    }

    .w-xl-100 {
        width: 100% !important
    }

    .w-xl-auto {
        width: auto !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: 8px !important
    }

    .m-xl-2 {
        margin: 16px !important
    }

    .m-xl-3 {
        margin: 24px !important
    }

    .m-xl-4 {
        margin: 32px !important
    }

    .m-xl-5 {
        margin: 40px !important
    }

    .m-xl-6 {
        margin: 48px !important
    }

    .m-xl-7 {
        margin: 56px !important
    }

    .m-xl-8 {
        margin: 64px !important
    }

    .m-xl-9 {
        margin: 72px !important
    }

    .m-xl-10 {
        margin: 80px !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: 8px !important;
        margin-left: 8px !important
    }

    .mx-xl-2 {
        margin-right: 16px !important;
        margin-left: 16px !important
    }

    .mx-xl-3 {
        margin-right: 24px !important;
        margin-left: 24px !important
    }

    .mx-xl-4 {
        margin-right: 32px !important;
        margin-left: 32px !important
    }

    .mx-xl-5 {
        margin-right: 40px !important;
        margin-left: 40px !important
    }

    .mx-xl-6 {
        margin-right: 48px !important;
        margin-left: 48px !important
    }

    .mx-xl-7 {
        margin-right: 56px !important;
        margin-left: 56px !important
    }

    .mx-xl-8 {
        margin-right: 64px !important;
        margin-left: 64px !important
    }

    .mx-xl-9 {
        margin-right: 72px !important;
        margin-left: 72px !important
    }

    .mx-xl-10 {
        margin-right: 80px !important;
        margin-left: 80px !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }

    .my-xl-2 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }

    .my-xl-3 {
        margin-top: 24px !important;
        margin-bottom: 24px !important
    }

    .my-xl-4 {
        margin-top: 32px !important;
        margin-bottom: 32px !important
    }

    .my-xl-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .my-xl-6 {
        margin-top: 48px !important;
        margin-bottom: 48px !important
    }

    .my-xl-7 {
        margin-top: 56px !important;
        margin-bottom: 56px !important
    }

    .my-xl-8 {
        margin-top: 64px !important;
        margin-bottom: 64px !important
    }

    .my-xl-9 {
        margin-top: 72px !important;
        margin-bottom: 72px !important
    }

    .my-xl-10 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: 8px !important
    }

    .mt-xl-2 {
        margin-top: 16px !important
    }

    .mt-xl-3 {
        margin-top: 24px !important
    }

    .mt-xl-4 {
        margin-top: 32px !important
    }

    .mt-xl-5 {
        margin-top: 40px !important
    }

    .mt-xl-6 {
        margin-top: 48px !important
    }

    .mt-xl-7 {
        margin-top: 56px !important
    }

    .mt-xl-8 {
        margin-top: 64px !important
    }

    .mt-xl-9 {
        margin-top: 72px !important
    }

    .mt-xl-10 {
        margin-top: 80px !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: 8px !important
    }

    .me-xl-2 {
        margin-right: 16px !important
    }

    .me-xl-3 {
        margin-right: 24px !important
    }

    .me-xl-4 {
        margin-right: 32px !important
    }

    .me-xl-5 {
        margin-right: 40px !important
    }

    .me-xl-6 {
        margin-right: 48px !important
    }

    .me-xl-7 {
        margin-right: 56px !important
    }

    .me-xl-8 {
        margin-right: 64px !important
    }

    .me-xl-9 {
        margin-right: 72px !important
    }

    .me-xl-10 {
        margin-right: 80px !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: 8px !important
    }

    .mb-xl-2 {
        margin-bottom: 16px !important
    }

    .mb-xl-3 {
        margin-bottom: 24px !important
    }

    .mb-xl-4 {
        margin-bottom: 32px !important
    }

    .mb-xl-5 {
        margin-bottom: 40px !important
    }

    .mb-xl-6 {
        margin-bottom: 48px !important
    }

    .mb-xl-7 {
        margin-bottom: 56px !important
    }

    .mb-xl-8 {
        margin-bottom: 64px !important
    }

    .mb-xl-9 {
        margin-bottom: 72px !important
    }

    .mb-xl-10 {
        margin-bottom: 80px !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: 8px !important
    }

    .ms-xl-2 {
        margin-left: 16px !important
    }

    .ms-xl-3 {
        margin-left: 24px !important
    }

    .ms-xl-4 {
        margin-left: 32px !important
    }

    .ms-xl-5 {
        margin-left: 40px !important
    }

    .ms-xl-6 {
        margin-left: 48px !important
    }

    .ms-xl-7 {
        margin-left: 56px !important
    }

    .ms-xl-8 {
        margin-left: 64px !important
    }

    .ms-xl-9 {
        margin-left: 72px !important
    }

    .ms-xl-10 {
        margin-left: 80px !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .m-xl-n1 {
        margin: -8px !important
    }

    .m-xl-n2 {
        margin: -16px !important
    }

    .m-xl-n3 {
        margin: -24px !important
    }

    .m-xl-n4 {
        margin: -32px !important
    }

    .m-xl-n5 {
        margin: -40px !important
    }

    .m-xl-n6 {
        margin: -48px !important
    }

    .m-xl-n7 {
        margin: -56px !important
    }

    .m-xl-n8 {
        margin: -64px !important
    }

    .m-xl-n9 {
        margin: -72px !important
    }

    .m-xl-n10 {
        margin: -80px !important
    }

    .mx-xl-n1 {
        margin-right: -8px !important;
        margin-left: -8px !important
    }

    .mx-xl-n2 {
        margin-right: -16px !important;
        margin-left: -16px !important
    }

    .mx-xl-n3 {
        margin-right: -24px !important;
        margin-left: -24px !important
    }

    .mx-xl-n4 {
        margin-right: -32px !important;
        margin-left: -32px !important
    }

    .mx-xl-n5 {
        margin-right: -40px !important;
        margin-left: -40px !important
    }

    .mx-xl-n6 {
        margin-right: -48px !important;
        margin-left: -48px !important
    }

    .mx-xl-n7 {
        margin-right: -56px !important;
        margin-left: -56px !important
    }

    .mx-xl-n8 {
        margin-right: -64px !important;
        margin-left: -64px !important
    }

    .mx-xl-n9 {
        margin-right: -72px !important;
        margin-left: -72px !important
    }

    .mx-xl-n10 {
        margin-right: -80px !important;
        margin-left: -80px !important
    }

    .my-xl-n1 {
        margin-top: -8px !important;
        margin-bottom: -8px !important
    }

    .my-xl-n2 {
        margin-top: -16px !important;
        margin-bottom: -16px !important
    }

    .my-xl-n3 {
        margin-top: -24px !important;
        margin-bottom: -24px !important
    }

    .my-xl-n4 {
        margin-top: -32px !important;
        margin-bottom: -32px !important
    }

    .my-xl-n5 {
        margin-top: -40px !important;
        margin-bottom: -40px !important
    }

    .my-xl-n6 {
        margin-top: -48px !important;
        margin-bottom: -48px !important
    }

    .my-xl-n7 {
        margin-top: -56px !important;
        margin-bottom: -56px !important
    }

    .my-xl-n8 {
        margin-top: -64px !important;
        margin-bottom: -64px !important
    }

    .my-xl-n9 {
        margin-top: -72px !important;
        margin-bottom: -72px !important
    }

    .my-xl-n10 {
        margin-top: -80px !important;
        margin-bottom: -80px !important
    }

    .mt-xl-n1 {
        margin-top: -8px !important
    }

    .mt-xl-n2 {
        margin-top: -16px !important
    }

    .mt-xl-n3 {
        margin-top: -24px !important
    }

    .mt-xl-n4 {
        margin-top: -32px !important
    }

    .mt-xl-n5 {
        margin-top: -40px !important
    }

    .mt-xl-n6 {
        margin-top: -48px !important
    }

    .mt-xl-n7 {
        margin-top: -56px !important
    }

    .mt-xl-n8 {
        margin-top: -64px !important
    }

    .mt-xl-n9 {
        margin-top: -72px !important
    }

    .mt-xl-n10 {
        margin-top: -80px !important
    }

    .me-xl-n1 {
        margin-right: -8px !important
    }

    .me-xl-n2 {
        margin-right: -16px !important
    }

    .me-xl-n3 {
        margin-right: -24px !important
    }

    .me-xl-n4 {
        margin-right: -32px !important
    }

    .me-xl-n5 {
        margin-right: -40px !important
    }

    .me-xl-n6 {
        margin-right: -48px !important
    }

    .me-xl-n7 {
        margin-right: -56px !important
    }

    .me-xl-n8 {
        margin-right: -64px !important
    }

    .me-xl-n9 {
        margin-right: -72px !important
    }

    .me-xl-n10 {
        margin-right: -80px !important
    }

    .mb-xl-n1 {
        margin-bottom: -8px !important
    }

    .mb-xl-n2 {
        margin-bottom: -16px !important
    }

    .mb-xl-n3 {
        margin-bottom: -24px !important
    }

    .mb-xl-n4 {
        margin-bottom: -32px !important
    }

    .mb-xl-n5 {
        margin-bottom: -40px !important
    }

    .mb-xl-n6 {
        margin-bottom: -48px !important
    }

    .mb-xl-n7 {
        margin-bottom: -56px !important
    }

    .mb-xl-n8 {
        margin-bottom: -64px !important
    }

    .mb-xl-n9 {
        margin-bottom: -72px !important
    }

    .mb-xl-n10 {
        margin-bottom: -80px !important
    }

    .ms-xl-n1 {
        margin-left: -8px !important
    }

    .ms-xl-n2 {
        margin-left: -16px !important
    }

    .ms-xl-n3 {
        margin-left: -24px !important
    }

    .ms-xl-n4 {
        margin-left: -32px !important
    }

    .ms-xl-n5 {
        margin-left: -40px !important
    }

    .ms-xl-n6 {
        margin-left: -48px !important
    }

    .ms-xl-n7 {
        margin-left: -56px !important
    }

    .ms-xl-n8 {
        margin-left: -64px !important
    }

    .ms-xl-n9 {
        margin-left: -72px !important
    }

    .ms-xl-n10 {
        margin-left: -80px !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: 8px !important
    }

    .p-xl-2 {
        padding: 16px !important
    }

    .p-xl-3 {
        padding: 24px !important
    }

    .p-xl-4 {
        padding: 32px !important
    }

    .p-xl-5 {
        padding: 40px !important
    }

    .p-xl-6 {
        padding: 48px !important
    }

    .p-xl-7 {
        padding: 56px !important
    }

    .p-xl-8 {
        padding: 64px !important
    }

    .p-xl-9 {
        padding: 72px !important
    }

    .p-xl-10 {
        padding: 80px !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    .px-xl-2 {
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .px-xl-3 {
        padding-right: 24px !important;
        padding-left: 24px !important
    }

    .px-xl-4 {
        padding-right: 32px !important;
        padding-left: 32px !important
    }

    .px-xl-5 {
        padding-right: 40px !important;
        padding-left: 40px !important
    }

    .px-xl-6 {
        padding-right: 48px !important;
        padding-left: 48px !important
    }

    .px-xl-7 {
        padding-right: 56px !important;
        padding-left: 56px !important
    }

    .px-xl-8 {
        padding-right: 64px !important;
        padding-left: 64px !important
    }

    .px-xl-9 {
        padding-right: 72px !important;
        padding-left: 72px !important
    }

    .px-xl-10 {
        padding-right: 80px !important;
        padding-left: 80px !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .py-xl-2 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }

    .py-xl-3 {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .py-xl-4 {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }

    .py-xl-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .py-xl-6 {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .py-xl-7 {
        padding-top: 56px !important;
        padding-bottom: 56px !important
    }

    .py-xl-8 {
        padding-top: 64px !important;
        padding-bottom: 64px !important
    }

    .py-xl-9 {
        padding-top: 72px !important;
        padding-bottom: 72px !important
    }

    .py-xl-10 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: 8px !important
    }

    .pt-xl-2 {
        padding-top: 16px !important
    }

    .pt-xl-3 {
        padding-top: 24px !important
    }

    .pt-xl-4 {
        padding-top: 32px !important
    }

    .pt-xl-5 {
        padding-top: 40px !important
    }

    .pt-xl-6 {
        padding-top: 48px !important
    }

    .pt-xl-7 {
        padding-top: 56px !important
    }

    .pt-xl-8 {
        padding-top: 64px !important
    }

    .pt-xl-9 {
        padding-top: 72px !important
    }

    .pt-xl-10 {
        padding-top: 80px !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: 8px !important
    }

    .pe-xl-2 {
        padding-right: 16px !important
    }

    .pe-xl-3 {
        padding-right: 24px !important
    }

    .pe-xl-4 {
        padding-right: 32px !important
    }

    .pe-xl-5 {
        padding-right: 40px !important
    }

    .pe-xl-6 {
        padding-right: 48px !important
    }

    .pe-xl-7 {
        padding-right: 56px !important
    }

    .pe-xl-8 {
        padding-right: 64px !important
    }

    .pe-xl-9 {
        padding-right: 72px !important
    }

    .pe-xl-10 {
        padding-right: 80px !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: 8px !important
    }

    .pb-xl-2 {
        padding-bottom: 16px !important
    }

    .pb-xl-3 {
        padding-bottom: 24px !important
    }

    .pb-xl-4 {
        padding-bottom: 32px !important
    }

    .pb-xl-5 {
        padding-bottom: 40px !important
    }

    .pb-xl-6 {
        padding-bottom: 48px !important
    }

    .pb-xl-7 {
        padding-bottom: 56px !important
    }

    .pb-xl-8 {
        padding-bottom: 64px !important
    }

    .pb-xl-9 {
        padding-bottom: 72px !important
    }

    .pb-xl-10 {
        padding-bottom: 80px !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: 8px !important
    }

    .ps-xl-2 {
        padding-left: 16px !important
    }

    .ps-xl-3 {
        padding-left: 24px !important
    }

    .ps-xl-4 {
        padding-left: 32px !important
    }

    .ps-xl-5 {
        padding-left: 40px !important
    }

    .ps-xl-6 {
        padding-left: 48px !important
    }

    .ps-xl-7 {
        padding-left: 56px !important
    }

    .ps-xl-8 {
        padding-left: 64px !important
    }

    .ps-xl-9 {
        padding-left: 72px !important
    }

    .ps-xl-10 {
        padding-left: 80px !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    touch-action: none;
    z-index: 3000;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: 0.001;
    will-change: opacity;
    transition: opacity .3s cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.97);
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container, .pswp__zoom-wrap {
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container, .pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    transition: -webkit-transform .3s cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform .3s cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform .3s cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform .3s cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp__bg {
    will-change: opacity;
    transition: opacity .3s cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
    transition: none
}

.pswp__container, .pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: rgba(0, 0, 0, 0)
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC
}

.pswp__error-msg a {
    color: #CCC;
    text-decoration: underline
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    transition: opacity 0.2s;
    box-shadow: none
}

.pswp__button:focus, .pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: none;
    opacity: 0.9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    background: url(../images/photoswipe/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
    .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(../images/photoswipe/default-skin.svg)
    }

    .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left, .pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(0, 0, 0, 0.3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter, .pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 3100;
    opacity: 0;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 3120;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid rgba(0, 0, 0, 0);
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A
}

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D
}

a.pswp__share--download:hover {
    background: #DDD
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: 0.75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #BBB
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(../images/photoswipe/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 3050
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    transition: opacity .3s cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__top-bar, .pswp__caption {
    background-color: rgba(0, 0, 0, 0.5)
}

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0.3)
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0
}

.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right {
    opacity: 0.001
}

.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

.pswp__bg {
    background: rgba(255, 255, 255, 0.97)
}

.pswp__top-bar {
    background-color: #000 !important
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 1
}

.pswp__img {
    pointer-events: auto !important
}

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    background-color: #000
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev:after, .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0)
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev, .swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.swiper {
    opacity: 0;
    transition: opacity 1s ease
}

.swiper.is-notSwiper {
    opacity: 1 !important
}

.swiper-initialized {
    opacity: 1
}

.swiper-wrapper {
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1)
}

.swiper-scrollbar {
    position: relative !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    height: 4px !important;
    width: 100% !important;
    overflow-x: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px
}

@media (min-width: 992px) {
    .swiper-scrollbar {
        margin-top: 48px;
        width: calc(100% - 32px) !important
    }
}

.swiper-scrollbar .swiper-scrollbar-drag {
    background-color: #b3b3b3 !important;
    border-radius: 0 !important;
    cursor: -webkit-grab;
    cursor: grab;
    transition: .2s ease
}

.swiper-scrollbar.swiper-scrollbar-common {
    background-color: #f0f0f0 !important
}

@media (min-width: 992px) {
    .swiper-scrollbar.swiper-scrollbar-common {
        width: 516px !important
    }
}

.swiper-scrollbar.swiper-scrollbar-common .swiper-scrollbar-drag {
    background-color: #ccc !important
}

.swiper-scrollbar.swiper-scrollbar-common-white {
    background-color: #fff !important
}

@media (min-width: 992px) {
    .swiper-scrollbar.swiper-scrollbar-common-white {
        width: 516px !important
    }
}

.swiper-scrollbar.swiper-scrollbar-common-white .swiper-scrollbar-drag {
    background-color: #ccc !important
}

.is-notSwiper .swiper-scrollbar {
    display: none
}

.swiper-button-prev, .swiper-button-next {
    pointer-events: auto;
    color: #666;
    background-color: #f9f9f9;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 991.98px) {
    .swiper-button-prev, .swiper-button-next {
        width: 40px;
        height: 40px
    }

    .swiper-button-prev:after, .swiper-button-next:after {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .swiper-button-prev, .swiper-button-next {
        width: 40px;
        height: 40px
    }

    .swiper-button-prev:after, .swiper-button-next:after {
        font-size: 18px;
        transition: .2s ease
    }

    .swiper-button-prev:hover:after, .swiper-button-next:hover:after {
        opacity: .65
    }
}

[lang=ar] .swiper-button-prev:after, [lang=ar] .swiper-button-next:after {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.is-notSwiper .swiper-button-prev, .is-notSwiper .swiper-button-next {
    display: none
}

.swiper-button-prev {
    left: auto;
    inset-inline-start: 0
}

.swiper-button-prev:after {
    content: "\E104";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.swiper-rtl .swiper-button-prev:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.swiper-button-next {
    right: auto;
    inset-inline-end: 0
}

.swiper-button-next:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.swiper-rtl .swiper-button-next:after {
    content: "\E104";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.swiper-button-disabled {
    display: none
}

.swiper-autoplay-switch {
    border: none;
    background-color: transparent;
    padding: 0;
    position: relative;
    width: 16px;
    height: 16px;
    transition: .2s ease
}

.swiper-autoplay-switch:before {
    content: "\E217";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.swiper-autoplay-switch:hover {
    opacity: .65
}

.is-autoplay .swiper-autoplay-switch:before {
    content: "\E216";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.swiper-visualCommon.is-notSwiper .swiper-controll {
    display: none !important
}

.swiper-visualCommon .swiper-controll {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 991.98px) {
    .swiper-visualCommon .swiper-controll {
        bottom: 16px
    }
}

@media (min-width: 992px) {
    .swiper-visualCommon .swiper-controll {
        bottom: 16px
    }
}

.swiper-visualCommon .swiper-pagination {
    position: relative;
    display: flex;
    inset-inline-start: auto;
    bottom: auto;
    width: auto;
    -webkit-margin-end: 4px;
    margin-inline-end: 4px
}

@media (min-width: 992px) {
    .swiper-visualCommon .swiper-pagination {
        -webkit-margin-end: 20px;
        margin-inline-end: 20px
    }
}

.swiper-visualCommon .swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px;
    display: block;
    height: 2px;
    width: 20px;
    background-color: #fff;
    opacity: 1;
    border-radius: 0;
    position: relative
}

@media (min-width: 992px) {
    .swiper-visualCommon .swiper-pagination .swiper-pagination-bullet {
        width: 40px
    }
}

.swiper-visualCommon .swiper-pagination .swiper-pagination-bullet:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #193c72;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    opacity: 0;
    transition: .2s
}

.swiper-visualCommon .swiper-pagination .swiper-pagination-bullet:hover {
    opacity: .65
}

.swiper-visualCommon .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    pointer-events: none
}

.swiper-visualCommon .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    opacity: 1
}

[lang=ar] .icon-angle-right {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

[lang=ar] .icon-angle-left {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.heading-h2, .heading-h3, .heading-h4, .heading-h5, .heading-h6 {
    text-align: center;
    margin-bottom: 1.5rem
}

.heading-shoulder {
    font-size: .75rem;
    text-align: center;
    margin-bottom: .5rem
}

.text-align-start {
    text-align: start !important
}

.text-align-center {
    text-align: center !important
}

.text-align-end {
    text-align: end !important
}

@media (min-width: 992px) {
    .text-align-lg-start {
        text-align: start !important
    }
}

@media (min-width: 992px) {
    .text-align-lg-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-align-lg-end {
        text-align: end !important
    }
}

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

.text-indent-2 {
    text-indent: 2em !important
}

.text-indent-3 {
    text-indent: 3em !important
}

.text-indent-4 {
    text-indent: 4em !important
}

.text-color-default {
    color: #000 !important
}

.text-color-inverse {
    color: #fff !important
}

.text-color-primary {
    color: #193c72 !important
}

.text-color-danger {
    color: #B30B00 !important
}

.text-weight-normal {
    font-weight: normal !important
}

.text-weight-bold {
    font-weight: bold !important
}

.text-style-italic {
    font-style: italic !important
}

.text-style-oblique {
    font-style: oblique !important
}

.text-style-line {
    text-decoration: underline !important
}

.text-size-largest {
    font-size: 1.5rem !important
}

@media (max-width: 767.98px) {
    .text-size-largest {
        font-size: 1.25rem !important
    }
}

.text-size-larger {
    font-size: 1.25rem !important
}

@media (max-width: 767.98px) {
    .text-size-larger {
        font-size: 1.125rem !important
    }
}

.text-size-large {
    font-size: 1.125rem !important
}

@media (max-width: 767.98px) {
    .text-size-large {
        font-size: 1rem !important
    }
}

.text-size-medium {
    font-size: 1rem !important
}

@media (max-width: 767.98px) {
    .text-size-medium {
        font-size: .875rem !important
    }
}

.text-size-small {
    font-size: .875rem !important
}

.text-size-smaller {
    font-size: .75rem !important
}

.text-size-smallest {
    font-size: .625rem !important
}

.text-family-sans {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important
}

.text-family-display {
    font-family: "Jost", "Noto Sans JP" !important
}

.text-width-block {
    display: block !important
}

.text-width-inline {
    display: inline-block !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break-word {
    word-break: break-word !important
}

.text-action {
    margin-top: 2rem !important;
    text-align: center !important
}

[class*="link-"] > i {
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.link-style-color {
    color: #000
}

.link-style-color:hover {
    color: rgba(0, 0, 0, 0.5)
}

.link-style-line {
    text-decoration: underline
}

.link-tel {
    text-decoration: underline
}

@media (min-width: 768px) {
    .link-tel {
        pointer-events: none;
        color: #000;
        text-decoration: none
    }
}

.link-mail {
    text-decoration: underline
}

.link-disabled {
    pointer-events: none;
    opacity: .5
}

.link-next:before {
    content: '→'
}

[lang=ar] .link-next:before {
    content: '←'
}

.link-pdf i {
    color: #b30b00
}

@media (min-width: 768px) {
    .link-md-none {
        pointer-events: none;
        color: #000
    }
}

.link-banner {
    display: inline-block
}

.link-banner > img {
    transition: .2s ease
}

.link-banner:hover > img {
    opacity: .65
}

.btn-default, .btn-dark, .btn-black, .btn-white, .btn-light, .btn-primary, .btn-secondary, .btn-outline-primary, .btn-outline-secondary {
    position: relative;
    background-color: transparent;
    color: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    line-height: 1.5;
    padding: 15px 1rem;
    transition: background-color .1s,
    border-color .1s,
    color .1s
}

.btn-default:hover, .btn-dark:hover, .btn-black:hover, .btn-white:hover, .btn-light:hover, .btn-primary:hover, .btn-secondary:hover, .btn-outline-primary:hover, .btn-outline-secondary:hover {
    text-decoration: none
}

.btn-default {
    color: #fff;
    background-color: #000;
    border: 1px solid transparent
}

.btn-default:hover {
    color: #fff;
    background-color: #000;
    text-decoration: none
}

.btn-dark {
    color: #fff;
    background-color: #333;
    border: 1px solid transparent
}

.btn-dark:hover {
    color: #fff;
    background-color: #262626;
    text-decoration: none
}

.btn-black {
    color: #fff;
    background-color: #000;
    border: 1px solid transparent
}

.btn-black:hover {
    color: #fff;
    background-color: #000;
    text-decoration: none
}

.btn-white {
    color: #000;
    background-color: #fff;
    border: 1px solid transparent
}

.btn-white:hover {
    color: #000;
    background-color: #f2f2f2;
    text-decoration: none
}

.btn-light {
    color: #000;
    background-color: #e6e6e6;
    border: 1px solid transparent
}

.btn-light:hover {
    color: #000;
    background-color: #d9d9d9;
    text-decoration: none
}

.btn-primary {
    color: #fff;
    background-color: #193c72;
    border: 1px solid transparent
}

.btn-primary:hover {
    color: #fff;
    background-color: #14315d;
    text-decoration: none
}

.btn-secondary {
    color: #fff;
    background-color: #3F51B5;
    border: 1px solid transparent
}

.btn-secondary:hover {
    color: #fff;
    background-color: #3849a2;
    text-decoration: none
}

.btn-outline-default, .btn-outline-dark, .btn-outline-black, .btn-outline-store {
    color: #000;
    text-align: center;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5;
    padding: 15px 32px;
    min-width: 256px;
    border: solid 1px #000;
    position: relative;
    transition: .2s ease
}

.btn-outline-default:after, .btn-outline-dark:after, .btn-outline-black:after, .btn-outline-store:after {
    content: '';
    width: 16px;
    height: 1px;
    background-color: #000;
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    transition: .2s ease
}

.btn-outline-default:hover, .btn-outline-dark:hover, .btn-outline-black:hover, .btn-outline-store:hover {
    color: #fff;
    background-color: #193c72;
    border-color: #193c72
}

.btn-outline-default:hover:after, .btn-outline-dark:hover:after, .btn-outline-black:hover:after, .btn-outline-store:hover:after {
    width: 0;
    background-color: #fff
}

.btn-outline-white {
    color: #fff;
    text-align: center;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5;
    padding: 15px 32px;
    min-width: 256px;
    border: solid 1px #fff;
    position: relative;
    transition: .2s ease
}

.btn-outline-white:after {
    content: '';
    width: 16px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    transition: .2s ease
}

.btn-outline-white:hover {
    color: #fff;
    background-color: #193c72;
    border-color: #193c72
}

.btn-outline-white:hover:after {
    width: 0;
    background-color: #fff
}

.btn-outline-light {
    color: #fff;
    text-align: center;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5;
    padding: 15px 32px;
    min-width: 256px;
    border: solid 1px #fff;
    position: relative;
    transition: .2s ease
}

.btn-outline-light:after {
    content: '';
    width: 16px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    transition: .2s ease
}

.btn-outline-light:hover {
    color: #fff;
    background-color: #193c72;
    border-color: #193c72
}

.btn-outline-light:hover:after {
    width: 0;
    background-color: #fff
}

.btn-outline-inverse {
    color: #fff;
    text-align: center;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5;
    padding: 15px 32px;
    min-width: 256px;
    border: solid 1px #000;
    position: relative;
    transition: .2s ease;
    background-color: #000
}

.btn-outline-inverse:after {
    content: '';
    width: 16px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    transition: .2s ease
}

.btn-outline-inverse:hover {
    color: #fff;
    background-color: #193c72;
    border-color: #193c72
}

.btn-outline-inverse:hover:after {
    width: 0;
    background-color: #fff
}

[class*="btn-icon-"]:after {
    content: none
}

[class*="btn-icon-"] > i {
    position: absolute;
    top: 50%;
    inset-inline-end: .5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1rem
}

[class*="btn-icon-"].btn-outline-inverse {
    color: #fff
}

[class*="btn-icon-"].btn-outline-inverse > i {
    color: #fff
}

.btn-icon-pdf i {
    color: #b30b00
}

.btn-icon-pdf:hover i {
    color: #fff
}

.btn-icon-pdf.btn-primary i {
    color: #fff
}

.btn-icon-pdf.btn-primary:hover i {
    color: #fff
}

.btn-icon-external, .btn-icon-pdf, .btn-icon-download, .btn-icon-angle-down, .btn-icon-mail {
    padding-left: 2rem;
    padding-right: 2rem
}

.btn-outline-primary {
    border-color: #193c72;
    color: #193c72
}

.btn-outline-primary:hover {
    background-color: rgba(25, 60, 114, 0.1);
    border-color: #193c72;
    color: #193c72
}

.btn-outline-secondary {
    border-color: #3F51B5;
    color: #3F51B5
}

.btn-outline-secondary:hover {
    background-color: rgba(63, 81, 181, 0.1);
    border-color: #3F51B5;
    color: #3F51B5
}

.btn-size-sm {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.btn-size-md {
    padding-top: 15px;
    padding-bottom: 15px
}

.btn-size-lg {
    font-size: .875rem;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.btn-size-xl {
    font-size: .875rem;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

.btn-block {
    text-align: center;
    width: 100%;
    min-width: auto
}

.btn-width-1 {
    text-align: center;
    width: 8.33333%;
    min-width: auto
}

.btn-width-2 {
    text-align: center;
    width: 16.66667%;
    min-width: auto
}

.btn-width-3 {
    text-align: center;
    width: 25%;
    min-width: auto
}

.btn-width-4 {
    text-align: center;
    width: 33.33333%;
    min-width: auto
}

.btn-width-5 {
    text-align: center;
    width: 41.66667%;
    min-width: auto
}

.btn-width-6 {
    text-align: center;
    width: 50%;
    min-width: auto
}

.btn-width-7 {
    text-align: center;
    width: 58.33333%;
    min-width: auto
}

.btn-width-8 {
    text-align: center;
    width: 66.66667%;
    min-width: auto
}

.btn-width-9 {
    text-align: center;
    width: 75%;
    min-width: auto
}

.btn-width-10 {
    text-align: center;
    width: 83.33333%;
    min-width: auto
}

.btn-width-11 {
    text-align: center;
    width: 91.66667%;
    min-width: auto
}

.btn-width-12 {
    text-align: center;
    width: 100%;
    min-width: auto
}

.btn-width-auto {
    width: auto;
    min-width: auto
}

.btn-width-xl {
    width: 100%;
    max-width: 504px
}

.btn-disabled {
    opacity: .4;
    pointer-events: none
}

.btn-panel-default, .btn-panel-inverse {
    margin-bottom: 0;
    height: 100%
}

.btn-panel-default > a, .btn-panel-inverse > a {
    display: block;
    padding: 3rem 1rem;
    background-color: #f0f0f0;
    text-align: center;
    line-height: 1.5;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .2s
}

.btn-panel-default > a:hover, .btn-panel-inverse > a:hover {
    opacity: .8
}

.btn-panel-inverse > a {
    background-color: #14305b;
    color: #fff
}

.btn-icon-angle-down > i {
    transition: .2s ease
}

.btn-icon-angle-down:hover > i {
    top: calc(50% + 2px)
}

.btn-map {
    display: block;
    text-align: center;
    background-color: #193c72;
    color: #fff;
    border-radius: 999px;
    font-size: 12px;
    padding: 5px 16px;
    transition: .2s ease
}

.btn-map i {
    -webkit-margin-start: 4px;
    margin-inline-start: 4px;
    font-size: 16px
}

.btn-map:hover {
    color: #fff;
    background-color: #14305b
}

@media (min-width: 768px) {
    .color-white .btn-outline-store, .color-md-white .btn-outline-store {
        color: #fff;
        border: solid 1px #fff
    }

    .color-white .btn-outline-store:hover, .color-md-white .btn-outline-store:hover {
        color: #fff;
        background-color: #193c72;
        border-color: #193c72
    }
}

.card-default, .card-direction-horizontal, .card-store, .card-event, .eventList-card {
    color: #000;
    display: block;
    margin-bottom: 1rem;
    text-decoration: none
}

.card-default:hover, .card-direction-horizontal:hover, .card-store:hover, .card-event:hover, .eventList-card:hover {
    color: #000
}

.card-default:hover > ._image > ._cover img, .card-direction-horizontal:hover > ._image > ._cover img, .card-store:hover > ._image > ._cover img, .card-event:hover > ._image > ._cover img, .eventList-card:hover > ._image > ._cover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.card-default:hover > ._body, .card-direction-horizontal:hover > ._body, .card-store:hover > ._body, .card-event:hover > ._body, .eventList-card:hover > ._body {
    opacity: .65
}

.card-default > ._image > ._cover, .card-direction-horizontal > ._image > ._cover, .card-store > ._image > ._cover, .card-event > ._image > ._cover, .eventList-card > ._image > ._cover {
    overflow: hidden
}

.card-default > ._image > ._cover img, .card-direction-horizontal > ._image > ._cover img, .card-store > ._image > ._cover img, .card-event > ._image > ._cover img, .eventList-card > ._image > ._cover img {
    transition: 3s ease;
    width: 100%
}

.card-default > ._body, .card-direction-horizontal > ._body, .card-store > ._body, .card-event > ._body, .eventList-card > ._body {
    transition: .2s ease
}

.card-default > ._body > ._title, .card-direction-horizontal > ._body > ._title, .card-store > ._body > ._title, .card-event > ._body > ._title, .eventList-card > ._body > ._title {
    margin-top: 16px;
    color: #000;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 0
}

.card-default > ._body > ._outline, .card-direction-horizontal > ._body > ._outline, .card-store > ._body > ._outline, .card-event > ._body > ._outline, .eventList-card > ._body > ._outline {
    margin-top: 16px;
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 1rem
}

.card-default > ._body > ._link, .card-direction-horizontal > ._body > ._link, .card-store > ._body > ._link, .card-event > ._body > ._link, .eventList-card > ._body > ._link {
    color: #193c72;
    margin-bottom: 0;
    margin-top: 8px;
    line-height: 1.5
}

.card-default {
    overflow: hidden
}

.card-direction-horizontal {
    display: flex;
    flex-direction: row
}

.card-direction-horizontal.card-default > ._image > ._cover {
    height: 100%
}

.card-direction-horizontal.card-default > ._image > ._cover img {
    font-family: "object-fit: cover;";
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card-direction-horizontal.card-default > ._body {
    padding-left: 1rem;
    padding-top: 0;
    padding-bottom: 0
}

.card-direction-horizontal > ._image {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.card-direction-horizontal > ._body {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.card-product {
    color: #000;
    display: block;
    height: 100%;
    text-align: center;
    background-color: #f9f9f9;
    padding: 12px 0 16px
}

@media (min-width: 992px) {
    .card-product {
        padding: 20px 16px 24px
    }
}

.card-product:hover {
    color: #000
}

.card-product:hover > ._info {
    color: gray
}

.card-product > ._sub {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
    margin-bottom: 10px
}

@media (max-width: 991.98px) {
    .card-product > ._sub {
        margin-bottom: 4px;
        -webkit-padding-start: 16px;
        padding-inline-start: 16px;
        -webkit-padding-end: 12px;
        padding-inline-end: 12px
    }
}

@media (min-width: 992px) {
    .swiper-slide-carouselProducts .card-product > ._sub {
        -webkit-padding-start: 16px;
        padding-inline-start: 16px;
        -webkit-padding-end: 14px;
        padding-inline-end: 14px
    }
}

.card-product > ._sub > ._left {
    font-family: "Jost", "Noto Sans JP";
    font-size: 12px;
    font-weight: 500
}

@media (max-width: 991.98px) {
    .card-product > ._sub > ._left {
        font-size: 10px
    }
}

.card-product > ._sub > ._left > ._new {
    margin-right: 8px
}

.card-product > ._sub > ._left > ._limited {
    color: gray
}

.card-product > ._sub > ._right ._button {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: none;
    padding: 0;
    background: none;
    font-size: 28px;
    color: #b3b3b3;
    position: relative;
    transition: .2s ease
}

@media (max-width: 991.98px) {
    .card-product > ._sub > ._right ._button {
        width: 24px;
        height: 24px;
        font-size: 24px
    }
}

.card-product > ._sub > ._right ._button:hover {
    color: #a89579
}

.card-product > ._sub > ._right ._button:after {
    content: "\E218";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.card-product > ._sub > ._right ._button.is-active {
    color: #a89579
}

.card-product > ._sub > ._right ._button.is-active:after {
    content: "\E219";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.card-product > ._visual {
    margin: 0 auto 16px;
    max-width: 240px
}

@media (max-width: 991.98px) {
    .card-product > ._visual {
        margin: 0 auto 8px
    }
}

.card-product > ._visual > ._image {
    width: 100%;
    height: 100%
}

.card-product > ._info {
    font-size: 12px;
    line-height: 1.5;
    transition: .2s ease
}

.card-product > ._info > ._name {
    font-weight: bold
}

.card-product > ._info > ._num {
    font-family: "Jost", "Noto Sans JP";
    font-weight: 500;
    font-size: 14px
}

.card-product > ._info > ._price {
    margin-top: 4px;
    font-weight: bold
}

.card-product > ._info > ._edition {
    color: #666;
    font-weight: 500;
    letter-spacing: .1em;
    margin-top: 8px
}

.card-imageText {
    display: block;
    font-weight: 500;
    color: #000
}

.card-imageText:hover {
    color: #000
}

.card-imageText:hover > ._visual > ._image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.card-imageText:hover > ._detail {
    opacity: .65
}

.card-imageText > ._visual {
    margin-bottom: 16px;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.card-imageText > ._visual > ._image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 3s ease
}

.card-imageText > ._info {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 8px
}

.card-imageText > ._info > ._date {
    font-size: 12px;
    color: #999
}

.card-imageText > ._info > ._tag {
    font-size: 12px;
    display: inline-block;
    background-color: #f0f0f0;
    padding: 4px;
    -webkit-margin-start: 20px;
    margin-inline-start: 20px;
    min-width: 93px;
    text-align: center
}

.card-imageText > ._detail {
    font-size: 14px;
    transition: .2s ease
}

.card-iconText {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-weight: 500;
    color: #000;
    text-align: center;
    background-color: #f9f9f9;
    padding: 24px 16px
}

@media (min-width: 768px) {
    .card-iconText {
        min-height: 145px;
        padding: 16px
    }
}

.card-iconText:hover {
    color: #000
}

.card-iconText:hover > ._content {
    opacity: .65
}

.card-iconText > ._content {
    transition: .2s ease
}

.card-iconText > ._content > ._visual {
    margin-bottom: 16px
}

.card-iconText > ._content > ._visual > ._image {
    width: 40px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 991.98px) {
    .card-iconText > ._content > ._visual > ._image {
        width: 32px;
        height: 32px
    }
}

.card-iconText > ._content > ._text > ._title {
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 0
}

.card-store {
    overflow: hidden
}

.card-store ._image {
    margin-bottom: 16px
}

.card-store ._body > ._title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 27px
}

.card-store ._body > ._title i {
    -webkit-margin-start: 5px;
    margin-inline-start: 5px
}

.card-store ._body > ._outline {
    margin-top: 0;
    line-height: 28px
}

@media (max-width: 991.98px) {
    .card-store ._body > ._title {
        font-size: 1rem
    }
}

.card-event, .eventList-card {
    overflow: hidden
}

.card-event ._visual, .eventList-card ._visual {
    margin-bottom: 16px;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.card-event ._visual > ._image, .eventList-card ._visual > ._image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 3s ease
}

.card-event ._content, .eventList-card ._content {
    transition: .2s ease
}

.card-event ._content ._title, .eventList-card ._content ._title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 1rem
}

.card-event ._content ._info, .eventList-card ._content ._info {
    font-weight: 500;
    font-size: 12px
}

.card-event ._content ._info > div, .eventList-card ._content ._info > div {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px
}

.card-event ._content ._info > div > span, .eventList-card ._content ._info > div > span {
    line-height: 1.5
}

.card-event ._content ._info > div ._lb, .eventList-card ._content ._info > div ._lb {
    background-color: #e6e6e6;
    min-width: 82px;
    text-align: center;
    -webkit-margin-end: 4px;
    margin-inline-end: 4px
}

.card-event ._content ._info > div ._tx, .eventList-card ._content ._info > div ._tx {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.card-event:hover ._visual > ._image, .eventList-card:hover ._visual > ._image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.card-event:hover ._content, .eventList-card:hover ._content {
    opacity: .65
}

.eventList-card {
    background-color: #fff
}

.eventList-card > ._inner {
    display: flex;
    padding: 32px 24px
}

@media (max-width: 991.98px) {
    .eventList-card > ._inner {
        flex-wrap: wrap;
        padding: 16px
    }
}

.eventList-card > ._inner > ._thum {
    width: 100%;
    max-width: 309px
}

@media (max-width: 991.98px) {
    .eventList-card > ._inner > ._thum {
        max-width: 100%
    }
}

.eventList-card > ._inner > ._content {
    -webkit-padding-start: 24px;
    padding-inline-start: 24px
}

@media (max-width: 991.98px) {
    .eventList-card > ._inner > ._content {
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }
}

@media (min-width: 992px) {
    .eventList-card > ._inner > ._content {
        flex: 1
    }
}

.eventList-card > ._inner > ._content ._info > div {
    margin-bottom: 16px
}

.eventList-card > ._inner > ._content ._info > div ._lb {
    -webkit-margin-end: 16px;
    margin-inline-end: 16px
}

@media (max-width: 991.98px) {
    .eventList-card > ._inner > ._content ._info > div {
        flex-wrap: wrap
    }

    .eventList-card > ._inner > ._content ._info > div ._lb {
        margin-bottom: 8px
    }
}

.eventList-card > ._inner > ._content ._info > ._brands ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: -2px
}

.eventList-card > ._inner > ._content ._info > ._brands ul > li {
    width: 60px;
    padding: 2px
}

.eventList-card > ._inner > ._content ._info > ._brands ul > li > span {
    display: block;
    border: solid 2px #e6e6e6;
    background-color: #fff;
    border-radius: 9999px;
    overflow: hidden
}

.eventList-card > ._inner > ._content ._info > ._brands ul > li > span > img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

[class^="list-"], [class*=" list-"] {
    counter-reset: i;
    list-style-type: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

[class^="list-"] > *, [class*=" list-"] > * {
    counter-increment: i;
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    position: relative
}

[class^="list-"] > *:before, [class*=" list-"] > *:before {
    color: inherit;
    display: inline-block;
    inset-inline-end: 100%;
    -webkit-margin-end: -1rem;
    margin-inline-end: -1rem;
    position: absolute;
    text-decoration: none;
    white-space: nowrap
}

[class^="list-"] > .col, [class*=" list-"] > .col {
    -webkit-padding-end: 12px;
    padding-inline-end: 12px;
    -webkit-padding-start: calc(3em + 12px);
    padding-inline-start: calc(3em + 12px)
}

[class^="list-"] > .col:before, [class*=" list-"] > .col:before {
    -webkit-margin-end: calc(-2.5em + -12px);
    margin-inline-end: calc(-2.5em + -12px)
}

.list-type-none li {
    -webkit-padding-start: 0 !important;
    padding-inline-start: 0 !important
}

.list-type-none li::before {
    content: none !important
}

.list-type-bullet > *:before {
    content: "\2022";
    font-family: Verdana, sans-serif
}

.list-type-number > *:before {
    content: counter(i) "."
}

ul.list-type-circle > *:before {
    content: "\25CB";
    font-family: Verdana, sans-serif
}

ol.list-type-circle > *:before {
    border: 1px solid #000;
    border-radius: 50%;
    box-sizing: content-box;
    content: counter(i);
    line-height: 1;
    text-align: center;
    top: .5em;
    width: 1em
}

ul.list-type-rectangle > *:before {
    content: "\20DE";
    font-family: Verdana, sans-serif
}

ol.list-type-rectangle > *:before {
    border: 1px solid #000;
    box-sizing: content-box;
    content: counter(i);
    line-height: 1;
    text-align: center;
    top: .25em;
    width: 1em
}

ul.list-type-asterisk > *:before {
    content: "\FF0A"
}

ol.list-type-asterisk > *:before {
    content: "＊" counter(i)
}

ul.list-type-komejirushi > *:before {
    content: "\203b"
}

ol.list-type-komejirushi > *:before {
    content: "※" counter(i)
}

ul.list-type-notice > *:before {
    content: "\6ce8"
}

ul.list-type-hyphen > *:before {
    content: "\FF0D"
}

ol.list-type-notice > *:before {
    content: "注" counter(i)
}

ol.list-type-lowerLatin > *:before {
    content: counter(i, lower-latin) "."
}

ol.list-type-upperLatin > *:before {
    content: counter(i, upper-latin) "."
}

ol.list-type-parenthesis > *:before {
    content: "(" counter(i) ")"
}

ol.list-type-squareBracket > *:before {
    content: "[" counter(i) "]"
}

ol.list-type-angleBracket > *:before {
    content: "⟨" counter(i) "⟩"
}

.list-color-default, .list-color-dark > *:before {
    color: #000
}

.list-color-light > *:before {
    color: #fff
}

.list-color-primary > *:before {
    color: #193c72
}

.list-color-secondary > *:before {
    color: #3F51B5
}

.list-horizontal {
    display: flex;
    flex-wrap: wrap
}

.list-horizontal > ._item {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.list-horizontal > ._item:not(:last-child) {
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

.list-horizontal > ._item:not(:last-child)::after {
    content: '';
    display: inline-block;
    height: 80%;
    width: 1px;
    background: #ccc;
    vertical-align: middle;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px
}

[class^="table-"] th, [class^="table-"] td, [class*=" table-"] th, [class*=" table-"] td {
    padding: 9px 16px;
    font-weight: 500
}

@media (max-width: 991.98px) {
    [class^="table-"] th, [class^="table-"] td, [class*=" table-"] th, [class*=" table-"] td {
        padding: 18px 16px
    }
}

.table-bordered th, .table-bordered td {
    border: 1px solid #e6e6e6
}

.table-separated th, .table-separated td {
    border-bottom: 1px solid #e6e6e6
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hoverable tbody tr:hover {
    background-color: #f4f5f8
}

.thead-light th {
    background-color: #f0f0f0;
    color: #000
}

.table-bordered .thead-light th {
    border: 1px solid #e6e6e6
}

.table-separated .thead-light th {
    border-bottom: 1px solid #e6e6e6
}

.thead-dark th {
    background-color: #333;
    color: #fff
}

.table-bordered .thead-dark th {
    border: 1px solid #2e2e2e
}

.table-separated .thead-dark th {
    border-bottom: 1px solid #2e2e2e
}

.thead-primary th {
    background-color: #193c72;
    color: #fff
}

.table-bordered .thead-primary th {
    border: 1px solid #173667
}

.table-separated .thead-primary th {
    border-bottom: 1px solid #173667
}

.thead-secondary th {
    background-color: #3F51B5;
    color: #fff
}

.table-bordered .thead-secondary th {
    border: 1px solid #3949a3
}

.table-separated .thead-secondary th {
    border-bottom: 1px solid #3949a3
}

.table-xlight {
    background-color: #f9f9f9
}

.table-separated .table-xlight {
    border-bottom: 1px solid #cfcfcf
}

.table-light {
    background-color: #f0f0f0
}

.table-separated .table-light {
    border-bottom: 1px solid #cfcfcf
}

.table-dark {
    background-color: #4d4d4d;
    color: #fff
}

.table-separated .table-dark {
    border-bottom: 1px solid #454545
}

.table-primary-light {
    background-color: #e8ecf1;
    color: #14305b
}

.table-separated .table-primary-light {
    border-bottom: 1px solid #bac5d5
}

.table-primary {
    background-color: #193c72;
    color: #fff
}

.table-separated .table-primary {
    border-bottom: 1px solid #173667
}

.table-top {
    vertical-align: top
}

.table-middle {
    vertical-align: middle
}

.table-bottom {
    vertical-align: bottom
}

.table-disabled {
    background-color: #e6e6e6;
    color: gray
}

.table-hidden {
    visibility: hidden
}

.table-fixed {
    table-layout: fixed
}

.table-fullwidth {
    width: 100%
}

.table-width-2 {
    width: 3.5em
}

.table-width-4 {
    width: 5.5em
}

.table-width-6 {
    width: 7.5em
}

.table-width-8 {
    width: 9.5em
}

.table-width-10 {
    width: 11.5em
}

.table-width-12 {
    width: 13.5em
}

.table-width-14 {
    width: 15.5em
}

.table-width-16 {
    width: 17.5em
}

.table-width-18 {
    width: 19.5em
}

.table-width-20 {
    width: 21.5em
}

.table-width-22 {
    width: 23.5em
}

.table-width-24 {
    width: 25.5em
}

.table-responsive-sm {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 767.98px) {
    .table-responsive-sm table {
        min-width: 768px
    }
}

.table-size-lg th, .table-size-lg td {
    padding: 12px 16px
}

.hr-type-solid-bold {
    border-top-style: solid;
    border-width: 2px
}

.panel-dark, .panel-light, .panel-primary, .panel-secondary, .panel-outline-dark, .panel-outline-light, .panel-outline-primary, .panel-outline-secondary {
    background-color: transparent;
    border: 1px solid transparent;
    margin-bottom: 1rem
}

.panel-dark > ._header, .panel-light > ._header, .panel-primary > ._header, .panel-secondary > ._header, .panel-outline-dark > ._header, .panel-outline-light > ._header, .panel-outline-primary > ._header, .panel-outline-secondary > ._header {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem .25rem 0 0;
    font-weight: bold;
    line-height: 1.5;
    margin: -1px -1px 0;
    padding: 0.5rem 12px
}

.panel-dark > ._body, .panel-light > ._body, .panel-primary > ._body, .panel-secondary > ._body, .panel-outline-dark > ._body, .panel-outline-light > ._body, .panel-outline-primary > ._body, .panel-outline-secondary > ._body {
    padding: 1rem 12px 0
}

.panel-dark {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.panel-dark > ._header {
    background-color: #000;
    border-color: #000
}

.panel-light {
    color: #000;
    background-color: #e6e6e6;
    border-color: #d9d9d9
}

.panel-light > ._header {
    background-color: #d9d9d9;
    border-color: #cdcdcd
}

.panel-primary {
    color: #fff;
    background-color: #193c72;
    border-color: #14315d
}

.panel-primary > ._header {
    background-color: #14315d;
    border-color: #102648
}

.panel-secondary {
    color: #fff;
    background-color: #3F51B5;
    border-color: #3849a2
}

.panel-secondary > ._header {
    background-color: #3849a2;
    border-color: #32408f
}

.panel-outline-dark {
    border-color: #000
}

.panel-outline-dark > ._header {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.panel-outline-light {
    border-color: #d9d9d9
}

.panel-outline-light > ._header {
    color: #000;
    background-color: #d9d9d9;
    border-color: #cdcdcd
}

.panel-outline-primary {
    border-color: #14315d
}

.panel-outline-primary > ._header {
    color: #fff;
    background-color: #14315d;
    border-color: #102648
}

.panel-outline-secondary {
    border-color: #3849a2
}

.panel-outline-secondary > ._header {
    color: #fff;
    background-color: #3849a2;
    border-color: #32408f
}

.label-default, .label-dark, .label-light, .label-primary, .label-secondary, .label-outline-default, .label-outline-dark, .label-outline-light, .label-outline-primary, .label-outline-secondary {
    background-color: transparent;
    border: 1px solid transparent;
    display: inline-block;
    padding: 0;
    padding: 0 .5em;
    text-decoration: none
}

.label-default, .label-dark {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.label-light {
    color: #000;
    background-color: #e6e6e6;
    border-color: #d9d9d9
}

.label-primary {
    color: #fff;
    background-color: #193c72;
    border-color: #14315d
}

.label-secondary {
    color: #fff;
    background-color: #3F51B5;
    border-color: #3849a2
}

.label-outline-default, .label-outline-dark {
    border-color: #000;
    color: #000
}

.label-outline-light {
    border-color: #b3b3b3;
    color: #b3b3b3
}

.label-outline-primary {
    border-color: #193c72;
    color: #193c72
}

.label-outline-secondary {
    border-color: #3F51B5;
    color: #3F51B5
}

.label-size-sm {
    font-size: .875rem
}

.label-size-md {
    font-size: 1rem
}

.label-size-lg {
    font-size: 1.125rem
}

[class^="grid"], [class*=" grid"] {
    display: flex;
    flex-wrap: wrap;
    -webkit-margin-end: -6px;
    margin-inline-end: -6px;
    -webkit-margin-start: -6px;
    margin-inline-start: -6px
}

[class^="grid"] > *, [class*=" grid"] > * {
    width: 100%
}

[class^="grid"] > [class^="card-"], [class^="grid"] > [class*=" card-"], [class^="grid"][class^="list-"] > *, [class^="grid"][class*=" list-"] > *, [class*=" grid"] > [class^="card-"], [class*=" grid"] > [class*=" card-"], [class*=" grid"][class^="list-"] > *, [class*=" grid"][class*=" list-"] > * {
    -webkit-margin-end: 6px;
    margin-inline-end: 6px;
    -webkit-margin-start: 6px;
    margin-inline-start: 6px
}

[class^="grid"] > ._item, [class*=" grid"] > ._item {
    -webkit-padding-end: 6px;
    padding-inline-end: 6px;
    -webkit-padding-start: 6px;
    padding-inline-start: 6px
}

.grid-1 > ._item {
    width: 100%
}

.grid-1 > [class^="card-"], .grid-1 > [class*=" card-"], .grid-1[class^="list-"] > *, .grid-1[class*=" list"] > * {
    width: calc(100% - 12px)
}

.grid-2 > ._item {
    width: 50%
}

.grid-2 > [class^="card-"], .grid-2 > [class*=" card-"], .grid-2[class^="list-"] > *, .grid-2[class*=" list"] > * {
    width: calc(50% - 12px)
}

.grid-3 > ._item {
    width: 33.33333%
}

.grid-3 > [class^="card-"], .grid-3 > [class*=" card-"], .grid-3[class^="list-"] > *, .grid-3[class*=" list"] > * {
    width: calc(33.33333% - 12px)
}

.grid-4 > ._item {
    width: 25%
}

.grid-4 > [class^="card-"], .grid-4 > [class*=" card-"], .grid-4[class^="list-"] > *, .grid-4[class*=" list"] > * {
    width: calc(25% - 12px)
}

.grid-5 > ._item {
    width: 20%
}

.grid-5 > [class^="card-"], .grid-5 > [class*=" card-"], .grid-5[class^="list-"] > *, .grid-5[class*=" list"] > * {
    width: calc(20% - 12px)
}

.grid-6 > ._item {
    width: 16.66667%
}

.grid-6 > [class^="card-"], .grid-6 > [class*=" card-"], .grid-6[class^="list-"] > *, .grid-6[class*=" list"] > * {
    width: calc(16.66667% - 12px)
}

.grid-7 > ._item {
    width: 14.28571%
}

.grid-7 > [class^="card-"], .grid-7 > [class*=" card-"], .grid-7[class^="list-"] > *, .grid-7[class*=" list"] > * {
    width: calc(14.28571% - 12px)
}

.grid-8 > ._item {
    width: 12.5%
}

.grid-8 > [class^="card-"], .grid-8 > [class*=" card-"], .grid-8[class^="list-"] > *, .grid-8[class*=" list"] > * {
    width: calc(12.5% - 12px)
}

.grid-9 > ._item {
    width: 11.11111%
}

.grid-9 > [class^="card-"], .grid-9 > [class*=" card-"], .grid-9[class^="list-"] > *, .grid-9[class*=" list"] > * {
    width: calc(11.11111% - 12px)
}

.grid-10 > ._item {
    width: 10%
}

.grid-10 > [class^="card-"], .grid-10 > [class*=" card-"], .grid-10[class^="list-"] > *, .grid-10[class*=" list"] > * {
    width: calc(10% - 12px)
}

.grid-11 > ._item {
    width: 9.09091%
}

.grid-11 > [class^="card-"], .grid-11 > [class*=" card-"], .grid-11[class^="list-"] > *, .grid-11[class*=" list"] > * {
    width: calc(9.09091% - 12px)
}

.grid-12 > ._item {
    width: 8.33333%
}

.grid-12 > [class^="card-"], .grid-12 > [class*=" card-"], .grid-12[class^="list-"] > *, .grid-12[class*=" list"] > * {
    width: calc(8.33333% - 12px)
}

@media (min-width: 576px) {
    .grid-sm-1 > ._item {
        width: 100%
    }

    .grid-sm-1 > [class^="card-"], .grid-sm-1 > [class*=" card-"], .grid-sm-1[class^="list-"] > *, .grid-sm-1[class*=" list"] > * {
        width: calc(100% - 12px)
    }

    .grid-sm-2 > ._item {
        width: 50%
    }

    .grid-sm-2 > [class^="card-"], .grid-sm-2 > [class*=" card-"], .grid-sm-2[class^="list-"] > *, .grid-sm-2[class*=" list"] > * {
        width: calc(50% - 12px)
    }

    .grid-sm-3 > ._item {
        width: 33.33333%
    }

    .grid-sm-3 > [class^="card-"], .grid-sm-3 > [class*=" card-"], .grid-sm-3[class^="list-"] > *, .grid-sm-3[class*=" list"] > * {
        width: calc(33.33333% - 12px)
    }

    .grid-sm-4 > ._item {
        width: 25%
    }

    .grid-sm-4 > [class^="card-"], .grid-sm-4 > [class*=" card-"], .grid-sm-4[class^="list-"] > *, .grid-sm-4[class*=" list"] > * {
        width: calc(25% - 12px)
    }

    .grid-sm-5 > ._item {
        width: 20%
    }

    .grid-sm-5 > [class^="card-"], .grid-sm-5 > [class*=" card-"], .grid-sm-5[class^="list-"] > *, .grid-sm-5[class*=" list"] > * {
        width: calc(20% - 12px)
    }

    .grid-sm-6 > ._item {
        width: 16.66667%
    }

    .grid-sm-6 > [class^="card-"], .grid-sm-6 > [class*=" card-"], .grid-sm-6[class^="list-"] > *, .grid-sm-6[class*=" list"] > * {
        width: calc(16.66667% - 12px)
    }

    .grid-sm-7 > ._item {
        width: 14.28571%
    }

    .grid-sm-7 > [class^="card-"], .grid-sm-7 > [class*=" card-"], .grid-sm-7[class^="list-"] > *, .grid-sm-7[class*=" list"] > * {
        width: calc(14.28571% - 12px)
    }

    .grid-sm-8 > ._item {
        width: 12.5%
    }

    .grid-sm-8 > [class^="card-"], .grid-sm-8 > [class*=" card-"], .grid-sm-8[class^="list-"] > *, .grid-sm-8[class*=" list"] > * {
        width: calc(12.5% - 12px)
    }

    .grid-sm-9 > ._item {
        width: 11.11111%
    }

    .grid-sm-9 > [class^="card-"], .grid-sm-9 > [class*=" card-"], .grid-sm-9[class^="list-"] > *, .grid-sm-9[class*=" list"] > * {
        width: calc(11.11111% - 12px)
    }

    .grid-sm-10 > ._item {
        width: 10%
    }

    .grid-sm-10 > [class^="card-"], .grid-sm-10 > [class*=" card-"], .grid-sm-10[class^="list-"] > *, .grid-sm-10[class*=" list"] > * {
        width: calc(10% - 12px)
    }

    .grid-sm-11 > ._item {
        width: 9.09091%
    }

    .grid-sm-11 > [class^="card-"], .grid-sm-11 > [class*=" card-"], .grid-sm-11[class^="list-"] > *, .grid-sm-11[class*=" list"] > * {
        width: calc(9.09091% - 12px)
    }

    .grid-sm-12 > ._item {
        width: 8.33333%
    }

    .grid-sm-12 > [class^="card-"], .grid-sm-12 > [class*=" card-"], .grid-sm-12[class^="list-"] > *, .grid-sm-12[class*=" list"] > * {
        width: calc(8.33333% - 12px)
    }
}

@media (min-width: 768px) {
    .grid-md-1 > ._item {
        width: 100%
    }

    .grid-md-1 > [class^="card-"], .grid-md-1 > [class*=" card-"], .grid-md-1[class^="list-"] > *, .grid-md-1[class*=" list"] > * {
        width: calc(100% - 12px)
    }

    .grid-md-2 > ._item {
        width: 50%
    }

    .grid-md-2 > [class^="card-"], .grid-md-2 > [class*=" card-"], .grid-md-2[class^="list-"] > *, .grid-md-2[class*=" list"] > * {
        width: calc(50% - 12px)
    }

    .grid-md-3 > ._item {
        width: 33.33333%
    }

    .grid-md-3 > [class^="card-"], .grid-md-3 > [class*=" card-"], .grid-md-3[class^="list-"] > *, .grid-md-3[class*=" list"] > * {
        width: calc(33.33333% - 12px)
    }

    .grid-md-4 > ._item {
        width: 25%
    }

    .grid-md-4 > [class^="card-"], .grid-md-4 > [class*=" card-"], .grid-md-4[class^="list-"] > *, .grid-md-4[class*=" list"] > * {
        width: calc(25% - 12px)
    }

    .grid-md-5 > ._item {
        width: 20%
    }

    .grid-md-5 > [class^="card-"], .grid-md-5 > [class*=" card-"], .grid-md-5[class^="list-"] > *, .grid-md-5[class*=" list"] > * {
        width: calc(20% - 12px)
    }

    .grid-md-6 > ._item {
        width: 16.66667%
    }

    .grid-md-6 > [class^="card-"], .grid-md-6 > [class*=" card-"], .grid-md-6[class^="list-"] > *, .grid-md-6[class*=" list"] > * {
        width: calc(16.66667% - 12px)
    }

    .grid-md-7 > ._item {
        width: 14.28571%
    }

    .grid-md-7 > [class^="card-"], .grid-md-7 > [class*=" card-"], .grid-md-7[class^="list-"] > *, .grid-md-7[class*=" list"] > * {
        width: calc(14.28571% - 12px)
    }

    .grid-md-8 > ._item {
        width: 12.5%
    }

    .grid-md-8 > [class^="card-"], .grid-md-8 > [class*=" card-"], .grid-md-8[class^="list-"] > *, .grid-md-8[class*=" list"] > * {
        width: calc(12.5% - 12px)
    }

    .grid-md-9 > ._item {
        width: 11.11111%
    }

    .grid-md-9 > [class^="card-"], .grid-md-9 > [class*=" card-"], .grid-md-9[class^="list-"] > *, .grid-md-9[class*=" list"] > * {
        width: calc(11.11111% - 12px)
    }

    .grid-md-10 > ._item {
        width: 10%
    }

    .grid-md-10 > [class^="card-"], .grid-md-10 > [class*=" card-"], .grid-md-10[class^="list-"] > *, .grid-md-10[class*=" list"] > * {
        width: calc(10% - 12px)
    }

    .grid-md-11 > ._item {
        width: 9.09091%
    }

    .grid-md-11 > [class^="card-"], .grid-md-11 > [class*=" card-"], .grid-md-11[class^="list-"] > *, .grid-md-11[class*=" list"] > * {
        width: calc(9.09091% - 12px)
    }

    .grid-md-12 > ._item {
        width: 8.33333%
    }

    .grid-md-12 > [class^="card-"], .grid-md-12 > [class*=" card-"], .grid-md-12[class^="list-"] > *, .grid-md-12[class*=" list"] > * {
        width: calc(8.33333% - 12px)
    }
}

@media (min-width: 992px) {
    .grid-lg-1 > ._item {
        width: 100%
    }

    .grid-lg-1 > [class^="card-"], .grid-lg-1 > [class*=" card-"], .grid-lg-1[class^="list-"] > *, .grid-lg-1[class*=" list"] > * {
        width: calc(100% - 12px)
    }

    .grid-lg-2 > ._item {
        width: 50%
    }

    .grid-lg-2 > [class^="card-"], .grid-lg-2 > [class*=" card-"], .grid-lg-2[class^="list-"] > *, .grid-lg-2[class*=" list"] > * {
        width: calc(50% - 12px)
    }

    .grid-lg-3 > ._item {
        width: 33.33333%
    }

    .grid-lg-3 > [class^="card-"], .grid-lg-3 > [class*=" card-"], .grid-lg-3[class^="list-"] > *, .grid-lg-3[class*=" list"] > * {
        width: calc(33.33333% - 12px)
    }

    .grid-lg-4 > ._item {
        width: 25%
    }

    .grid-lg-4 > [class^="card-"], .grid-lg-4 > [class*=" card-"], .grid-lg-4[class^="list-"] > *, .grid-lg-4[class*=" list"] > * {
        width: calc(25% - 12px)
    }

    .grid-lg-5 > ._item {
        width: 20%
    }

    .grid-lg-5 > [class^="card-"], .grid-lg-5 > [class*=" card-"], .grid-lg-5[class^="list-"] > *, .grid-lg-5[class*=" list"] > * {
        width: calc(20% - 12px)
    }

    .grid-lg-6 > ._item {
        width: 16.66667%
    }

    .grid-lg-6 > [class^="card-"], .grid-lg-6 > [class*=" card-"], .grid-lg-6[class^="list-"] > *, .grid-lg-6[class*=" list"] > * {
        width: calc(16.66667% - 12px)
    }

    .grid-lg-7 > ._item {
        width: 14.28571%
    }

    .grid-lg-7 > [class^="card-"], .grid-lg-7 > [class*=" card-"], .grid-lg-7[class^="list-"] > *, .grid-lg-7[class*=" list"] > * {
        width: calc(14.28571% - 12px)
    }

    .grid-lg-8 > ._item {
        width: 12.5%
    }

    .grid-lg-8 > [class^="card-"], .grid-lg-8 > [class*=" card-"], .grid-lg-8[class^="list-"] > *, .grid-lg-8[class*=" list"] > * {
        width: calc(12.5% - 12px)
    }

    .grid-lg-9 > ._item {
        width: 11.11111%
    }

    .grid-lg-9 > [class^="card-"], .grid-lg-9 > [class*=" card-"], .grid-lg-9[class^="list-"] > *, .grid-lg-9[class*=" list"] > * {
        width: calc(11.11111% - 12px)
    }

    .grid-lg-10 > ._item {
        width: 10%
    }

    .grid-lg-10 > [class^="card-"], .grid-lg-10 > [class*=" card-"], .grid-lg-10[class^="list-"] > *, .grid-lg-10[class*=" list"] > * {
        width: calc(10% - 12px)
    }

    .grid-lg-11 > ._item {
        width: 9.09091%
    }

    .grid-lg-11 > [class^="card-"], .grid-lg-11 > [class*=" card-"], .grid-lg-11[class^="list-"] > *, .grid-lg-11[class*=" list"] > * {
        width: calc(9.09091% - 12px)
    }

    .grid-lg-12 > ._item {
        width: 8.33333%
    }

    .grid-lg-12 > [class^="card-"], .grid-lg-12 > [class*=" card-"], .grid-lg-12[class^="list-"] > *, .grid-lg-12[class*=" list"] > * {
        width: calc(8.33333% - 12px)
    }
}

@media (min-width: 1200px) {
    .grid-xl-1 > ._item {
        width: 100%
    }

    .grid-xl-1 > [class^="card-"], .grid-xl-1 > [class*=" card-"], .grid-xl-1[class^="list-"] > *, .grid-xl-1[class*=" list"] > * {
        width: calc(100% - 12px)
    }

    .grid-xl-2 > ._item {
        width: 50%
    }

    .grid-xl-2 > [class^="card-"], .grid-xl-2 > [class*=" card-"], .grid-xl-2[class^="list-"] > *, .grid-xl-2[class*=" list"] > * {
        width: calc(50% - 12px)
    }

    .grid-xl-3 > ._item {
        width: 33.33333%
    }

    .grid-xl-3 > [class^="card-"], .grid-xl-3 > [class*=" card-"], .grid-xl-3[class^="list-"] > *, .grid-xl-3[class*=" list"] > * {
        width: calc(33.33333% - 12px)
    }

    .grid-xl-4 > ._item {
        width: 25%
    }

    .grid-xl-4 > [class^="card-"], .grid-xl-4 > [class*=" card-"], .grid-xl-4[class^="list-"] > *, .grid-xl-4[class*=" list"] > * {
        width: calc(25% - 12px)
    }

    .grid-xl-5 > ._item {
        width: 20%
    }

    .grid-xl-5 > [class^="card-"], .grid-xl-5 > [class*=" card-"], .grid-xl-5[class^="list-"] > *, .grid-xl-5[class*=" list"] > * {
        width: calc(20% - 12px)
    }

    .grid-xl-6 > ._item {
        width: 16.66667%
    }

    .grid-xl-6 > [class^="card-"], .grid-xl-6 > [class*=" card-"], .grid-xl-6[class^="list-"] > *, .grid-xl-6[class*=" list"] > * {
        width: calc(16.66667% - 12px)
    }

    .grid-xl-7 > ._item {
        width: 14.28571%
    }

    .grid-xl-7 > [class^="card-"], .grid-xl-7 > [class*=" card-"], .grid-xl-7[class^="list-"] > *, .grid-xl-7[class*=" list"] > * {
        width: calc(14.28571% - 12px)
    }

    .grid-xl-8 > ._item {
        width: 12.5%
    }

    .grid-xl-8 > [class^="card-"], .grid-xl-8 > [class*=" card-"], .grid-xl-8[class^="list-"] > *, .grid-xl-8[class*=" list"] > * {
        width: calc(12.5% - 12px)
    }

    .grid-xl-9 > ._item {
        width: 11.11111%
    }

    .grid-xl-9 > [class^="card-"], .grid-xl-9 > [class*=" card-"], .grid-xl-9[class^="list-"] > *, .grid-xl-9[class*=" list"] > * {
        width: calc(11.11111% - 12px)
    }

    .grid-xl-10 > ._item {
        width: 10%
    }

    .grid-xl-10 > [class^="card-"], .grid-xl-10 > [class*=" card-"], .grid-xl-10[class^="list-"] > *, .grid-xl-10[class*=" list"] > * {
        width: calc(10% - 12px)
    }

    .grid-xl-11 > ._item {
        width: 9.09091%
    }

    .grid-xl-11 > [class^="card-"], .grid-xl-11 > [class*=" card-"], .grid-xl-11[class^="list-"] > *, .grid-xl-11[class*=" list"] > * {
        width: calc(9.09091% - 12px)
    }

    .grid-xl-12 > ._item {
        width: 8.33333%
    }

    .grid-xl-12 > [class^="card-"], .grid-xl-12 > [class*=" card-"], .grid-xl-12[class^="list-"] > *, .grid-xl-12[class*=" list"] > * {
        width: calc(8.33333% - 12px)
    }
}

.grid > ._item-1 {
    width: 8.33333%
}

.grid > ._item-2 {
    width: 16.66667%
}

.grid > ._item-3 {
    width: 25%
}

.grid > ._item-4 {
    width: 33.33333%
}

.grid > ._item-5 {
    width: 41.66667%
}

.grid > ._item-6 {
    width: 50%
}

.grid > ._item-7 {
    width: 58.33333%
}

.grid > ._item-8 {
    width: 66.66667%
}

.grid > ._item-9 {
    width: 75%
}

.grid > ._item-10 {
    width: 83.33333%
}

.grid > ._item-11 {
    width: 91.66667%
}

.grid > ._item-12 {
    width: 100%
}

@media (min-width: 576px) {
    .grid > ._item-sm-1 {
        width: 8.33333%
    }

    .grid > ._item-sm-2 {
        width: 16.66667%
    }

    .grid > ._item-sm-3 {
        width: 25%
    }

    .grid > ._item-sm-4 {
        width: 33.33333%
    }

    .grid > ._item-sm-5 {
        width: 41.66667%
    }

    .grid > ._item-sm-6 {
        width: 50%
    }

    .grid > ._item-sm-7 {
        width: 58.33333%
    }

    .grid > ._item-sm-8 {
        width: 66.66667%
    }

    .grid > ._item-sm-9 {
        width: 75%
    }

    .grid > ._item-sm-10 {
        width: 83.33333%
    }

    .grid > ._item-sm-11 {
        width: 91.66667%
    }

    .grid > ._item-sm-12 {
        width: 100%
    }
}

@media (min-width: 768px) {
    .grid > ._item-md-1 {
        width: 8.33333%
    }

    .grid > ._item-md-2 {
        width: 16.66667%
    }

    .grid > ._item-md-3 {
        width: 25%
    }

    .grid > ._item-md-4 {
        width: 33.33333%
    }

    .grid > ._item-md-5 {
        width: 41.66667%
    }

    .grid > ._item-md-6 {
        width: 50%
    }

    .grid > ._item-md-7 {
        width: 58.33333%
    }

    .grid > ._item-md-8 {
        width: 66.66667%
    }

    .grid > ._item-md-9 {
        width: 75%
    }

    .grid > ._item-md-10 {
        width: 83.33333%
    }

    .grid > ._item-md-11 {
        width: 91.66667%
    }

    .grid > ._item-md-12 {
        width: 100%
    }
}

@media (min-width: 992px) {
    .grid > ._item-lg-1 {
        width: 8.33333%
    }

    .grid > ._item-lg-2 {
        width: 16.66667%
    }

    .grid > ._item-lg-3 {
        width: 25%
    }

    .grid > ._item-lg-4 {
        width: 33.33333%
    }

    .grid > ._item-lg-5 {
        width: 41.66667%
    }

    .grid > ._item-lg-6 {
        width: 50%
    }

    .grid > ._item-lg-7 {
        width: 58.33333%
    }

    .grid > ._item-lg-8 {
        width: 66.66667%
    }

    .grid > ._item-lg-9 {
        width: 75%
    }

    .grid > ._item-lg-10 {
        width: 83.33333%
    }

    .grid > ._item-lg-11 {
        width: 91.66667%
    }

    .grid > ._item-lg-12 {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .grid > ._item-xl-1 {
        width: 8.33333%
    }

    .grid > ._item-xl-2 {
        width: 16.66667%
    }

    .grid > ._item-xl-3 {
        width: 25%
    }

    .grid > ._item-xl-4 {
        width: 33.33333%
    }

    .grid > ._item-xl-5 {
        width: 41.66667%
    }

    .grid > ._item-xl-6 {
        width: 50%
    }

    .grid > ._item-xl-7 {
        width: 58.33333%
    }

    .grid > ._item-xl-8 {
        width: 66.66667%
    }

    .grid > ._item-xl-9 {
        width: 75%
    }

    .grid > ._item-xl-10 {
        width: 83.33333%
    }

    .grid > ._item-xl-11 {
        width: 91.66667%
    }

    .grid > ._item-xl-12 {
        width: 100%
    }
}

.align-start {
    display: flex;
    justify-content: flex-start
}

.align-center {
    display: flex;
    justify-content: center
}

.align-end {
    display: flex;
    justify-content: flex-end
}

.float::after {
    display: block;
    clear: both;
    content: ""
}

@media (min-width: 768px) {
    .float-start {
        -webkit-margin-end: 24px;
        margin-inline-end: 24px
    }

    :not([lang=ar]) .float-start {
        float: left
    }

    [lang=ar] .float-start {
        float: right
    }

    .float-start > * {
        margin-top: 0
    }
}

@media (min-width: 768px) {
    .float-end {
        -webkit-margin-start: 24px;
        margin-inline-start: 24px
    }

    :not([lang=ar]) .float-end {
        float: right
    }

    [lang=ar] .float-end {
        float: left
    }

    .float-end > * {
        margin-top: 0
    }
}

.scroll {
    overflow: auto
}

.scroll-x {
    overflow-x: auto
}

.scroll-y {
    overflow-y: auto
}

.frame {
    margin-bottom: 1em;
    position: relative;
    width: 100%
}

.frame.frame-xs-1x1 {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 100%
}

.frame.frame-xs-4x3 {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 75%
}

.frame.frame-xs-3x2 {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 66.66667%
}

.frame.frame-xs-16x9 {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.frame.frame-xs-2x1 {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 50%
}

.frame.frame-xs-disabled {
    position: static;
    width: auto
}

.frame.frame-xs-disabled iframe {
    height: auto;
    position: static;
    width: auto
}

@media (min-width: 576px) {
    .frame.frame-sm-1x1 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 100%
    }

    .frame.frame-sm-4x3 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 75%
    }

    .frame.frame-sm-3x2 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 66.66667%
    }

    .frame.frame-sm-16x9 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 56.25%
    }

    .frame.frame-sm-2x1 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 50%
    }

    .frame.frame-sm-disabled {
        position: static;
        width: auto
    }

    .frame.frame-sm-disabled iframe {
        height: auto;
        position: static;
        width: auto
    }
}

@media (min-width: 768px) {
    .frame.frame-md-1x1 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 100%
    }

    .frame.frame-md-4x3 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 75%
    }

    .frame.frame-md-3x2 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 66.66667%
    }

    .frame.frame-md-16x9 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 56.25%
    }

    .frame.frame-md-2x1 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 50%
    }

    .frame.frame-md-disabled {
        position: static;
        width: auto
    }

    .frame.frame-md-disabled iframe {
        height: auto;
        position: static;
        width: auto
    }
}

@media (min-width: 992px) {
    .frame.frame-lg-1x1 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 100%
    }

    .frame.frame-lg-4x3 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 75%
    }

    .frame.frame-lg-3x2 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 66.66667%
    }

    .frame.frame-lg-16x9 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 56.25%
    }

    .frame.frame-lg-2x1 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 50%
    }

    .frame.frame-lg-disabled {
        position: static;
        width: auto
    }

    .frame.frame-lg-disabled iframe {
        height: auto;
        position: static;
        width: auto
    }
}

@media (min-width: 1200px) {
    .frame.frame-xl-1x1 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 100%
    }

    .frame.frame-xl-4x3 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 75%
    }

    .frame.frame-xl-3x2 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 66.66667%
    }

    .frame.frame-xl-16x9 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 56.25%
    }

    .frame.frame-xl-2x1 {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 50%
    }

    .frame.frame-xl-disabled {
        position: static;
        width: auto
    }

    .frame.frame-xl-disabled iframe {
        height: auto;
        position: static;
        width: auto
    }
}

.frame iframe {
    height: 100%;
    inset-inline-end: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.modal-dialog-video {
    max-width: 960px
}

.modal-video {
    padding: 0 !important
}

.modal-trigger-video {
    position: relative;
    border: none;
    padding: 0;
    margin-bottom: 24px
}

.modal-trigger-video:before {
    content: '';
    width: 64px;
    height: 64px;
    border-radius: 999px;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: .2s ease;
    z-index: 1
}

.modal-trigger-video:after {
    content: '';
    border-style: solid;
    border-width: 9px 0 9px 16px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    left: calc(50% + 3px);
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}

.modal-trigger-video:hover:before {
    background-color: #193c72;
    width: 60px;
    height: 60px
}

.modal-close {
    position: fixed;
    inset-inline-end: 0;
    top: 0;
    border: none;
    padding: 0;
    width: 40px;
    height: 40px;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center
}

.modal-close > i {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #fff;
    font-size: 24px
}

.modal-backdrop.show {
    opacity: 0.9
}

.modal-dialog-video .modal-close {
    position: absolute;
    width: 80px;
    inset-inline-start: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.modal-dialog-video .modal-close > span {
    color: #fff;
    font-size: 12px
}

.modal-dialog-video .modal-content {
    background-color: transparent
}

.tab-group, .tab-item {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

.tab-item {
    cursor: pointer;
    list-style: none
}

.tab-btn {
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.tab-btn:focus {
    outline: none
}

.tab-panel-default > .tab-group {
    display: flex;
    flex-wrap: wrap
}

.tab-panel-default > .tab-group .tab-btn {
    padding: .5rem 1rem;
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.tab-panel-default > .panel-group .panel-item {
    display: none;
    padding: 1rem 0
}

.tab-panel-default > .panel-group .panel-item.is-active {
    display: block;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: tab-panel-fade;
    animation-name: tab-panel-fade
}

@-webkit-keyframes tab-panel-fade {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}

@keyframes tab-panel-fade {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}

.tab-panel-default > .tab-group {
    border-bottom: 1px solid #b3b3b3
}

.tab-panel-default > .tab-group .tab-item.is-active > .tab-btn {
    color: #000;
    background-color: transparent;
    border-color: #b3b3b3 #b3b3b3 #fff
}

.select-sort-label {
    font-weight: 500;
    font-size: 12px;
    color: #000;
    display: inline-block
}

.select-sort {
    display: inline-block;
    position: relative
}

.select-sort:after {
    content: "\E103";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-inline-end: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #000;
    font-size: 16px;
    pointer-events: none
}

.select-sort select {
    width: 100%;
    font-weight: 500;
    font-size: 12px;
    color: #000;
    border: solid 1px #000;
    padding-top: 4px;
    padding-bottom: 4px;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    -webkit-padding-end: 32px;
    padding-inline-end: 32px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

.select-default {
    display: inline-block;
    position: relative
}

.select-default:after {
    content: "\E103";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-inline-end: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #000;
    font-size: 16px;
    pointer-events: none
}

.select-default select {
    width: 100%;
    font-weight: 500;
    font-size: 12px;
    color: #000;
    border: solid 1px #e6e6e6;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    -webkit-padding-end: 32px;
    padding-inline-end: 32px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff
}

.select-default select:disabled {
    background-color: #ccc;
    color: #fff
}

.select-default.is-disabled:after {
    color: #fff
}

.input-search-default {
    position: relative;
    display: inline-flex;
    width: 100%;
    background-color: #fff;
    border: solid 1px #e6e6e6
}

.input-search-default > input {
    width: calc(100% - 48px);
    font-size: 16px;
    padding: 16px;
    height: 48px;
    border: none;
    background-color: transparent;
    font-size: 16px
}

.input-search-default > input::-webkit-input-placeholder {
    color: gray;
    font-size: 14px
}

.input-search-default > input::-moz-placeholder {
    color: gray;
    font-size: 14px
}

.input-search-default > input:-ms-input-placeholder {
    color: gray;
    font-size: 14px
}

.input-search-default > input::-ms-input-placeholder {
    color: gray;
    font-size: 14px
}

.input-search-default > input::placeholder {
    color: gray;
    font-size: 14px
}

.input-search-default > button {
    width: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    padding: 0;
    font-size: 18px;
    color: #000
}

.input-search-default > button:before {
    content: "\E207";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px
}

.form-label-default {
    font-weight: 500;
    font-size: 12px;
    color: #000;
    display: block;
    margin-bottom: 8px
}

.input-checkbox-default {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5
}

.input-checkbox-default input {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute
}

.input-checkbox-default label {
    display: flex;
    align-items: center;
    position: relative;
    -webkit-padding-start: 28px;
    padding-inline-start: 28px;
    cursor: pointer
}

.input-checkbox-default label:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    inset-inline-start: 0px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: solid 2px #e6e6e6
}

.input-checkbox-default label:after {
    content: '';
    position: absolute;
    top: 10px;
    inset-inline-start: 10px;
    width: 0px;
    height: 0px;
    background-color: #193c72;
    transition: .2s ease
}

.input-checkbox-default input:checked + label:after {
    top: 5px;
    inset-inline-start: 5px;
    width: 10px;
    height: 10px
}

.input-checkbox-default input:focus + label:before {
    border-color: #000
}

.input-checkbox-brand input {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute
}

.input-checkbox-brand label {
    cursor: pointer
}

.input-checkbox-brand label ._cover {
    width: 80px;
    height: 45px;
    background-color: #fff;
    border: solid 2px transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s ease
}

.input-checkbox-brand label ._cover img {
    display: block;
    width: auto;
    height: 27px
}

.input-checkbox-brand input:checked + label ._cover {
    border-color: #193c72
}

.input-checkbox-switch {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5
}

.input-checkbox-switch input {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute
}

.input-checkbox-switch label {
    display: flex;
    align-items: center;
    position: relative;
    -webkit-padding-start: 42px;
    padding-inline-start: 42px;
    cursor: pointer
}

.input-checkbox-switch label:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    inset-inline-start: 0px;
    width: 34px;
    height: 18px;
    background-color: #b3b3b3;
    border: solid 2px #e6e6e6;
    transition: .2s ease
}

.input-checkbox-switch label:after {
    content: '';
    position: absolute;
    top: 4px;
    inset-inline-start: 4px;
    width: 14px;
    height: 10px;
    background-color: #fff;
    transition: .2s ease
}

.input-checkbox-switch input:checked + label:before {
    background-color: #193c72
}

.input-checkbox-switch input:checked + label:after {
    inset-inline-start: 16px
}

.input-checkbox-switch input:focus + label:before {
    border-color: #000
}

.input-text-default {
    position: relative;
    display: inline-flex;
    width: 100%;
    background-color: #fff;
    border: solid 1px #e6e6e6
}

.input-text-default > input {
    width: 100%;
    padding: 16px;
    height: 48px;
    border: none;
    background-color: transparent;
    font-size: 16px
}

.input-text-default > input::-webkit-input-placeholder {
    color: gray;
    font-size: 14px
}

.input-text-default > input::-moz-placeholder {
    color: gray;
    font-size: 14px
}

.input-text-default > input:-ms-input-placeholder {
    color: gray;
    font-size: 14px
}

.input-text-default > input::-ms-input-placeholder {
    color: gray;
    font-size: 14px
}

.input-text-default > input::placeholder {
    color: gray;
    font-size: 14px
}

.input-number-price {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
}

.input-number-price > label {
    display: block;
    width: 100%;
    margin-bottom: 8px
}

.input-number-price > span {
    font-size: 14px;
    -webkit-margin-end: 4px;
    margin-inline-end: 4px
}

.input-number-price > input {
    flex: 1;
    background-color: #fff;
    border: solid 1px #e6e6e6;
    width: 100%;
    max-width: 144px;
    padding: 8px;
    height: 32px;
    font-size: 16px
}

.input-number-price > input::-webkit-input-placeholder {
    color: gray;
    font-size: 14px
}

.input-number-price > input::-moz-placeholder {
    color: gray;
    font-size: 14px
}

.input-number-price > input:-ms-input-placeholder {
    color: gray;
    font-size: 14px
}

.input-number-price > input::-ms-input-placeholder {
    color: gray;
    font-size: 14px
}

.input-number-price > input::placeholder {
    color: gray;
    font-size: 14px
}

.input-number-price > input::-webkit-inner-spin-button, .input-number-price > input ::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield
}

.border-frame {
    border: 1px solid #e6e6e6;
    padding: 1rem
}

@media (min-width: 768px) {
    .border-frame {
        padding: 1.5rem
    }
}

.accordion-item:first-of-type, .accordion-item:first-of-type .accordion-button {
    border-radius: 0
}

.accordion-item {
    border: none
}

.accordion-item + .accordion-item {
    margin-top: 1px
}

.accordion-body {
    padding: 1.5rem 1rem
}

.accordion-button:not(.collapsed) {
    box-shadow: none
}

.accordion-button {
    background-color: #f0f0f0;
    text-align: start;
    transition: opacity .2s
}

.accordion-button:hover {
    opacity: .65
}

.accordion-button:not(.collapsed) {
    background-color: #f0f0f0;
    color: #000
}

.accordion-button::after {
    margin-left: 0;
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.accordion-button-text {
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem
}

.accordion-type-text {
    line-height: 1.75;
    font-weight: 500
}

.accordion-type-text > ._button {
    color: #000;
    font-weight: 500;
    padding: 0 16px;
    margin: 0;
    border: none;
    text-align: left;
    font-size: 12px;
    position: relative;
    transition: .2s ease
}

.accordion-type-text > ._button:before {
    content: "\E202";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-inline-start: 0;
    top: 6px
}

.accordion-type-text > ._button:hover {
    opacity: .65
}

.accordion-type-text > ._button.is-active:before {
    content: "\E203";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.accordion-type-text > ._body {
    display: none;
    padding: 0 16px
}

.accordion-type-text > ._body > *:last-child {
    margin-bottom: 0
}

.accordion-type-text > ._body p {
    font-size: 12px
}

[lang=ar] .rtl {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-narrow, .container-narrow-728, .container-narrow-576 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 992px) {
    .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-narrow, .container-narrow-728, .container-narrow-576 {
        padding-left: 24px;
        padding-right: 24px
    }
}

.container {
    width: 100%;
    max-width: 1080px
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    width: auto
}

.container-narrow {
    max-width: 904px
}

.container-narrow-728 {
    max-width: 728px
}

.container-narrow-576 {
    max-width: 576px
}

.container-disabled {
    overflow: hidden
}

.l-globalFooter {
    background-color: #000;
    padding: 16px 0
}

@media (max-width: 991.98px) {
    .l-globalFooter {
        padding: 16px 0
    }
}

.globalFooter-nav {
    margin-top: 16px
}

@media (min-width: 992px) {
    .globalFooter-nav {
        margin-top: 8px;
        display: flex
    }
}

@media (min-width: 992px) {
    .globalFooter-nav > ._main {
        width: 58.33333%;
        padding-left: 60px
    }
}

.globalFooter-nav > ._main > ._row > ._col {
    font-size: 12px
}

@media (max-width: 991.98px) {
    .globalFooter-nav > ._main > ._row > ._col {
        margin-bottom: 24px
    }
}

.globalFooter-nav > ._main > ._row > ._col > ._title {
    color: #b3b3b3;
    font-weight: bold;
    transition: .2s ease
}

.globalFooter-nav > ._main > ._row > ._col > ._title:hover {
    opacity: .65
}

.globalFooter-nav > ._main > ._row > ._col > ._list {
    color: #fff;
    list-style-type: none;
    margin: 8px 0 0;
    -webkit-padding-start: 8px;
    padding-inline-start: 8px
}

@media (max-width: 991.98px) {
    .globalFooter-nav > ._main > ._row > ._col > ._list {
        margin: 12px 0 0
    }
}

.globalFooter-nav > ._main > ._row > ._col > ._list > ._item {
    position: relative;
    -webkit-padding-start: .75em;
    padding-inline-start: .75em
}

.globalFooter-nav > ._main > ._row > ._col > ._list > ._item + ._item {
    margin-top: 8px
}

.globalFooter-nav > ._main > ._row > ._col > ._list > ._item:before {
    content: '-';
    position: absolute;
    inset-inline-start: 0;
    top: -.125em
}

.globalFooter-nav > ._main > ._row > ._col > ._list > ._item > ._link {
    color: #fff;
    text-decoration: none;
    transition: .2s ease
}

.globalFooter-nav > ._main > ._row > ._col > ._list > ._item > ._link[target]:not([target="_self"]):not([target=""]):after {
    content: "\E201";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

.globalFooter-nav > ._main > ._row > ._col > ._list > ._item > ._link:hover {
    opacity: .65
}

@media (max-width: 991.98px) {
    .globalFooter-nav > ._sub {
        border-top: solid 1px #333;
        padding-top: 16px;
        margin-top: -8px
    }
}

@media (min-width: 992px) {
    .globalFooter-nav > ._sub {
        width: 41.66667%;
        position: relative;
        padding-left: 80px
    }

    .globalFooter-nav > ._sub:before {
        content: '';
        width: 1px;
        height: 100%;
        background-color: #333;
        position: absolute;
        inset-inline-start: 12px;
        top: 0
    }
}

.globalFooter-nav > ._sub > ._list {
    color: #fff;
    list-style-type: none;
    margin: 0;
    font-size: 12px;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.globalFooter-nav > ._sub > ._list > ._item {
    width: calc(50% - 8px);
    position: relative;
    -webkit-padding-start: .75em;
    padding-inline-start: .75em;
    margin-bottom: 8px
}

@media (max-width: 991.98px) {
    .globalFooter-nav > ._sub > ._list > ._item {
        margin-bottom: 12px
    }
}

.globalFooter-nav > ._sub > ._list > ._item:before {
    content: '-';
    position: absolute;
    inset-inline-start: 0;
    top: -.125em
}

.globalFooter-nav > ._sub > ._list > ._item > ._link {
    color: #fff;
    text-decoration: none;
    transition: .2s ease
}

.globalFooter-nav > ._sub > ._list > ._item > ._link[target]:not([target="_self"]):not([target=""]):after {
    content: "\E201";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

.globalFooter-nav > ._sub > ._list > ._item > ._link:hover {
    opacity: .65
}

.globalFooter-sns {
    margin-top: 16px
}

.globalFooter-sns > ._list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 991.98px) {
    .globalFooter-sns > ._list {
        justify-content: center
    }
}

.globalFooter-sns > ._list > ._item {
    margin-left: 4px
}

.globalFooter-sns > ._list > ._item > ._link {
    display: block;
    text-decoration: none;
    line-height: 1;
    transition: ease .2s
}

.globalFooter-sns > ._list > ._item > ._link:hover {
    opacity: .65
}

.globalFooter-sns > ._list > ._item > ._link > ._icon {
    font-size: 36px;
    color: #fff
}

.globalFooter-sns > ._list > ._item > ._link > ._icon.icon-youtube-text {
    font-size: 30px
}

.globalFooter-sns > ._list > ._item > ._link > ._image {
    height: 36px
}

.globalFooter-copy {
    text-align: center;
    color: #666;
    font-weight: 500
}

.globalFooter-nav + .globalFooter-copy {
    margin-top: 16px
}

@media (max-width: 991.98px) {
    .globalFooter-sns + .globalFooter-copy {
        margin-top: 8px
    }
}

.globalFooter-copy > ._copy {
    font-size: 10px;
    letter-spacing: .05em
}

.globalFooter-nav.globalFooterLayout-B {
    display: flex;
    justify-content: center
}

@media (max-width: 991.98px) {
    .globalFooter-nav.globalFooterLayout-B {
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

.globalFooter-nav.globalFooterLayout-B ._mainlist, .globalFooter-nav.globalFooterLayout-B ._sublist {
    padding: 0
}

.globalFooter-nav.globalFooterLayout-B ._mainlist > li, .globalFooter-nav.globalFooterLayout-B ._sublist > li {
    list-style-type: none
}

.globalFooter-nav.globalFooterLayout-B ._mainlist {
    -webkit-padding-end: 80px;
    padding-inline-end: 80px;
    -webkit-margin-end: 80px;
    margin-inline-end: 80px;
    -webkit-border-end: 1px solid #333;
    border-inline-end: 1px solid #333
}

.globalFooter-nav.globalFooterLayout-B ._mainlist > ._item > a {
    font-size: 12px;
    font-weight: bold;
    color: #b3b3b3;
    transition: .2s ease
}

.globalFooter-nav.globalFooterLayout-B ._mainlist > ._item > a:hover {
    opacity: .65
}

@media (max-width: 991.98px) {
    .globalFooter-nav.globalFooterLayout-B ._mainlist {
        padding-bottom: 16px;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        margin-bottom: 0;
        -webkit-border-end: none;
        border-inline-end: none;
        border-bottom: 1px solid #333;
        width: 100%
    }
}

.globalFooter-nav.globalFooterLayout-B ._sublist {
    color: #fff;
    list-style-type: none;
    margin: 0;
    font-size: 12px;
    padding-left: 0;
    width: 20%
}

@media (max-width: 991.98px) {
    .globalFooter-nav.globalFooterLayout-B ._sublist {
        width: calc(100% / 3);
        margin-top: 16px
    }
}

@media (max-width: 767.98px) {
    .globalFooter-nav.globalFooterLayout-B ._sublist {
        width: 50%
    }
}

.globalFooter-nav.globalFooterLayout-B ._sublist > ._item {
    position: relative;
    -webkit-padding-start: .75em;
    padding-inline-start: .75em;
    -webkit-padding-end: 40px;
    padding-inline-end: 40px;
    margin-bottom: 8px;
    line-height: 1.75
}

@media (max-width: 991.98px) {
    .globalFooter-nav.globalFooterLayout-B ._sublist > ._item {
        margin-bottom: 12px
    }
}

.globalFooter-nav.globalFooterLayout-B ._sublist > ._item:before {
    content: '-';
    position: absolute;
    inset-inline-start: 0;
    top: -.125em
}

.globalFooter-nav.globalFooterLayout-B ._sublist > ._item > ._link {
    color: #fff;
    text-decoration: none;
    transition: .2s ease
}

.globalFooter-nav.globalFooterLayout-B ._sublist > ._item > ._link[target]:not([target="_self"]):not([target=""]):after {
    content: "\E201";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

.globalFooter-nav.globalFooterLayout-B ._sublist > ._item > ._link:hover {
    opacity: .65
}

.globalHeader-megamenu {
    display: none;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.08);
    background-color: #f0f0f0;
    position: fixed;
    top: 72px;
    inset-inline-start: 0;
    width: 100%
}

@media (max-width: 991.98px) {
    .globalHeader-megamenu {
        display: none !important
    }
}

.megamenu-inner {
    padding: 40px 0 48px
}

.megamenu-title {
    font-size: 20px;
    font-weight: bold;
    color: #000
}

.megamenu-title > ._link {
    text-decoration: none;
    transition: .2s ease
}

.megamenu-title > ._link:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px
}

[lang=ar] .megamenu-title > ._link:after {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.megamenu-title > ._link:hover {
    opacity: .65
}

.megamenu-linkList {
    list-style-type: none;
    margin: 0;
    -webkit-padding-start: 8px !important;
    padding-inline-start: 8px !important;
    color: #000;
    font-size: 14px
}

.megamenu-linkList > ._item {
    position: relative;
    -webkit-padding-start: .75em;
    padding-inline-start: .75em
}

.megamenu-linkList > ._item + ._item {
    margin-top: 8px
}

.megamenu-linkList > ._item:before {
    content: '-';
    position: absolute;
    inset-inline-start: 0;
    top: -.125em
}

.megamenu-linkList > ._item > ._link {
    text-decoration: none;
    transition: .2s ease
}

.megamenu-linkList > ._item > ._link[target]:not([target="_self"]):not([target=""]):after {
    content: "\E201";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

.megamenu-linkList > ._item > ._link:hover {
    opacity: .65
}

.megamenu-brand > ._list > ._item {
    margin-bottom: 24px
}

.megamenu-brand > ._list > ._item > ._link {
    display: block;
    text-align: center;
    text-decoration: none
}

.megamenu-brand > ._list > ._item > ._link:hover > ._thum > ._image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.megamenu-brand > ._list > ._item > ._link:hover > ._title {
    opacity: .65
}

.megamenu-brand > ._list > ._item > ._link > ._thum {
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 75%
}

.megamenu-brand > ._list > ._item > ._link > ._thum > ._image {
    transition: 3s ease;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

.megamenu-brand > ._list > ._item > ._link > ._title {
    font-size: 14px;
    margin-top: 8px;
    transition: .2s ease
}

.megamenu-watch {
    display: flex
}

.megamenu-watch > ._left {
    width: 25%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px
}

.megamenu-watch > ._left > ._list {
    margin-top: 24px
}

.megamenu-watch > ._left > ._list > ._item + ._item {
    margin-top: 16px
}

.megamenu-watch > ._left > ._list > ._item > ._link {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    transition: .2s ease
}

.megamenu-watch > ._left > ._list > ._item > ._link:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

[lang=ar] .megamenu-watch > ._left > ._list > ._item > ._link:after {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.megamenu-watch > ._left > ._list > ._item > ._link:hover {
    opacity: .65
}

.megamenu-watch > ._right {
    width: 75%;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
    -webkit-padding-end: 56px;
    padding-inline-end: 56px;
    -webkit-border-start: solid 1px #ccc;
    border-inline-start: solid 1px #ccc
}

.megamenu-watch > ._right > ._list {
    margin-top: 24px
}

.megamenu-watch > ._right > ._list > ._item {
    margin-bottom: 16px
}

.megamenu-watch > ._right > ._list > ._item > ._link {
    display: block;
    text-align: center;
    text-decoration: none;
    position: relative
}

.megamenu-watch > ._right > ._list > ._item > ._link:hover > ._thum > ._image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.megamenu-watch > ._right > ._list > ._item > ._link:hover > ._text {
    opacity: .65
}

.megamenu-watch > ._right > ._list > ._item > ._link > ._thum {
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.megamenu-watch > ._right > ._list > ._item > ._link > ._thum > ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: 3s ease
}

.megamenu-watch > ._right > ._list > ._item > ._link > ._text {
    color: #fff;
    transition: .2s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.megamenu-watch > ._right > ._list > ._item > ._link > ._text > ._en {
    font-family: "Jost", "Noto Sans JP";
    font-size: 16px;
    letter-spacing: .1em
}

.megamenu-watch > ._right > ._list > ._item > ._link > ._text > ._ja {
    font-size: 12px
}

.megamenu-watch > ._right > ._list > ._item:nth-child(n+4) {
    margin-bottom: 0
}

.megamenu-watch > ._right > ._list > ._item:nth-child(n+4) > ._link > ._thum {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 76.19048%
}

.megamenu-about {
    display: flex
}

.megamenu-about > ._left {
    width: 25%;
    -webkit-padding-end: 40px;
    padding-inline-end: 40px
}

.megamenu-about > ._left > ._group + ._group {
    margin-top: 24px
}

.megamenu-about > ._left > ._group > .megamenu-linkList {
    margin-top: 16px
}

.megamenu-about > ._right {
    width: 75%;
    padding: 0 80px;
    -webkit-border-start: solid 1px #ccc;
    border-inline-start: solid 1px #ccc
}

.megamenu-about > ._right > ._list {
    margin-top: 24px
}

.megamenu-about > ._right > ._list > ._item {
    margin-bottom: 16px
}

.megamenu-about > ._right > ._list > ._item > ._link {
    display: block;
    text-decoration: none
}

.megamenu-about > ._right > ._list > ._item > ._link:hover > ._thum > ._image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.megamenu-about > ._right > ._list > ._item > ._link:hover > ._text {
    opacity: .65
}

.megamenu-about > ._right > ._list > ._item > ._link > ._thum {
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.megamenu-about > ._right > ._list > ._item > ._link > ._thum > ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: 3s ease
}

.megamenu-about > ._right > ._list > ._item > ._link > ._text {
    margin-top: 4px;
    transition: .2s ease
}

.megamenu-about > ._right > ._list > ._item > ._link > ._text > ._tag {
    color: #fff;
    background-color: #4d4d4d;
    font-size: 10px;
    padding: 0px 4px
}

.megamenu-about > ._right > ._list > ._item > ._link > ._text > ._title {
    font-size: 14px;
    margin-top: 4px;
    font-weight: 400
}

.megamenu-about > ._right > ._list > ._item:nth-child(n+4) {
    margin-bottom: 0
}

.megamenu-customer > ._top > ._list {
    list-style-type: none;
    padding: 0;
    margin: 16px 0 0;
    display: flex;
    flex-wrap: wrap
}

.megamenu-customer > ._top > ._list > ._item + ._item {
    -webkit-margin-start: 32px;
    margin-inline-start: 32px
}

.megamenu-customer > ._top > ._list > ._item > ._link {
    text-decoration: none;
    font-size: 14px;
    transition: .2s ease
}

.megamenu-customer > ._top > ._list > ._item > ._link:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

[lang=ar] .megamenu-customer > ._top > ._list > ._item > ._link:after {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.megamenu-customer > ._top > ._list > ._item > ._link:hover {
    opacity: .65
}

.megamenu-customer > ._bottom {
    border-top: solid 1px #ccc;
    margin-top: 24px;
    padding-top: 24px
}

.megamenu-customer > ._bottom > ._list > ._item {
    -webkit-padding-end: 60px;
    padding-inline-end: 60px;
    position: relative
}

.megamenu-customer > ._bottom > ._list > ._item:not(:last-child):after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #ccc;
    inset-inline-end: 24px;
    top: 0;
    position: absolute
}

.megamenu-customer > ._bottom > ._list > ._item > ._title + ._title {
    margin-top: 16px
}

.megamenu-customer > ._bottom > ._list > ._item > ._title > ._link {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    transition: .2s ease
}

.megamenu-customer > ._bottom > ._list > ._item > ._title > ._link:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

[lang=ar] .megamenu-customer > ._bottom > ._list > ._item > ._title > ._link:after {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.megamenu-customer > ._bottom > ._list > ._item > ._title > ._link:hover {
    opacity: .65
}

.megamenu-customer > ._bottom > ._list > ._item > .megamenu-linkList {
    margin-top: 16px;
    font-size: 12px
}

.megamenu-shop > ._list > ._item {
    -webkit-padding-end: 24px;
    padding-inline-end: 24px;
    position: relative
}

.megamenu-shop > ._list > ._item:not(:last-child) {
    -webkit-padding-end: 48px;
    padding-inline-end: 48px
}

.megamenu-shop > ._list > ._item:not(:last-child):after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #ccc;
    inset-inline-end: 24px;
    top: 0;
    position: absolute
}

.megamenu-shop > ._list > ._item > ._title {
    font-weight: bold;
    color: #000;
    font-size: 20px
}

.megamenu-shop > ._list > ._item > ._title + ._title {
    margin-top: 16px
}

.megamenu-shop > ._list > ._item > ._title > ._link {
    text-decoration: none;
    transition: .2s ease
}

.megamenu-shop > ._list > ._item > ._title > ._link:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px
}

[lang=ar] .megamenu-shop > ._list > ._item > ._title > ._link:after {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.megamenu-shop > ._list > ._item > ._title > ._link:hover {
    opacity: .65
}

.megamenu-shop > ._list > ._item > .megamenu-linkList {
    margin-top: 24px;
    font-size: 14px
}

.megamenu-shop > ._list > ._item > .megamenu-linkList > ._item + ._item {
    margin-top: 16px
}

.globalHeader-mobileMenu {
    display: none
}

@media (min-width: 992px) {
    .globalHeader-mobileMenu {
        display: none !important
    }
}

.headerMobileMenu-main {
    background-color: #f0f0f0;
    position: fixed;
    inset-block-start: 64px;
    inset-inline-start: 0;
    width: 100%;
    height: calc(100% - 64px - 55px);
    -webkit-padding-after: 100px;
    padding-block-end: 100px;
    overflow-y: auto
}

.headerMobileMenu-search {
    -webkit-padding-before: 24px;
    padding-block-start: 24px;
    -webkit-padding-after: 24px;
    padding-block-end: 24px;
    margin: 0 16px;
    border-bottom: solid 1px #b3b3b3
}

.headerMobileMenu-search > ._form > ._label {
    font-size: 14px;
    display: block;
    -webkit-margin-after: 8px;
    margin-block-end: 8px
}

.headerMobileMenu-search > ._form > ._field {
    position: relative;
    display: inline-flex;
    width: 100%;
    background-color: #fff
}

.headerMobileMenu-search > ._form > ._field > ._input {
    flex: 1;
    font-size: 16px;
    padding: 16px;
    height: 50px;
    border: none;
    background-color: transparent;
    font-size: 16px
}

.headerMobileMenu-search > ._form > ._field > ._input::-webkit-input-placeholder {
    color: gray;
    font-size: 14px
}

.headerMobileMenu-search > ._form > ._field > ._input::-moz-placeholder {
    color: gray;
    font-size: 14px
}

.headerMobileMenu-search > ._form > ._field > ._input:-ms-input-placeholder {
    color: gray;
    font-size: 14px
}

.headerMobileMenu-search > ._form > ._field > ._input::-ms-input-placeholder {
    color: gray;
    font-size: 14px
}

.headerMobileMenu-search > ._form > ._field > ._input::placeholder {
    color: gray;
    font-size: 14px
}

.headerMobileMenu-search > ._form > ._field > ._button {
    width: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    padding: 0;
    font-size: 18px
}

.headerMobileMenu-search > ._form > ._field > ._button:before {
    content: "\E207";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px
}

.headerMobileMenu-nav > ._list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.headerMobileMenu-nav > ._list > ._item > ._link {
    text-decoration: none;
    display: block;
    padding-top: 1.39375em;
    padding-bottom: 1.39375em;
    -webkit-padding-start: 1em;
    padding-inline-start: 1em;
    -webkit-padding-end: 4em;
    padding-inline-end: 4em;
    margin: 0 16px;
    font-size: 14px;
    position: relative;
    border-bottom: solid 1px #b3b3b3
}

.headerMobileMenu-nav > ._list > ._item > ._link:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-inline-end: 16px;
    inset-block-start: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px
}

[lang=ar] .headerMobileMenu-nav > ._list > ._item > ._link:after {
    -webkit-transform: scale(-1, 1) translateY(-50%);
    transform: scale(-1, 1) translateY(-50%)
}

.headerMobileMenu-nav > ._list > ._item > ._link[target]:not([target="_self"]):not([target=""]):after {
    content: "\E201";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

.headerMobileMenu-nav > ._list > ._item > ._button {
    text-decoration: none;
    display: block;
    padding-top: 1.39375em;
    padding-bottom: 1.39375em;
    -webkit-padding-start: 1em;
    padding-inline-start: 1em;
    -webkit-padding-end: 4em;
    padding-inline-end: 4em;
    margin: 0 16px;
    font-size: 14px;
    position: relative;
    border-bottom: solid 1px #b3b3b3
}

.headerMobileMenu-nav > ._list > ._item > ._button:after {
    content: "\E202";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-inline-end: 16px;
    inset-block-start: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px
}

.headerMobileMenu-nav > ._list > ._item > ._button.is-active:after {
    content: "\E203";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item {
    font-size: 12px
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._main > ._link {
    border-bottom: solid 1px #b3b3b3;
    text-decoration: none;
    display: block;
    padding: 1.29275em 2.5em;
    -webkit-padding-end: 4em;
    padding-inline-end: 4em;
    margin: 0 16px;
    font-size: 12px;
    position: relative
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._main > ._link:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-inline-end: 16px;
    inset-block-start: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px
}

[lang=ar] .headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._main > ._link:after {
    -webkit-transform: scale(-1, 1) translateY(-50%);
    transform: scale(-1, 1) translateY(-50%)
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._main > ._link[target]:not([target="_self"]):not([target=""]):after {
    content: "\E201";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._sub {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-weight: 300
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._sub > ._item > ._link {
    border-bottom: solid 1px #b3b3b3;
    text-decoration: none;
    display: block;
    padding-top: 1.29275em;
    padding-bottom: 1.29275em;
    -webkit-padding-start: 4em;
    padding-inline-start: 4em;
    -webkit-padding-end: 4em;
    padding-inline-end: 4em;
    margin: 0 16px;
    font-size: 12px;
    position: relative
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._sub > ._item > ._link:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-inline-end: 16px;
    inset-block-start: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px
}

[lang=ar] .headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._sub > ._item > ._link:after {
    -webkit-transform: scale(-1, 1) translateY(-50%);
    transform: scale(-1, 1) translateY(-50%)
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._sub > ._item > ._link[target]:not([target="_self"]):not([target=""]):after {
    content: "\E201";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._title {
    display: block;
    padding: 1.29275em 2.5em;
    -webkit-padding-end: 4em;
    padding-inline-end: 4em;
    margin: 0 16px;
    font-size: 12px
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._title + ._carousel {
    margin-top: 0
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._carousel {
    margin: 16px 0 0
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._accordion > ._button {
    border-bottom: solid 1px #b3b3b3;
    text-decoration: none;
    display: block;
    padding: 1.29275em 2.5em;
    -webkit-padding-end: 4em;
    padding-inline-end: 4em;
    margin: 0 16px;
    font-size: 12px;
    position: relative
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._accordion > ._button:after {
    content: "\E202";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-inline-end: 16px;
    inset-block-start: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._accordion > ._button.is-active:after {
    content: "\E203";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._accordion > ._body > ._list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-weight: 300
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._accordion > ._body > ._list > ._item {
    font-size: 12px
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._accordion > ._body > ._list > ._item > ._link {
    border-bottom: solid 1px #b3b3b3;
    text-decoration: none;
    display: block;
    padding-top: 1.29275em;
    padding-bottom: 1.29275em;
    -webkit-padding-start: 4em;
    padding-inline-start: 4em;
    -webkit-padding-end: 4em;
    padding-inline-end: 4em;
    margin: 0 16px;
    font-size: 12px;
    position: relative
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._accordion > ._body > ._list > ._item > ._link:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-inline-end: 16px;
    inset-block-start: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px
}

[lang=ar] .headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._accordion > ._body > ._list > ._item > ._link:after {
    -webkit-transform: scale(-1, 1) translateY(-50%);
    transform: scale(-1, 1) translateY(-50%)
}

.headerMobileMenu-nav > ._list > ._item > ._body > ._list > ._item > ._accordion > ._body > ._list > ._item > ._link[target]:not([target="_self"]):not([target=""]):after {
    content: "\E201";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

.js-mobileMenuAccordion-body {
    display: none
}

.swiper-mobileMenu {
    padding: 0 16px 16px
}

.swiper-scrollbar-mobileMenu {
    width: 100% !important;
    margin-top: 16px
}

.headerMobileMenu-sub {
    position: fixed;
    bottom: 0;
    inset-inline-start: 0;
    width: 100%;
    background-color: #1a1a1a
}

.headerMobileMenu-sub-inner {
    height: 100%
}

.headerMobileMenu-sub-inner > ._list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    height: 100%
}

.headerMobileMenu-sub-inner > ._list > ._item {
    flex: 1
}

.headerMobileMenu-sub-inner > ._list > ._item > ._link {
    color: #fff;
    text-decoration: none;
    font-size: 10px;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 8px 4px;
    color: #fff;
    text-decoration: none;
    display: inline-block
}

.headerMobileMenu-sub-inner > ._list > ._item > ._link > ._icon {
    font-size: 24px;
    line-height: 1
}

.headerMobileMenu-sub-inner > ._list > ._item > ._link > ._text {
    display: block;
    margin-top: 4px;
    line-height: 1
}

.mobileMenu-brandLink {
    display: block;
    text-decoration: none
}

.mobileMenu-brandLink > ._visual {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%
}

.mobileMenu-brandLink > ._visual > ._image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover
}

.mobileMenu-brandLink > ._title {
    margin-top: 8px;
    display: block;
    text-align: center;
    font-size: 14px
}

.mobileMenu-pickupLink {
    display: block;
    text-decoration: none
}

.mobileMenu-pickupLink > ._visual {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%
}

.mobileMenu-pickupLink > ._visual > ._image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover
}

.mobileMenu-pickupLink > ._text {
    margin-top: 4px
}

.mobileMenu-pickupLink > ._text > ._tag {
    color: #fff;
    background-color: #4d4d4d;
    font-size: 10px;
    padding: 0px 4px
}

.mobileMenu-pickupLink > ._text > ._title {
    font-weight: 400;
    font-size: 14px;
    margin-top: 4px
}

.l-globalHeader {
    z-index: 2000;
    position: fixed;
    top: 0;
    width: 100%;
    font-weight: 500;
    line-height: 1.5
}

.l-globalHeader.is-transition {
    transition: 0.15s ease
}

@media (max-width: 991.98px) {
    .l-globalHeader.is-hidden {
        top: -64px
    }
}

@media (min-width: 992px) {
    .l-globalHeader.is-hidden {
        top: -72px
    }
}

.l-globalHeader.is-hidden.is-transition {
    transition: 0.25s ease
}

.l-globalHeader a {
    color: #000
}

.l-globalHeader a:hover {
    color: #000
}

.globalHeader {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: .75rem;
    transition: .2s ease;
    position: relative
}

@media (max-width: 991.98px) {
    .globalHeader {
        -webkit-padding-start: 16px;
        padding-inline-start: 16px;
        height: 64px
    }
}

@media (min-width: 992px) {
    .globalHeader {
        -webkit-padding-start: 40px;
        padding-inline-start: 40px;
        height: 72px
    }
}

.globalHeader:after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .2s ease
}

body.theme-sub .globalHeader, .l-globalHeader.is-black .globalHeader, .l-globalHeader.is-megamenu-open .globalHeader, .l-globalHeader.is-headerSearch-open .globalHeader, .l-globalHeader.is-mobileMenu-open .globalHeader {
    background-color: #1a1a1a !important
}

.l-globalHeader.is-slideHasBlack .globalHeader:after {
    opacity: 1
}

.globalHeader ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.globalHeader-logo {
    margin-bottom: 0
}

.globalHeader-logo > ._logo {
    position: relative
}

@media (max-width: 991.98px) {
    .globalHeader-logo {
        flex: 1
    }
}

@media (min-width: 992px) {
    .globalHeader-logo img {
        height: 28px
    }
}

.globalHeader-nav {
    height: 100%;
    -webkit-margin-start: 40px;
    margin-inline-start: 40px;
    flex: 1
}

@media (max-width: 991.98px) {
    .globalHeader-nav {
        display: none !important
    }
}

.globalHeader-nav > ._list {
    height: 100%;
    display: flex
}

.globalHeader-nav > ._list > ._item {
    display: flex;
    justify-content: center;
    align-items: center
}
.globalHeader-nav > ._list > ._item:nth-child(2){
    display: none;
}
.globalHeader-nav > ._list > ._item:nth-child(3) .megamenu-about ._left ._group:nth-child(1){
    display: none;
}
.globalHeader-nav > ._list > ._item:nth-child(3) .megamenu-about ._left{
    width: 100%;
    display: flex;
}
.globalHeader-nav > ._list > ._item:nth-child(3) .megamenu-about ._left ._group{
    width: 31%;
}
.globalHeader-nav > ._list > ._item:nth-child(3) .megamenu-about ._right{
    display: none;
}
.globalHeader-nav > ._list > ._item:nth-child(5) .col:nth-child(1) .megamenu-linkList{
    display: none;
}
.globalHeader-nav > ._list > ._item:nth-child(5) .col:nth-child(3){
    display: none;
}
.globalHeader-nav > ._list > ._item + ._item {
    -webkit-margin-start: 24px;
    margin-inline-start: 24px
}

.globalHeader-nav > ._list > ._item.is-active > ._category:after {
    opacity: 1
}

.globalHeader-nav > ._list > ._item > ._category {
    cursor: default;
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
    transition: .2s ease
}

.globalHeader-nav > ._list > ._item > ._category:after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    bottom: -10px;
    inset-inline-start: 0;
    opacity: 0;
    pointer-events: none;
    transition: .2s ease
}

.globalHeader-utility {
    height: 100%;
    font-size: .625rem;
    line-height: 1
}

.globalHeader-utility > ._list {
    display: flex;
    height: 100%
}

.globalHeader-utility > ._list > ._item {
    height: 100%
}
.globalHeader-utility > ._list > ._item:nth-child(2){
    display: none;
}
.globalHeader-utility > ._list > ._item:nth-child(3){
    display: none;
}
.globalHeader-utility > ._list > ._item > ._link, .globalHeader-utility > ._list > ._item > ._button {
    color: #fff;
    text-decoration: none;
    display: inline-block
}

.globalHeader-utility > ._list > ._item > ._link > ._icon, .globalHeader-utility > ._list > ._item > ._button > ._icon {
    font-size: 24px
}

@media (max-width: 991.98px) {
    .globalHeader-utility > ._list > ._item > ._link > ._icon, .globalHeader-utility > ._list > ._item > ._button > ._icon {
        font-size: 28px
    }
}

.globalHeader-utility > ._list > ._item > ._link > ._text, .globalHeader-utility > ._list > ._item > ._button > ._text {
    display: block
}

.globalHeader-utility > ._list > ._item._lang, .globalHeader-utility > ._list > ._item._search, .globalHeader-utility > ._list > ._item._favorite {
    padding-top: 8px;
    -webkit-margin-end: 16px;
    margin-inline-end: 16px
}

.globalHeader-utility > ._list > ._item._lang > ._link, .globalHeader-utility > ._list > ._item._lang > ._button, .globalHeader-utility > ._list > ._item._search > ._link, .globalHeader-utility > ._list > ._item._search > ._button, .globalHeader-utility > ._list > ._item._favorite > ._link, .globalHeader-utility > ._list > ._item._favorite > ._button {
    display: flex;
    align-items: center;
    transition: .2s ease
}

.globalHeader-utility > ._list > ._item._lang > ._link:hover, .globalHeader-utility > ._list > ._item._lang > ._button:hover, .globalHeader-utility > ._list > ._item._search > ._link:hover, .globalHeader-utility > ._list > ._item._search > ._button:hover, .globalHeader-utility > ._list > ._item._favorite > ._link:hover, .globalHeader-utility > ._list > ._item._favorite > ._button:hover {
    opacity: .65
}

.globalHeader-utility > ._list > ._item._lang > ._link > ._text, .globalHeader-utility > ._list > ._item._lang > ._button > ._text, .globalHeader-utility > ._list > ._item._search > ._link > ._text, .globalHeader-utility > ._list > ._item._search > ._button > ._text, .globalHeader-utility > ._list > ._item._favorite > ._link > ._text, .globalHeader-utility > ._list > ._item._favorite > ._button > ._text {
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

@media (max-width: 991.98px) {
    .globalHeader-utility > ._list > ._item._lang, .globalHeader-utility > ._list > ._item._search, .globalHeader-utility > ._list > ._item._favorite {
        display: none !important
    }
}

.globalHeader-utility > ._list > ._item._store > ._link {
    height: 100%;
    text-align: center
}

@media (max-width: 991.98px) {
    .globalHeader-utility > ._list > ._item._store > ._link {
        width: 54px;
        padding-top: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .globalHeader-utility > ._list > ._item._store > ._link > ._text {
        display: none !important
    }
}

@media (min-width: 992px) {
    .globalHeader-utility > ._list > ._item._store {
        -webkit-margin-start: 8px;
        margin-inline-start: 8px
    }

    .globalHeader-utility > ._list > ._item._store > ._link {
        background-color: #193c72;
        width: 98px;
        padding-top: 16px
    }

    .globalHeader-utility > ._list > ._item._store > ._link:hover > ._icon, .globalHeader-utility > ._list > ._item._store > ._link:hover > ._text {
        opacity: .65
    }

    .globalHeader-utility > ._list > ._item._store > ._link > ._icon {
        transition: .2s ease
    }

    .globalHeader-utility > ._list > ._item._store > ._link > ._text {
        margin-top: 8px;
        transition: .2s ease
    }
}

@media (min-width: 992px) {
    .globalHeader-utility > ._list > ._item._mobileMenu {
        display: none !important
    }
}

.globalHeader-utility > ._list > ._item._mobileMenu .mobileMenu-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 100%
}

.globalHeader-utility > ._list > ._item._mobileMenu .mobileMenu-button > ._icon {
    display: inline-block;
    width: 40px;
    height: 19px;
    position: relative
}

.globalHeader-utility > ._list > ._item._mobileMenu .mobileMenu-button > ._icon > ._top, .globalHeader-utility > ._list > ._item._mobileMenu .mobileMenu-button > ._icon > ._mid, .globalHeader-utility > ._list > ._item._mobileMenu .mobileMenu-button > ._icon > ._bot {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    transition: .2s ease
}

.globalHeader-utility > ._list > ._item._mobileMenu .mobileMenu-button > ._icon > ._top {
    top: 0
}

.globalHeader-utility > ._list > ._item._mobileMenu .mobileMenu-button > ._icon > ._mid {
    top: 50%
}

.globalHeader-utility > ._list > ._item._mobileMenu .mobileMenu-button > ._icon > ._bot {
    top: 100%
}

.globalHeader-utility > ._list > ._item._mobileMenu .mobileMenu-button.is-active > ._icon > ._top {
    top: 50%;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.globalHeader-utility > ._list > ._item._mobileMenu .mobileMenu-button.is-active > ._icon > ._mid {
    opacity: 0
}

.globalHeader-utility > ._list > ._item._mobileMenu .mobileMenu-button.is-active > ._icon > ._bot {
    top: 50%;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.globalHeader-search {
    display: none;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.08);
    background-color: #f0f0f0;
    position: fixed;
    top: 72px;
    inset-inline-start: 0;
    width: 100%;
    color: #000
}

@media (max-width: 991.98px) {
    .globalHeader-search {
        display: none !important
    }
}

.headerSearch-inner {
    padding: 24px 0 40px;
    text-align: center
}

.headerSearch-inner ._label {
    margin-bottom: 8px;
    font-weight: bold
}

.headerSearch-inner .mf_finder_searchBox_items {
    border: none;
    border-bottom: 1px solid #000
}

.headerSearch-inner .mf_finder_searchBox_query_wrap > input {
    background-color: transparent
}

.headerSearch-inner .mf_finder_searchBox_submit {
    background-color: transparent
}

.blankHeader .globalHeader-nav > ._list > ._item > ._category {
    cursor: pointer
}

.blankHeader .globalHeader-nav > ._list > ._item > ._category:hover {
    opacity: .65
}

@media (max-width: 991.98px) {
    body.theme-sub .l-mainContent {
        padding-top: 64px
    }
}

@media (min-width: 992px) {
    body.theme-sub .l-mainContent {
        padding-top: 72px
    }
}

@media (max-width: 991.98px) {
    body.is-localNavigation-fixed .l-mainContent {
        padding-top: 117px
    }
}

@media (min-width: 992px) {
    body.is-localNavigation-fixed .l-mainContent {
        padding-top: 128px
    }
}

.backdrop {
    position: fixed;
    z-index: 1900;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent
}

.carouselTab {
    border-bottom: solid 2px #f0f0f0
}

.carouselTab-item {
    display: block;
    position: relative;
    font-size: 14px;
    padding: 21px 16px;
    font-weight: bold;
    text-align: center;
    color: #000;
    transition: .2s ease
}

.carouselTab-item:hover {
    color: #000;
    opacity: .65
}

.carouselTab-item.is-current {
    pointer-events: none
}

.carouselTab-item.is-current:after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #193c72;
    position: absolute;
    bottom: -2px;
    left: 0
}

@media (max-width: 991.98px) {
    .carouselTab-item.is-current:after {
        height: 3px;
        bottom: 0
    }
}

@media (max-width: 991.98px) {
    .swiper-carouselTab {
        padding-left: 16px;
        padding-right: 16px
    }

    .swiper-carouselTab .swiper-scrollbar-common {
        margin-top: 24px;
        margin-bottom: 24px
    }
}

@media (min-width: 992px) {
    .swiper-carouselTab {
        opacity: 1 !important;
        overflow: visible;
        position: static
    }

    .swiper-carouselTab .swiper-scrollbar-common {
        display: none !important
    }
}

@media (min-width: 992px) {
    .swiper-wrapper-carouselTab {
        flex-wrap: wrap;
        justify-content: center;
        position: static;
        -webkit-transform: none;
        transform: none
    }
}

@media (max-width: 991.98px) {
    .swiper-slide-carouselTab {
        width: auto
    }
}

@media (min-width: 992px) {
    .swiper-slide-carouselTab {
        width: auto !important;
        min-width: 176px;
        position: static;
        padding: 0 12px
    }
}

@media (min-width: 992px) {
    .swiper-scrollbar-carouselTab {
        display: none !important
    }
}

.loadingWrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3000;
    top: 0;
    left: 0;
    background-color: transparent;
    display: flex;
    align-items: center
}

.loadingWrapper .loading {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 4px solid rgba(25, 60, 114, 0.2);
    border-right: 4px solid rgba(25, 60, 114, 0.2);
    border-bottom: 4px solid rgba(25, 60, 114, 0.2);
    border-left: 4px solid #193c72;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loading 1.1s infinite linear;
    animation: loading 1.1s infinite linear
}

.loadingWrapper .loading, .loadingWrapper .loading::after {
    border-radius: 50%;
    width: 48px;
    height: 48px
}

.loadingBlock {
    display: flex;
    align-items: center
}

.loadingBlock .loading {
    margin: 30px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 4px solid rgba(25, 60, 114, 0.2);
    border-right: 4px solid rgba(25, 60, 114, 0.2);
    border-bottom: 4px solid rgba(25, 60, 114, 0.2);
    border-left: 4px solid #193c72;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loading 1.1s infinite linear;
    animation: loading 1.1s infinite linear
}

.loadingBlock .loading, .loadingBlock .loading::after {
    border-radius: 50%;
    width: 48px;
    height: 48px
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-mobileCarousel {
    opacity: 1
}

@media (min-width: 992px) {
    .swiper-mobileCarousel-wrapper {
        display: block
    }
}

.swiper-mobileCarousel-slide {
    width: auto
}

@media (min-width: 992px) {
    .swiper-mobileCarousel-slide {
        display: inline-block
    }
}

@media (min-width: 992px) {
    .swiper-scrollbar-mobileCarousel {
        display: none
    }
}

@media (max-width: 991.98px) {
    .bottomContact {
        padding: 40px 0
    }
}

@media (min-width: 992px) {
    .bottomContact {
        padding: 56px 0
    }
}

.bottomContact.is-black {
    background-color: #1a1a1a
}

.bottomContact.is-gray {
    background-color: #f9f9f9
}

.bottomContact.is-white {
    background-color: #fff
}

.bottomContact-inner {
    text-align: center
}

.bottomContact-inner > ._link {
    letter-spacing: .1em;
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    padding: 27px 32px;
    position: relative;
    transition: .2s ease
}

.bottomContact-inner > ._link:after {
    content: '';
    width: 16px;
    height: 1px;
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    transition: .2s ease
}

.bottomContact-inner > ._link:hover {
    background-color: #193c72;
    border-color: #193c72
}

.bottomContact-inner > ._link:hover:after {
    width: 0;
    background-color: #fff
}

.bottomContact-inner > ._link[class*="is-"]:hover {
    color: #fff;
    background-color: #193c72;
    border-color: #193c72
}

.bottomContact-inner > ._link[class*="is-"]:hover:after {
    background-color: #fff
}

.bottomContact-inner > ._link.is-white {
    color: #fff;
    border: solid 1px #fff
}

.bottomContact-inner > ._link.is-white:after {
    background-color: #fff
}

.bottomContact-inner > ._link.is-black {
    color: #000;
    border: solid 1px #000
}

.bottomContact-inner > ._link.is-black:after {
    background-color: #000
}

@media (max-width: 991.98px) {
    .bottomContact-inner > ._link {
        max-width: 504px;
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .bottomContact-inner > ._link {
        width: auto;
        min-width: 256px;
        font-size: 12px;
        padding: 12px 32px
    }
}

@media (min-width: 992px) {
    .bottomContact-inner > ._link {
        min-width: 504px
    }
}

.bottomLink > ._items {
    display: flex
}

.bottomLink > ._items > ._item {
    flex: 1
}

.bottomLink > ._items > ._item > ._link {
    font-weight: bold;
    letter-spacing: .1em;
    display: block;
    text-align: center;
    text-decoration: none;
    position: relative;
    color: #fff;
    background-color: #000;
    overflow: hidden
}

.bottomLink > ._items > ._item > ._link:hover > ._visual > ._image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.bottomLink > ._items > ._item > ._link:hover > ._text {
    opacity: .65
}

.bottomLink > ._items > ._item > ._link:hover > ._text:after {
    inset-inline-start: calc(50% + 4px)
}

.bottomLink > ._items > ._item > ._link > ._visual {
    opacity: .5;
    overflow: hidden;
    height: 280px
}

@media (max-width: 991.98px) {
    .bottomLink > ._items > ._item > ._link > ._visual {
        height: 128px
    }
}

.bottomLink > ._items > ._item > ._link > ._visual > ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: 3s ease
}

.bottomLink > ._items > ._item > ._link > ._text {
    width: 100%;
    transition: .2s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-bottom: 28px;
    font-size: 18px
}

@media (max-width: 991.98px) {
    .bottomLink > ._items > ._item > ._link > ._text {
        font-size: 14px
    }
}

.bottomLink > ._items > ._item > ._link > ._text:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    bottom: 0;
    inset-inline-start: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 20px;
    transition: .2s ease
}

[lang=ar] .bottomLink > ._items > ._item > ._link > ._text:after {
    -webkit-transform: scale(-1, 1) translateX(-50%);
    transform: scale(-1, 1) translateX(-50%)
}

.brandImageExternalLink a {
    display: inline-block;
    min-width: 328px
}

.brandImageExternalLink a:hover > ._visual > ._image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.brandImageExternalLink a:hover > ._text {
    opacity: .65
}

.brandImageExternalLink a > ._visual {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    margin-bottom: 16px
}

.brandImageExternalLink a > ._visual > ._image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: 3s ease
}

.brandImageExternalLink a > ._text {
    text-align: center;
    color: #000;
    font-weight: 500
}

.brandImageExternalLink a > ._text i {
    font-size: 20px
}

[lang=ar] .brandImageExternalLink a > ._text i {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

@media (max-width: 991.98px) {
    .brandImageExternalLink a {
        min-width: 100%
    }
}

.brandIndexItemList {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px
}

.brandIndexItemList ._item {
    padding: 0 12px;
    margin-bottom: 64px
}

@media (max-width: 991.98px) {
    .brandIndexItemList ._item {
        margin-bottom: 40px
    }
}

.brandIndexItemList ._item._col-1 {
    width: 100%
}

@media (max-width: 991.98px) {
    .brandIndexItemList ._item._col-1 {
        width: 100%
    }
}

.brandIndexItemList ._item._col-2 {
    width: 50%
}

@media (max-width: 991.98px) {
    .brandIndexItemList ._item._col-2 {
        width: 100%
    }
}

.brandIndexItemList ._item._col-3 {
    width: 33.33333%
}

@media (max-width: 991.98px) {
    .brandIndexItemList ._item._col-3 {
        width: 100%
    }
}

.brandIndexItemList ._item._col-4 {
    width: 25%
}

@media (max-width: 991.98px) {
    .brandIndexItemList ._item._col-4 {
        width: 100%
    }
}

.brandIndexItemList ._item._col-5 {
    width: 20%
}

@media (max-width: 991.98px) {
    .brandIndexItemList ._item._col-5 {
        width: 100%
    }
}

.brandIndexItemList ._item._col-6 {
    width: 16.66667%
}

@media (max-width: 991.98px) {
    .brandIndexItemList ._item._col-6 {
        width: 100%
    }
}

.brandIndexItemList ._item._col-7 {
    width: 14.28571%
}

@media (max-width: 991.98px) {
    .brandIndexItemList ._item._col-7 {
        width: 100%
    }
}

.brandIndexItemList ._item._col-8 {
    width: 12.5%
}

@media (max-width: 991.98px) {
    .brandIndexItemList ._item._col-8 {
        width: 100%
    }
}

.brandIndexItemList ._item._col-9 {
    width: 11.11111%
}

@media (max-width: 991.98px) {
    .brandIndexItemList ._item._col-9 {
        width: 100%
    }
}

.brandIndexItemList ._item._col-10 {
    width: 10%
}

@media (max-width: 991.98px) {
    .brandIndexItemList ._item._col-10 {
        width: 100%
    }
}

.brandIndexItemList ._item._col-11 {
    width: 9.09091%
}

@media (max-width: 991.98px) {
    .brandIndexItemList ._item._col-11 {
        width: 100%
    }
}

.brandIndexItemList ._item._col-12 {
    width: 8.33333%
}

@media (max-width: 991.98px) {
    .brandIndexItemList ._item._col-12 {
        width: 100%
    }
}

.brandIndexItemList ._item a {
    display: block;
    color: #000
}

.brandIndexItemList ._item a:hover > ._visual > ._image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.brandIndexItemList ._item a:hover > ._detail {
    opacity: .65
}

.brandIndexItemList ._item a > ._visual {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 66.66667%
}

.brandIndexItemList ._item a > ._visual > ._image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: 3s ease
}

.brandIndexItemList ._item a > ._detail {
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 16px;
    transition: .2s ease
}

.brandIndexItemList ._item a > ._detail > ._title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
    line-height: 1.5
}

@media (max-width: 991.98px) {
    .brandIndexItemList ._item a > ._detail > ._title {
        font-size: 16px
    }
}

.brandIndexItemList ._item > ._btn {
    font-size: 12px;
    font-weight: 500
}

.brandIndexItemList ._item > ._btn a {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    border-bottom: 1px solid #000;
    position: relative
}

.brandIndexItemList ._item > ._btn a:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    inset-inline-end: 0;
    transition: .2s ease
}

.brandIndexItemList ._item > ._btn a:hover {
    opacity: .65
}

.brandIndexItemList ._item > ._btn a:hover:after {
    inset-inline-end: -4px
}

.brandLogoList {
    border-top: 1px solid #f0f0f0;
    padding-top: 64px;
    padding-bottom: 40px
}

.brandLogoList .heading-h2 {
    margin-bottom: 64px
}

.brandLogoList ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    list-style: none;
    margin-bottom: 0
}

.brandLogoList ul li {
    position: relative;
    text-align: center;
    min-width: 258px;
    margin-bottom: 24px
}

.brandLogoList ul li:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #e6e6e6
}

.brandLogoList ul li a {
    display: inline-block;
    width: 100%;
    padding: 0 16px
}

.brandLogoList ul li a:hover {
    opacity: .65
}

.brandLogoList ul li a > ._text {
    text-align: center;
    color: #000;
    font-weight: 500
}

.brandLogoList ul li a > ._text i {
    font-size: 20px
}

[lang=ar] .brandLogoList ul li a > ._text i {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.brandLogoList ul li:last-child:after {
    display: none
}

@media (max-width: 991.98px) {
    .brandLogoList {
        padding-top: 40px;
        padding-bottom: 24px;
        padding-bottom: 0
    }

    .brandLogoList .heading-h2 {
        margin-bottom: 40px
    }

    .brandLogoList ul li {
        min-width: auto;
        width: 100%;
        margin-bottom: 40px
    }

    .brandLogoList ul li:nth-child(even):after {
        display: none
    }
}

@media (max-width: 991.98px) {
    .brandLogoList.sm-2 ul li {
        width: 50%
    }
}

.brandIndexPanelList {
    margin: 0 -12px
}

.brandIndexPanelList ul {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 40px
}

.brandIndexPanelList ul li {
    display: inline-flex;
    margin-bottom: 24px;
    padding: 0 12px
}

.brandIndexPanelList ul li._col-1 {
    width: 100%
}

@media (max-width: 991.98px) {
    .brandIndexPanelList ul li._col-1 {
        width: 50%
    }
}

.brandIndexPanelList ul li._col-2 {
    width: 50%
}

@media (max-width: 991.98px) {
    .brandIndexPanelList ul li._col-2 {
        width: 50%
    }
}

.brandIndexPanelList ul li._col-3 {
    width: 33.33333%
}

@media (max-width: 991.98px) {
    .brandIndexPanelList ul li._col-3 {
        width: 50%
    }
}

.brandIndexPanelList ul li._col-4 {
    width: 25%
}

@media (max-width: 991.98px) {
    .brandIndexPanelList ul li._col-4 {
        width: 50%
    }
}

.brandIndexPanelList ul li._col-5 {
    width: 20%
}

@media (max-width: 991.98px) {
    .brandIndexPanelList ul li._col-5 {
        width: 50%
    }
}

.brandIndexPanelList ul li._col-6 {
    width: 16.66667%
}

@media (max-width: 991.98px) {
    .brandIndexPanelList ul li._col-6 {
        width: 50%
    }
}

.brandIndexPanelList ul li._col-7 {
    width: 14.28571%
}

@media (max-width: 991.98px) {
    .brandIndexPanelList ul li._col-7 {
        width: 50%
    }
}

.brandIndexPanelList ul li._col-8 {
    width: 12.5%
}

@media (max-width: 991.98px) {
    .brandIndexPanelList ul li._col-8 {
        width: 50%
    }
}

.brandIndexPanelList ul li._col-9 {
    width: 11.11111%
}

@media (max-width: 991.98px) {
    .brandIndexPanelList ul li._col-9 {
        width: 50%
    }
}

.brandIndexPanelList ul li._col-10 {
    width: 10%
}

@media (max-width: 991.98px) {
    .brandIndexPanelList ul li._col-10 {
        width: 50%
    }
}

.brandIndexPanelList ul li._col-11 {
    width: 9.09091%
}

@media (max-width: 991.98px) {
    .brandIndexPanelList ul li._col-11 {
        width: 50%
    }
}

.brandIndexPanelList ul li._col-12 {
    width: 8.33333%
}

@media (max-width: 991.98px) {
    .brandIndexPanelList ul li._col-12 {
        width: 50%
    }
}

.brandIndexPanelList ul li ._item {
    width: 100%;
    font-weight: 500;
    background-color: #f9f9f9;
    color: #000;
    text-align: center;
    padding: 24px 14px;
    transition: .2s ease
}

.brandIndexPanelList ul li ._item:hover {
    background-color: #e6e6e6
}

@media (max-width: 991.98px) {
    .brandIndexPanelList {
        margin: 0 -8px
    }

    .brandIndexPanelList ul li {
        margin-bottom: 8px;
        padding: 0 4px
    }
}

.visualCommonSlide {
    display: block;
    position: relative;
    color: #fff
}

.visualCommonSlide:hover {
    color: #fff;
    text-decoration: none
}

.visualCommonSlide > ._bg {
    position: relative;
    overflow: hidden;
    background-color: #000
}

@media (max-width: 575.98px) {
    .visualCommonSlide > ._bg {
        height: calc(100vh - 60px - 56px)
    }
}

@media (min-width: 576px) {
    .visualCommonSlide > ._bg {
        height: calc(750px - 60px - 56px)
    }
}

@media (min-width: 768px) {
    .visualCommonSlide > ._bg {
        height: auto
    }
}

.visualCommonSlide > ._bg ._cover {
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .visualCommonSlide > ._bg ._cover {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 56.25%
    }
}

@media (min-width: 992px) {
    .visualCommonSlide > ._bg ._cover {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 43.75%
    }
}

.visualCommonSlide > ._bg ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 768px) {
    .visualCommonSlide > ._bg ._image {
        position: absolute;
        top: 0;
        left: 0
    }
}

.visualCommonSlide > ._bg ._video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 768px) {
    .visualCommonSlide > ._bg ._video {
        position: absolute;
        top: 0;
        left: 0
    }
}

@media (min-width: 768px) {
    .visualCommonSlide > ._bg ._sp {
        display: none !important
    }
}

@media (max-width: 767.98px) {
    .visualCommonSlide > ._bg ._sp + ._pc {
        display: none !important
    }
}

.visualCommonSlide > ._read {
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

@media (max-width: 991.98px) {
    .visualCommonSlide > ._read {
        padding-bottom: 72px
    }
}

@media (min-width: 992px) {
    .visualCommonSlide > ._read {
        padding-bottom: 96px
    }
}

.visualCommonSlide > ._read ._title {
    color: #fff;
    margin-bottom: 8px;
    font-family: "Jost", "Noto Sans JP";
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.25;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2)
}

@media (max-width: 991.98px) {
    .visualCommonSlide > ._read ._title {
        font-size: 24px
    }
}

@media (min-width: 992px) {
    .visualCommonSlide > ._read ._title {
        font-size: 40px
    }
}

.visualCommonSlide > ._read ._subTitle {
    letter-spacing: .1em;
    font-weight: 500;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    line-height: 1.75
}

@media (max-width: 991.98px) {
    .visualCommonSlide > ._read ._subTitle {
        font-size: 16px;
        margin-top: 8px
    }
}

@media (min-width: 992px) {
    .visualCommonSlide > ._read ._subTitle {
        font-size: 16px
    }
}

@media (min-width: 992px) {
    .visualCommonSlide > ._read ._subTitle > ._br {
        display: none
    }
}

.swiper-wrapper-visualCommon {
    transition-timing-function: ease
}

.swiper:not(.is-notSwiper) .visualCommonSlide > ._bg ._image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.swiper:not(.is-notSwiper) .visualCommonSlide > ._read ._animate .word {
    display: inline-block
}

.swiper:not(.is-notSwiper) .visualCommonSlide > ._read ._animate .char {
    opacity: 0;
    display: inline-block
}

.breadcrumb {
    background-color: #fff;
    padding: 8px 0
}

.breadcrumb a {
    color: #000
}

.breadcrumb a:hover {
    color: #000
}

.breadcrumb-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 10px;
    line-height: 1.5
}

.breadcrumb-list > ._item {
    display: inline
}

.breadcrumb-list > ._item:not(:first-child):before {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 4px
}

[lang=ar] .breadcrumb-list > ._item:not(:first-child):before {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.breadcrumb-list > ._item > ._link {
    transition: .2s ease
}

.breadcrumb-list > ._item > ._link:hover {
    opacity: .65
}

.carouselBanner {
    position: relative
}

.cathPhrase + .carouselBanner {
    padding-top: 16px
}

@media (min-width: 992px) {
    .cathPhrase + .carouselBanner {
        padding-top: 24px
    }
}

.carouselBanner-item {
    display: block
}

.carouselBanner-item ._visual {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.carouselBanner-item ._visual > ._image {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.swiper-slide-carouselBanner {
    max-width: 1080px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -8px;
    margin-right: -8px
}

@media (min-width: 992px) {
    .swiper-slide-carouselBanner {
        padding-left: 24px;
        padding-right: 24px;
        margin-left: -12px;
        margin-right: -12px
    }
}

@media (min-width: 992px) {
    .swiper-button-container-carouselBanner {
        pointer-events: none;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 50px;
        max-width: calc(1080px + 32px * 2);
        z-index: 2
    }

    .swiper-button-container-carouselBanner > .swiper-button-prev, .swiper-button-container-carouselBanner > .swiper-button-next {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.carouselNews {
    position: relative
}

.carouselNews-foot {
    text-align: center;
    margin-top: 40px
}

@media (min-width: 992px) {
    .carouselNews-foot {
        margin-top: 64px
    }
}

@media (min-width: 992px) {
    .swiper-button-container-carouselNews {
        pointer-events: none;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 50px;
        max-width: calc(1080px + 32px * 2);
        z-index: 2
    }

    .swiper-button-container-carouselNews > .swiper-button-prev, .swiper-button-container-carouselNews > .swiper-button-next {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.carouselProducts {
    position: relative;
    background-color: #fff
}

.section.bg-white + .carouselProducts {
    padding-top: 0
}

.carouselProducts-body {
    position: relative;
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 992px) {
    .carouselProducts-body {
        padding-left: 48px;
        padding-right: 48px
    }
}

.carouselProducts-foot {
    text-align: center;
    margin-top: 40px
}

@media (min-width: 992px) {
    .carouselProducts-foot {
        margin-top: 64px
    }
}

.swiper-slide-carouselProducts {
    height: auto
}

@media (min-width: 992px) {
    .swiper-button-container-carouselProducts {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 50px;
        max-width: calc(1080px + 32px * 2);
        z-index: 2
    }
}

.swiper-slide-carouselProducts {
    opacity: 0
}

.carouselSpecialContents {
    position: relative
}

.carouselSpecialContents-foot {
    text-align: center;
    margin-top: 40px
}

@media (min-width: 992px) {
    .carouselSpecialContents-foot {
        margin-top: 64px
    }
}

@media (min-width: 992px) {
    .swiper-button-container-carouselSpecialContents {
        pointer-events: none;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 50px;
        max-width: calc(1080px + 32px * 2);
        z-index: 2
    }

    .swiper-button-container-carouselSpecialContents > .swiper-button-prev, .swiper-button-container-carouselSpecialContents > .swiper-button-next {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.cathPhrase {
    background-color: #f9f9f9
}

@media (max-width: 767.98px) {
    .cathPhrase {
        padding: 40px 0
    }
}

@media (min-width: 768px) {
    .cathPhrase {
        padding: 64px 0
    }
}

.catchPhrase-inner {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto
}

.catchPhrase-inner > *:last-child {
    margin-bottom: 0 !important
}

.catchPhrase-inner > ._title {
    letter-spacing: .1em;
    text-align: center;
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .catchPhrase-inner > ._title {
        margin-bottom: 32px
    }
}

.catchPhrase-inner > ._text {
    font-weight: 500
}

.customerImportantNotice {
    background-color: #f9f9f9;
    border-bottom: 2px solid #f0f0f0
}

@media (max-width: 991.98px) {
    .customerImportantNotice {
        padding: 24px 0
    }
}

.customerImportantNotice-inner > ._row {
    align-items: center
}

.customerImportantNotice-inner > ._row > ._title {
    text-align: center;
    font-size: 14px
}

@media (max-width: 991.98px) {
    .customerImportantNotice-inner > ._row > ._title {
        margin-bottom: 16px
    }
}

.customerImportantNotice-inner > ._row > ._title > span:before {
    content: "\E214";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.customerImportantNotice-inner > ._row > ._contents {
    position: relative
}

@media (min-width: 992px) {
    .customerImportantNotice-inner > ._row > ._contents {
        padding: 40px 0 42px
    }
}

.customerImportantNotice-inner > ._row > ._contents > ._list {
    font-size: 12px;
    list-style: none;
    margin: 0;
    padding: 0
}

.customerImportantNotice-inner > ._row > ._contents > ._list > ._item {
    position: relative;
    -webkit-padding-start: 1em;
    padding-inline-start: 1em
}

.customerImportantNotice-inner > ._row > ._contents > ._list > ._item + ._item {
    margin-top: 8px
}

.customerImportantNotice-inner > ._row > ._contents > ._list > ._item:before {
    content: '・';
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    color: #000
}

.customerImportantNotice-inner > ._row > ._contents > ._list > ._item > ._link {
    color: #000;
    text-decoration: none;
    transition: .2s ease
}

.customerImportantNotice-inner > ._row > ._contents > ._list > ._item > ._link:hover {
    opacity: .65
}

@media (max-width: 991.98px) {
    .customerImportantNotice-inner > ._row > ._contents > ._more {
        margin-top: 16px;
        text-align: center
    }
}

@media (min-width: 992px) {
    .customerImportantNotice-inner > ._row > ._contents > ._more {
        position: absolute;
        inset-inline-end: 0;
        bottom: 16px
    }
}

.customerImportantNotice-inner > ._row > ._contents > ._more > ._link {
    font-size: 12px;
    color: #000;
    text-decoration: none;
    transition: .2s ease
}

.customerImportantNotice-inner > ._row > ._contents > ._more > ._link:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: .5em;
    margin-inline-start: .5em
}

[lang=ar] .customerImportantNotice-inner > ._row > ._contents > ._more > ._link:after {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.customerImportantNotice-inner > ._row > ._contents > ._more > ._link:hover {
    opacity: .65
}

.downloadManual-check {
    background-color: #f0f0f0;
    padding: 40px 0
}

.downloadManual-check-inner {
    text-align: center
}

.downloadManual-check-inner > ._title {
    font-size: 16px;
    margin-bottom: 32px
}

@media (max-width: 767.98px) {
    .downloadManual-check-inner > ._title {
        margin-bottom: 24px
    }
}

.downloadManual-check-inner > ._desc {
    font-weight: 500;
    margin-bottom: 32px
}

@media (max-width: 767.98px) {
    .downloadManual-check-inner > ._desc {
        margin-bottom: 24px;
        text-align: left
    }
}

@media (max-width: 767.98px) {
    .downloadManual-check-inner > ._items > ._item + ._item {
        margin-top: 24px
    }
}

@media (min-width: 768px) {
    .downloadManual-check-inner > ._items {
        display: flex
    }

    .downloadManual-check-inner > ._items > ._item {
        width: 50%;
        padding: 0 40px
    }
}

.downloadManual-check-inner > ._items > ._item > ._title {
    font-weight: bold;
    margin-bottom: 16px
}

.downloadManual-check-inner > ._items > ._item > ._image {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.downloadManual-check-inner > ._items > ._item > ._image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.downloadManual-search {
    background-color: #f9f9f9;
    padding: 40px 0
}

.downloadManual-search-inner {
    display: flex;
    flex-wrap: wrap
}

.downloadManual-search-inner > ._lang {
    width: 100%;
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .downloadManual-search-inner > ._lang {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.downloadManual-search-inner > ._lang > ._label {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: .1em
}

@media (max-width: 767.98px) {
    .downloadManual-search-inner > ._lang > ._label {
        margin-bottom: 16px
    }
}

@media (min-width: 768px) {
    .downloadManual-search-inner > ._lang > ._label {
        font-size: 16px;
        -webkit-margin-end: 16px;
        margin-inline-end: 16px
    }
}

.downloadManual-search-inner > ._lang > .select-default {
    width: 100%
}

@media (min-width: 768px) {
    .downloadManual-search-inner > ._lang > .select-default {
        width: 240px
    }
}

@media (max-width: 767.98px) {
    .downloadManual-search-inner > ._num {
        width: 100%;
        margin-bottom: 40px
    }
}

@media (min-width: 768px) {
    .downloadManual-search-inner > ._num {
        width: 50%;
        padding: 0 40px
    }
}

.downloadManual-search-inner > ._num > ._title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 24px;
    letter-spacing: .1em
}

@media (max-width: 767.98px) {
    .downloadManual-search-inner > ._num > ._title {
        font-size: 14px
    }
}

.downloadManual-search-inner > ._num > ._label {
    font-size: 12px;
    margin-bottom: 8px
}

.downloadManual-search-inner > ._num > ._btn {
    margin-top: 24px
}

@media (max-width: 767.98px) {
    .downloadManual-search-inner > ._num > ._btn {
        text-align: center
    }
}

@media (max-width: 767.98px) {
    .downloadManual-search-inner > ._initial {
        width: 100%
    }
}

@media (min-width: 768px) {
    .downloadManual-search-inner > ._initial {
        width: 50%;
        padding: 0 40px;
        position: relative
    }

    .downloadManual-search-inner > ._initial:before {
        content: '';
        width: 2px;
        height: 100%;
        background-color: #f0f0f0;
        position: absolute;
        inset-inline-start: -1px;
        top: 0
    }
}

.downloadManual-search-inner > ._initial > ._title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 24px;
    letter-spacing: .1em
}

.downloadManual-search-inner > ._initial > ._list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    margin: -8px -3px
}

.downloadManual-search-inner > ._initial > ._list > li {
    padding: 8px 3px
}

.downloadManual-search-inner > ._initial > ._list > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: #fff;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    width: 32px;
    height: 32px;
    color: #000;
    transition: .2s ease
}

.downloadManual-search-inner > ._initial > ._list > li > a:hover {
    opacity: .65
}

.downloadManual-search-inner > ._initial > ._btns {
    margin-top: 16px;
    margin: 16px -8px 0;
    display: flex;
    font-weight: 500
}

.downloadManual-search-inner > ._initial > ._btns > ._item {
    width: 50%;
    padding: 0 8px
}

.downloadManual-search-inner > ._initial > ._btns > ._item > ._btn {
    display: block;
    color: #000;
    font-size: 12px;
    text-align: center;
    border: solid 1px #000;
    padding: 4px;
    transition: .2s ease
}

.downloadManual-search-inner > ._initial > ._btns > ._item > ._btn:hover {
    background-color: #193c72;
    color: #fff
}

.downloadManual-list {
    padding: 64px 0;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .downloadManual-list {
        padding: 40px 0
    }
}

.downloadManual-pdf {
    padding-bottom: 64px
}

@media (max-width: 767.98px) {
    .downloadManual-pdf {
        padding-bottom: 40px
    }
}

.downloadManual-pdf-inner {
    background-color: #f9f9f9
}

@media (max-width: 767.98px) {
    .downloadManual-pdf-inner {
        text-align: center;
        padding: 24px 16px
    }
}

@media (min-width: 768px) {
    .downloadManual-pdf-inner {
        display: flex;
        align-items: center;
        padding: 24px 40px
    }
}

.downloadManual-pdf-inner > ._text {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
    flex: 1;
    text-align: left
}

.downloadManual-pdf-inner > ._image {
    display: inline-block;
    transition: .2s ease
}

@media (max-width: 767.98px) {
    .downloadManual-pdf-inner > ._image {
        margin-top: 16px
    }
}

@media (min-width: 768px) {
    .downloadManual-pdf-inner > ._image {
        -webkit-margin-start: 40px;
        margin-inline-start: 40px
    }
}

.downloadManual-pdf-inner > ._image:hover {
    opacity: .65
}

.eventDetailTitle {
    margin-bottom: 1rem
}

.brands {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: -2px
}

.brands > li {
    width: 60px;
    padding: 2px
}

.brands > li > span {
    display: block;
    border: solid 2px #e6e6e6;
    background-color: #fff;
    border-radius: 9999px;
    overflow: hidden
}

.brands > li > span > img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.dateSection {
    background-color: #f9f9f9;
    padding: 22px 0;
    font-size: 1rem
}

.dateSection ._inner {
    display: flex;
    align-items: center;
    justify-content: center
}

.dateSection ._inner > span {
    line-height: 1.5
}

.dateSection ._inner ._lb {
    background-color: #e6e6e6;
    min-width: 82px;
    text-align: center;
    -webkit-margin-end: 16px;
    margin-inline-end: 16px
}

@media (max-width: 991.98px) {
    .dateSection {
        padding: 1rem;
        font-size: 14px
    }

    .dateSection ._inner {
        flex-wrap: wrap
    }

    .dateSection ._inner > .span {
        display: block
    }

    .dateSection ._inner ._lb {
        margin-bottom: 8px;
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }

    .dateSection ._inner ._tx {
        width: 100%;
        text-align: center
    }
}

.targetStroe > ._container {
    max-width: 856px;
    padding-left: 16px;
    padding-right: 16px;
    margin: auto
}

@media (max-width: 991.98px) {
    .targetStroe > ._container {
        min-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.targetStroe ._header {
    margin-bottom: 40px
}

.targetStroe ._header ._text {
    font-size: 16px;
    font-weight: bold;
    text-align: center
}

.targetStroe ._body ._item {
    padding: 32px 24px;
    background-color: #fff;
    margin-bottom: 16px
}

.targetStroe ._body ._item > div {
    display: flex;
    margin-bottom: 16px;
    align-items: baseline
}

.targetStroe ._body ._item > div ._lb {
    background-color: #e6e6e6;
    min-width: 94px;
    text-align: center;
    -webkit-margin-end: 16px;
    margin-inline-end: 16px;
    line-height: 1.5
}

.targetStroe ._body ._item > div ._tx {
    width: 100%
}

.targetStroe ._body ._item ._address {
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    .targetStroe ._body ._item {
        padding: 20px 16px 16px 16px
    }

    .targetStroe ._body ._item > div {
        flex-wrap: wrap
    }

    .targetStroe ._body ._item > div ._lb {
        margin-bottom: 8px;
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

.eventList-top ._inner {
    text-align: center
}

.eventList-top ._inner p {
    margin-bottom: 0;
    font-weight: 500
}

.carouselEvent .carouselEvent-body .container {
    position: relative
}

.carouselEvent .carouselEvent-body .container .swiper-button-prev-carouselEvent {
    inset-inline-start: -31px
}

.carouselEvent .carouselEvent-body .container .swiper-button-next-carouselEvent {
    inset-inline-end: -31px
}

@media (max-width: 991.98px) {
    .carouselEvent .carouselEvent-body .container .swiper-button-prev-carouselEvent {
        inset-inline-start: 0
    }

    .carouselEvent .carouselEvent-body .container .swiper-button-next-carouselEvent {
        inset-inline-end: 0
    }
}

.eventList-search {
    background-color: #f0f0f0;
    padding-top: 40px;
    padding-bottom: 40px;
    font-weight: 500
}

.eventList-result {
    padding-top: 40px;
    padding-bottom: 64px;
    background-color: #f9f9f9
}

@media (max-width: 991.98px) {
    .eventList-result {
        padding-bottom: 40px
    }
}

.eventList-result .eventList-result-inner .eventList-result-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px
}

@media (max-width: 991.98px) {
    .eventList-result .eventList-result-inner .eventList-result-header {
        margin-bottom: 25px
    }
}

.eventList-result .eventList-result-inner .eventList-result-header ._count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 14px
}

.eventList-result .eventList-result-inner .eventList-result-header ._count ._num {
    font-size: 24px;
    letter-spacing: .1em;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px
}

.forTheMediaDetail-list {
    min-height: calc(100vh - 484px + 100px);
    padding: 40px 0
}

@media (min-width: 768px) {
    .forTheMediaDetail-list {
        padding: 64px 0
    }
}

.forTheMediaDetail-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 50px;
    word-break: break-all
}

.forTheMediaDetail-card ._image > ._cover > img {
    width: 100%;
    aspect-ratio: 16 / 9;
    -o-object-fit: cover;
    object-fit: cover
}

.forTheMediaDetail-card ._title > p {
    line-height: 1.5;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.forTheMediaDetail-card ._select {
    padding-bottom: 8px;
    margin-top: auto
}

.forTheMediaDetail-card ._select > ._label {
    display: block;
    font-size: 12px;
    margin-bottom: 8px
}

.forTheMediaDetail-card ._select > .accordion-item {
    position: relative
}

.forTheMediaDetail-card ._select > .accordion-item .accordion-button {
    font-size: 12px;
    letter-spacing: .025em;
    font-weight: 500;
    padding: 13px 8px 13px 16px;
    border: 1px solid #000;
    background-color: transparent;
    border-radius: 0px
}

.forTheMediaDetail-card ._select > .accordion-item .accordion-collapse {
    position: absolute;
    width: 100%;
    z-index: 1
}

.forTheMediaDetail-card ._select > .accordion-item .accordion-collapse .accordion-body {
    padding: .5rem 1rem;
    background-color: #f9f9f9;
    overflow: hidden
}

.forTheMediaDetail-card ._select > .accordion-item .accordion-collapse .accordion-body > ul {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    list-style: none;
    margin-bottom: 0
}

.forTheMediaDetail-card ._select > .accordion-item .accordion-collapse .accordion-body > ul > li {
    word-break: break-all;
    line-height: 1.5
}

.forTheMediaDetail-card ._select > .accordion-item .accordion-collapse .accordion-body > ul > li + li {
    margin-top: 8px
}

.forTheMediaDetail-card ._btn {
    width: 100%;
    position: absolute;
    bottom: 0;
    inset-inline-start: 0
}

.forTheMediaImageDetail-form {
    padding-bottom: 64px
}

.forTheMediaImageDetail-checkAll {
    padding: 24px 0;
    display: flex;
    justify-content: flex-end
}

.forTheMediaImageDetail-list {
    padding-bottom: 64px
}

.forTheMediaImageDetail-card {
    word-break: break-all
}

.forTheMediaImageDetail-card ._image > ._cover > img {
    width: 100%;
    aspect-ratio: 16 / 9;
    -o-object-fit: cover;
    object-fit: cover
}

.forTheMediaImageDetail-card ._title > p {
    margin: 1rem 0;
    font-weight: 500
}

.forTheMediaImageDetail-card ._check > ._item + ._item {
    margin-top: 8px
}

.forTheMediaImageDetail-download {
    text-align: center
}

.forTheMediaImageDetail-download .download-selected ._text > p {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0
}

.forTheMediaImageDetail-download .download-selected ._subText > p {
    font-size: 12px;
    margin-bottom: 0
}

.forTheMediaImageDetail-download .download-selected .btn-outline-default {
    margin-top: 24px
}

.forTheMediaImageDetail-download .download-all ._text > p {
    font-size: 16px;
    font-weight: bold;
    margin: 24px 0
}

@media (min-width: 992px) {
    .forTheMediaImageDetail-download .download-all ._btns {
        display: flex;
        justify-content: center
    }
}

.forTheMediaImageDetail-download .download-all ._btns ._btn ._size {
    display: block;
    font-size: 10px;
    font-weight: 500;
    margin-top: 8px
}

.forTheMediaImageDetail-download .download-all ._btns ._btn + ._btn {
    margin-top: 24px
}

@media (min-width: 992px) {
    .forTheMediaImageDetail-download .download-all ._btns ._btn + ._btn {
        margin-top: 0;
        -webkit-margin-start: 24px;
        margin-inline-start: 24px
    }
}

.forTheMediaImageDetail-footer ._content {
    padding: 24px 0 64px;
    border-top: 2px solid #f0f0f0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    font-weight: 500
}

.forTheMediaImageDetail-footer ._content ._prev > a, .forTheMediaImageDetail-footer ._content ._next > a {
    display: block
}

.forTheMediaImageDetail-footer ._content ._prev ._image, .forTheMediaImageDetail-footer ._content ._next ._image {
    width: 120px
}

.forTheMediaImageDetail-footer ._content ._prev ._image img, .forTheMediaImageDetail-footer ._content ._next ._image img {
    width: 100%;
    aspect-ratio: 16 / 9;
    -o-object-fit: cover;
    object-fit: cover
}

.forTheMediaImageDetail-footer ._content ._prev ._text, .forTheMediaImageDetail-footer ._content ._next ._text {
    text-align: center
}

@media (max-width: 767.98px) {
    .forTheMediaImageDetail-footer ._content ._back {
        width: 100%;
        margin-top: 24px;
        text-align: center
    }
}

@media (min-width: 768px) {
    .forTheMediaImageDetail-footer ._content ._prev {
        order: 1
    }

    .forTheMediaImageDetail-footer ._content ._next {
        order: 3
    }

    .forTheMediaImageDetail-footer ._content ._back {
        order: 2
    }
}

.forTheMediaListVisual {
    margin-bottom: 40px
}

.forTheMediaListVisual > img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 280px
}

@media (min-width: 768px) {
    .forTheMediaListVisual {
        margin-bottom: 64px
    }

    .forTheMediaListVisual img {
        height: 400px
    }
}

.forTheMediaList-list {
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .forTheMediaList-list {
        margin-bottom: 64px
    }
}

.forTheMediaList-list .card-default {
    word-break: break-all
}

.forTheMediaList-list .card-default ._image > ._cover > img {
    width: 100%;
    aspect-ratio: 16 / 9;
    -o-object-fit: cover;
    object-fit: cover
}

.forTheMedia-login {
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 64px 16px
}

@media (min-width: 768px) {
    .forTheMedia-login {
        min-height: calc(100vh - 484px + 100px)
    }
}

.forTheMedia-loginForm {
    text-align: center;
    width: 100%
}

.forTheMedia-loginForm ._title {
    margin-bottom: 40px
}

.forTheMedia-loginForm ._title h2 {
    margin-bottom: 0
}

.forTheMedia-loginForm ._body {
    width: 100%;
    text-align: start
}

.forTheMedia-loginForm ._body > label {
    font-size: 12px;
    margin-bottom: 8px
}

.forTheMedia-loginForm ._body input {
    width: 100%
}

.forTheMedia-loginForm ._error {
    margin-top: 8px
}

.forTheMedia-loginForm ._submit {
    margin-top: 40px
}

.forTheMedia-loginForm ._submit > input {
    background-color: transparent
}

@media (min-width: 768px) {
    .forTheMedia-loginForm {
        width: 516px
    }

    .forTheMedia-loginForm ._body {
        display: flex;
        align-items: center
    }

    .forTheMedia-loginForm ._body > label {
        -webkit-margin-end: 32px;
        margin-inline-end: 32px
    }
}

.generalDetailTitle {
    padding: 16px 0;
    border-bottom: solid 1px #f0f0f0
}

@media (min-width: 768px) {
    .generalDetailTitle {
        padding: 24px 0
    }
}

.generalDetailTitle-title {
    margin-bottom: 0
}

.globalIndexNavigation {
    font-size: 12px
}

.globalIndexNavigation .GIN_regions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    margin-bottom: 0;
    list-style: none;
    transition: .6s;
    border-color: #fff
}

.globalIndexNavigation .GIN_regions.is-active {
    padding-bottom: 40px;
    border-bottom: 2px solid #f0f0f0
}

.globalIndexNavigation .GIN_regions li {
    -webkit-padding-end: 32px;
    padding-inline-end: 32px
}

.globalIndexNavigation .GIN_regions li:last-child {
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.globalIndexNavigation .GIN_regions li > .GIN_countries {
    border-top: 1px solid #f0f0f0
}

.globalIndexNavigation .GIN_regions li button {
    border: 0;
    padding: 0;
    transition: 0.2s ease;
    display: flex;
    align-items: center
}

.globalIndexNavigation .GIN_regions li button span {
    position: relative
}

.globalIndexNavigation .GIN_regions li button:after {
    content: "\E103";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
    font-size: 18px;
    transition: .4s
}

.globalIndexNavigation .GIN_regions li button:hover {
    opacity: 0.65
}

.globalIndexNavigation .GIN_regions li button.is-active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width: 991.98px) {
    .globalIndexNavigation .GIN_regions li button.is-active:after {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.globalIndexNavigation .GIN_regions li button.is-active span::before {
    content: "";
    border-bottom: 1px solid;
    bottom: 0;
    width: 100%;
    position: absolute
}

.globalIndexNavigation .GIN_countries {
    display: none;
    padding-top: 8px
}

.globalIndexNavigation .GIN_countries.is-active {
    display: block
}

.globalIndexNavigation .GIN_countries .countries_inner {
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap
}

.globalIndexNavigation .GIN_countries .countries_inner li {
    margin-top: 16px;
    -webkit-margin-end: 16px;
    margin-inline-end: 16px;
    display: flex;
    align-items: center
}

.globalIndexNavigation .GIN_countries .countries_inner li:after {
    content: "";
    width: 2px;
    height: 18px;
    background-color: #f0f0f0;
    display: inline-block;
    -webkit-margin-start: 20px;
    margin-inline-start: 20px
}

.globalIndexNavigation .GIN_countries .countries_inner li a {
    color: #000;
    transition: 0.2s ease
}

.globalIndexNavigation .GIN_countries .countries_inner li a:hover {
    opacity: 0.65
}

@media (max-width: 991.98px) {
    .globalIndexNavigation .GIN_regions {
        border-top: 1px solid #f0f0f0
    }

    .globalIndexNavigation .GIN_regions.is-active {
        padding-bottom: 0;
        border-bottom: none
    }

    .globalIndexNavigation .GIN_regions li {
        width: 100%;
        border-bottom: 1px solid #f0f0f0
    }

    .globalIndexNavigation .GIN_regions li > .GIN_countries.is-active {
        display: block
    }

    .globalIndexNavigation .GIN_regions li button {
        padding: 20px 0;
        justify-content: space-between;
        width: 100%
    }

    .globalIndexNavigation .GIN_regions li button:after {
        content: "\E202";
        font-family: "icon";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-margin-start: 10px;
        margin-inline-start: 10px;
        font-size: 20px;
        transition: 0.2s ease
    }

    .globalIndexNavigation .GIN_regions li button.is-active:after {
        content: "\E203";
        font-family: "icon";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .globalIndexNavigation .GIN_regions li button.is-active span::before {
        display: none
    }

    .globalIndexNavigation .GIN_regions > li {
        padding: 0
    }

    .globalIndexNavigation .GIN_countries {
        border-top: none;
        padding-top: 0;
        margin-top: 0
    }

    .globalIndexNavigation .GIN_countries.is-active {
        display: none
    }

    .globalIndexNavigation .GIN_countries .countries_inner > li {
        justify-content: space-between;
        margin: 0;
        padding: 0
    }

    .globalIndexNavigation .GIN_countries .countries_inner > li:after {
        display: none
    }

    .globalIndexNavigation .GIN_countries .countries_inner > li a {
        position: relative;
        width: 100%;
        padding: 16px
    }

    .globalIndexNavigation .GIN_countries .countries_inner > li a:after {
        content: "\E102";
        font-family: "icon";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px;
        transition: 0.2s ease;
        width: auto;
        height: auto;
        background-color: transparent;
        inset-inline-end: 0;
        position: absolute;
        inset-block-start: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width: 768px) {
    .globalIndexNavigation .GIN_regions li > .GIN_countries {
        display: none !important
    }
}

@media (max-width: 991.98px) {
    .globalIndexNavigation > .GIN_countries {
        display: none !important
    }
}

.glossarySearch {
    background-color: #f9f9f9;
    border-bottom: solid 2px #f0f0f0;
    padding: 40px 16px
}

.glossarySearch-title {
    text-align: center;
    margin-bottom: 32px;
    font-size: 20px;
    letter-spacing: .1em
}

@media (max-width: 991.98px) {
    .glossarySearch-title {
        font-size: 18px
    }
}

.glossarySearch-title > ._button {
    color: #000
}

@media (min-width: 992px) {
    .glossarySearch-title > ._button {
        pointer-events: none
    }
}

@media (max-width: 991.98px) {
    .glossarySearch-title > ._button {
        position: relative
    }

    .glossarySearch-title > ._button:after {
        content: "\E103";
        font-family: "icon";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-margin-start: 8px;
        margin-inline-start: 8px;
        transition: .2s ease
    }

    .glossarySearch-title > ._button.is-active:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.glossarySearch-currentItems {
    transition: .5s
}

@media (min-width: 992px) {
    .glossarySearch-currentItems {
        display: none !important
    }
}

@media (max-width: 991.98px) {
    .glossarySearch-currentItems.is-hidden {
        opacity: 0;
        margin-top: -48px;
        pointer-events: none
    }
}

@media (max-width: 991.98px) {
    .glossarySearch-items {
        display: none
    }
}

@media (min-width: 992px) {
    .glossarySearch-items {
        display: block !important
    }
}

.glossarySearch-items-inner {
    text-align: center
}

@media (min-width: 768px) {
    .glossarySearch-items-inner {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        margin: 0 auto;
        height: 240px;
        width: 624px
    }
}

.glossarySearch-list {
    margin: -4px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    font-weight: 500;
    font-size: 14px
}

.glossarySearch-list > li {
    padding: 4px
}

.glossarySearch-list > li._column > a {
    background-color: #666;
    color: #fff
}

.glossarySearch-list > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #fff;
    color: #000;
    transition: .2s ease
}

.glossarySearch-list > li > a.is-current {
    background-color: #000;
    color: #fff;
    pointer-events: none
}

.glossarySearch-list > li > a.is-disabled {
    pointer-events: none;
    color: #b3b3b3
}

.glossarySearch-list > li > a:hover {
    opacity: .65
}

.glossarySearch-list > li > span {
    display: block;
    width: 40px;
    height: 40px
}

.glossaryResult {
    padding: 64px 0
}

@media (max-width: 991.98px) {
    .glossaryResult {
        padding: 40px 0
    }
}

.glossaryResult-item:not(:last-child) {
    margin-bottom: 64px
}

@media (max-width: 991.98px) {
    .glossaryResult-item:not(:last-child) {
        margin-bottom: 40px
    }
}

.glossaryResult-item > ._title {
    border-bottom: solid 2px #f0f0f0;
    padding-bottom: 8px;
    margin-bottom: 16px;
    font-size: 20px;
    letter-spacing: .1em
}

@media (max-width: 991.98px) {
    .glossaryResult-item > ._title {
        font-size: 18px
    }
}

.glossaryResult-item > ._items {
    margin-bottom: 0
}

.glossaryResult-item > ._items > ._title {
    font-weight: bold;
    letter-spacing: .1em;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 8px
}

.glossaryResult-item > ._items > ._detail {
    font-weight: 500;
    margin-bottom: 0
}

.glossaryResult-item > ._items > ._detail:not(:last-child) {
    margin-bottom: 40px
}

.glossaryResult-item > ._items > ._detail > *:last-child {
    margin-bottom: 0
}

.glossaryResult-item > ._items > ._detail > p {
    margin-bottom: 0
}

.localNavigation-forTheMedia {
    background-color: #333;
    height: 56px;
    display: flex;
    align-items: center;
    text-align: end
}

.localNavigation {
    z-index: 1900;
    position: sticky;
    top: 0;
    width: 100%;
    font-weight: 500;
    line-height: 1.5;
    background-color: #333;
    color: #fff
}

.localNavigation.is-fixed {
    position: fixed;
    transition: 0 ease
}

.localNavigation.is-transition {
    transition: .2s ease
}

.localNavigation.is-slideBottom {
    top: 64px
}

@media (min-width: 992px) {
    .localNavigation.is-slideBottom {
        top: 72px
    }
}

@media (max-width: 991.98px) {
    .localNavigation-inner {
        margin: 0 -16px;
        position: relative
    }
}

@media (min-width: 992px) {
    .localNavigation-inner {
        display: flex;
        align-items: center;
        height: 56px
    }
}

.localNavigation-title > ._title {
    white-space: nowrap
}

@media (max-width: 991.98px) {
    .localNavigation-title > ._title {
        width: 100%;
        display: block;
        text-align: center;
        font-size: 14px;
        padding: 16px 0;
        color: #fff;
        text-decoration: none
    }

    .localNavigation-title > ._title > span:after {
        content: "\E103";
        font-family: "icon";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-margin-start: .5em;
        margin-inline-start: .5em;
        transition: .2s ease
    }

    [lang=ar] .localNavigation-title > ._title > span:after {
        -webkit-transform: scale(-1, 1);
        transform: scale(-1, 1)
    }

    .localNavigation-title > ._title.is-active > span:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media (min-width: 992px) {
    .localNavigation-title {
        -webkit-padding-end: 24px;
        padding-inline-end: 24px;
        pointer-events: none
    }

    .localNavigation-title > ._title {
        font-size: 16px;
        color: #fff;
        text-decoration: none;
        transition: .2s ease
    }

    .localNavigation-title > ._title:hover {
        opacity: .65
    }
}

@media (max-width: 991.98px) {
    .localNavigation-contents {
        display: none;
        background-color: #4d4d4d;
        padding-bottom: 200px;
        height: calc(100vh - 53px);
        overflow-y: auto;
        position: absolute;
        top: 53px;
        left: 0;
        width: 100%
    }

    .localNavigation-contents > ._list {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .localNavigation-contents > ._list > ._item > ._button {
        display: none
    }

    .localNavigation-contents > ._list > ._item > ._link {
        text-decoration: none;
        display: block;
        color: #fff;
        padding-top: 1.39375em;
        padding-bottom: 1.39375em;
        -webkit-padding-start: 1em;
        padding-inline-start: 1em;
        -webkit-padding-end: 3.5em;
        padding-inline-end: 3.5em;
        margin: 0 16px;
        font-size: 12px;
        position: relative;
        border-bottom: solid 1px #666
    }

    .localNavigation-contents > ._list > ._item > ._link:after {
        content: "\E102";
        font-family: "icon";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        inset-inline-end: 16px;
        inset-block-start: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 18px
    }

    [lang=ar] .localNavigation-contents > ._list > ._item > ._link:after {
        -webkit-transform: scale(-1, 1) translateY(-50%);
        transform: scale(-1, 1) translateY(-50%)
    }

    .localNavigation-contents > ._list > ._item > ._link[target]:not([target="_self"]):not([target=""]):after {
        content: "\E201";
        font-family: "icon";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-margin-start: 4px;
        margin-inline-start: 4px
    }
}

@media (min-width: 992px) {
    .localNavigation-contents {
        display: block !important;
        flex: 1
    }

    .localNavigation-contents > ._list {
        display: flex;
        justify-content: flex-end;
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .localNavigation-contents > ._list > ._item {
        font-size: 12px;
        height: 56px
    }

    .localNavigation-contents > ._list > ._item:not(:first-child) > ._button, .localNavigation-contents > ._list > ._item:not(:first-child) > ._link {
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        -webkit-padding-start: 9px;
        padding-inline-start: 9px
    }

    .localNavigation-contents > ._list > ._item:not(:first-child) > ._button:before, .localNavigation-contents > ._list > ._item:not(:first-child) > ._link:before {
        content: '';
        height: 24px;
        width: 1px;
        background-color: #666;
        position: absolute;
        inset-inline-start: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .localNavigation-contents > ._list > ._item > ._button, .localNavigation-contents > ._list > ._item > ._link {
        display: flex;
        align-items: center;
        padding: 0 8px;
        height: 100%;
        position: relative;
        color: #fff;
        text-decoration: none;
        transition: .2s ease
    }

    .localNavigation-contents > ._list > ._item > ._button:hover, .localNavigation-contents > ._list > ._item > ._link:hover {
        opacity: .65
    }

    .localNavigation-contents > ._list > ._item > ._button.is-active, .localNavigation-contents > ._list > ._item > ._link.is-active {
        opacity: .6
    }

    .localNavigation-contents > ._list > ._item > ._button.is-active:hover, .localNavigation-contents > ._list > ._item > ._link.is-active:hover {
        opacity: .5
    }
}

@media (max-width: 991.98px) {
    .localNavigationMenu {
        position: relative;
        display: block !important
    }

    .localNavigationMenu:after {
        content: '';
        width: calc(100% - 32px);
        height: 1px;
        position: absolute;
        inset-inline-start: 16px;
        bottom: 0;
        background-color: #666
    }
}

@media (min-width: 992px) {
    .localNavigationMenu {
        display: none;
        background-color: #4d4d4d;
        position: absolute;
        top: 56px;
        inset-inline-start: 0;
        width: 100%
    }
}

@media (min-width: 992px) {
    .localNavigationMenu-inner {
        padding: 40px 0
    }
}

@media (max-width: 991.98px) {
    .localNavigationMenu-series {
        padding: 16px 0 24px
    }
}

.localNavigationMenu-series > ._title {
    text-align: center;
    font-size: 16px;
    letter-spacing: .1em;
    margin-bottom: 24px
}

@media (max-width: 991.98px) {
    .localNavigationMenu-series > ._title {
        font-size: 12px;
        margin-bottom: 16px
    }
}

.localNavigationMenu-series > ._contents {
    position: relative;
    margin: 0 auto;
    max-width: calc(1080px + 32px * 2)
}

@media (min-width: 992px) {
    .localNavigationMenu-series > ._contents {
        padding: 0 56px
    }
}

.localNavigationSeries-item {
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
    height: 100%
}

@media (max-width: 991.98px) {
    .localNavigationSeries-item {
        background-color: rgba(255, 255, 255, 0.06);
        padding: 16px
    }

    .localNavigationSeries-item:hover {
        color: #fff
    }
}

@media (min-width: 992px) {
    .localNavigationSeries-item:hover {
        color: #fff
    }

    .localNavigationSeries-item:hover > ._text {
        opacity: .65
    }
}

.localNavigationSeries-item > ._visual {
    width: 110px;
    height: 0;
    margin: 0 auto;
    padding-top: 110px;
    position: relative;
    overflow: hidden
}

.localNavigationSeries-item > ._visual > ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    inset-inline-start: 0;
    top: 0
}

.localNavigationSeries-item > ._text {
    margin-top: 16px;
    font-weight: 500;
    padding: 0 8px;
    transition: .2s ease;
    font-size: 12px
}

@media (max-width: 991.98px) {
    .swiper-localNavigationSeries {
        -webkit-padding-start: 16px;
        padding-inline-start: 16px;
        -webkit-padding-end: 27px;
        padding-inline-end: 27px
    }
}

.swiper-button-prev-localNavigationSeries, .swiper-button-next-localNavigationSeries {
    background-color: transparent;
    color: #fff
}

.swiper-slide-localNavigationSeries {
    height: auto
}

.swiper-scrollbar-localNavigationSeries {
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 992px) {
    .swiper-scrollbar-localNavigationSeries {
        margin-top: 32px;
        width: 516px !important
    }
}

.localNavigationMenu-selectRegion > ._container {
    position: relative;
    margin: 0 auto;
    max-width: calc(1080px + 32px * 2)
}

@media (min-width: 992px) {
    .localNavigationMenu-selectRegion > ._container {
        padding: 0 56px
    }
}

.localNavigationMenu-selectRegion > ._container > ._pcTab {
    transition: .6s;
    border-bottom: solid 1px transparent
}

@media (max-width: 991.98px) {
    .localNavigationMenu-selectRegion > ._container > ._pcTab {
        display: none !important
    }
}

.localNavigationMenu-selectRegion > ._container > ._pcTab.is-active {
    padding-bottom: 24px;
    border-color: #666
}

.localNavigationMenu-selectRegion > ._container > ._pcTab > ._list {
    list-style-type: none;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: -12px
}

.localNavigationMenu-selectRegion > ._container > ._pcTab > ._list > ._item {
    padding: 12px
}

.localNavigationMenu-selectRegion > ._container > ._pcTab > ._list > ._item > ._button {
    cursor: pointer;
    text-decoration: none;
    display: block;
    color: #fff;
    -webkit-padding-end: 24px;
    padding-inline-end: 24px;
    font-size: 14px;
    position: relative;
    transition: .2s ease
}

.localNavigationMenu-selectRegion > ._container > ._pcTab > ._list > ._item > ._button:hover {
    opacity: .65
}

.localNavigationMenu-selectRegion > ._container > ._pcTab > ._list > ._item > ._button:after {
    content: "\E103";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    transition: .2s
}

.localNavigationMenu-selectRegion > ._container > ._pcTab > ._list > ._item > ._button.is-active span {
    border-bottom: solid 1px #fff
}

.localNavigationMenu-selectRegion > ._container > ._pcTab > ._list > ._item > ._button.is-active:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

@media (max-width: 991.98px) {
    .localNavigationMenu-selectRegion > ._container > ._button {
        text-decoration: none;
        display: block;
        color: #fff;
        padding-top: 1.39375em;
        padding-bottom: 1.39375em;
        -webkit-padding-start: 1em;
        padding-inline-start: 1em;
        -webkit-padding-end: 3.5em;
        padding-inline-end: 3.5em;
        margin: 0 16px;
        font-size: 12px;
        position: relative
    }

    .localNavigationMenu-selectRegion > ._container > ._button:after {
        content: "\E202";
        font-family: "icon";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        inset-inline-end: 16px;
        inset-block-start: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 18px
    }

    .localNavigationMenu-selectRegion > ._container > ._button.is-active:after {
        content: "\E203";
        font-family: "icon";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

@media (min-width: 992px) {
    .localNavigationMenu-selectRegion > ._container > ._button {
        display: none !important
    }
}

.localNavigationMenu-selectRegion > ._container > ._body {
    display: none
}

@media (min-width: 992px) {
    .localNavigationMenu-selectRegion > ._container > ._body {
        display: block !important
    }
}

.localNavigationMenu-selectRegion > ._container > ._body > ._list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

@media (max-width: 991.98px) {
    .localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._button {
        border-top: solid 1px #666;
        text-decoration: none;
        display: block;
        color: #fff;
        padding-top: 1.39375em;
        padding-bottom: 1.39375em;
        -webkit-padding-start: 2.675em;
        padding-inline-start: 2.675em;
        -webkit-padding-end: 3.5em;
        padding-inline-end: 3.5em;
        margin: 0 16px;
        font-size: 12px;
        position: relative
    }

    .localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._button:after {
        content: "\E202";
        font-family: "icon";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        inset-inline-end: 16px;
        inset-block-start: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 18px
    }

    .localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._button.is-active:after {
        content: "\E203";
        font-family: "icon";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

@media (min-width: 992px) {
    .localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._button {
        display: none
    }
}

.localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._body {
    display: none
}

@media (max-width: 991.98px) {
    .localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._body {
        border-top: solid 1px #666;
        margin: 0 16px;
        padding-top: 24px;
        padding-bottom: 24px;
        -webkit-padding-start: 48px;
        padding-inline-start: 48px
    }
}

@media (min-width: 992px) {
    .localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._body {
        padding-top: 8px;
        max-height: calc(100vh - 400px);
        overflow-y: auto;
        overflow-x: hidden
    }
}

.localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._body > ._list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

@media (min-width: 992px) {
    .localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._body > ._list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -8px
    }
}

@media (min-width: 992px) {
    .localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._body > ._list > ._item {
        width: 20%;
        padding: 16px 8px
    }
}

@media (max-width: 991.98px) {
    .localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._body > ._list > ._item {
        font-size: 12px
    }

    .localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._body > ._list > ._item + ._item {
        margin-top: 24px
    }
}

.localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._body > ._list > ._item > ._title {
    color: #ccc;
    margin-bottom: 5px
}

@media (min-width: 992px) {
    .localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._body > ._list > ._item > ._title {
        margin-bottom: 8px
    }
}

.localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._body > ._list > ._item > ._list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 992px) {
    .localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._body > ._list > ._item > ._list {
        font-size: 12px
    }
}

.localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._body > ._list > ._item > ._list > ._item + ._item:before {
    content: '/';
    margin: 0 0.5em
}

.localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._body > ._list > ._item > ._list > ._item > a {
    color: #fff;
    text-decoration: underline;
    transition: .2s ease
}

.localNavigationMenu-selectRegion > ._container > ._body > ._list > ._item > ._body > ._list > ._item > ._list > ._item > a:hover {
    opacity: .65
}

.mf-section {
    border-bottom: 1px solid #f0f0f0
}

.mf-section.section-search {
    padding: 40px 0
}

.mf-section.section-search ._label {
    text-align: center;
    font-weight: bold;
    margin-bottom: 16px
}

.mf-section.section-results {
    border-bottom: 0
}

.mf_finder_msk_wrapper {
    display: none
}

.mf_finder_searchBox_items {
    border: 1px solid #e6e6e6;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin: auto
}

@media (min-width: 768px) {
    .mf_finder_searchBox_items {
        width: 516px
    }
}

.mf_finder_searchBox_selects {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.mf_finder_searchBox_doctype {
    display: none;
    margin-right: 1rem
}

.mf_finder_searchBox_query_wrap {
    max-width: 100%;
    width: 100%
}

.mf_finder_searchBox_query_input {
    width: 100%;
    font-size: 16px;
    padding: 16px;
    height: 48px;
    border: none;
    background-color: #fff;
    font-size: 16px
}

.mf_finder_searchBox_submit {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: #fff;
    padding: 0;
    font-size: 18px;
    color: #000;
    padding: 11px
}

.mf_finder_searchBox_submit:before {
    content: "\E207";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px
}

.mf_finder_searchBox_submit:after {
    margin-left: .5em
}

.mf_finder_searchBox_suggest_items {
    display: none
}

.mf_finder_searchBox_category {
    display: none;
    margin-right: 1rem
}

.mf_finder_searchBox_misc {
    display: none;
    display: flex
}

.mf_finder_searchBox_sort {
    display: none;
    margin-right: 1rem
}

.mf_finder_searchBox_pagemax {
    display: none;
    margin-right: 1rem
}

.mf_finder_searchBox_imgsize {
    display: none
}

@media (max-width: 767.98px) {
    .mf_finder_drilldown {
        overflow: scroll hidden;
        margin-bottom: 1rem
    }
}

.mf_finder_drilldown_head {
    display: none;
    flex: 0 0 100%;
    font-weight: bold;
    margin-bottom: 1rem;
    max-width: 100%;
    text-align: center;
    width: 100%
}

[lang="ja"] .mf_finder_drilldown_head:before {
    content: "絞り込み"
}

.mf_finder_drilldown_items {
    display: table;
    font-size: 1rem;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    white-space: nowrap;
    width: auto
}

@media (max-width: 767.98px) {
    .mf_finder_drilldown_items {
        margin-bottom: 2rem
    }
}

.mf_finder_drilldown_item {
    display: table-cell;
    margin-bottom: 0;
    width: auto;
    min-width: 176px;
    text-align: center;
    padding: 0 12px
}

@media (max-width: 767.98px) {
    .mf_finder_drilldown_item {
        display: inline-block;
        border-bottom: 2px solid #f0f0f0
    }
}

.mf_finder_drilldown_item_nohit {
    display: none
}

.mf_finder_drilldown_item_link {
    font-weight: bold;
    color: #000;
    display: block;
    padding: 24px 0;
    text-decoration: none;
    font-size: 14px;
    transition: opacity .2s
}

.mf_finder_drilldown_item_link:hover {
    color: #000;
    opacity: .65
}

.mf_finder_drilldown_item_selected .mf_finder_drilldown_item_link {
    position: relative
}

.mf_finder_drilldown_item_selected .mf_finder_drilldown_item_link:before {
    background-color: #193c72;
    bottom: -2px;
    content: "";
    height: 2px;
    inset-inline-start: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

.mf_finder_drilldown_item_count:before {
    content: "("
}

.mf_finder_drilldown_item_count:after {
    content: ")"
}

.mf_finder_drilldown_reset {
    display: none;
    position: absolute;
    inset-inline-end: 0;
    -webkit-margin-end: 24px;
    margin-inline-end: 24px
}

.mf_finder_drilldown_reset > a {
    color: #000;
    display: block;
    padding: .5rem 1rem;
    font-size: 12px;
    text-decoration: none;
    background-color: #ccc;
    margin-top: .5rem
}

@media (max-width: 767.98px) {
    .mf_finder_drilldown_reset > a {
        margin-top: 28px
    }
}

.mf_finder_drilldown_reset > a:after {
    margin-left: 0.25em;
    content: "\E230";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mf_finder_organic {
    padding-top: 50px
}

.mf_finder_organic_nums {
    display: none
}

.mf_finder_organic_range {
    display: none;
    display: flex
}

[lang="ja"] .mf_finder_organic_range_from:before {
    content: ""
}

[lang="ja"] .mf_finder_organic_range_from:after {
    content: "〜"
}

[lang="ja"] .mf_finder_organic_range_to:before {
    content: ""
}

[lang="ja"] .mf_finder_organic_range_to:after {
    content: "件表示"
}

.mf_finder_organic_total {
    font-size: 1.5rem
}

.mf_finder_organic_total:before {
    font-size: .875rem;
    margin-right: .25em
}

[lang="ja"] .mf_finder_organic_total:before {
    content: "結果"
}

.mf_finder_organic_total:after {
    font-size: .875rem;
    margin-left: .25em
}

[lang="ja"] .mf_finder_organic_total:after {
    content: "件"
}

.mf_finder_organic_docs {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5)
}

.mf_finder_organic_doc {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    flex: 0 0 auto;
    width: 100%;
    transition: opacity .2s;
    margin-bottom: .75rem
}

@media (min-width: 768px) {
    .mf_finder_organic_doc {
        flex: 0 0 auto;
        width: 50%;
        display: flex
    }
}

.mf_finder_organic_doc:hover {
    opacity: .65
}

.mf_finder_organic_doc_img {
    display: block;
    position: relative;
    padding: .5rem .5rem .5rem 1rem
}

.mf_finder_organic_doc_img > img {
    width: 194px;
    max-width: initial;
    aspect-ratio: 16 / 9;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 767.98px) {
    .mf_finder_organic_doc_img {
        width: 100%
    }

    .mf_finder_organic_doc_img > img {
        width: 100%
    }
}

.mf_finder_organic_doc_img_wrapper {
    background-color: #fff;
    position: relative
}

.mf_finder_organic_doc_zoom {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #fff;
    font-size: .75rem;
    inset-inline-start: 0;
    line-height: 1;
    padding: .25em .5em;
    position: absolute;
    text-decoration: none
}

.mf_finder_organic_doc_zoom:before {
    content: "\E207";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: .25em
}

.mf_finder_organic_doc_contents {
    display: flex;
    width: 100%
}

.mf_finder_organic_doc_contents_wrapper {
    background-color: #fff;
    width: 100%;
    display: flex;
    transition: opacity .2s
}

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

.mf_finder_organic_doc_title_wrapper {
    width: 100%;
    color: inherit;
    line-height: 1.75;
    text-decoration: none;
    padding: .5rem
}

.mf_finder_organic_doc_title_wrapper:hover {
    color: #000
}

@media (max-width: 767.98px) {
    .mf_finder_organic_doc_title_wrapper {
        margin-bottom: .5rem
    }
}

.mf_finder_organic_doc_body {
    display: none;
    margin-bottom: 1rem
}

.mf_finder_organic_doc_body_wrapper {
    font-size: .75rem
}

.mf_finder_organic_doc_url {
    display: none;
    color: inherit
}

.mf_finder_organic_doc_url_wrapper {
    color: #666;
    display: block;
    font-size: .625rem;
    line-height: 1.25;
    text-decoration: none;
    word-break: break-all
}

.mf_finder_query {
    display: none
}

.mf_finder_pager_items {
    display: flex;
    font-size: 1rem;
    justify-content: center;
    line-height: 1;
    list-style-type: none;
    margin-left: 0 -.25rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    font-family: "Jost", "Noto Sans JP"
}

.mf_finder_pager_items > * {
    padding: 0 .25rem
}

.mf_finder_pager_items > * > * {
    align-items: center;
    color: #999;
    display: flex;
    height: 2rem;
    justify-content: center;
    text-decoration: none;
    transition: color .2s, background-color .2s, border-color .2s;
    width: 2rem
}

.mf_finder_pager_items > * > *:hover {
    color: #000
}

.mf_finder_pager_item_prev > * {
    color: #000
}

.mf_finder_pager_item_prev > *::after {
    content: "\E104";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: .25em
}

[lang=ar] .mf_finder_pager_item_prev > *::after {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.mf_finder_pager_item_prev > * > * {
    display: none
}

.mf_finder_pager_item_first > * {
    color: #000
}

.mf_finder_pager_item_first > *::after {
    content: "\E106";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: .25em
}

[lang=ar] .mf_finder_pager_item_first > *::after {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.mf_finder_pager_item_first > * > * {
    display: none
}

.mf_finder_pager_item_current > * {
    border-color: transparent;
    color: #000;
    border-bottom: 1px solid
}

.mf_finder_pager_item_next > * {
    color: #000
}

.mf_finder_pager_item_next > *:before {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[lang=ar] .mf_finder_pager_item_next > *:before {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.mf_finder_pager_item_next > * > * {
    display: none
}

.mf_finder_logo {
    text-align: center;
    display: none
}

.mf_finder_logo a {
    background: url(//c.marsflag.com/mf/img/mf_finder_logo.png) no-repeat 0 #fff;
    background-size: 200px 18px;
    display: inline-block;
    font-size: 0;
    height: 18px;
    width: 200px
}

.relative {
    position: relative
}

.newsDetailTitle {
    padding-top: 40px;
    padding-bottom: 16px;
    border-bottom: solid 1px #f0f0f0
}

@media (min-width: 768px) {
    .newsDetailTitle {
        padding-top: 64px;
        padding-bottom: 24px
    }
}

@media (min-width: 768px) {
    .newsDetailTitle-inner {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap
    }
}

.newsDetailTitle-info {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    line-height: 1;
    width: 100%
}

.newsDetailTitle-info > ._date {
    font-size: 12px;
    color: #999
}

.newsDetailTitle-info > ._tag {
    font-size: 12px;
    display: inline-block;
    background-color: #f0f0f0;
    padding: 4px;
    -webkit-margin-start: 20px;
    margin-inline-start: 20px;
    min-width: 70px;
    text-align: center
}

.newsDetailTitle-title {
    margin-bottom: 0;
    letter-spacing: .1em;
    flex: 1;
    line-height: 1.75em
}

@media (max-width: 767.98px) {
    .newsDetailTitle-image {
        margin-top: 16px;
        text-align: center
    }
}

@media (min-width: 768px) {
    .newsDetailTitle-title + .newsDetailTitle-image {
        padding-left: 24px;
        max-width: 50%
    }
}

.newsList-main {
    background-color: #f9f9f9;
    padding: 40px 0
}

@media (max-width: 991.98px) {
    .newsList-main {
        padding: 24px 0 40px
    }
}

.newsList-sort {
    margin-bottom: 40px;
    display: flex
}

@media (max-width: 991.98px) {
    .newsList-sort {
        margin-bottom: 24px;
        justify-content: space-between
    }
}

@media (min-width: 992px) {
    .newsList-sort {
        justify-content: flex-end
    }
}

@media (max-width: 991.98px) {
    .newsList-sort > ._item {
        width: calc(50% - 4px)
    }

    .newsList-sort > ._item label {
        margin-bottom: 8px;
        display: block
    }

    .newsList-sort > ._item .select-sort {
        width: 100%
    }

    .newsList-sort > ._item select {
        width: 100%
    }
}

@media (min-width: 992px) {
    .newsList-sort > ._item {
        display: flex;
        align-items: center
    }

    .newsList-sort > ._item + ._item {
        -webkit-margin-start: 13px;
        margin-inline-start: 13px
    }

    .newsList-sort > ._item label {
        -webkit-margin-end: 8px;
        margin-inline-end: 8px
    }

    .newsList-sort > ._item select {
        width: 155px
    }
}

.newsList-list {
    margin: 40px 0
}

@media (max-width: 991.98px) {
    .newsList-list {
        margin: 24px 0 40px
    }
}

.newsList-list > .row > .col {
    margin-bottom: 8px
}

@media (min-width: 992px) {
    .newsList-list > .row > .col {
        margin-bottom: 12px
    }
}

.newsList-card {
    display: block;
    color: #000;
    background-color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-padding-start: 8px;
    padding-inline-start: 8px;
    -webkit-padding-end: 8px;
    padding-inline-end: 8px;
    height: 100%;
    font-weight: 500;
    transition: .2s ease
}

.newsList-card:hover {
    color: #000;
    opacity: .65
}

.newsList-card[target]:not([target="_self"]):not([target=""]) > ._detail > ._title:after {
    content: "\E201";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

@media (min-width: 992px) {
    .newsList-card {
        -webkit-padding-start: 16px;
        padding-inline-start: 16px;
        display: flex;
        align-items: center
    }
}

@media (max-width: 991.98px) {
    .newsList-card > ._thum {
        width: 100%;
        margin-bottom: 12px
    }
}

@media (min-width: 992px) {
    .newsList-card > ._thum {
        width: 194px;
        -webkit-margin-end: 16px;
        margin-inline-end: 16px
    }
}

.newsList-card > ._thum > ._visual {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.newsList-card > ._thum > ._visual > ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

.newsList-card > ._detail {
    flex: 1;
    height: 100%;
    padding-bottom: 8px
}

.newsList-card > ._detail > ._info {
    display: flex;
    align-items: center;
    border-bottom: solid 1px #f0f0f0;
    padding-bottom: 8px;
    margin-bottom: 8px
}

@media (min-width: 992px) {
    .newsList-card > ._detail > ._info {
        justify-content: space-between
    }
}

.newsList-card > ._detail > ._info > ._date {
    font-size: 12px;
    color: #999
}

.newsList-card > ._detail > ._info > ._tag {
    display: inline-block;
    background-color: #f9f9f9;
    font-size: 10px;
    padding: 2px 4px;
    text-align: center;
    -webkit-margin-start: 16px;
    margin-inline-start: 16px
}

.newsList-card > ._detail > ._title {
    line-height: 1.75
}

@media (min-width: 992px) {
    .newsList-card > ._detail > ._title {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

.newsList-footer {
    margin-top: 40px;
    text-align: center
}

.onlinestoreList {
    padding: 40px 0
}

@media (min-width: 768px) {
    .onlinestoreList {
        padding: 64px 0
    }
}

.onlinestoreList-item {
    display: flex;
    align-items: center;
    width: 100%;
    transition: opacity .2s
}

.onlinestoreList-item:hover {
    opacity: .65
}

@media (max-width: 767.98px) {
    .onlinestoreList-item {
        display: block
    }
}

.onlinestoreList-item ._image {
    flex: 1
}

.onlinestoreList-item ._image img {
    width: 100%;
    height: auto
}

.onlinestoreList-item ._title {
    flex: 1;
    margin-bottom: 0;
    font-weight: 500;
    padding: 0 16px
}

.onlinestoreList-item ._title > p {
    margin-bottom: 0;
    line-height: 1.5;
    color: #000
}

@media (max-width: 767.98px) {
    .onlinestoreList-item ._title {
        padding: 8px 0 0 0
    }
}

@media (min-width: 768px) {
    .productInformation-main {
        display: flex;
        align-items: center
    }
}

.productInformation-visual {
    background-color: #f9f9f9
}

@media (min-width: 768px) {
    .productInformation-visual {
        width: 60%
    }
}

@media (max-width: 767.98px) {
    .productInformation-visual {
        padding: 48px 16px
    }
}

@media (min-width: 768px) {
    .productInformation-visual > ._inner {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 84.87805%
    }
}

.productInformation-visual > ._inner > ._bg {
    opacity: .1;
    position: absolute;
    inset-inline-end: 25%;
    top: 0;
    height: 110%;
    width: 110%
}

@media (max-width: 767.98px) {
    .productInformation-visual > ._inner > ._bg {
        display: none
    }
}

.productInformation-visual > ._inner > ._bg > ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.productInformation-visual > ._inner > ._visual {
    width: 100%
}

@media (min-width: 768px) {
    .productInformation-visual > ._inner > ._visual {
        position: absolute;
        inset-inline-end: 5%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 86%
    }
}

@media (max-width: 767.98px) {
    .productInformation-visual > ._inner > ._visual {
        position: relative
    }
}

.productInformation-visual > ._inner > ._visual ._photo {
    width: 100%;
    height: 100%
}

.productInformation-visual > ._inner > ._visual ._photo ._figure {
    pointer-events: none;
    width: 100%;
    height: 100%;
    margin-bottom: 0
}

.productInformation-visual > ._inner > ._visual ._photo ._figure ._item {
    display: block;
    width: 100%;
    height: 100%;
    text-align: end
}

@media (min-width: 768px) {
    .productInformation-visual > ._inner > ._visual ._photo ._figure ._item ._image {
        height: 100%
    }
}

.productInformation-visual > ._inner > ._visual > ._button {
    color: #000;
    position: absolute;
    inset-inline-end: 24px;
    bottom: 24px;
    border: none;
    background-color: transparent;
    font-size: 36px;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    transition: .2s ease
}

@media (max-width: 767.98px) {
    .productInformation-visual > ._inner > ._visual > ._button {
        font-size: 40px;
        width: 40px;
        height: 40px;
        inset-inline-end: 16px;
        bottom: 16px
    }
}

.productInformation-visual > ._inner > ._visual > ._button:hover {
    opacity: .65
}

.productInformation-visual > ._inner > ._visual > ._button i {
    position: absolute;
    left: 0;
    top: 0
}

.productInformation-detail {
    font-weight: 500
}

@media (min-width: 768px) {
    .productInformation-detail {
        width: 40%;
        padding: 0 24px
    }
}

@media (min-width: 1200px) {
    .productInformation-detail {
        padding: 0 80px
    }
}

@media (max-width: 767.98px) {
    .productInformation-detail {
        padding: 40px 0 0;
        padding-left: 16px;
        padding-right: 16px;
        text-align: center
    }
}

.productInformation-detail > ._tags {
    font-size: 12px;
    letter-spacing: .1em;
    display: flex;
    align-items: flex-start;
    margin-bottom: 4px
}

@media (max-width: 767.98px) {
    .productInformation-detail > ._tags {
        justify-content: center
    }
}

.productInformation-detail > ._tags > ._new {
    font-family: "Jost", "Noto Sans JP";
    border-bottom: solid 1px #000;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

.productInformation-detail > ._tags > ._limited {
    font-family: "Jost", "Noto Sans JP";
    color: gray;
    border-bottom: solid 1px transparent;
    -webkit-margin-end: 16px;
    margin-inline-end: 16px
}

.productInformation-detail > ._tags > ._gender {
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

.productInformation-detail > ._title {
    font-size: 32px;
    font-family: "Jost", "Noto Sans JP";
    font-weight: 500;
    letter-spacing: .1em;
    margin-bottom: 4px
}

.productInformation-detail > ._subTitle {
    font-size: 12px;
    letter-spacing: .1em;
    margin-bottom: 8px;
    line-height: 1.75
}

.productInformation-detail > ._price {
    font-size: 16px;
    letter-spacing: .05em;
    margin-bottom: 8px;
    line-height: 1.5
}

.productInformation-detail > ._released {
    font-size: 10px;
    margin-bottom: 8px
}

.productInformation-detail > ._edition {
    font-size: 10px
}

.productInformation-detail > ._num {
    font-size: 10px;
    margin-bottom: 8px
}

.productInformation-detail > ._num > span {
    margin-right: 2em
}

.productInformation-detail > ._desc {
    font-size: 10px;
    margin-bottom: 8px
}

.productInformation-detail > ._remarks {
    font-size: 10px;
    margin-top: 16px
}

.productInformation-detail > ._links {
    margin: 24px 0
}

.productInformation-detail > ._links > ._item + ._item {
    margin-top: 8px
}

.productInformation-detail > ._links > ._item > ._btn {
    min-width: 240px
}

@media (max-width: 767.98px) {
    .productInformation-detail > ._links > ._item > ._btn {
        min-width: auto;
        width: 100%;
        max-width: 343px
    }
}

.productInformation-detail > ._favorite > ._button {
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    border: none;
    padding: 0;
    background: none;
    font-size: 12px;
    position: relative;
    color: #000
}

.productInformation-detail > ._favorite > ._button:hover:before {
    color: #a89579
}

.productInformation-detail > ._favorite > ._button:hover span {
    opacity: .65
}

.productInformation-detail > ._favorite > ._button:before {
    content: "\E218";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b3b3b3;
    font-size: 24px;
    margin-right: 4px;
    transition: .2s ease
}

.productInformation-detail > ._favorite > ._button span {
    color: #000;
    transition: .2s ease
}

.productInformation-detail > ._favorite > ._button.is-active:before {
    color: #a89579;
    content: "\E219";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.productInformation-detail > ._concierge {
    margin-top: 4px
}

.productInformation-detail > ._concierge > ._link {
    display: inline-flex;
    align-items: center;
    border: none;
    padding: 0;
    background: none;
    font-size: 12px;
    position: relative;
    transition: .2s ease;
    color: #000
}

.productInformation-detail > ._concierge > ._link:hover {
    opacity: .65
}

.productInformation-detail > ._concierge > ._link:before {
    content: "\E222";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    margin-right: 4px
}

.productInformation-detail > ._variation {
    margin-top: 24px
}

.productInformation-detail > ._variation > ._title {
    font-size: 14px;
    letter-spacing: .05em;
    margin-bottom: 16px
}

.productInformation-detail > ._variation > ._carousel {
    width: calc(100% + 48px);
    -webkit-padding-start: 48px;
    padding-inline-start: 48px;
    -webkit-margin-start: -48px;
    margin-inline-start: -48px;
    position: relative
}

@media (max-width: 991.98px) {
    .productInformation-detail > ._variation > ._carousel {
        width: calc(100% + 40px);
        -webkit-padding-start: 40px;
        padding-inline-start: 40px;
        -webkit-margin-start: -40px;
        margin-inline-start: -40px
    }
}

@media (max-width: 767.98px) {
    .productInformation-detail > ._variation > ._carousel {
        width: 100%;
        -webkit-margin-start: 0;
        margin-inline-start: 0;
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }
}

.variation-item {
    display: block;
    transition: .2s ease
}

.variation-item:hover {
    opacity: .65
}

.swiper-button-prev-variation, .swiper-button-next-variation {
    margin-top: 0;
    width: 48px;
    height: 100%;
    background-color: #fff;
    top: 0;
    -webkit-transform: none;
    transform: none
}

@media (max-width: 991.98px) {
    .swiper-button-prev-variation, .swiper-button-next-variation {
        width: 40px
    }
}

.variation-item {
    display: block
}

.variation-item > ._visual > ._image {
    width: 100%
}

.productInformation-gallery {
    padding: 24px 0
}

@media (max-width: 767.98px) {
    .productInformation-gallery {
        padding: 40px 0 24px
    }
}

.productInformation-gallery-inner ._figure {
    margin-bottom: 0;
    transition: ease .2s;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.productInformation-gallery-inner ._figure:hover {
    opacity: .65
}

.productInformation-gallery-inner ._item {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 100%
}

.productInformation-gallery-inner ._item ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

.productSpec-main {
    background-color: #f9f9f9;
    padding-top: 64px;
    padding-bottom: 64px
}

@media (max-width: 767.98px) {
    .productSpec-main {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.productSpec-items {
    margin: -20px 0
}

@media (min-width: 768px) {
    .productSpec-items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.productSpec-item {
    font-size: 13px;
    line-height: 1.5;
    padding: 20px 0
}

@media (min-width: 768px) {
    .productSpec-item {
        width: calc(50% - 32px)
    }
}

.productSpec-item > ._title {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    border-bottom: solid 2px #000;
    padding-bottom: 4px;
    margin-bottom: 24px
}

@media (max-width: 767.98px) {
    .productSpec-item > ._title {
        margin-bottom: 16px
    }
}

.productSpec-item > ._list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0
}

.productSpec-item > ._list > dt:not(:nth-last-child(-n+2)), .productSpec-item > ._list dd:not(:nth-last-child(-n+2)) {
    padding-bottom: 8px;
    border-bottom: solid 1px #e6e6e6;
    margin-bottom: 8px
}

.productSpec-item > ._list > dt {
    font-weight: bold;
    width: 40%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px
}

@media (max-width: 767.98px) {
    .productSpec-item > ._list > dt {
        width: 50%
    }
}

.productSpec-item > ._list > dd {
    width: 60%;
    font-weight: normal
}

@media (max-width: 767.98px) {
    .productSpec-item > ._list > dd {
        width: 50%
    }
}

.productSpec-item > ._list > dd > *:last-child {
    margin-bottom: 0
}

.productSpec-item ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 1rem
}

.productSpec-item ul li {
    position: relative;
    -webkit-padding-start: 1em;
    padding-inline-start: 1em
}

.productSpec-item ul li:before {
    content: '・';
    position: absolute;
    inset-inline-start: 0;
    top: 0
}

.productSpec-footer {
    padding-top: 64px;
    text-align: center
}

@media (max-width: 767.98px) {
    .productSpec-footer {
        padding-top: 40px
    }
}

.productSpec-btns > * {
    margin-bottom: 16px
}

.productSpec-btns > *:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .productVisual {
        margin-top: -72px
    }
}

.productVisual-inner {
    display: block;
    position: relative;
    color: #fff
}

.productVisual-inner:hover {
    color: #fff;
    text-decoration: none
}

.productVisual-inner > ._bg {
    position: relative;
    overflow: hidden
}

@media (max-width: 575.98px) {
    .productVisual-inner > ._bg {
        height: calc(100vh - 60px)
    }
}

@media (min-width: 576px) {
    .productVisual-inner > ._bg {
        height: calc(750px - 60px)
    }
}

@media (min-width: 768px) {
    .productVisual-inner > ._bg {
        height: auto
    }
}

.productVisual-inner > ._bg ._cover {
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .productVisual-inner > ._bg ._cover {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 56.25%
    }
}

@media (min-width: 992px) {
    .productVisual-inner > ._bg ._cover {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 50%
    }
}

.productVisual-inner > ._bg ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

.productVisual-inner > ._read {
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.productVisual-inner > ._read ._title {
    color: #fff;
    margin-bottom: 8px;
    font-family: "Jost", "Noto Sans JP";
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.5;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2)
}

@media (max-width: 991.98px) {
    .productVisual-inner > ._read ._title {
        font-size: 24px
    }
}

@media (min-width: 992px) {
    .productVisual-inner > ._read ._title {
        font-size: 40px
    }
}

.productVisual-inner > ._read ._subTitle {
    font-weight: 500;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    line-height: 1.75;
    margin-top: 8px
}

@media (max-width: 991.98px) {
    .productVisual-inner > ._read ._subTitle {
        font-size: 14px
    }
}

@media (min-width: 992px) {
    .productVisual-inner > ._read ._subTitle {
        font-size: 16px
    }
}

.productVisual-inner > ._read ._name {
    font-weight: 500;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    letter-spacing: .05em;
    font-size: 12px;
    margin-top: 8px
}

.productVisual-inner > ._read ._scroll {
    margin-top: 64px;
    padding-bottom: 88px;
    position: relative
}

@media (max-width: 991.98px) {
    .productVisual-inner > ._read ._scroll {
        margin-top: 24px
    }
}

.productVisual-inner > ._read ._scroll:after {
    content: '';
    height: 80px;
    width: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.productVisual-inner > ._read ._scroll span {
    color: #fff;
    text-transform: uppercase;
    font-family: "Jost", "Noto Sans JP";
    font-size: 10px;
    letter-spacing: .2em
}

.productVisual {
    opacity: 0;
    transition: opacity 1s ease
}

.productVisual.is-visible {
    opacity: 1
}

.productVisual-inner > ._read ._animate .word {
    display: inline-block
}

.productVisual-inner > ._read ._animate .char {
    opacity: 0;
    display: inline-block
}

.productList-carousel {
    background-color: #f9f9f9;
    padding: 40px 0;
    border-bottom: 2px solid #f0f0f0
}

@media (min-width: 992px) {
    .productList-carousel .swiper-wrapper {
        margin-top: -32px
    }
}

.productList-carousel .swiper-mobileCarousel-slide:not(:last-child) {
    -webkit-margin-end: 32px;
    margin-inline-end: 32px
}

@media (min-width: 992px) {
    .productList-carousel .swiper-mobileCarousel-slide:not(:last-child) {
        -webkit-margin-end: 40px;
        margin-inline-end: 40px
    }
}

@media (max-width: 991.98px) {
    .productList-carousel .swiper-scrollbar {
        margin-top: 24px
    }
}

@media (min-width: 992px) {
    .productList-carousel .productList-carousel-item {
        margin-top: 32px
    }
}

.productList-carousel .productList-carousel-item > a {
    display: block;
    font-weight: 500
}

@media (min-width: 992px) {
    .productList-carousel .productList-carousel-item > a {
        padding-bottom: .5rem;
        border-bottom: 1px solid #000
    }
}

.selectLanguage {
    margin-bottom: 2rem
}

.selectLanguage-header > ._current {
    text-align: center
}

.selectLanguage-body {
    margin-bottom: 1rem
}

.selectLanguage-body ._title {
    font-size: .875rem;
    text-align: center
}

@media (min-width: 768px) {
    .selectLanguage-body ._title {
        font-size: 1.25rem
    }
}

.selectLanguage-body ._map path {
    fill: #e6e6e6;
    stroke: #e6e6e6;
    stroke-width: .1px;
    transition: fill .1s, stroke .1s
}

.selectLanguage-body ._map rect {
    fill: #f9f9f9;
    opacity: 0;
    transition: opacity .1s
}

.selectLanguage-body ._map text {
    fill: #0a182e;
    font-size: .875rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity .1s
}

[lang=ar] .selectLanguage-body ._map text {
    direction: ltr
}

.selectLanguage-body ._map a {
    outline: 0;
    pointer-events: none;
    text-decoration: none
}

@media (min-width: 768px) {
    .selectLanguage-body ._map a {
        pointer-events: initial
    }
}

.selectLanguage-body ._map a:hover rect, .selectLanguage-body ._map a:active rect, .selectLanguage-body ._map a:focus rect {
    opacity: 1
}

.selectLanguage-body ._map a:hover text, .selectLanguage-body ._map a:active text, .selectLanguage-body ._map a:focus text {
    opacity: 1
}

.selectLanguage-body ._map a:hover path, .selectLanguage-body ._map a:active path, .selectLanguage-body ._map a:focus path {
    fill: #0a182e;
    stroke: #0a182e
}

.selectLanguage-list {
    font-size: .875rem;
    line-height: 1.5
}

@media (min-width: 768px) {
    .selectLanguage-list {
        display: none
    }
}

.selectLanguage-list > ._areas > ._list {
    border-top: 1px solid #ccc;
    list-style-type: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.selectLanguage-list > ._areas > ._list > ._item {
    border-bottom: 1px solid #ccc
}

.selectLanguage-list > ._areas > ._list > ._item > ._button {
    background-color: transparent;
    border: none;
    color: #0a182e;
    padding: 1rem 6px;
    position: relative;
    text-align: start;
    width: 100%
}

.selectLanguage-list > ._areas > ._list > ._item > ._button:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icon;
    inset-inline-end: 6px;
    line-height: 1;
    position: absolute;
    top: calc(50% - .5em)
}

[lang=ar] .selectLanguage-list > ._areas > ._list > ._item > ._button:after {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.selectLanguage-list > ._areas > ._list > ._item > ._countries {
    background-color: #fff;
    display: none;
    height: 100%;
    inset-inline-start: 0;
    overflow-y: auto;
    padding-top: 3.5rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3000
}

.selectLanguage-list > ._areas > ._list > ._item > ._countries.is-active {
    display: block
}

.selectLanguage-list > ._areas > ._list > ._item > ._countries > ._back {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #ccc;
    color: #0a182e;
    height: 3.5rem;
    inset-inline-start: 0;
    padding: 1rem 12px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%
}

.selectLanguage-list > ._areas > ._list > ._item > ._countries > ._back:after {
    content: "\E104";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icon;
    inset-inline-start: 12px;
    line-height: 1;
    position: absolute;
    top: calc(50% - .5em)
}

[lang=ar] .selectLanguage-list > ._areas > ._list > ._item > ._countries > ._back:after {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.selectLanguage-list > ._areas > ._list > ._item > ._countries > ._list {
    list-style-type: none;
    padding: 1rem 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.selectLanguage-list > ._areas > ._list > ._item > ._countries > ._list > ._item > ._link {
    display: block;
    padding: .5rem 16px;
    text-decoration: none;
    color: #0a182e
}

[id^="languageModal-"] .modal-body {
    display: flex;
    justify-content: center;
    align-items: center
}

[id^="languageModal-"] .modal-close {
    z-index: 1
}

.selectLanguageModal-wrapper {
    width: 100%
}

.selectLanguageModal {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    align-items: center
}

.selectLanguageModal-image {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    flex: 0 0 auto;
    width: 50%
}

.selectLanguageModal-image svg {
    fill: #0a182e;
    margin-bottom: 2rem;
    stroke: #0a182e;
    stroke-width: .1px;
    padding: 2rem;
    width: 100%
}

.selectLanguageModal-body {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    flex: 0 0 auto;
    width: 50%
}

.selectLanguageModal-body > ._title {
    font-size: 1.5rem;
    margin-bottom: 2rem
}

.selectLanguageModal-body > ._list {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    font-size: .875rem;
    line-height: 1.5;
    list-style-type: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.selectLanguageModal-body > ._list li {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    flex: 0 0 auto;
    width: 50%;
    margin-bottom: 1.5rem
}

.selectLanguageModal-body > ._list li a {
    text-decoration: none;
    color: #0a182e
}

.selectLanguageList-carousel {
    background-color: #f9f9f9;
    padding: 40px 0;
    border-bottom: 2px solid #f0f0f0
}

@media (min-width: 992px) {
    .selectLanguageList-carousel .swiper-wrapper {
        margin-top: -32px;
        display: flex;
        justify-content: center
    }
}

.selectLanguageList-carousel .swiper-mobileCarousel-slide:not(:last-child) {
    -webkit-margin-end: 32px;
    margin-inline-end: 32px
}

@media (min-width: 992px) {
    .selectLanguageList-carousel .swiper-mobileCarousel-slide:not(:last-child) {
        -webkit-margin-end: 40px;
        margin-inline-end: 40px
    }
}

@media (max-width: 991.98px) {
    .selectLanguageList-carousel .swiper-scrollbar {
        margin-top: 24px
    }
}

@media (min-width: 992px) {
    .selectLanguageList-carousel .selectLanguageList-carousel-item {
        margin-top: 32px
    }
}

.selectLanguageList-carousel .selectLanguageList-carousel-item > a {
    display: block;
    font-weight: 500
}

.selectLanguageList-carousel .selectLanguageList-carousel-item {
    -webkit-margin-end: 32px;
    margin-inline-end: 32px
}

@media (min-width: 992px) {
    .selectLanguageList-carousel .selectLanguageList-carousel-item {
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

.selectLanguageList {
    font-weight: 500;
    padding: 40px 0
}

@media (min-width: 992px) {
    .selectLanguageList {
        padding: 64px 0
    }
}

.selectLanguageList ._area + ._area {
    margin-top: 40px
}

.selectLanguageList ._area ._title {
    padding-bottom: 8px;
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 16px
}

.selectLanguageList ._area ._title > h2, .selectLanguageList ._area ._title span {
    display: inline-block
}

.selectLanguageList ._area ._title > h2 {
    -webkit-margin-end: 16px;
    margin-inline-end: 16px;
    margin-bottom: 0;
    font-size: 18px
}

@media (min-width: 992px) {
    .selectLanguageList ._area ._title > h2 {
        font-size: 20px
    }
}

.selectLanguageList ._area ._title > span {
    font-weight: 500;
    color: gray
}

.seriesIndex {
    font-weight: 500
}

@media (min-width: 768px) {
    .seriesIndex-feature > ._item {
        display: flex
    }

    .seriesIndex-feature > ._item.is-reverse {
        flex-direction: row-reverse
    }
}

.seriesIndex-feature > ._item.is-black > ._detail {
    background-color: #1a1a1a
}

.seriesIndex-feature > ._item.is-gray > ._detail {
    background-color: #f9f9f9
}

.seriesIndex-feature > ._item.is-white > ._detail {
    background-color: #fff
}

.seriesIndex-feature > ._item > ._visual {
    overflow: hidden
}

@media (min-width: 768px) {
    .seriesIndex-feature > ._item > ._visual {
        width: 50%
    }
}

.seriesIndex-feature > ._item > ._visual > ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
}

.seriesIndex-feature > ._item > ._detail {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 16px;
    background-color: #fff
}

@media (min-width: 768px) {
    .seriesIndex-feature > ._item > ._detail {
        width: 50%;
        padding: 80px
    }
}

.seriesIndex-feature > ._item > ._detail > ._inner {
    max-width: 680px
}

.seriesIndex-feature > ._item > ._detail > ._inner > *:last-child {
    margin-bottom: 0 !important
}

.seriesIndex-feature > ._item > ._detail > ._inner > ._group > ._title {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .seriesIndex-feature > ._item > ._detail > ._inner > ._group > ._title {
        margin-bottom: 32px
    }
}

.seriesIndex-feature > ._item > ._detail > ._inner > ._group > ._text {
    margin-bottom: 24px
}

.seriesIndex-feature > ._item > ._detail > ._inner > ._group.is-black > ._title, .seriesIndex-feature > ._item > ._detail > ._inner > ._group.is-black > ._text {
    color: #000
}

.seriesIndex-feature > ._item > ._detail > ._inner > ._group.is-white > ._title, .seriesIndex-feature > ._item > ._detail > ._inner > ._group.is-white > ._text {
    color: #fff
}

.seriesIndex-feature > ._item > ._detail > ._inner > ._btn {
    margin-top: 24px
}

@media (max-width: 767.98px) {
    .seriesIndex-feature > ._item > ._detail > ._inner > ._btn {
        text-align: center
    }
}

@media (min-width: 768px) {
    .seriesIndex-feature > ._item > ._detail > ._inner > ._btn {
        margin-top: 32px
    }
}

.seriesIndex-carousel {
    position: relative;
    margin-top: 16px
}

@media (min-width: 992px) {
    .seriesIndex-carousel {
        margin-top: 64px
    }
}

.seriesIndex-carousel a {
    color: #000
}

.seriesIndex-carousel a:hover {
    color: #000
}

.seriesIndex-carousel-item {
    display: block
}

.seriesIndex-carousel-item:hover > ._visual > ._image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.seriesIndex-carousel-item:hover > ._detail {
    opacity: .65
}

.seriesIndex-carousel-item > ._visual {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 66.66667%
}

.seriesIndex-carousel-item > ._visual > ._image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: 3s ease
}

.seriesIndex-carousel-item > ._detail {
    font-size: 14px;
    margin-top: 16px;
    transition: .2s ease
}

.seriesIndex-carousel-item > ._detail > ._title {
    margin-bottom: 12px
}

.swiper-seriesIndex {
    padding: 0 16px 0
}

@media (min-width: 992px) {
    .swiper-seriesIndex {
        padding: 0 24px 0
    }
}

.seriesProducts {
    position: relative;
    background-color: #fff
}

.swiper-slide-seriesProducts {
    opacity: 0
}

.swiper-slide-seriesProducts .card-product ._info {
    opacity: 0
}

.seriesTopSlide {
    display: block;
    position: relative;
    color: #fff
}

.seriesTopSlide:hover {
    color: #fff;
    text-decoration: none
}

.seriesTopSlide > ._bg {
    position: relative;
    overflow: hidden;
    height: auto;
    background-color: #000
}

.seriesTopSlide > ._bg ._cover {
    width: 100%;
    height: 100%
}

@media (max-width: 767.98px) {
    .seriesTopSlide > ._bg ._cover {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 96%
    }
}

@media (min-width: 768px) {
    .seriesTopSlide > ._bg ._cover {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 29.28258%
    }
}

.seriesTopSlide > ._bg ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.seriesTopSlide > ._bg ._video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width: 768px) {
    .seriesTopSlide > ._bg ._sp {
        display: none !important
    }
}

@media (max-width: 767.98px) {
    .seriesTopSlide > ._bg ._sp + ._pc {
        display: none !important
    }
}

.seriesTopSlide > ._read {
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

@media (max-width: 991.98px) {
    .seriesTopSlide > ._read {
        padding-bottom: 57px
    }
}

@media (min-width: 992px) {
    .seriesTopSlide > ._read {
        padding-bottom: 75px
    }
}

.seriesTopSlide > ._read ._title {
    color: #fff;
    margin-bottom: 0;
    font-family: "Jost", "Noto Sans JP";
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.25;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2)
}

@media (max-width: 991.98px) {
    .seriesTopSlide > ._read ._title {
        font-size: 24px
    }
}

@media (min-width: 992px) {
    .seriesTopSlide > ._read ._title {
        font-size: 40px
    }
}

.seriesTopSlide > ._read ._subTitle {
    letter-spacing: .1em;
    font-weight: 500;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    line-height: 1.75
}

@media (max-width: 991.98px) {
    .seriesTopSlide > ._read ._subTitle {
        font-size: 14px
    }
}

@media (min-width: 992px) {
    .seriesTopSlide > ._read ._subTitle {
        font-size: 16px
    }
}

@media (min-width: 992px) {
    .seriesTopSlide > ._read ._subTitle > ._br {
        display: none
    }
}

.swiper-wrapper-seriesTop {
    transition-timing-function: ease
}

.swiper:not(.is-notSwiper) .seriesTopSlide > ._bg ._image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.swiper:not(.is-notSwiper) .seriesTopSlide > ._read ._animate .word {
    display: inline-block
}

.swiper:not(.is-notSwiper) .seriesTopSlide > ._read ._animate .char {
    opacity: 0;
    display: inline-block
}

.sitemap {
    padding: 40px 0
}

@media (min-width: 768px) {
    .sitemap {
        padding: 64px 0
    }
}

.sitemap-list {
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.sitemap-list ._title {
    font-weight: 500
}

.sitemap-list ._child {
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    margin-top: 8px
}

.sitemap-list ._child ._item {
    font-size: 12px
}

.snsShare {
    border-top: solid 1px #f0f0f0;
    padding: 24px 0 40px
}

@media (min-width: 768px) {
    .snsShare {
        padding: 24px 0 64px
    }
}

.snsShare-inner {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.snsShare-inner > ._title {
    margin-right: 8px;
    font-family: "Jost", "Noto Sans JP";
    color: #999;
    font-weight: 500;
    letter-spacing: .1em;
    font-size: 12px
}

.snsShare-inner > ._list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 991.98px) {
    .snsShare-inner > ._list {
        justify-content: center
    }
}

.snsShare-inner > ._list > ._item {
    margin-left: 8px
}

.snsShare-inner > ._list > ._item > ._link {
    display: block;
    text-decoration: none;
    line-height: 1;
    transition: ease .2s
}

.snsShare-inner > ._list > ._item > ._link:hover {
    opacity: .65
}

.snsShare-inner > ._list > ._item > ._link > ._icon {
    font-size: 40px;
    color: #000
}

.snsShare-inner > ._list > ._item > ._link > ._icon.icon-youtube-text {
    font-size: 30px
}

.snsShare-inner > ._list > ._item > ._link > ._image {
    width: 40px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain
}

.specialList-main {
    background-color: #f9f9f9;
    padding: 64px 0
}

@media (max-width: 991.98px) {
    .specialList-main {
        padding: 24px 0 40px
    }
}

.specialList-list {
    margin: 0 0 40px
}

.specialList-list > .row > .col {
    margin-bottom: 8px
}

@media (min-width: 992px) {
    .specialList-list > .row > .col {
        margin-bottom: 12px
    }
}

.specialList-list .newsList-main {
    background-color: #f9f9f9;
    padding: 40px 0
}

@media (max-width: 991.98px) {
    .specialList-list .newsList-main {
        padding: 24px 0 40px
    }
}

.specialList-card {
    display: block;
    color: #000;
    background-color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-padding-start: 8px;
    padding-inline-start: 8px;
    -webkit-padding-end: 8px;
    padding-inline-end: 8px;
    height: 100%;
    font-weight: 500;
    transition: .2s ease
}

.specialList-card:hover {
    color: #000;
    opacity: .65
}

.specialList-card[target]:not([target="_self"]):not([target=""]) > ._detail > ._title:after {
    content: "\E201";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

@media (min-width: 992px) {
    .specialList-card {
        -webkit-padding-start: 16px;
        padding-inline-start: 16px;
        display: flex;
        align-items: center
    }
}

@media (max-width: 991.98px) {
    .specialList-card > ._thum {
        width: 100%;
        margin-bottom: 12px
    }
}

@media (min-width: 992px) {
    .specialList-card > ._thum {
        width: 194px;
        -webkit-margin-end: 16px;
        margin-inline-end: 16px
    }
}

.specialList-card > ._thum > ._visual {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.specialList-card > ._thum > ._visual > ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

.specialList-card > ._detail {
    flex: 1;
    height: 100%;
    padding-bottom: 8px
}

.specialList-card > ._detail > ._title {
    line-height: 1.75
}

@media (min-width: 992px) {
    .specialList-card > ._detail > ._title {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

.specialList-card .newsList-main {
    background-color: #f9f9f9;
    padding: 40px 0
}

@media (max-width: 991.98px) {
    .specialList-card .newsList-main {
        padding: 24px 0 40px
    }
}

.specialList-footer {
    margin-top: 40px;
    text-align: center
}

.specialList-item.is-hidden, #specialList-moreButton.is-hidden {
    display: none
}

.storeList-top {
    background-color: #f9f9f9;
    padding-top: 40px;
    padding-bottom: 40px;
    font-weight: 500;
    font-size: 14px;
    text-align: center
}

.storeList-top-inner > *:last-child {
    margin-bottom: 0
}

.storeList-search {
    background-color: #f0f0f0;
    padding-top: 40px;
    padding-bottom: 40px;
    font-weight: 500
}

.storeList-search-detail {
    margin-top: 24px
}

@media (max-width: 767.98px) {
    .storeList-search-detail {
        margin-top: 16px;
        border: solid 1px #ccc
    }
}

.storeList-search-detail.is-disabled {
    pointer-events: none;
    opacity: .4
}

.storeList-search-detail-header {
    text-align: center
}

.storeList-search-detail-header > ._button {
    color: #000;
    text-align: center;
    transition: .2s ease
}

.storeList-search-detail-header > ._button > span:after {
    content: "\E103";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
    transition: .4s
}

.storeList-search-detail-header > ._button.is-active > span:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width: 767.98px) {
    .storeList-search-detail-header > ._button {
        display: block;
        font-size: 12px;
        padding: 13px 16px
    }
}

@media (min-width: 768px) {
    .storeList-search-detail-header {
        border-bottom: solid 1px #ccc;
        padding-bottom: 24px
    }

    .storeList-search-detail-header > ._button {
        display: inline-block;
        font-weight: bold;
        font-size: 14px
    }

    .storeList-search-detail-header > ._button:hover {
        opacity: .65
    }
}

.storeList-search-detail-body {
    display: none
}

@media (max-width: 767.98px) {
    .storeList-search-detail-body {
        padding: 16px 16px 24px;
        position: relative
    }

    .storeList-search-detail-body:before {
        content: '';
        width: calc(100% - 32px);
        height: 1px;
        background-color: #ccc;
        position: absolute;
        left: 16px;
        top: 0
    }
}

@media (min-width: 768px) {
    .storeList-search-detail-body {
        padding-top: 24px
    }
}

.storeList-search-detail-body > ._category {
    font-weight: bold;
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 16px
}

@media (max-width: 767.98px) {
    .storeList-search-detail-body > ._category {
        text-align: center;
        margin-top: 24px
    }
}

.storeList-search-buttons {
    margin-top: 32px;
    position: relative;
    text-align: center
}

.storeList-search-detail.is-disabled + .storeList-search-buttons {
    pointer-events: none;
    opacity: .4
}

@media (max-width: 767.98px) {
    .storeList-search-buttons {
        margin-top: 16px
    }
}

.storeList-reset-button {
    font-weight: 500;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ccc;
    border: none;
    font-size: 12px;
    padding: 5px 16px;
    color: #000;
    transition: .2s ease
}

@media (max-width: 767.98px) {
    .storeList-reset-button {
        width: 100%;
        padding: 13px 16px;
        margin-top: 8px
    }
}

@media (min-width: 768px) {
    .storeList-reset-button {
        -webkit-margin-start: auto;
        margin-inline-start: auto
    }
}

.storeList-reset-button:after {
    content: "\E230";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    transition: .2s ease;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px
}

.storeList-reset-button:hover {
    background-color: #b3b3b3
}

.storeList-reset-button:hover:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.storeList-result {
    background-color: #f9f9f9;
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .storeList-result {
        padding-bottom: 64px
    }
}

.storeList-result-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.storeList-result-header > ._count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 14px
}

.storeList-result-header > ._count > ._num {
    font-size: 24px;
    letter-spacing: .1em;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px
}

.storeList-result-header > ._sort {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.storeList-result-header > ._sort > label {
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

.storeList-result-header > ._sort > .select-sort {
    min-width: 100px
}

.storeList-result-body {
    margin-top: 40px
}

.storeList-card {
    font-weight: 500;
    background-color: #fff;
    padding: 16px;
    line-height: 1.5;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative
}

@media (min-width: 768px) {
    .storeList-card {
        padding: 32px 24px
    }
}

.storeList-card > ._icon {
    position: absolute;
    top: 16px;
    inset-inline-start: 16px
}

@media (min-width: 768px) {
    .storeList-card > ._icon {
        top: 32px;
        inset-inline-start: 24px
    }
}

.storeList-card > ._icon img {
    width: 64px
}

@media (min-width: 768px) {
    .storeList-card > ._icon img {
        width: 56px
    }
}

.storeList-card > ._icon + ._main > ._name {
    -webkit-padding-start: 80px;
    padding-inline-start: 80px
}

@media (min-width: 768px) {
    .storeList-card > ._icon + ._main > ._address {
        -webkit-padding-start: 80px;
        padding-inline-start: 80px
    }
}

@media (min-width: 768px) {
    .storeList-card > ._icon + ._main > ._tel {
        -webkit-padding-start: 80px;
        padding-inline-start: 80px
    }
}

@media (min-width: 768px) {
    .storeList-card > ._icon + ._main > ._tags {
        -webkit-padding-start: 80px;
        padding-inline-start: 80px
    }
}

.storeList-card > ._main {
    width: 100%
}

.storeList-card > ._main > ._name {
    margin-bottom: 16px
}

@media (max-width: 767.98px) {
    .storeList-card > ._main > ._name {
        min-height: 80px;
        padding-bottom: 16px;
        border-bottom: solid 1px #e6e6e6
    }
}

.storeList-card > ._main > ._name > ._type {
    margin-bottom: 8px;
    font-size: 12px
}

.storeList-card > ._main > ._name > ._title {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .1em
}

.storeList-card > ._main > ._address {
    font-size: 12px;
    margin-bottom: 8px
}

.storeList-card > ._main > ._tel {
    font-size: 12px
}

.storeList-card > ._main > ._tags {
    margin-top: 16px;
    margin-bottom: -8px
}

.storeList-card > ._main > ._tags > ._tag {
    display: inline-block;
    font-size: 12px;
    padding: 2px 4px;
    color: #fff;
    margin-bottom: 8px
}

.storeList-card > ._main > ._tags > ._tag.is-event {
    background-color: gray
}

.storeList-card > ._main > ._tags > ._tag.is-limited {
    background-color: #333
}

.storeList-card > ._main > ._tags > ._tag + ._tag {
    -webkit-margin-start: 8px;
    margin-inline-start: 8px
}

.storeList-card > ._btns {
    width: 100%;
    margin-top: 24px;
    display: flex;
    justify-content: space-between
}

.storeList-card > ._btns > ._btn {
    min-width: auto;
    width: calc(50% - 4px);
    padding: 7px 20px
}

@media (min-width: 768px) {
    .storeList-card > ._btns > ._btn {
        width: calc(50% - 12px)
    }
}

.storeList-footer {
    margin-top: 40px;
    text-align: center
}

.storeAbout {
    font-weight: 500
}

.storeAbout-inner {
    text-align: center
}

.storeAbout-inner > *:last-child {
    margin-bottom: 0
}

.storeCarousel {
    position: relative
}

.storeCarousel-item {
    display: block
}

.storeCarousel-item ._visual {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.storeCarousel-item ._visual > ._image {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.swiper-slide-storeCarousel {
    max-width: 1080px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -8px;
    margin-right: -8px
}

@media (min-width: 992px) {
    .swiper-slide-storeCarousel {
        padding-left: 24px;
        padding-right: 24px;
        margin-left: -12px;
        margin-right: -12px
    }
}

@media (min-width: 992px) {
    .swiper-button-container-storeCarousel {
        pointer-events: none;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 50px;
        max-width: calc(1080px + 32px * 2);
        z-index: 2
    }

    .swiper-button-container-storeCarousel > .swiper-button-prev, .swiper-button-container-storeCarousel > .swiper-button-next {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.storeDetail {
    font-weight: 500;
    background-color: #fff;
    padding: 40px 0
}

@media (max-width: 767.98px) {
    .storeDetail {
        padding: 24px 0
    }
}

.storeDetail-inner {
    position: relative
}

@media (min-width: 768px) {
    .storeDetail-main {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 380px;
        -webkit-padding-end: 40px;
        padding-inline-end: 40px;
        min-height: 380px
    }
}

.storeDetail-main > ._texts {
    width: 100%;
    word-break: break-all
}

.storeDetail-main > ._texts > ._type {
    font-size: 12px;
    margin-bottom: 8px
}

@media (max-width: 767.98px) {
    .storeDetail-main > ._texts > ._type {
        margin-bottom: 4px
    }
}

.storeDetail-main > ._texts > ._title {
    letter-spacing: .1em;
    font-size: 18px;
    margin-bottom: 18px
}

@media (max-width: 767.98px) {
    .storeDetail-main > ._texts > ._title {
        font-size: 16px;
        margin-bottom: 24px
    }
}

.storeDetail-main > ._texts > ._sub {
    font-size: 12px
}

.storeDetail-main > ._links {
    width: 100%;
    margin-top: 24px
}

.storeDetail-main > ._links > ._brands {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: -4px
}

.storeDetail-main > ._links > ._brands > li {
    width: 68px;
    padding: 4px
}

.storeDetail-main > ._links > ._brands > li > span {
    display: block;
    border: solid 2px #e6e6e6;
    background-color: #fff;
    border-radius: 9999px;
    overflow: hidden
}

.storeDetail-main > ._links > ._brands > li > span > span {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 100%
}

.storeDetail-main > ._links > ._brands > li > span > span > img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover
}

.storeDetail-main > ._links > ._btn {
    margin-top: 24px
}

@media (max-width: 767.98px) {
    .storeDetail-main > ._links > ._btn .btn-outline-default {
        width: 100%;
        min-width: auto
    }
}

@media (min-width: 768px) {
    .storeDetail-main > ._links > ._btn .btn-outline-default {
        min-width: 296px
    }
}

@media (max-width: 767.98px) {
    .storeDetail-map {
        margin-top: 24px;
        width: 100% !important;
        position: relative
    }

    .storeDetail-map > ._map {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 100%
    }

    .storeDetail-map > ._map iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .storeDetail-map > ._btn {
        position: absolute;
        left: 50%;
        bottom: 16px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .storeDetail-map > ._btn .btn-map {
        width: 264px
    }
}

@media (min-width: 768px) {
    .storeDetail-map {
        position: absolute;
        width: 60%;
        height: 100%;
        top: 0;
        inset-inline-end: 0
    }

    .storeDetail-map > ._map {
        width: 100%;
        height: 100%
    }

    .storeDetail-map > ._map iframe {
        width: 100%;
        height: 100%
    }

    .storeDetail-map > ._btn {
        position: absolute;
        inset-inline-end: 48px;
        bottom: 24px
    }
}

.storeEvent {
    font-weight: 500
}

.storeEventCard {
    display: block;
    color: #000
}

.storeEventCard:hover {
    color: #000
}

.storeEventCard:hover > ._visual > ._image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.storeEventCard:hover > ._detail {
    opacity: .65
}

.storeEventCard > ._visual {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.storeEventCard > ._visual > ._image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: 3s ease
}

.storeEventCard > ._detail {
    font-size: 14px;
    margin-top: 16px;
    transition: .2s ease
}

.storeEventCard > ._detail > ._date {
    display: inline-block;
    background-color: #f9f9f9;
    font-size: 14px;
    padding: 2px 4px;
    margin-bottom: 8px
}

.storeEventCard > ._detail > ._title {
    margin-bottom: 18px;
    font-size: 18px;
    letter-spacing: .1em;
    font-weight: bold;
    line-height: 1.5
}

@media (max-width: 767.98px) {
    .storeEventCard > ._detail > ._title {
        font-size: 16px;
        margin-bottom: 16px
    }
}

.storeLimited {
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .storeLimited {
        padding-bottom: 64px
    }
}

.storeLimitedItem {
    font-weight: 500
}

.storeLimitedItem-main {
    background-color: #fff;
    padding: 24px 40px
}

@media (min-width: 768px) {
    .storeLimitedItem-main {
        display: flex;
        align-items: center;
        padding: 24px
    }
}

@media (min-width: 768px) {
    .storeLimitedItem-image {
        width: 57.5%
    }
}

.storeLimitedItem-text {
    line-height: 1.5
}

@media (max-width: 767.98px) {
    .storeLimitedItem-text {
        margin-top: 24px;
        text-align: center
    }
}

@media (min-width: 768px) {
    .storeLimitedItem-text {
        flex: 1;
        -webkit-padding-start: 24px;
        padding-inline-start: 24px
    }
}

.storeLimitedItem-text > ._model {
    font-size: 12px
}

@media (min-width: 768px) {
    .storeLimitedItem-text > ._model {
        margin-bottom: 8px
    }
}

.storeLimitedItem-text > ._num {
    font-family: "Jost", "Noto Sans JP";
    letter-spacing: .1em;
    font-size: 24px
}

@media (min-width: 768px) {
    .storeLimitedItem-text > ._num {
        margin-bottom: 8px
    }
}

.storeLimitedItem-text > ._price {
    font-size: 12px
}

.storeLimitedPhoto {
    border: none;
    position: relative;
    padding: 0;
    width: 100%;
    color: #000
}

.storeLimitedPhoto:after {
    content: "\E208";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-inline-end: 0;
    bottom: 0;
    font-size: 35px;
    transition: .2s ease;
    pointer-events: none
}

@media (max-width: 767.98px) {
    .storeLimitedPhoto:after {
        inset-inline-end: 16px
    }
}

.storeLimitedPhoto:hover:after {
    opacity: .65
}

.storeLimitedPhoto > ._figure {
    margin: 0;
    width: 100%
}

.storeLimitedPhoto > ._figure > ._item {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 100%
}

.storeLimitedPhoto > ._figure > ._item > ._image {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.swiper-button-prev-storeLimited, .swiper-button-next-storeLimited {
    background-color: transparent
}

.swiper-scrollbar-storeLimited {
    background-color: #f0f0f0 !important;
    width: 100% !important;
    margin-top: 24px !important
}

.storeLimitedItem-sub {
    border-top: solid 1px #f0f0f0;
    background-color: #fff
}

.storeLimitedItem-sub > ._button {
    color: #000;
    border: none;
    width: 100%;
    font-size: 12px;
    padding: 13px 16px;
    text-align: center;
    transition: .2s ease
}

.storeLimitedItem-sub > ._button:after {
    content: "\E103";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
    transition: .2s
}

.storeLimitedItem-sub > ._button:hover {
    opacity: .65
}

.storeLimitedItem-sub > ._button.is-active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.storeLimitedItem-sub > ._body {
    padding: 24px 16px;
    position: relative;
    display: none
}

.storeLimitedItem-sub > ._body:before {
    content: '';
    width: calc(100% - 32px);
    position: absolute;
    left: 16px;
    top: 0;
    border-top: solid 1px #f0f0f0
}

.storeLimitedItem-sub > ._body > *:last-child {
    margin-bottom: 0
}

.storeLink-item {
    display: block;
    color: #000;
    padding: 27px;
    border-top: solid 1px #707070;
    border-bottom: solid 1px #707070;
    text-align: center;
    position: relative;
    transition: .2s ease
}

.storeLink-item:hover {
    color: #000;
    opacity: .65
}

.storeLink-item:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-inline-end: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[lang=ar] .storeLink-item:not([target="_blank"]):after {
    -webkit-transform: translateY(-50%) scale(-1, 1);
    transform: translateY(-50%) scale(-1, 1)
}

.storeLink-item[target]:not([target="_self"]):not([target=""]):after {
    content: "\E201";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

.storeMap-finder-list > ._item, .storeMap-list > ._item {
    color: inherit;
    display: flex;
    padding-top: 1rem;
    text-decoration: none
}

.storeMap-finder-list > ._item + ._item, .storeMap-list > ._item + ._item {
    border-top: 1px solid #ccc
}

.storeMap-finder-list > ._item > ._image, .storeMap-list > ._item > ._image {
    text-align: center
}

@media (max-width: 767.98px) {
    .storeMap-finder-list > ._item > ._image, .storeMap-list > ._item > ._image {
        -webkit-padding-start: 40px;
        padding-inline-start: 40px
    }
}

.storeMap-finder-list > ._item > ._image > ._icon, .storeMap-list > ._item > ._image > ._icon {
    font-size: 22.5rem;
    width: 70px;
    height: auto;
    max-width: none
}

.storeMap-finder-list > ._item > ._image > ._distance, .storeMap-list > ._item > ._image > ._distance {
    font-size: .75rem
}

.storeMap-finder-list > ._item > ._body, .storeMap-list > ._item > ._body {
    flex-grow: 1;
    max-width: 100%;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    margin-bottom: 1rem
}

@media (max-width: 767.98px) {
    .storeMap-finder-list > ._item > ._body, .storeMap-list > ._item > ._body {
        -webkit-padding-end: 40px;
        padding-inline-end: 40px
    }
}

.storeMap-finder-list > ._item > ._body > ._type, .storeMap-list > ._item > ._body > ._type {
    font-size: .75rem;
    margin-bottom: .5rem
}

.storeMap-finder-list > ._item > ._body > ._title, .storeMap-list > ._item > ._body > ._title {
    font-size: 1rem
}

.storeMap-finder-list > ._item > ._body > ._address, .storeMap-list > ._item > ._body > ._address {
    font-size: 14px;
    margin-bottom: .5rem
}

.storeMap-finder-list > ._item > ._body > ._limited, .storeMap-list > ._item > ._body > ._limited {
    font-size: .75rem;
    margin-bottom: .5rem
}

.storeMap-finder-list > ._item > ._body > ._limited > ._label, .storeMap-list > ._item > ._body > ._limited > ._label {
    background-color: gray;
    color: #fff;
    display: inline-block;
    padding: 0 4px;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem;
    margin-top: .5rem;
    line-height: 1.75
}

.storeMap-finder-list > ._item > ._body > ._limited > ._label:last-child, .storeMap-list > ._item > ._body > ._limited > ._label:last-child {
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.storeMap-finder-list > ._item > ._body > ._limited > ._label:nth-child(even), .storeMap-list > ._item > ._body > ._limited > ._label:nth-child(even) {
    background-color: #333
}

@media (max-width: 767.98px) {
    .storeMap-finder-list > ._item > ._body > ._limited > ._label, .storeMap-list > ._item > ._body > ._limited > ._label {
        -webkit-margin-end: 4px;
        margin-inline-end: 4px
    }
}

.storeMap img {
    pointer-events: visible
}

@media (min-width: 768px) {
    .storeMap {
        height: calc(100vh - 128px);
        overflow: hidden;
        position: relative
    }
}

@media (min-width: 768px) {
    .storeMap-header {
        display: none
    }
}

.storeMap-header > ._title {
    color: #193c72;
    text-align: center
}

.storeMap-tab {
    display: none !important
}

@media (max-width: 767.98px) {
    .storeMap-tab {
        border: 0 !important;
        display: flex !important;
        flex-wrap: nowrap;
        font-size: .875rem;
        justify-content: center;
        line-height: 1.5;
        list-style-type: none;
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }

    .storeMap-tab .tab-item {
        width: 50%;
        text-align: center;
        background-color: #e6e6e6
    }

    .storeMap-tab .tab-item.is-active {
        background-color: #f9f9f9
    }

    .storeMap-tab .tab-item .tab-btn {
        padding: 1.5rem 1rem;
        border: 0;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #000
    }
}

@media (min-width: 768px) {
    .storeMap-content #storemap-map {
        display: block !important
    }
}

@media (min-width: 768px) {
    .storeMap-content #storemap-list {
        display: none !important
    }
}

@media (max-width: 767.98px) {
    .storeMap-content {
        background-color: #f9f9f9
    }

    .storeMap-content #tab01 {
        padding-top: 0
    }
}

.storeMap-map {
    height: calc(100vh - 290px);
    min-height: 20rem;
    margin-bottom: 0;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .storeMap-map {
        height: auto;
        margin-bottom: 0;
        position: static
    }
}

.storeMap-map #storeMap {
    height: 100%;
    inset-inline-start: 0;
    inset-inline-end: auto;
    position: absolute !important;
    top: 0;
    width: 100%
}

@media (min-width: 768px) {
    .storeMap-map #storeMap {
        width: calc(100% - 388px);
        inset-inline-end: 0;
        inset-inline-start: auto
    }
}

.storeMap-map #storeMap .gm-style, .storeMap-map #storeMap .gm-style-iw-c {
    border-radius: 0;
    min-width: 300px !important;
    padding: 0
}

.storeMap-map #storeMap .gm-style > button, .storeMap-map #storeMap .gm-style-iw-c > button {
    height: auto !important;
    inset-inline-end: 0 !important;
    padding: 5px !important;
    top: 0 !important;
    width: auto !important
}

.storeMap-map #storeMap .gm-style > button img, .storeMap-map #storeMap .gm-style-iw-c > button img {
    height: 20px !important;
    margin: 0 !important;
    width: 20px !important
}

.storeMap-map #storeMap .gm-style .gm-style-iw-d, .storeMap-map #storeMap .gm-style-iw-c .gm-style-iw-d {
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.storeMap-map #storeMap .gm-style .gm-style-iw-d > div, .storeMap-map #storeMap .gm-style-iw-c .gm-style-iw-d > div {
    padding: 26px 16px 21px
}

.storeMap-map #storeMap .gm-style .gm-style-iw-d::-webkit-scrollbar, .storeMap-map #storeMap .gm-style-iw-c .gm-style-iw-d::-webkit-scrollbar {
    display: none
}

.storeMap-map-iconInfoButton {
    background-color: #ccc;
    border: none;
    bottom: 1rem;
    font-size: .75rem;
    inset-inline-end: .5rem;
    padding: .125rem 1rem;
    position: absolute
}

.storeMap-map-iconInfo {
    background-color: #ccc;
    bottom: 1rem;
    display: none;
    font-size: .75rem;
    inset-inline-end: .5rem;
    padding-bottom: .5rem;
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    padding-top: 1rem;
    position: absolute
}

.storeMap-map-iconInfo.is-active {
    display: block
}

.storeMap-map-iconInfo > ._close {
    background-color: transparent;
    border: none;
    inset-inline-end: 0;
    line-height: 1;
    padding: .5rem;
    position: absolute;
    top: 0;
    z-index: 1
}

.storeMap-map-iconInfo > ._list {
    list-style-type: none;
    padding-left: 0
}

.storeMap-map-iconInfo > ._list > ._item {
    align-items: center;
    display: flex;
    margin-bottom: .5rem
}

.storeMap-map-iconInfo > ._list > ._item > ._label {
    flex-grow: 1;
    -webkit-padding-start: .5rem;
    padding-inline-start: .5rem
}

.storeMap-map-markerInfo > ._body {
    display: flex
}

.storeMap-map-markerInfo > ._body > ._image {
    text-align: center
}

.storeMap-map-markerInfo > ._body > ._image > ._icon {
    font-size: 22.5rem;
    margin-bottom: .5rem;
    max-width: 50px
}

.storeMap-map-markerInfo > ._body > ._image > ._distance {
    font-size: .75rem;
    font-weight: 500
}

.storeMap-map-markerInfo > ._body > ._content {
    flex-basis: 100%;
    flex-grow: 1;
    max-width: 100%;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-end: 10px;
    padding-inline-end: 10px
}

@media (min-width: 768px) {
    .storeMap-map-markerInfo > ._body > ._content {
        -webkit-padding-start: 27px;
        padding-inline-start: 27px
    }
}

.storeMap-map-markerInfo > ._body > ._content > ._type {
    font-size: .625rem;
    margin-bottom: .5rem
}

@media (min-width: 768px) {
    .storeMap-map-markerInfo > ._body > ._content > ._type {
        font-size: .75rem
    }
}

.storeMap-map-markerInfo > ._body > ._content > ._title {
    font-size: .875rem
}

@media (min-width: 768px) {
    .storeMap-map-markerInfo > ._body > ._content > ._title {
        font-size: 1rem
    }
}

.storeMap-map-markerInfo > ._body > ._content > ._address {
    font-size: .625rem;
    margin-bottom: 4px
}

@media (min-width: 768px) {
    .storeMap-map-markerInfo > ._body > ._content > ._address {
        font-size: .75rem
    }
}

.storeMap-map-markerInfo > ._body > ._content > ._tel {
    margin-bottom: 8px
}

.storeMap-map-markerInfo > ._body > ._content > ._limited {
    font-size: .625rem;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .storeMap-map-markerInfo > ._body > ._content > ._limited {
        font-size: .75rem
    }
}

.storeMap-map-markerInfo > ._body > ._content > ._limited > ._label {
    background-color: gray;
    color: #fff;
    display: inline-block;
    padding: 0 4px;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem;
    line-height: 1.834
}

.storeMap-map-markerInfo > ._body > ._content > ._limited > ._label:last-child {
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.storeMap-map-markerInfo > ._body > ._content > ._limited > ._label:nth-child(even) {
    background-color: #333
}

.storeMap-map-markerInfo > ._body > ._content > ._image {
    margin-bottom: 6px
}

.storeMap-map-markerInfo > ._body > ._content > ._image > ._icon {
    max-width: 56px
}

.storeMap-map-markerInfo ._footer ._action {
    margin-bottom: 0
}

.storeMap-map-markerInfo ._footer ._action .btn-outline-black {
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px
}

@media (min-width: 768px) {
    .storeMap-finder {
        background-color: #f9f9f9;
        display: flex;
        flex-direction: column;
        height: 100%;
        inset-inline-start: 0;
        padding: 1rem 0 0;
        position: absolute;
        top: 0;
        width: 388px;
        overflow-y: auto;
        z-index: 2
    }
}

.storeMap-finder-header {
    display: flex;
    display: none;
    flex-direction: column
}

.storeMap-finder-search {
    padding: 0 20px;
    margin: 4px 0
}

.storeMap-finder-search > ._title {
    margin-bottom: .5rem;
    text-align: center
}

.storeMap-finder-search input {
    font-size: 12px;
    height: 50px
}

.storeMap-finder-actions {
    display: flex;
    font-size: .75rem;
    list-style-type: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.storeMap-finder-actions > ._item {
    flex-basis: 100%;
    flex-grow: 1;
    margin-bottom: 0;
    max-width: 100%;
    position: relative
}

.storeMap-finder-actions > ._item + ._item {
    -webkit-border-start: 1px solid #b3b3b3;
    border-inline-start: 1px solid #b3b3b3
}

.storeMap-finder-actions > ._item > ._button {
    background-color: transparent;
    border: none;
    padding: .5rem;
    width: 100%
}

.storeMap-finder-actions > ._item > ._button.is-active i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.storeMap-finder-actions > ._item > ._button i {
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.storeMap-finder-actions > ._item > ._list {
    background-color: #e6e6e6;
    inset-inline-start: 0;
    list-style-type: none;
    max-height: 10rem;
    overflow-y: auto;
    padding: .5rem .5rem .25rem;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1
}

.storeMap-finder-actions > ._item > ._list li a {
    text-decoration: none
}

.storeMap-finder-filter, .storeMap-finder-current {
    background-color: #f9f9f9;
    position: relative
}

.storeMap-finder-filter > ._button, .storeMap-finder-current > ._button {
    background-color: transparent;
    border: none;
    padding: .75rem 20px;
    position: relative;
    text-align: center;
    width: 100%;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    font-size: 12px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .storeMap-finder-filter > ._button, .storeMap-finder-current > ._button {
        width: calc(100% + 32px);
        margin: 0 -16px
    }
}

.storeMap-finder-filter > ._button button, .storeMap-finder-current > ._button button {
    border: 0;
    font-weight: 500;
    padding: 0 4px;
    color: #000
}

.storeMap-finder-filter > ._button i, .storeMap-finder-current > ._button i {
    inset-inline-end: 1rem;
    line-height: 1;
    top: calc(50% - .5em);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    cursor: pointer
}

.storeMap-finder-filter > ._button.is-active i, .storeMap-finder-current > ._button.is-active i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.storeMap-finder-filter > ._filter, .storeMap-finder-current > ._filter {
    padding: 20px
}

@media (min-width: 768px) {
    .storeMap-finder-filter > ._filter, .storeMap-finder-current > ._filter {
        background-color: #f9f9f9;
        inset-inline-start: 0;
        top: 100%;
        width: 100%
    }
}

.storeMap-finder-filter > ._filter > ._inner, .storeMap-finder-current > ._filter > ._inner {
    padding: 0 20px
}

.storeMap-finder-filter > ._filter > ._inner > ._legend, .storeMap-finder-current > ._filter > ._inner > ._legend {
    font-weight: bold;
    text-align: center;
    margin-bottom: 1rem
}

.storeMap-finder-filter > ._filter > ._inner > ._group, .storeMap-finder-current > ._filter > ._inner > ._group {
    list-style-type: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    margin-bottom: 1rem
}

.storeMap-finder-filter > ._filter > ._inner > ._group ._item + ._item, .storeMap-finder-current > ._filter > ._inner > ._group ._item + ._item {
    margin-top: 1em
}

.storeMap-finder-filter > ._filter > ._inner > ._clear, .storeMap-finder-current > ._filter > ._inner > ._clear {
    margin-top: 40px;
    margin-bottom: 2rem
}

.storeMap-finder-filter > ._filter > ._inner > ._clear ._button, .storeMap-finder-current > ._filter > ._inner > ._clear ._button {
    color: #000;
    background-color: #e6e6e6;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    line-height: 1.5;
    padding: 15px 1rem;
    transition: background-color .1s, border-color .1s, color .1s
}

.storeMap-finder-filter > ._filter > ._inner > ._clear ._button.is-active, .storeMap-finder-current > ._filter > ._inner > ._clear ._button.is-active {
    color: #fff;
    background-color: #193c72
}

.storeMap-finder-filter > ._filter > ._inner > ._clear ._button.is-active i, .storeMap-finder-current > ._filter > ._inner > ._clear ._button.is-active i {
    -webkit-animation: 2s linear infinite rotation;
    animation: 2s linear infinite rotation
}

.storeMap-finder-filter > ._filter > ._inner > ._clear ._button span, .storeMap-finder-current > ._filter > ._inner > ._clear ._button span {
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.storeMap-finder-filter > ._filter > ._inner > ._clear ._button i, .storeMap-finder-current > ._filter > ._inner > ._clear ._button i {
    font-size: 1rem
}

.storeMap-finder-current ._button {
    border-bottom: 0
}

.storeMap-finder-list {
    display: none;
    overflow-y: auto
}

@media (min-width: 768px) {
    .storeMap-finder-list {
        display: block;
        height: auto
    }
}

.storeMap-finder-list > ._item {
    padding-left: 20px;
    padding-right: 20px
}

.storeMap-finder-list > ._item > ._image {
    max-width: 50px
}

.toggle-target {
    display: none
}

.storeMap-icon {
    inset-inline-start: 408px;
    position: absolute;
    top: 20px;
    z-index: 2
}

@media (max-width: 767.98px) {
    .storeMap-icon {
        inset-inline-start: 20px
    }
}

.storeMap-icon > ._button {
    background-color: #f9f9f9;
    border: none;
    color: #000;
    white-space: nowrap;
    padding: .5rem .75rem;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px
}

.storeMap-icon > ._button i {
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.storeMap-icon > ._button.is-active {
    background-color: #605B58;
    color: #fff
}

.storeMap-icon > ._button.is-active i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.storeMap-icon ._content {
    background-color: #f9f9f9;
    max-width: 260px;
    padding: 1rem;
    font-size: 12px;
    overflow-y: auto;
    max-height: 60vh
}

@media (max-width: 767.98px) {
    .storeMap-icon ._content {
        max-height: 40vh;
        overflow: scroll
    }
}

.storeMap-icon ._content > ._item {
    display: flex;
    align-items: center
}

.storeMap-icon ._content > ._item + ._item {
    margin-top: 1em
}

.storeMap-icon ._content > ._item > ._image {
    max-width: 36px
}

.storeMap-icon ._content > ._item > ._body {
    -webkit-padding-start: .5rem;
    padding-inline-start: .5rem;
    width: 100%
}

.storeMap-icon ._content > ._item > ._body ._title {
    line-height: 1.625
}

.storeMap-finder-btn > ._button {
    font-size: 14px;
    font-weight: 500;
    padding: 20px 16px
}

.storeMap-finder-btn > ._button > i {
    font-size: 20px
}

@media (max-width: 767.98px) {
    .storeMap-finder-btn {
        position: relative;
        width: 100%
    }
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

[class^="cluster-"] {
    position: absolute;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    z-index: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

[class^="cluster-"]:hover::before {
    background-color: rgba(0, 0, 0, 0.3)
}

[class^="cluster-"] > div, [class^="cluster-"] > ._inner {
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
    background-color: #000
}

[class^="cluster-"]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #a08243;
    z-index: -1
}

[class^="cluster-"]::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: -1;
    transition: background 0.2s
}

[class^="cluster-"].is-size02:before {
    width: 90px;
    height: 90px
}

[class^="cluster-"].is-size03:before {
    width: 100px;
    height: 100px
}

[class^="cluster-"].is-size04:before {
    width: 110px;
    height: 110px
}

[class^="cluster-"].is-size05:before {
    width: 120px;
    height: 120px
}

.cluster-2::after {
    width: 48px;
    height: 48px
}

.storeNote {
    font-weight: 500;
    font-size: 12px
}

.storeNote-inner {
    border-top: solid 2px #f0f0f0;
    padding-top: 40px;
    padding-bottom: 40px
}

.storeNote-inner > *:last-child {
    margin-bottom: 0
}

.storeSearchLink {
    padding-top: 40px;
    padding-bottom: 16px
}

@media (min-width: 768px) {
    .storeSearchLink {
        padding-bottom: 40px
    }
}

.storeSearchLink-items > .col:only-child {
    width: 100%
}

.storeSearchLink-item {
    position: relative
}

@media (min-width: 768px) {
    .storeSearchLink-item {
        height: 100%
    }
}

.storeSearchLink-item > ._image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    overflow: hidden
}

.storeSearchLink-item > ._image img {
    opacity: .25;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.storeSearchLink-item > ._content {
    position: relative;
    text-align: center;
    padding: 40px 34px;
    color: #fff
}

.storeSearchLink-item > ._content > ._title {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: .1em;
    margin-bottom: 32px;
    line-height: 1.5
}

@media (max-width: 767.98px) {
    .storeSearchLink-item > ._content > ._title {
        font-size: 18px;
        margin-bottom: 24px
    }
}

.storeSearchLink-item > ._content > ._text {
    margin-bottom: 32px;
    text-align: left
}

@media (max-width: 767.98px) {
    .storeSearchLink-item > ._content > ._text {
        display: none
    }
}

.topAbout {
    background-color: #000;
    padding-bottom: 120px
}

@media (max-width: 991.98px) {
    .topAbout {
        padding-bottom: 80px
    }
}

.topAbout > ._head {
    position: relative
}

.topAbout > ._head > ._visual {
    opacity: .38;
    width: 100%;
    height: 320px
}

@media (max-width: 991.98px) {
    .topAbout > ._head > ._visual {
        height: 180px
    }
}

.topAbout > ._head > ._visual > ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

.topAbout > ._head > ._title {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width: 991.98px) {
    .topAbout > ._head > ._title {
        text-align: center
    }
}

.topAbout > ._head > ._title > ._en {
    display: block;
    font-family: "Jost", "Noto Sans JP";
    font-size: 40px;
    font-weight: 500;
    letter-spacing: .1em
}

@media (max-width: 991.98px) {
    .topAbout > ._head > ._title > ._en {
        font-size: 24px
    }
}

.topAbout > ._head > ._title > ._ja {
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .1em;
    margin-top: 3px
}

.topAbout > ._contents {
    padding: 24px 0 0
}

.topAbout > ._contents > ._container > ._items {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0
}

.topAbout > ._contents > ._container > ._items > ._item {
    margin-bottom: 24px
}

.topAbout > ._contents > ._container > ._items > ._item > ._link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
    text-decoration: none;
    height: 100%
}

@media (max-width: 991.98px) {
    .topAbout > ._contents > ._container > ._items > ._item > ._link {
        min-height: 90px;
        padding: 8px
    }
}

@media (min-width: 992px) {
    .topAbout > ._contents > ._container > ._items > ._item > ._link {
        min-height: 300px;
        padding: 24px
    }
}

.topAbout > ._contents > ._container > ._items > ._item > ._link:hover > ._visual > ._image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.topAbout > ._contents > ._container > ._items > ._item > ._link:hover > ._content {
    opacity: .65
}

.topAbout > ._contents > ._container > ._items > ._item > ._link:hover > ._content:after {
    inset-inline-start: calc(50% + 4px)
}

.topAbout > ._contents > ._container > ._items > ._item > ._link > ._visual {
    opacity: .6;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.topAbout > ._contents > ._container > ._items > ._item > ._link > ._visual > ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 3s ease
}

.topAbout > ._contents > ._container > ._items > ._item > ._link > ._content {
    position: relative;
    transition: .2s ease;
    text-align: center;
    width: 100%;
    padding: 16px 16px 56px;
    max-width: calc(567px + 32px)
}

@media (max-width: 991.98px) {
    .topAbout > ._contents > ._container > ._items > ._item > ._link > ._content {
        padding: 0 8px 28px
    }
}

.topAbout > ._contents > ._container > ._items > ._item > ._link > ._content:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    bottom: 0;
    inset-inline-start: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 14px;
    transition: .2s ease
}

[lang=ar] .topAbout > ._contents > ._container > ._items > ._item > ._link > ._content:after {
    -webkit-transform: scale(-1, 1) translateX(-50%);
    transform: scale(-1, 1) translateX(-50%)
}

.topAbout > ._contents > ._container > ._items > ._item > ._link > ._content > ._num {
    font-family: "Jost", "Noto Sans JP";
    font-weight: 500;
    color: #ccc;
    line-height: 1;
    letter-spacing: .1em
}

.topAbout > ._contents > ._container > ._items > ._item > ._link > ._content > ._title {
    font-weight: bold;
    letter-spacing: .1em
}

@media (min-width: 992px) {
    .topAbout > ._contents > ._container > ._items > ._item > ._link > ._content > ._title {
        font-size: 18px;
        margin-top: 16px
    }
}

.topAbout > ._contents > ._container > ._items > ._item > ._link > ._content > ._text {
    text-align: left;
    color: #e6e6e6;
    font-size: 14px;
    line-height: 2;
    margin-top: 16px
}

@media (max-width: 991.98px) {
    .topAbout > ._contents > ._container > ._items > ._item > ._link > ._content > ._text {
        display: none !important
    }
}

.topAbout > ._more {
    text-align: center;
    margin-top: 40px
}

@media (max-width: 991.98px) {
    .topAbout > ._more {
        margin-top: 16px
    }
}

.topAbout > ._more > ._link {
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    padding: 12px 32px;
    min-width: 256px;
    color: #fff;
    border: solid 1px #fff;
    position: relative;
    transition: .2s ease
}

.topAbout > ._more > ._link:after {
    content: '';
    width: 16px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    transition: .2s ease
}

.topAbout > ._more > ._link:hover {
    color: #fff;
    background-color: #193c72;
    border-color: #193c72
}

.topAbout > ._more > ._link:hover:after {
    width: 0;
    background-color: #fff
}

.topAbout h2._title {
    opacity: 0
}

.topAbout .col {
    opacity: 0
}

.topAbout ._more {
    opacity: 0
}

.topCategory {
    position: relative
}

.topCategory-inner {
    padding: 80px 0
}

@media (min-width: 992px) {
    .topCategory-inner {
        padding: 120px 0 96px
    }
}

.topCategory-inner > ._visual {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    width: 60%;
    height: 100%;
    opacity: .3
}

@media (max-width: 991.98px) {
    .topCategory-inner > ._visual {
        display: none !important
    }
}

.topCategory-inner > ._visual > ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.topCategory-inner > ._contents {
    position: relative
}

.topCategory-inner > ._contents > ._title {
    text-transform: uppercase;
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    .topCategory-inner > ._contents > ._title {
        text-align: center
    }
}

.topCategory-inner > ._contents > ._title > ._en {
    display: block;
    font-family: "Jost", "Noto Sans JP";
    font-size: 40px;
    font-weight: 500;
    letter-spacing: .1em
}

@media (max-width: 991.98px) {
    .topCategory-inner > ._contents > ._title > ._en {
        font-size: 24px
    }
}

.topCategory-inner > ._contents > ._title > ._ja {
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .1em;
    margin-top: 3px
}

.topCategory-inner > ._contents > ._items {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991.98px) {
    .topCategory-inner > ._contents > ._items {
        margin-top: 40px
    }

    .topCategory-inner > ._contents > ._items > ._item {
        width: 33.3334%
    }
}

@media (max-width: 767.98px) {
    .topCategory-inner > ._contents > ._items > ._item {
        width: 50%
    }
}

@media (min-width: 992px) {
    .topCategory-inner > ._contents > ._items {
        margin-top: 64px;
        margin-left: -12px;
        margin-right: -12px
    }

    .topCategory-inner > ._contents > ._items > ._item {
        width: 25%;
        padding-left: 12px;
        padding-right: 12px;
        margin-bottom: 24px
    }
}

.topCategory-inner > ._contents > ._items > ._item > ._link {
    text-decoration: none;
    display: block;
    padding: 5px;
    background-color: #fff;
    position: relative;
    text-align: center
}

.topCategory-inner > ._contents > ._items > ._item > ._link:hover > ._visual > ._image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.topCategory-inner > ._contents > ._items > ._item > ._link:hover > ._text {
    opacity: .65
}

.topCategory-inner > ._contents > ._items > ._item > ._link > ._visual {
    width: 100%;
    background-color: #000;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 100%
}

.topCategory-inner > ._contents > ._items > ._item > ._link > ._visual > ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .7;
    transition: 3s ease
}

.topCategory-inner > ._contents > ._items > ._item > ._link > ._text {
    color: #fff;
    transition: .2s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.topCategory-inner > ._contents > ._items > ._item > ._link > ._text > ._en {
    font-family: "Jost", "Noto Sans JP";
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.5
}

@media (max-width: 991.98px) {
    .topCategory-inner > ._contents > ._items > ._item > ._link > ._text > ._en {
        font-size: 16px
    }
}

.topCategory-inner > ._contents > ._items > ._item > ._link > ._text > ._ja {
    font-size: 12px;
    line-height: 1;
    margin-top: 8px
}

.topCategory h2._title {
    opacity: 0
}

.topCategory .topCategory-inner > ._visual ._image {
    opacity: 0
}

.topCategory ._items ._item {
    opacity: 0
}

.topCollections {
    background-color: #f9f9f9
}

@media (max-width: 991.98px) {
    .topCollections {
        padding: 80px 0 40px
    }
}

@media (min-width: 992px) {
    .topCollections {
        padding: 120px 0 96px
    }
}

.topCollections a {
    color: #000
}

.topCollections a:hover {
    color: #000
}

@media (min-width: 992px) {
    .topCollections-inner {
        padding: 0 24px
    }
}

.topCollections-inner > ._title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0
}

.topCollections-inner > ._title > ._en {
    display: block;
    font-family: "Jost", "Noto Sans JP";
    font-size: 40px;
    font-weight: 500;
    letter-spacing: .1em
}

@media (max-width: 991.98px) {
    .topCollections-inner > ._title > ._en {
        font-size: 24px
    }
}

.topCollections-inner > ._title > ._ja {
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .1em;
    margin-top: 3px
}

@media (max-width: 991.98px) {
    .topCollections-inner > ._items {
        margin-top: 40px
    }
}

@media (min-width: 992px) {
    .topCollections-inner > ._items {
        margin-top: 64px
    }
}

.topCollections-inner > ._brands {
    margin-top: 40px
}

@media (max-width: 575.98px) {
    .topCollections-inner > ._brands > ._inner > ._items > ._item + ._item {
        margin-top: 16px
    }
}

.topCollections-inner > ._brands > ._inner > ._items > ._item > ._link {
    display: block;
    text-align: center;
    text-decoration: none;
    position: relative;
    border-top: solid 1px #707070;
    border-bottom: solid 1px #707070;
    padding: 32px;
    color: #333
}

@media (max-width: 991.98px) {
    .topCollections-inner > ._brands > ._inner > ._items > ._item > ._link {
        padding: 16px 32px
    }
}

.topCollections-inner > ._brands > ._inner > ._items > ._item > ._link:hover:after {
    inset-inline-end: 0
}

.topCollections-inner > ._brands > ._inner > ._items > ._item > ._link:hover > ._text {
    opacity: .65
}

.topCollections-inner > ._brands > ._inner > ._items > ._item > ._link:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 14px;
    inset-inline-end: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .2s ease
}

[lang=ar] .topCollections-inner > ._brands > ._inner > ._items > ._item > ._link:after {
    -webkit-transform: scale(-1, 1) translateY(-50%);
    transform: scale(-1, 1) translateY(-50%)
}

.topCollections-inner > ._brands > ._inner > ._items > ._item > ._link > ._logo {
    width: 100%;
    height: 48px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 991.98px) {
    .topCollections-inner > ._brands > ._inner > ._items > ._item > ._link > ._logo {
        height: 32px
    }
}

.topCollections-inner > ._brands > ._inner > ._items > ._item > ._link > ._text {
    font-weight: 500;
    margin-top: 8px;
    font-size: 12px;
    transition: .2s ease
}

.topCollections-inner > ._more {
    text-align: center;
    margin-top: 64px
}

@media (max-width: 991.98px) {
    .topCollections-inner > ._more {
        margin-top: 40px
    }
}

.topCollections-inner > ._more > ._link {
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    padding: 12px 32px;
    min-width: 256px;
    border: solid 1px #000;
    position: relative;
    transition: .2s ease
}

.topCollections-inner > ._more > ._link:after {
    content: '';
    width: 16px;
    height: 1px;
    background-color: #000;
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    transition: .2s ease
}

.topCollections-inner > ._more > ._link:hover {
    color: #fff;
    background-color: #193c72;
    border-color: #193c72
}

.topCollections-inner > ._more > ._link:hover:after {
    width: 0;
    background-color: #fff
}

@media (max-width: 991.98px) {
    .swiper-topCollections {
        padding: 0 16px 0
    }
}

@media (min-width: 992px) {
    .swiper-topCollections {
        opacity: 1 !important;
        overflow: visible
    }
}

@media (min-width: 992px) {
    .swiper-wrapper-topCollections {
        flex-wrap: wrap;
        margin: 0 -12px !important;
        width: auto !important
    }
}

@media (min-width: 992px) {
    .swiper-slide-topCollections {
        width: 50% !important;
        padding: 0 12px;
        margin-bottom: 24px;
        margin-right: 0 !important
    }
}

@media (min-width: 1200px) {
    .swiper-slide-topCollections {
        width: 33.33333% !important
    }
}

@media (min-width: 992px) {
    .swiper-scrollbar-topCollections {
        display: none !important
    }
}

@media (min-width: 992px) {
    .swiper-button-prev-topCollections, .swiper-button-next-topCollections {
        display: none !important
    }
}

.topCollections-item {
    display: block;
    text-decoration: none;
    position: relative;
    color: #fff
}

.topCollections-item:hover {
    color: #fff
}

.topCollections-item:hover > ._visual > ._image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.topCollections-item:hover > ._text > ._content {
    opacity: .65
}

.topCollections-item > ._visual {
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
    overflow: hidden
}

@media (min-width: 992px) {
    .topCollections-item > ._visual {
        padding-top: 75.4717%
    }
}

.topCollections-item > ._visual > ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: 3s ease
}

.topCollections-item > ._logo {
    position: absolute;
    inset-inline-end: 16px;
    top: 16px
}

.topCollections-item > ._logo > ._image {
    width: 64px;
    height: 64px;
    -o-object-fit: contain;
    object-fit: contain
}

.topCollections-item > ._text {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 24px 20px 20px;
    display: flex;
    align-items: flex-end
}

@media (min-width: 992px) {
    .topCollections-item > ._text {
        min-height: 70%;
        padding: 20px 22px
    }
}

.topCollections-item > ._text > ._content {
    width: 100%;
    transition: .2s ease
}

.topCollections-item > ._text > ._content > ._top {
    display: flex;
    align-items: center;
    color: #fff
}

.topCollections-item > ._text > ._content > ._top > ._left {
    flex: 1;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px
}

.topCollections-item > ._text > ._content > ._top > ._left > ._en {
    font-weight: 500;
    font-family: "Jost", "Noto Sans JP";
    font-size: 20px;
    letter-spacing: .1em;
    line-height: 1.2
}

.topCollections-item > ._text > ._content > ._top > ._left > ._ja {
    font-size: 14px
}

.topCollections-item > ._text > ._content > ._top > ._right > ._gender {
    font-family: "Jost", "Noto Sans JP";
    font-size: 14px;
    letter-spacing: .1em
}

.topCollections-item > ._text > ._content > ._bot {
    margin-top: 16px
}

.topCollections-item > ._text > ._content > ._bot > ._outline {
    font-size: 14px;
    color: #e6e6e6;
    line-height: 1.5
}

.topCollections h2._title {
    opacity: 0
}

.topCollections ._brands {
    opacity: 0
}

.topCollections ._more {
    opacity: 0
}

.topCollections-item {
    opacity: 0
}

.topImportantNotice {
    background-color: #000;
    color: #fff
}

@media (max-width: 991.98px) {
    .topImportantNotice {
        padding: 24px 0
    }
}

.topImportantNotice-inner > ._row {
    align-items: center
}

.topImportantNotice-inner > ._row > ._title {
    text-align: center;
    font-size: 14px
}

@media (max-width: 991.98px) {
    .topImportantNotice-inner > ._row > ._title {
        margin-bottom: 16px
    }
}

.topImportantNotice-inner > ._row > ._title > span:before {
    content: "\E214";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.topImportantNotice-inner > ._row > ._contents {
    position: relative
}

@media (min-width: 992px) {
    .topImportantNotice-inner > ._row > ._contents {
        padding: 40px 0 42px
    }
}

.topImportantNotice-inner > ._row > ._contents > ._list {
    font-size: 12px;
    list-style: none;
    margin: 0;
    padding: 0
}

.topImportantNotice-inner > ._row > ._contents > ._list > ._item {
    position: relative;
    -webkit-padding-start: 1em;
    padding-inline-start: 1em
}

.topImportantNotice-inner > ._row > ._contents > ._list > ._item + ._item {
    margin-top: 8px
}

.topImportantNotice-inner > ._row > ._contents > ._list > ._item:before {
    content: '・';
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    color: #e6e6e6
}

.topImportantNotice-inner > ._row > ._contents > ._list > ._item > ._link {
    color: #e6e6e6;
    text-decoration: none;
    transition: .2s ease
}

.topImportantNotice-inner > ._row > ._contents > ._list > ._item > ._link:hover {
    opacity: .65
}

@media (max-width: 991.98px) {
    .topImportantNotice-inner > ._row > ._contents > ._more {
        margin-top: 16px;
        text-align: center
    }
}

@media (min-width: 992px) {
    .topImportantNotice-inner > ._row > ._contents > ._more {
        position: absolute;
        inset-inline-end: 0;
        bottom: 16px
    }
}

.topImportantNotice-inner > ._row > ._contents > ._more > ._link {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    transition: .2s ease
}

.topImportantNotice-inner > ._row > ._contents > ._more > ._link:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-start: .5em;
    margin-inline-start: .5em
}

[lang=ar] .topImportantNotice-inner > ._row > ._contents > ._more > ._link:after {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.topImportantNotice-inner > ._row > ._contents > ._more > ._link:hover {
    opacity: .65
}

.topNews {
    padding: 80px 0
}

@media (min-width: 992px) {
    .topNews {
        padding: 120px 0
    }
}

.topNews a {
    color: #000
}

.topNews a:hover {
    color: #000
}

.topNews-inner {
    position: relative
}

@media (min-width: 992px) {
    .topNews-inner {
        display: grid;
        grid-template-columns:calc(33% - 12px) calc(67% - 12px);
        grid-template-rows:auto 1fr;
        gap: 40px 24px;
        grid-template-areas:'title list'
 'btn list'
    }

    .topNews-inner > ._head {
        grid-area: title
    }

    .topNews-inner > ._contents {
        grid-area: list
    }

    .topNews-inner > ._more {
        grid-area: btn
    }
}

.topNews-inner > ._head > ._title {
    text-transform: uppercase;
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    .topNews-inner > ._head > ._title {
        text-align: center
    }
}

.topNews-inner > ._head > ._title > ._en {
    display: block;
    font-family: "Jost", "Noto Sans JP";
    font-size: 40px;
    font-weight: 500;
    letter-spacing: .1em
}

@media (max-width: 991.98px) {
    .topNews-inner > ._head > ._title > ._en {
        font-size: 24px
    }
}

.topNews-inner > ._head > ._title > ._ja {
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .1em;
    margin-top: 8px
}

@media (max-width: 991.98px) {
    .topNews-inner > ._contents {
        margin-top: 28px
    }
}

.topNews-inner > ._contents > ._list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.topNews-inner > ._contents > ._list > ._item {
    border-bottom: solid 1px #e6e6e6
}

.topNews-inner > ._contents > ._list > ._item > ._link {
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 12px 0;
    transition: .2s ease
}

.topNews-inner > ._contents > ._list > ._item > ._link:hover {
    opacity: .65
}

.topNews-inner > ._contents > ._list > ._item > ._link > ._date {
    color: #999;
    font-size: 12px
}

.topNews-inner > ._contents > ._list > ._item > ._link > ._tag {
    text-align: center;
    display: inline-block;
    background-color: #f0f0f0;
    font-weight: 500;
    font-size: 12px;
    width: 93px;
    margin-left: 16px;
    margin-right: 16px;
    padding: 0 2px
}

.topNews-inner > ._contents > ._list > ._item > ._link > ._text {
    font-size: 14px;
    line-height: 1.5
}

@media (max-width: 991.98px) {
    .topNews-inner > ._contents > ._list > ._item > ._link > ._text {
        width: 100%;
        margin-top: 8px
    }
}

@media (min-width: 992px) {
    .topNews-inner > ._contents > ._list > ._item > ._link > ._text {
        flex: 1
    }
}

@media (max-width: 991.98px) {
    .topNews-inner > ._more {
        text-align: center;
        margin-top: 40px
    }
}

.topNews-inner > ._more > ._link {
    font-weight: 500;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    padding: 12px 32px;
    min-width: 256px;
    color: #000;
    border: solid 1px #000;
    position: relative;
    transition: .2s ease
}

@media (min-width: 992px) {
    .topNews-inner > ._more > ._link {
        min-width: 224px
    }
}

.topNews-inner > ._more > ._link:after {
    content: '';
    width: 16px;
    height: 1px;
    background-color: #000;
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    transition: .2s ease
}

.topNews-inner > ._more > ._link:hover {
    color: #fff;
    background-color: #193c72;
    border-color: #193c72
}

.topNews-inner > ._more > ._link:hover:after {
    width: 0;
    background-color: #fff
}

.topRecommend {
    background-color: #f9f9f9
}

@media (max-width: 991.98px) {
    .topRecommend {
        padding: 80px 0
    }
}

@media (min-width: 992px) {
    .topRecommend {
        display: flex;
        justify-content: flex-end;
        padding-bottom: 120px;
        position: relative
    }
}

.topRecommend a {
    color: #000
}

.topRecommend a:hover {
    color: #000
}

@media (max-width: 991.98px) {
    .topRecommend > ._style {
        display: none !important
    }
}

@media (min-width: 992px) {
    .topRecommend > ._style {
        z-index: 1;
        width: 45%;
        height: 0;
        padding-top: 56.25%;
        position: relative
    }

    .topRecommend > ._style:after {
        content: '';
        width: 1px;
        height: 240px;
        background-color: #b3b3b3;
        position: absolute;
        inset-inline-start: 50%;
        bottom: -120px
    }
}

@media (min-width: 992px) {
    .topRecommend > ._contents {
        width: 55%;
        padding-top: 80px
    }
}

.topRecommend > ._contents > ._title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0
}

.topRecommend > ._contents > ._title > ._en {
    display: block;
    font-family: "Jost", "Noto Sans JP";
    font-size: 40px;
    font-weight: 500;
    letter-spacing: .1em
}

@media (max-width: 991.98px) {
    .topRecommend > ._contents > ._title > ._en {
        font-size: 24px
    }
}

.topRecommend > ._contents > ._title > ._ja {
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .1em;
    margin-top: 3px
}

@media (max-width: 991.98px) {
    .topRecommend > ._contents > ._items {
        margin-top: 40px
    }
}

@media (min-width: 992px) {
    .topRecommend > ._contents > ._items {
        margin-top: 56px;
        padding: 0 74px
    }
}

.topRecommend > ._contents > ._more {
    text-align: center
}

@media (max-width: 991.98px) {
    .topRecommend > ._contents > ._more {
        margin-top: 40px
    }
}

.topRecommend > ._contents > ._more > ._link {
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    padding: 12px 32px;
    min-width: 256px;
    border: solid 1px #000;
    position: relative;
    transition: .2s ease
}

.topRecommend > ._contents > ._more > ._link:after {
    content: '';
    width: 16px;
    height: 1px;
    background-color: #000;
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    transition: .2s ease
}

.topRecommend > ._contents > ._more > ._link:hover {
    color: #fff;
    background-color: #193c72;
    border-color: #193c72
}

.topRecommend > ._contents > ._more > ._link:hover:after {
    width: 0;
    background-color: #fff
}

@media (min-width: 992px) {
    .swiper-topRecommend {
        opacity: 1 !important;
        overflow: visible;
        position: static
    }
}

@media (min-width: 992px) {
    .swiper-wrapper-topRecommend {
        flex-wrap: wrap;
        position: static;
        -webkit-transform: none;
        transform: none
    }
}

@media (min-width: 992px) {
    .swiper-slide-topRecommend {
        width: 33.33333% !important;
        margin-bottom: 64px;
        position: static
    }
}

@media (min-width: 992px) {
    .swiper-scrollbar-topRecommend {
        display: none !important
    }
}

@media (min-width: 992px) {
    .swiper-button-prev-topRecommend, .swiper-button-next-topRecommend {
        display: none !important
    }
}

.topRecommend-item {
    display: flex;
    align-items: center;
    text-align: center;
    text-decoration: none
}

@media (min-width: 992px) {
    .topRecommend-item {
        max-width: 200px;
        display: block;
        margin: 0 auto
    }

    .topRecommend-item:hover > ._detail > ._text {
        opacity: .65
    }

    .topRecommend-item.is-hoverActive {
        z-index: 10
    }

    .topRecommend-item.is-hoverActive > ._catch {
        opacity: 1;
        transition: opacity 0.5s ease
    }

    .topRecommend-item.is-hoverActive > ._catch > ._image {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media (max-width: 991.98px) {
    .topRecommend-item > ._catch {
        width: 50%;
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 83.18584%
    }

    .topRecommend-item > ._catch > ._image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0
    }
}

@media (min-width: 992px) {
    .topRecommend-item > ._catch {
        pointer-events: none;
        opacity: 0;
        width: 45%;
        height: 0;
        padding-top: 56.25%;
        position: absolute;
        overflow: hidden;
        inset-inline-start: 0;
        top: 0;
        transition: opacity 1s ease
    }

    .topRecommend-item > ._catch > ._image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0;
        transition: -webkit-transform 3s ease;
        transition: transform 3s ease;
        transition: transform 3s ease, -webkit-transform 3s ease;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media (max-width: 991.98px) {
    .topRecommend-item > ._detail {
        width: 50%;
        padding-right: 16px
    }
}

.topRecommend-item > ._detail > ._visual {
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
    overflow: hidden
}

.topRecommend-item > ._detail > ._visual > ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0
}

.topRecommend-item > ._detail > ._text {
    margin-top: 16px;
    font-weight: 500;
    padding: 0 8px;
    transition: .2s ease
}

.topRecommend-item > ._detail > ._text > ._title {
    font-size: 12px
}

.topRecommend-item > ._detail > ._text > ._num {
    font-size: 14px;
    font-family: "Jost", "Noto Sans JP";
    line-height: 1;
    margin-top: 4px
}

.topRecommend h2._title {
    opacity: 0
}

.topRecommend > ._style {
    opacity: 0
}

.topRecommend ._more {
    opacity: 0
}

.topRecommend-item > ._catch img {
    opacity: 0
}

.topRecommend-item > ._detail {
    opacity: 0
}

.topService a {
    color: #000
}

.topService a:hover {
    color: #000
}

.topService-inner > ._items {
    display: flex
}

.topService-inner > ._items > ._item {
    flex: 1
}

.topService-inner > ._items > ._item:not(:first-child) > ._link:before {
    content: '';
    width: 1px;
    height: 120px;
    background-color: #e6e6e6;
    position: absolute;
    inset-inline-start: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 991.98px) {
    .topService-inner > ._items > ._item:not(:first-child) > ._link:before {
        height: 97px
    }
}

.topService-inner > ._items > ._item > ._link {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    position: relative;
    padding: 40px 8px
}

@media (min-width: 992px) {
    .topService-inner > ._items > ._item > ._link {
        min-height: 252px
    }
}

.topService-inner > ._items > ._item > ._link:hover > ._content:after {
    inset-inline-start: calc(50% + 4px);
    opacity: .65
}

.topService-inner > ._items > ._item > ._link:hover > ._content > ._image, .topService-inner > ._items > ._item > ._link:hover > ._content > ._text {
    opacity: .65
}

.topService-inner > ._items > ._item > ._link > ._content {
    position: relative;
    padding-bottom: 28px
}

@media (max-width: 991.98px) {
    .topService-inner > ._items > ._item > ._link > ._content {
        padding-bottom: 24px
    }
}

.topService-inner > ._items > ._item > ._link > ._content:after {
    content: "\E102";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    bottom: 0;
    inset-inline-start: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 20px;
    transition: .2s ease
}

[lang=ar] .topService-inner > ._items > ._item > ._link > ._content:after {
    -webkit-transform: scale(-1, 1) translateX(-50%);
    transform: scale(-1, 1) translateX(-50%)
}

.topService-inner > ._items > ._item > ._link > ._content > ._image {
    width: 32px;
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    transition: .2s ease
}

.topService-inner > ._items > ._item > ._link > ._content > ._text {
    margin-top: 12px;
    font-size: 14px;
    letter-spacing: .1em;
    transition: .2s ease;
    line-height: 1.5
}

@media (max-width: 991.98px) {
    .topService-inner > ._items > ._item > ._link > ._content > ._text {
        margin-top: 8px;
        font-size: 12px
    }
}

@media (min-width: 992px) {
    .topService-inner > ._items > ._item > ._link > ._content > ._text > ._br {
        display: none
    }
}

.topService ._content {
    opacity: 0
}

.topVisual {
    position: relative
}

.topVisual > ._scroll {
    position: absolute;
    bottom: 0;
    inset-inline-start: 5px;
    z-index: 1;
    height: 160px;
    -webkit-padding-end: 2px;
    padding-inline-end: 2px;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

@media (max-width: 991.98px) {
    .topVisual > ._scroll {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .topVisual > ._scroll {
        inset-inline-start: 40px
    }
}

.topVisual > ._scroll:after {
    content: '';
    height: 100%;
    width: 1px;
    background-color: #fff;
    position: absolute;
    inset-inline-end: 0;
    top: 0
}

.topVisual > ._scroll span {
    color: #fff;
    text-transform: uppercase;
    font-family: "Jost", "Noto Sans JP";
    font-size: 10px;
    letter-spacing: .2em;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-topVisual.is-notSwiper .swiper-controll {
    display: none !important
}

@media (max-width: 991.98px) {
    .swiper-topVisual .swiper-controll {
        position: absolute;
        bottom: 16px;
        inset-inline-end: 16px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }
}

@media (min-width: 992px) {
    .swiper-topVisual .swiper-controll {
        position: absolute;
        bottom: 40px;
        inset-inline-end: 10px;
        z-index: 1;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 16px
    }
}

@media (min-width: 1200px) {
    .swiper-topVisual .swiper-controll {
        inset-inline-end: 24px
    }
}

.swiper-topVisual .swiper-pagination {
    position: relative
}

.swiper-topVisual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    pointer-events: none
}

.swiper-topVisual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    opacity: 1
}

@media (max-width: 991.98px) {
    .swiper-topVisual .swiper-pagination {
        display: flex;
        inset-inline-start: auto;
        bottom: auto;
        width: auto;
        -webkit-margin-end: 4px;
        margin-inline-end: 4px
    }

    .swiper-topVisual .swiper-pagination .swiper-pagination-bullet {
        margin: 0 4px;
        display: block;
        height: 2px;
        width: 20px;
        background-color: #fff;
        opacity: 1;
        border-radius: 0;
        position: relative
    }

    .swiper-topVisual .swiper-pagination .swiper-pagination-bullet:after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: #193c72;
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        opacity: 0;
        transition: .2s
    }
}

@media (min-width: 992px) {
    .swiper-topVisual .swiper-pagination {
        width: 2px;
        inset-inline-start: auto;
        bottom: auto;
        margin-bottom: 16px
    }

    .swiper-topVisual .swiper-pagination .swiper-pagination-bullet {
        margin: 8px 0;
        display: block;
        height: 40px;
        width: 2px;
        background-color: #fff;
        opacity: 1;
        border-radius: 0;
        position: relative;
        transition: .2s ease
    }

    .swiper-topVisual .swiper-pagination .swiper-pagination-bullet:after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: #193c72;
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        opacity: 0;
        transition: .2s
    }

    .swiper-topVisual .swiper-pagination .swiper-pagination-bullet:hover {
        opacity: .65
    }
}

.topVisualSlide {
    display: block;
    position: relative;
    color: #fff
}

.topVisualSlide:hover {
    color: #fff;
    text-decoration: none
}

.topVisualSlide > ._bg {
    overflow: hidden
}

@media (max-width: 575.98px) {
    .topVisualSlide > ._bg {
        height: 100vh
    }
}

@media (min-width: 576px) {
    .topVisualSlide > ._bg {
        height: 750px
    }
}

@media (min-width: 768px) {
    .topVisualSlide > ._bg {
        height: auto
    }
}

.topVisualSlide > ._bg ._cover {
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .topVisualSlide > ._bg ._cover {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 56.25%
    }
}

@media (min-width: 992px) {
    .topVisualSlide > ._bg ._cover {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 50%
    }
}

.topVisualSlide > ._bg ._image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 768px) {
    .topVisualSlide > ._bg ._image {
        position: absolute;
        top: 0;
        left: 0
    }
}

.topVisualSlide > ._read {
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 100%;
    z-index: 1
}

@media (max-width: 991.98px) {
    .topVisualSlide > ._read {
        padding-top: 106px;
        padding-bottom: 80px
    }
}

@media (min-width: 992px) {
    .topVisualSlide > ._read {
        padding-top: 175px;
        padding-bottom: 64px;
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px
    }
}

@media (min-width: 1200px) {
    .topVisualSlide > ._read {
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        -webkit-padding-end: 0;
        padding-inline-end: 0
    }
}

.topVisualSlide > ._read ._title {
    font-family: "Jost", "Noto Sans JP";
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.25;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2)
}

@media (max-width: 991.98px) {
    .topVisualSlide > ._read ._title {
        font-size: 36px
    }
}

@media (min-width: 992px) {
    .topVisualSlide > ._read ._title {
        font-size: 56px
    }
}

.topVisualSlide > ._read ._subTitle {
    letter-spacing: .06em;
    font-weight: 500;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2)
}

@media (max-width: 991.98px) {
    .topVisualSlide > ._read ._subTitle {
        font-size: 16px;
        margin-top: 8px
    }
}

@media (min-width: 992px) {
    .topVisualSlide > ._read ._subTitle {
        font-size: 24px
    }
}

.topVisualSlide > ._read ._info {
    font-weight: 400;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2)
}

@media (max-width: 991.98px) {
    .topVisualSlide > ._read ._info {
        font-size: 12px;
        margin-top: 4px
    }
}

@media (min-width: 992px) {
    .topVisualSlide > ._read ._info {
        font-size: 14px
    }
}

.swiper-wrapper-topVisual {
    transition-timing-function: ease
}

.swiper:not(.is-notSwiper) .topVisualSlide > ._bg ._image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.swiper:not(.is-notSwiper) .topVisualSlide > ._read ._animate .word {
    display: inline-block
}

.swiper:not(.is-notSwiper) .topVisualSlide > ._read ._animate .char {
    opacity: 0;
    display: inline-block
}

.watchfinder-input {
    background-color: #f9f9f9;
    border-bottom: solid 1px #f0f0f0;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .watchfinder-input-top {
        padding: 24px 0 16px
    }
}

@media (min-width: 768px) {
    .watchfinder-input-top {
        padding: 24px 0;
        display: flex;
        border-bottom: solid 1px #f0f0f0
    }
}

@media (min-width: 768px) {
    .watchfinder-number {
        width: 194px
    }
}

.watchfinder-number > ._label {
    font-size: 14px;
    font-weight: bold
}

.watchfinder-number > ._input input {
    height: 50px;
    padding: 16px 8px
}

.watchfinder-number > ._input input::-webkit-input-placeholder {
    font-size: 12px
}

.watchfinder-number > ._input input::-moz-placeholder {
    font-size: 12px
}

.watchfinder-number > ._input input:-ms-input-placeholder {
    font-size: 12px
}

.watchfinder-number > ._input input::-ms-input-placeholder {
    font-size: 12px
}

.watchfinder-number > ._input input::placeholder {
    font-size: 12px
}

@media (max-width: 767.98px) {
    .watchfinder-brand {
        margin-top: 16px
    }
}

@media (min-width: 768px) {
    .watchfinder-brand {
        flex: 1;
        -webkit-padding-start: 40px;
        padding-inline-start: 40px
    }
}

.watchfinder-brand > ._title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px
}

@media (max-width: 767.98px) {
    .watchfinder-brand > .row {
        -webkit-margin-end: -9px;
        margin-inline-end: -9px
    }
}

@media (max-width: 991.98px) {
    .watchfinder-input-detail {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse
    }
}

@media (min-width: 992px) {
    .watchfinder-input-detail {
        display: flex;
        padding: 24px 0 16px
    }
}

@media (max-width: 991.98px) {
    .watchfinder-utility {
        width: 100%;
        text-align: center;
        margin-top: 24px;
        padding-bottom: 24px
    }
}

@media (min-width: 992px) {
    .watchfinder-utility {
        width: 258px
    }
}

@media (max-width: 991.98px) {
    .watchfinder-utility > ._items {
        display: none
    }
}

.watchfinder-utility > ._items > ._item + ._item {
    margin-top: 4px
}

.watchfinder-utility > ._items > ._item > ._button {
    font-weight: bold;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: solid 1px #333;
    font-size: 12px;
    padding: 5px 16px;
    width: 194px;
    color: #000;
    transition: .2s ease
}

.watchfinder-utility > ._items > ._item > ._button.is-active {
    background-color: #333;
    color: #fff
}

.watchfinder-utility > ._items > ._item > ._button .watchfinder-badge {
    position: absolute;
    inset-inline-end: -24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 991.98px) {
    .watchfinder-utility > ._reset .watchfinder-reset-button {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 992px) {
    .watchfinder-utility > ._reset {
        margin-top: 16px
    }
}

.watchfinder-utility > ._count {
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    margin-top: 16px;
    font-size: 14px
}

.watchfinder-utility > ._count > ._num {
    font-size: 24px;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px
}

@media (max-width: 991.98px) {
    .watchfinder-main {
        width: 100%;
        border-top: solid 1px #f0f0f0
    }
}

@media (min-width: 992px) {
    .watchfinder-main {
        flex: 1
    }
}

@media (min-width: 992px) {
    .watchfinder-detail-group {
        display: none
    }

    .watchfinder-detail-group.is-active {
        display: block
    }
}

.watchfinder-detail-group > ._button {
    font-weight: 500;
    color: #000;
    text-decoration: none;
    display: block;
    text-align: left;
    padding-top: 19px;
    padding-bottom: 19px;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    -webkit-padding-end: 48px;
    padding-inline-end: 48px;
    font-size: 12px;
    border: none;
    width: 100%;
    position: relative;
    border-bottom: solid 1px #f0f0f0
}

@media (min-width: 992px) {
    .watchfinder-detail-group > ._button {
        display: none
    }
}

.watchfinder-detail-group > ._button:after {
    content: "\E202";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-inline-end: 16px;
    inset-block-start: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px
}

.watchfinder-detail-group > ._button.is-active:after {
    content: "\E203";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.watchfinder-detail-group > ._button .watchfinder-badge {
    -webkit-margin-start: 8px;
    margin-inline-start: 8px
}

@media (max-width: 991.98px) {
    .watchfinder-detail-group > ._body {
        display: none;
        padding: 16px 32px;
        border-bottom: solid 1px #f0f0f0
    }
}

@media (min-width: 992px) {
    .watchfinder-detail-group > ._body {
        display: block !important
    }
}

.watchfinder-detail-group > ._body > ._group > ._title {
    font-size: 12px;
    line-height: 1.5;
    word-break: break-all
}

.watchfinder-detail-group > ._body > ._group > ._title > span {
    font-weight: bold
}

.watchfinder-detail-group > ._body > ._group > ._title > span + span {
    font-weight: 500
}

@media (max-width: 991.98px) {
    .watchfinder-detail-group > ._body > ._group + ._group {
        margin-top: 24px
    }

    .watchfinder-detail-group > ._body > ._group > ._title {
        margin-bottom: 16px
    }

    .watchfinder-detail-group > ._body > ._group > ._title > span + span {
        -webkit-margin-start: 8px;
        margin-inline-start: 8px
    }
}

@media (min-width: 992px) {
    .watchfinder-detail-group > ._body > ._group {
        display: flex
    }

    .watchfinder-detail-group > ._body > ._group + ._group {
        margin-top: 16px;
        padding-top: 16px;
        border-top: solid 1px #f0f0f0
    }

    .watchfinder-detail-group > ._body > ._group > ._title {
        width: 140px
    }

    .watchfinder-detail-group > ._body > ._group > ._title > span {
        display: block
    }

    .watchfinder-detail-group > ._body > ._group > ._contents {
        flex: 1
    }
}

.watchfinder-badge {
    background-color: #193c72;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border-radius: 100%;
    width: 18px;
    height: 18px;
    font-size: 10px;
    color: #fff
}

.watchfinder-reset-button {
    font-weight: 500;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ccc;
    border: none;
    font-size: 12px;
    padding: 5px 16px;
    color: #000;
    transition: .2s ease
}

@media (max-width: 991.98px) {
    .watchfinder-reset-button {
        width: 100%;
        max-width: 342px;
        padding: 13px 16px
    }
}

.watchfinder-reset-button:after {
    content: "\E230";
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    transition: .2s ease;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px
}

.watchfinder-reset-button:hover {
    background-color: #b3b3b3
}

.watchfinder-reset-button:hover:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.watchfinder-result {
    padding-top: 24px;
    padding-bottom: 64px
}

@media (max-width: 991.98px) {
    .watchfinder-result {
        padding-top: 24px;
        padding-bottom: 40px
    }
}

.watchfinder-note {
    margin-bottom: 16px
}

.watchfinder-sort {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.watchfinder-sort .select-sort-label {
    margin-bottom: 0;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

.watchfinder-sort .select-sort {
    width: 155px
}

.watchfinder-list {
    margin-top: 40px
}

@media (max-width: 991.98px) {
    .watchfinder-list {
        margin-top: 24px
    }
}

.watchfinder-list-more {
    text-align: center;
    margin-top: 40px
}

.productlist-enter-active {
    transition: all 1s ease
}

.productlist-enter-from {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

.wishList {
    padding-bottom: 64px
}

@media (max-width: 767.98px) {
    .wishList-header {
        background-color: #f9f9f9;
        padding-top: 24px;
        padding-bottom: 24px
    }
}

@media (min-width: 768px) {
    .wishList-header {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.wishList-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.wishList-count {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 14px
}

.wishList-count > span {
    font-size: 24px;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px
}

@media (max-width: 767.98px) {
    .wishList-count {
        width: 50%
    }
}

@media (max-width: 767.98px) {
    .wishList-sort {
        width: 50%;
        -webkit-padding-start: 4px;
        padding-inline-start: 4px
    }

    .wishList-sort .select-sort-label {
        display: block;
        margin-bottom: 8px;
        line-height: 1.5
    }

    .wishList-sort .select-sort {
        width: 100%
    }
}

@media (min-width: 768px) {
    .wishList-sort {
        display: flex;
        align-items: center
    }

    .wishList-sort .select-sort-label {
        -webkit-margin-end: 12px;
        margin-inline-end: 12px
    }

    .wishList-sort .select-sort {
        width: 160px
    }
}

.wishList-main {
    position: relative
}

@media (max-width: 767.98px) {
    .wishList-main {
        padding-top: 16px
    }
}

.wishList-thumb {
    background-color: #fff;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 10;
    transition: .2s ease
}

.wishList-thumb.is-slideBottom.is-sticky {
    top: 64px
}

@media (min-width: 992px) {
    .wishList-thumb.is-slideBottom.is-sticky {
        top: 72px
    }
}

.wishList-thumb.is-sticky {
    position: fixed;
    border-bottom: solid 1px #f0f0f0
}

.wishList-thumb.is-sticky .wishList-item-card .card-product {
    padding: 24px 0px 16px;
    background-color: transparent
}

.wishList-thumb.is-sticky .wishList-item-card .card-product > ._sub {
    margin-bottom: -24px
}

.wishList-thumb.is-sticky .wishList-item-card .card-product > ._sub > ._left {
    opacity: 0
}

.wishList-thumb.is-sticky .wishList-item-card .card-product > ._visual {
    max-width: 80px
}

.wishList-thumb.is-sticky .wishList-item-card .card-product > ._info > ._edition {
    display: none
}

@media (min-width: 768px) {
    .wishList-thumb.is-sticky .wishList-item-card .card-product {
        padding: 24px 16px 16px;
        background-color: transparent
    }

    .wishList-thumb.is-sticky .wishList-item-card .card-product > ._sub {
        margin-bottom: -28px
    }

    .wishList-thumb.is-sticky .wishList-item-card .card-product > ._sub > ._left {
        opacity: 0
    }

    .wishList-thumb.is-sticky .wishList-item-card .card-product > ._visual {
        max-width: 104px
    }

    .wishList-thumb.is-sticky .wishList-item-card .card-product > ._info > ._edition {
        display: none
    }
}

.wishList-item-card {
    height: 100%;
    transition: .3s
}

.wishList-item-card .card-product {
    width: 100%;
    height: 100%;
    transition: .3s
}

.wishList-item-card .card-product > ._sub > ._left {
    transition: .3s
}

.wishList-item-card .card-product > ._visual {
    transition: .3s
}

.wishList-item-card .card-product > ._info > ._edition {
    transition: .3s
}

.wishList-item-btn {
    width: 100%;
    margin-top: auto
}

.wishList-item-btn > * {
    margin-top: 8px;
    width: 100%;
    text-align: center;
    height: 50px;
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width: 767.98px) {
    .wishList-item-body {
        padding-top: 24px
    }
}

@media (min-width: 768px) {
    .wishList-item-body {
        padding-top: 40px
    }
}

.wishList-item-body > ._group + ._group {
    margin-top: 40px
}

.wishList-item-body > ._group > ._group-header {
    font-size: 14px;
    font-weight: bold;
    background-color: #f0f0f0;
    line-height: 1.5;
    padding: 8px 16px
}

.wishList-item-body > ._group > ._group-body {
    height: 100%;
    position: relative
}

.wishList-item-body > ._group > ._group-body:before {
    content: '';
    height: calc(100% - 24px);
    width: 1px;
    background-color: #f0f0f0;
    position: absolute;
    inset-inline-start: -12px;
    top: 24px
}

@media (max-width: 767.98px) {
    .wishList-item-body > ._group > ._group-body:before {
        inset-inline-start: -4px
    }
}

.wishList-item-body > ._group > ._group-body > ._list {
    height: 100%;
    list-style-type: none;
    padding: 24px 16px;
    margin: 0;
    position: relative
}

@media (max-width: 767.98px) {
    .wishList-item-body > ._group > ._group-body > ._list {
        padding: 24px 4px
    }
}

.wishList-item-body > ._group > ._group-body > ._list > li + li {
    margin-top: 24px
}

.wishList-item-body > ._group > ._group-body > ._list > li > ._title {
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 8px
}

.wishList-item-body > ._group > ._group-body > ._list > li > ._detail {
    font-size: 12px
}

.wishList-item-body > ._group > ._group-body > ._list > li > ._detail ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 1rem
}

.wishList-item-body > ._group > ._group-body > ._list > li > ._detail ul li {
    position: relative;
    -webkit-padding-start: 1em;
    padding-inline-start: 1em
}

.wishList-item-body > ._group > ._group-body > ._list > li > ._detail ul li:before {
    content: '・';
    position: absolute;
    inset-inline-start: 0;
    top: 0
}

.swiper-wrapper-wishListThumb, .swiper-wrapper-wishList {
    transition-timing-function: ease
}

.swiper-slide-wishListThumb, .swiper-slide-wishList {
    height: auto
}

@media (max-width: 767.98px) {
    .swiper-button-container-wishlistThumb > .swiper-button-prev, .swiper-button-container-wishlistThumb > .swiper-button-next {
        top: 50%;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (min-width: 768px) {
    .swiper-button-container-wishlistThumb {
        pointer-events: none;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 50px;
        max-width: calc(1080px + 32px * 2);
        z-index: 2
    }

    .swiper-button-container-wishlistThumb > .swiper-button-prev, .swiper-button-container-wishlistThumb > .swiper-button-next {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (max-width: 767.98px) {
    .section .float {
        display: flex;
        flex-wrap: wrap
    }

    .section .float > .float-start, .section .float > .float-end {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .section .float > .order-1 {
        margin-bottom: 24px
    }
}

@media (min-width: 768px) {
    .section .float {
        margin-bottom: 24px
    }
}

@media (max-width: 767.98px) {
    .section .float .float-body {
        margin-bottom: 24px
    }
}

.section .float .float-body > *:last-child {
    margin-bottom: 0
}

.col-md-12 .fxbBasic-image.is-type-1 > * {
    display: block
}

.col-md-12 .fxbBasic-image.is-type-1 .modal-trigger-video {
    width: 100%
}

.col-md-12 .fxbBasic-image.is-type-1 ._cover {
    overflow: hidden;
    position: relative
}

.col-md-12 .fxbBasic-image.is-type-1 ._cover * {
    position: absolute;
    max-height: none;
    max-width: none
}

@media (max-width: 767.98px) {
    .col-md-12 .fxbBasic-image.is-type-1 ._cover {
        padding-top: 39.0625%
    }

    .col-md-12 .fxbBasic-image.is-type-1 ._cover * {
        height: 225%;
        width: 156.25%;
        top: -62.4%;
        left: -28.125%
    }
}

@media (min-width: 768px) {
    .col-md-12 .fxbBasic-image.is-type-1 ._cover {
        width: 100%;
        height: 500px
    }

    .col-md-12 .fxbBasic-image.is-type-1 ._cover * {
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.col-md-12 .fxbBasic-image.is-type-2 > * {
    display: block
}

.col-md-12 .fxbBasic-image.is-type-2 .modal-trigger-video {
    width: 100%
}

.col-md-12 .fxbBasic-image.is-type-2 ._cover {
    overflow: hidden;
    position: relative
}

.col-md-12 .fxbBasic-image.is-type-2 ._cover * {
    position: absolute;
    max-height: none;
    max-width: none
}

@media (max-width: 767.98px) {
    .col-md-12 .fxbBasic-image.is-type-2 ._cover {
        padding-top: 54.6875%
    }

    .col-md-12 .fxbBasic-image.is-type-2 ._cover * {
        height: 160.71429%;
        width: 156.25%;
        top: -30.28571%;
        left: -28.125%
    }
}

@media (min-width: 768px) {
    .col-md-12 .fxbBasic-image.is-type-2 ._cover {
        width: 100%;
        height: 700px
    }

    .col-md-12 .fxbBasic-image.is-type-2 ._cover * {
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.col-md-12 .fxbBasic-image.is-type-3 > * {
    display: block
}

.col-md-12 .fxbBasic-image.is-type-3 .modal-trigger-video {
    width: 100%
}

.col-md-12 .fxbBasic-image.is-type-3 ._cover {
    overflow: hidden;
    position: relative
}

.col-md-12 .fxbBasic-image.is-type-3 ._cover * {
    position: absolute;
    max-height: none;
    max-width: none
}

@media (max-width: 767.98px) {
    .col-md-12 .fxbBasic-image.is-type-3 ._cover {
        padding-top: 31.25%
    }

    .col-md-12 .fxbBasic-image.is-type-3 ._cover * {
        height: 180%;
        width: 100%;
        top: -40%;
        left: 0
    }
}

@media (min-width: 768px) {
    .col-md-12 .fxbBasic-image.is-type-3 ._cover {
        width: 100%;
        height: 625px
    }

    .col-md-12 .fxbBasic-image.is-type-3 ._cover * {
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.col-md-6 .fxbBasic-image.is-type-1 > * {
    display: block
}

.col-md-6 .fxbBasic-image.is-type-1 .modal-trigger-video {
    width: 100%
}

.col-md-6 .fxbBasic-image.is-type-1 ._cover {
    overflow: hidden;
    position: relative
}

.col-md-6 .fxbBasic-image.is-type-1 ._cover * {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 767.98px) {
    .col-md-6 .fxbBasic-image.is-type-1 ._cover {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 78.125%
    }

    .col-md-6 .fxbBasic-image.is-type-1 ._cover * {
        width: 100%;
        height: 100%
    }
}

@media (min-width: 768px) {
    .col-md-6 .fxbBasic-image.is-type-1 ._cover {
        width: 100%;
        height: 500px
    }

    .col-md-6 .fxbBasic-image.is-type-1 ._cover * {
        height: 100%
    }
}

.imageCarousel {
    margin-bottom: 2rem
}

.imageCarousel-cover {
    overflow: hidden;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 75%
}

.imageCarousel-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

.swiper-wrapper-imageCarousel {
    transition-timing-function: ease
}

.parallaxImage {
    width: 100%;
    min-height: 140px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767.98px) {
    .parallaxImage {
        padding-top: 40px;
        padding-bottom: 40px;
        min-height: 61.5vw
    }
}

@media (min-width: 768px) {
    .parallaxImage {
        min-height: 350px;
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.parallaxImage-image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

@media (max-width: 767.98px) {
    .parallaxImage-image {
        -webkit-transform: none !important;
        transform: none !important
    }
}

@media (min-width: 768px) {
    .parallaxImage-image {
        top: -400px
    }
}

.parallaxImage-image img {
    position: absolute
}

@media (max-width: 767.98px) {
    .parallaxImage-image img {
        -o-object-fit: cover;
        object-fit: cover;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
}

@media (min-width: 768px) {
    .parallaxImage-image img {
        top: 50%;
        left: 50%;
        max-width: none;
        max-height: none;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.parallaxImage-body {
    position: relative;
    max-width: 1080px;
    padding-left: 24px;
    padding-right: 24px
}

@media (min-width: 768px) {
    .parallaxImage-body {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 768px) {
    .container .parallaxImage-body {
        padding-left: 126px;
        padding-right: 126px
    }
}

.parallaxImage-body > *:last-child {
    margin-bottom: 0
}

.section {
    font-weight: 500
}

.section-body > [class*="container"] > *:last-child {
    margin-bottom: 0
}

.section-body > [class*="container"] > [class*="row"] > [class*="col"] > *:last-child {
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .section-space-top-0 {
        padding-top: 0px
    }
}

@media (min-width: 768px) {
    .section-space-top-0 {
        padding-top: 0px
    }
}

@media (max-width: 767.98px) {
    .section-space-top-1 {
        padding-top: 16px
    }
}

@media (min-width: 768px) {
    .section-space-top-1 {
        padding-top: 24px
    }
}

@media (max-width: 767.98px) {
    .section-space-top-2 {
        padding-top: 24px
    }
}

@media (min-width: 768px) {
    .section-space-top-2 {
        padding-top: 40px
    }
}

@media (max-width: 767.98px) {
    .section-space-top-3 {
        padding-top: 40px
    }
}

@media (min-width: 768px) {
    .section-space-top-3 {
        padding-top: 64px
    }
}

@media (max-width: 767.98px) {
    .section-space-top-pc0sp3 {
        padding-top: 40px
    }
}

@media (min-width: 768px) {
    .section-space-top-pc0sp3 {
        padding-top: 0px
    }
}

@media (max-width: 767.98px) {
    .section-space-bottom-0 {
        padding-bottom: 0px
    }
}

@media (min-width: 768px) {
    .section-space-bottom-0 {
        padding-bottom: 0px
    }
}

@media (max-width: 767.98px) {
    .section-space-bottom-1 {
        padding-bottom: 16px
    }
}

@media (min-width: 768px) {
    .section-space-bottom-1 {
        padding-bottom: 24px
    }
}

@media (max-width: 767.98px) {
    .section-space-bottom-2 {
        padding-bottom: 24px
    }
}

@media (min-width: 768px) {
    .section-space-bottom-2 {
        padding-bottom: 40px
    }
}

@media (max-width: 767.98px) {
    .section-space-bottom-3 {
        padding-bottom: 40px
    }
}

@media (min-width: 768px) {
    .section-space-bottom-3 {
        padding-bottom: 64px
    }
}

@media (max-width: 767.98px) {
    .section-space-bottom-pc0sp3 {
        padding-bottom: 40px
    }
}

@media (min-width: 768px) {
    .section-space-bottom-pc0sp3 {
        padding-bottom: 0px
    }
}

.section-title {
    letter-spacing: .1em;
    text-align: center;
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .section-title {
        margin-bottom: 64px
    }
}

.bg-white {
    background-color: #fff
}

.bg-white:not([class*="bg-image"]) + .bg-white {
    padding-top: 0 !important
}

.bg-white .section-title {
    color: #000
}

.bg-gray {
    background-color: #f9f9f9
}

.bg-gray:not([class*="bg-image"]) + .bg-gray {
    padding-top: 0 !important
}

.bg-gray .section-title {
    color: #000
}

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

.bg-black:not([class*="bg-image"]) + .bg-black {
    padding-top: 0 !important
}

.bg-black .section-title {
    color: #fff
}

.bg-image {
    background-size: cover
}

.color-white {
    color: #fff
}

.color-white .heading-h2, .color-white .heading-h3 {
    color: #fff
}

.color-black {
    color: #000
}

.color-black .heading-h2, .color-black .heading-h3 {
    color: #000
}

@media (min-width: 768px) {
    .color-md-white {
        color: #fff
    }

    .color-md-white .heading-h2, .color-md-white .heading-h3 {
        color: #fff
    }
}

@media (min-width: 768px) {
    .color-md-black {
        color: #000
    }

    .color-md-black .heading-h2, .color-md-black .heading-h3 {
        color: #000
    }
}

.tableOfContents {
    padding: 1rem;
    background-color: #f9f9f9
}

.tableOfContents > ._title {
    font-weight: bold;
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .tableOfContents > ._title {
        font-size: 1rem
    }
}

.tableOfContents > ._list {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .tableOfContents {
        padding: 2.5rem
    }
}

@media (max-width: 991.98px) {
    .section.bg-white.color-white .textOnBackgroundImage {
        color: #000
    }

    .section.bg-white.color-white .textOnBackgroundImage .heading-h2, .section.bg-white.color-white .textOnBackgroundImage .heading-h3 {
        color: #000
    }

    .textOnBackgroundImage .btn-outline-white {
        color: #000;
        border-color: #000
    }

    .textOnBackgroundImage .btn-outline-white:after {
        background-color: #000
    }

    .textOnBackgroundImage .btn-outline-white:hover {
        color: #fff;
        border-color: #193c72;
        background-color: #193c72
    }

    .textOnBackgroundImage .btn-outline-white:hover:after {
        background-color: #fff
    }

    .textOnBackgroundImage .btn-white {
        color: #fff;
        border-color: #000;
        background-color: #000
    }

    .textOnBackgroundImage .btn-white:hover {
        color: #fff;
        border-color: #193c72;
        background-color: #193c72
    }
}

@media (min-width: 992px) {
    .textOnBackgroundImage:not(.is-type-1):not(.is-type-2) {
        min-height: 500px;
        position: relative
    }
}

@media (max-width: 991.98px) {
    .textOnBackgroundImage:not(.is-type-1):not(.is-type-2).is-direction-start .textOnBackgroundImage-image > ._cover > * {
        inset-inline-start: -125%
    }
}

@media (max-width: 991.98px) {
    .textOnBackgroundImage:not(.is-type-1):not(.is-type-2).is-direction-center .textOnBackgroundImage-image > ._cover > * {
        inset-inline-end: -25%
    }
}

@media (max-width: 991.98px) {
    .textOnBackgroundImage:not(.is-type-1):not(.is-type-2).is-direction-end .textOnBackgroundImage-image > ._cover > * {
        inset-inline-end: -125%
    }
}

@media (max-width: 991.98px) {
    .textOnBackgroundImage:not(.is-type-1):not(.is-type-2) .textOnBackgroundImage-image > ._cover {
        overflow: hidden;
        padding-top: 62.5%;
        position: relative
    }
}

@media (max-width: 991.98px) {
    .textOnBackgroundImage:not(.is-type-1):not(.is-type-2) .textOnBackgroundImage-image > ._cover * {
        height: 225%;
        max-width: none;
        position: absolute;
        top: -62.4%;
        width: 250%
    }
}

@media (min-width: 992px) {
    .textOnBackgroundImage:not(.is-type-1):not(.is-type-2) .textOnBackgroundImage-image > ._cover * {
        height: 100%;
        inset-inline-start: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }
}

@media (min-width: 992px) {
    .textOnBackgroundImage.is-type-1 {
        min-height: 500px;
        overflow: hidden;
        position: relative;
        align-items: center;
        display: flex
    }

    .textOnBackgroundImage.is-type-1.is-direction-start {
        justify-content: flex-start
    }

    .textOnBackgroundImage.is-type-1.is-direction-center {
        justify-content: center
    }

    .textOnBackgroundImage.is-type-1.is-direction-end {
        justify-content: flex-end
    }
}

@media (min-width: 992px) {
    .textOnBackgroundImage.is-type-2 {
        position: relative
    }
}

@media (max-width: 991.98px) {
    .textOnBackgroundImage.is-type-1 .textOnBackgroundImage-image > ._cover {
        overflow: hidden;
        padding-top: 62.5%;
        position: relative
    }
}

@media (max-width: 991.98px) {
    .textOnBackgroundImage.is-type-2 .textOnBackgroundImage-image > ._cover {
        display: flex;
        overflow: hidden
    }
}

@media (max-width: 991.98px) {
    .textOnBackgroundImage.is-type-2.is-direction-start .textOnBackgroundImage-image > ._cover {
        justify-content: flex-end
    }
}

@media (max-width: 991.98px) {
    .textOnBackgroundImage.is-type-2.is-direction-center .textOnBackgroundImage-image > ._cover {
        justify-content: center
    }
}

@media (max-width: 991.98px) {
    .textOnBackgroundImage.is-type-2.is-direction-end .textOnBackgroundImage-image > ._cover {
        justify-content: flex-start
    }
}

.textOnBackgroundImage.is-type-1 .textOnBackgroundImage-image > ._cover * {
    max-width: none;
    position: absolute
}

@media (max-width: 991.98px) {
    .textOnBackgroundImage.is-type-1 .textOnBackgroundImage-image > ._cover * {
        height: 225%;
        top: -62.4%;
        width: 250%
    }
}

@media (min-width: 992px) {
    .textOnBackgroundImage.is-type-1 .textOnBackgroundImage-image > ._cover * {
        left: 50%;
        max-height: none;
        max-width: none;
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media (max-width: 991.98px) {
    .textOnBackgroundImage.is-type-1.is-direction-start .textOnBackgroundImage-image > ._cover * {
        inset-inline-start: -125%
    }
}

@media (max-width: 991.98px) {
    .textOnBackgroundImage.is-type-1.is-direction-center .textOnBackgroundImage-image > ._cover * {
        inset-inline-end: -125%
    }
}

@media (max-width: 991.98px) {
    .textOnBackgroundImage.is-type-1.is-direction-end .textOnBackgroundImage-image > ._cover * {
        inset-inline-end: -125%
    }
}

@media (max-width: 991.98px) {
    .textOnBackgroundImage.is-type-2 .textOnBackgroundImage-image > ._cover * {
        flex: 0 0 200%;
        max-width: none;
        max-width: 200%;
        width: 200%
    }
}

@media (min-width: 992px) {
    .textOnBackgroundImage.is-type-2 .textOnBackgroundImage-image > ._cover * {
        width: 100%
    }
}

@media (max-width: 991.98px) {
    .textOnBackgroundImage-body {
        margin-top: 40px;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative
    }
}

@media (min-width: 992px) {
    .textOnBackgroundImage-body {
        width: 100%;
        max-width: 1080px;
        position: relative;
        padding-top: 64px;
        padding-bottom: 64px;
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 992px) {
    .container .textOnBackgroundImage-body {
        padding-top: 48px;
        padding-bottom: 48px;
        padding-left: 126px;
        padding-right: 126px
    }
}

@media (max-width: 991.98px) {
    .container-disabled .textOnBackgroundImage-body {
        padding-left: 16px;
        padding-right: 16px
    }
}

.textOnBackgroundImage-body > *:last-child {
    margin-bottom: 0
}

@media (min-width: 992px) {
    .textOnBackgroundImage.is-direction-start .textOnBackgroundImage-body, .textOnBackgroundImage.is-direction-end .textOnBackgroundImage-body {
        width: 50%;
        padding-left: 10%;
        padding-right: 10%
    }
}

@media (min-width: 992px) {
    .textOnBackgroundImage.is-type-2 .textOnBackgroundImage-body {
        max-height: 100%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width: 992px) {
    .textOnBackgroundImage.is-type-2.is-direction-start .textOnBackgroundImage-body {
        inset-inline-start: 0
    }
}

@media (min-width: 992px) {
    .textOnBackgroundImage.is-type-2.is-direction-center .textOnBackgroundImage-body {
        inset-inline-start: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media (min-width: 992px) {
    .textOnBackgroundImage.is-type-2.is-direction-end .textOnBackgroundImage-body {
        inset-inline-end: 0
    }
}

@media (min-width: 992px) {
    .twoColumnImageCarousel {
        display: flex;
        flex-wrap: wrap
    }
}

.twoColumnImageCarousel-image {
    position: relative
}

@media (max-width: 991.98px) {
    .twoColumnImageCarousel-image {
        margin-bottom: 16px
    }
}

@media (min-width: 992px) {
    .twoColumnImageCarousel-image {
        flex: 0 0 50%;
        max-width: 50%;
        padding-bottom: 0
    }
}

.twoColumnImageCarousel.type-1 .twoColumnImageCarousel-image-cover {
    overflow: hidden;
    position: relative
}

.twoColumnImageCarousel.type-1 .twoColumnImageCarousel-image-cover ._cover {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%
}

.twoColumnImageCarousel.type-1 .twoColumnImageCarousel-image-cover img {
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 991.98px) {
    .twoColumnImageCarousel.type-1 .twoColumnImageCarousel-image-cover {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 78.125%
    }

    .twoColumnImageCarousel.type-1 .twoColumnImageCarousel-image-cover img {
        width: 100%;
        height: 100%
    }
}

@media (min-width: 992px) {
    .twoColumnImageCarousel.type-1 .twoColumnImageCarousel-image-cover {
        width: 100%;
        min-height: 500px
    }

    .twoColumnImageCarousel.type-1 .twoColumnImageCarousel-image-cover img {
        height: 100%
    }
}

.twoColumnImageCarousel.type-2 .twoColumnImageCarousel-image-cover {
    overflow: hidden;
    width: 100%
}

.twoColumnImageCarousel.type-2 .twoColumnImageCarousel-image-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.twoColumnImageCarousel-body {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 992px) {
    .twoColumnImageCarousel-body {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width: 991.98px) {
    .container-disabled .twoColumnImageCarousel-body {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (min-width: 992px) {
    .container-disabled .twoColumnImageCarousel-body {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 992px) {
    .container-disabled .twoColumnImageCarousel-body {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width: 992px) {
    .container-fluid .twoColumnImageCarousel-body, .container-sm .twoColumnImageCarousel-body, .container-md .twoColumnImageCarousel-body, .container-lg .twoColumnImageCarousel-body, .container-xl .twoColumnImageCarousel-body, .container-xxl .twoColumnImageCarousel-body {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 992px) {
    .container-fluid .twoColumnImageCarousel-body, .container-sm .twoColumnImageCarousel-body, .container-md .twoColumnImageCarousel-body, .container-lg .twoColumnImageCarousel-body, .container-xl .twoColumnImageCarousel-body, .container-xxl .twoColumnImageCarousel-body {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width: 992px) {
    .container .twoColumnImageCarousel-body {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 992px) {
    .container .twoColumnImageCarousel-body {
        padding-left: 60px;
        padding-right: 60px
    }
}

.twoColumnImageCarousel-body > *:last-child {
    margin-bottom: 0
}

.swiper-twoColumnImageCarousel {
    height: 100%
}

.swiper-wrapper-twoColumnImageCarousel {
    transition-timing-function: ease
}

.swiper-pagination-twoColumnImageCarousel {
    padding: 0 40px
}

.swiper-pagination-twoColumnImageCarousel .swiper-pagination-bullet {
    position: relative;
    background-color: transparent;
    width: 32px;
    padding: 8px 0;
    opacity: 1
}

.swiper-pagination-twoColumnImageCarousel .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
    width: 100%;
    height: 2px;
    background-color: #fff
}

.swiper-pagination-twoColumnImageCarousel .swiper-pagination-bullet-active::after {
    background-color: #193c72
}

.swiper-button-prev-twoColumnImageCarousel, .swiper-button-next-twoColumnImageCarousel {
    -webkit-transform: none;
    transform: none
}