:root {
    --font-jp:
        'Zen Kaku Gothic New', 游ゴシック, メイリオ, Meiryo, 'ＭＳ Ｐゴシック',
        sans-serif;
    --font-jp-default:
        游ゴシック, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    --font-en: 'Albert Sans', sans-serif;
    --default-font-family: var(--font-jp);
    --default-font-size: 16px;
    --default-line-height: 1.8;
    --default-font-weight: 500;
    --default-letter-spacing: 0em;
    --text-8xl-size: 4.5rem;
    --text-7xl-size: 3rem;
    --text-6xl-size: 2.5rem;
    --text-5xl-size: 2.375rem;
    --text-4xl-size: 1.75rem;
    --text-3xl-size: 1.5rem;
    --text-2xl-size: 1.375rem;
    --text-xl-size: 1.25rem;
    --text-lg-size: 1.125rem;
    --text-md-size: var(--default-font-size);
    --text-sm-size: 0.9375rem;
    --text-xs-size: 0.875rem;
    --text-2xs-size: 0.8125rem;
    --text-3xs-size: 0.75rem;
    --text-lg-line-height: 2;
    --text-md-line-height: var(--default-line-height);
    --text-sm-line-height: 1.7;
    --text-xs-line-height: 1.6;
    --text-2xs-line-height: 1.4;
    --text-3xs-line-height: 1.3;
    --text-4xs-line-height: 1.2;
    --text-5xs-line-height: 1;
    --text-xl-font-weight: 800;
    --text-lg-font-weight: 700;
    --text-md-font-weight: var(--default-font-weight);
    --text-font-letter-spacing-2xl: 0.3em;
    --text-font-letter-spacing-xl: 0.1em;
    --text-font-letter-spacing-lg: 0.04em;
    --text-font-letter-spacing-md: var(--default-letter-spacing);
    --text-body-font-weight: var(--text-md-font-weight);
    --text-body-letter-spacing: var(--text-font-letter-spacing-lg);
    --text-body-lg-font-family: var(--font-jp);
    --text-body-lg-font-size: var(--text-lg-size);
    --text-body-lg-leading: var(--text-lg-line-height);
    --text-body-md-font-family: var(--font-jp);
    --text-body-md-font-size: var(--text-md-size);
    --text-body-md-leading: var(--text-md-line-height);
    --text-body-md-160-font-family: var(--font-jp);
    --text-body-md-160-font-size: var(--text-md-size);
    --text-body-md-160-leading: var(--text-xs-line-height);
    --text-body-md-gothic-font-family: var(--font-jp-default);
    --text-body-md-gothic-font-size: var(--text-md-size);
    --text-body-md-gothic-leading: var(--text-4xs-line-height);
    --text-body-sm-font-family: var(--font-jp);
    --text-body-sm-font-size: var(--text-sm-size);
    --text-body-sm-leading: var(--text-md-line-height);
    --text-body-xs-font-family: var(--font-jp);
    --text-body-xs-font-size: var(--text-xs-size);
    --text-body-xs-leading: var(--text-md-line-height);
    --heading-font-family: var(--font-jp);
    --heading-font-weight: var(--text-lg-font-weight);
    --heading-xl-font-size: var(--text-6xl-size);
    --heading-xl-line-height: var(--text-sm-line-height);
    --heading-xl-letter-spacing: var(--text-font-letter-spacing-2xl);
    --heading-lg-font-size: var(--text-4xl-size);
    --heading-lg-line-height: var(--text-3xs-line-height);
    --heading-lg-letter-spacing: var(--text-font-letter-spacing-lg);
    --heading-md-font-size: var(--text-2xl-size);
    --heading-md-line-height: var(--text-xs-line-height);
    --heading-md-letter-spacing: var(--text-font-letter-spacing-lg);
    --heading-sm-font-size: var(--text-3xl-size);
    --heading-sm-line-height: var(--text-sm-line-height);
    --heading-sm-letter-spacing: var(--text-font-letter-spacing-xl);
    --heading-xs-font-size: var(--text-2xl-size);
    --heading-xs-line-height: var(--text-sm-line-height);
    --heading-xs-letter-spacing: var(--text-font-letter-spacing-2xl);
    --detials-letter-spacing: var(--text-font-letter-spacing-lg);
    --detials-4xl-en-font-family: var(--font-en);
    --detials-4xl-en-font-size: var(--text-8xl-size);
    --detials-4xl-en-font-weight: var(--text-xl-font-weight);
    --detials-4xl-en-line-height: var(--text-5xs-line-height);
    --detials-3xl-en-font-family: var(--font-en);
    --detials-3xl-en-font-size: var(--text-6xl-size);
    --detials-3xl-en-font-weight: var(--text-xl-font-weight);
    --detials-3xl-en-line-height: var(--text-5xs-line-height);
    --detials-2xl-font-family: var(--font-jp);
    --detials-2xl-font-size: var(--text-4xl-size);
    --detials-2xl-font-weight: var(--text-lg-font-weight);
    --detials-2xl-line-height: var(--text-3xs-line-height);
    --detials-xl-font-family: var(--font-jp);
    --detials-xl-font-size: var(--text-3xl-size);
    --detials-xl-font-weight: var(--text-lg-font-weight);
    --detials-xl-line-height: var(--text-3xs-line-height);
    --detials-lg-font-family: var(--font-jp);
    --detials-lg-font-size: var(--text-xl-size);
    --detials-lg-font-weight: var(--text-lg-font-weight);
    --detials-lg-line-height: var(--text-3xs-line-height);
    --detials-md-font-family: var(--font-jp);
    --detials-md-font-size: var(--text-lg-size);
    --detials-md-font-weight: var(--text-lg-font-weight);
    --detials-md-line-height: var(--text-3xs-line-height);
    --detials-md-en-font-family: var(--font-en);
    --detials-md-en-font-size: var(--text-lg-size);
    --detials-md-en-font-weight: var(--text-lg-font-weight);
    --detials-md-en-line-height: var(--text-3xs-line-height);
    --detials-sm-font-family: var(--font-jp);
    --detials-sm-font-size: var(--text-md-size);
    --detials-sm-font-weight: var(--text-lg-font-weight);
    --detials-sm-line-height: var(--text-3xs-line-height);
    --detials-xs-font-family: var(--font-jp);
    --detials-xs-font-size: var(--text-sm-size);
    --detials-xs-font-weight: var(--text-lg-font-weight);
    --detials-xs-line-height: var(--text-3xs-line-height);
    --detials-2xs-font-family: var(--font-jp);
    --detials-2xs-font-size: var(--text-xs-size);
    --detials-2xs-font-weight: var(--text-lg-font-weight);
    --detials-2xs-line-height: var(--text-3xs-line-height);
    --detials-2xs-medium-font-family: var(--font-jp);
    --detials-2xs-medium-font-size: var(--text-xs-size);
    --detials-2xs-medium-font-weight: var(--text-md-font-weight);
    --detials-2xs-medium-line-height: var(--text-3xs-line-height);
    --detials-3xs-font-family: var(--font-jp);
    --detials-3xs-font-size: var(--text-2xs-size);
    --detials-3xs-font-weight: var(--text-lg-font-weight);
    --detials-3xs-line-height: var(--text-3xs-line-height);
    --detials-3xs-medium-font-family: var(--font-jp);
    --detials-3xs-medium-font-size: var(--text-2xs-size);
    --detials-3xs-medium-font-weight: var(--text-md-font-weight);
    --detials-3xs-medium-line-height: var(--text-3xs-line-height);
    --detials-4xs-en-font-family: var(--font-en);
    --detials-4xs-en-font-size: var(--text-3xs-size);
    --detials-4xs-en-font-weight: var(--text-lg-font-weight);
    --detials-4xs-en-line-height: var(--text-5xs-line-height);
}
@media (min-width: 1280px) {
    :root {
        --heading-lg-font-size: var(--text-7xl-size);
        --heading-md-font-size: var(--text-5xl-size);
        --heading-md-line-height: var(--text-2xs-line-height);
    }
}
*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}
:before,
:after {
    --tw-content: '';
}
html,
:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family:
        ui-sans-serif,
        system-ui,
        sans-serif,
        'Apple Color Emoji',
        'Segoe UI Emoji',
        Segoe UI Symbol,
        'Noto Color Emoji';
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}
body {
    margin: 0;
    line-height: inherit;
}
hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
}
abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
a {
    color: inherit;
    text-decoration: inherit;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp,
pre {
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        Liberation Mono,
        Courier New,
        monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}
button,
select {
    text-transform: none;
}
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
:-moz-focusring {
    outline: auto;
}
:-moz-ui-invalid {
    box-shadow: none;
}
progress {
    vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}
[type='search'] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}
fieldset {
    margin: 0;
    padding: 0;
}
legend {
    padding: 0;
}
ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
dialog {
    padding: 0;
}
textarea {
    resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
}
button,
[role='button'] {
    cursor: pointer;
}
:disabled {
    cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle;
}
img,
video {
    max-width: 100%;
    height: auto;
}
[hidden] {
    display: none;
}
html {
    scroll-behavior: smooth;
}
img,
video {
    max-width: none;
    height: auto;
}
body {
    font-family: var(--default-font-family);
    font-size: var(--default-font-size);
    font-style: normal;
    line-height: var(--default-line-height);
    font-weight: var(--default-font-weight);
    letter-spacing: var(--text-font-letter-spacing-lg);
    color: var(--semantic-color-body);
}
summary {
    display: block;
    list-style: none;
}
summary::-webkit-details-marker {
    display: none;
}
svg {
    max-width: none;
    width: 1em;
    height: 1em;
    stroke: currentcolor;
    fill: currentcolor;
}
input:not([disabled]) ~ label {
    cursor: pointer;
}
a:not([class*='a-button']):hover {
    text-decoration-line: underline;
}
[class*='a-formItems'][class*='-type-Input'] {
    border-radius: 4px;
    padding-inline: 16px;
    padding-block: 16px;
    color: var(--semantic-color-body);
}
fieldset,
legend {
    display: contents;
}
legend {
    width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-font-family);
    font-size: var(--text-md-size);
    line-height: var(--heading-line-height);
    font-weight: var(--heading-font-weight);
    letter-spacing: var(--heading-letter-spacing);
}
p {
    font-size: var(--text-body-md-font-size, 1rem);
    line-height: var(--text-body-md-leading, 1.8);
}
*,
:before,
:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
:root {
    --spacing-0: 0px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-2-5: 10px;
    --spacing-3: 12px;
    --spacing-3-5: 14px;
    --spacing-4: 16px;
    --spacing-5: 20px;
    --spacing-6: 24px;
    --spacing-8: 32px;
    --spacing-10: 40px;
    --spacing-12: 48px;
    --spacing-12-5: 50px;
    --spacing-14: 56px;
    --spacing-16: 64px;
    --spacing-18: 72px;
    --spacing-20: 80px;
    --spacing-22: 88px;
    --spacing-24: 96px;
    --spacing-26: 104px;
    --spacing-30: 120px;
    --spacing-32: 128px;
    --spacing-40: 160px;
    --spacing-50: 200px;
    --opacity-hover: 0.7;
    --z-index-base: 10;
    --z-index-header: calc(var(--z-index-base) + 10);
    --z-index-modal: 100;
    --transition-duration: 0.3s;
    --transition-timing-function: ease-in-out;
    --button-transition-duration: var(--transition-duration);
    --button-transition-timing-function: var(--transition-timing-function);
    --container-maxw: 560px;
    --heading-container-maxw: 560px;
    --form-container-maxw: 768px;
    --container-gutter: 24px;
    --layout-container-maxw: calc(
        var(--container-maxw) + (var(--container-gutter) * 2)
    );
}
@media (min-width: 768px) {
    :root {
        --container-maxw: 800px;
        --container-gutter: 40px;
        --heading-container-maxw: 800px;
    }
}
@media (min-width: 1280px) {
    :root {
        --container-maxw: 1200px;
        --container-gutter: 64px;
        --heading-container-maxw: 1440px;
    }
}
@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;
}
:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(
        --swiper-wrapper-transition-timing-function,
        initial
    );
    box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d {
    perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d;
}
.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-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: '';
    flex-shrink: 0;
    order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
    > .swiper-wrapper
    > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
    > .swiper-wrapper
    > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #0000007f, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #0000007f, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #0000007f, #0000);
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #0000007f, #0000);
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
.swiper-virtual .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0);
}
.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-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 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-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center;
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}
.swiper-button-lock {
    display: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next';
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translateZ(0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    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: var(--swiper-pagination-bullet-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: 0;
    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-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
.swiper-vertical
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    display: inline-block;
    transition:
        0.2s transform,
        0.2s top;
}
.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%;
    transform: translate(-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:
        0.2s transform,
        0.2s left;
}
.swiper-horizontal.swiper-rtl
    > .swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    transition:
        0.2s transform,
        0.2s right;
}
.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
    background: var(
        --swiper-pagination-progressbar-bg-color,
        rgba(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%;
    transform: scale(0);
    transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
}
.swiper-horizontal
    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-lock {
    display: none;
}
.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 10%));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 50%));
    border-radius: var(--swiper-scrollbar-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 > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
    touch-action: none;
}
.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-flow: column wrap;
}
.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;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
    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 {
    pointer-events: auto;
    visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    inset: 0;
    filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
}
.swiper-flip {
    overflow: visible;
}
.swiper-flip .swiper-slide {
    pointer-events: none;
    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-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}
.swiper-cards {
    overflow: visible;
}
.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
}
.a-button {
    --button-item-gap: 4px;
    --button-py: 12px;
    --button-px: 16px;
    --button-text-size: 0.875rem;
    --button-leading: 1.4;
    --button-icon-size: 1rem;
    --button-radius: 0;
    --button-w: auto;
    --button-maxw: 100%;
    --button-minw: 150px;
    --button-font-white: 700;
    --button-transition: all var(--transition-duration)
        var(--transition-timing-function);
    --button-border-width: 2px;
    --button-outline-width: 2px;
    --button-outline-offset: 4px;
    --icon-size: var(--button-icon-size);
    --button-justify-content: center;
    display: inline-flex;
    justify-content: var(--button-justify-content);
    align-items: center;
    cursor: pointer;
    gap: var(--button-item-gap);
    padding: calc(var(--button-py) - var(--button-border-width))
        var(--button-px);
    font-size: var(--button-text-size);
    line-height: var(--button-leading);
    border-radius: var(--button-radius);
    width: var(--button-w);
    max-width: var(--button-maxw);
    min-width: var(--button-minw);
    font-weight: var(--button-font-white);
    transition: var(--button-transition);
    border: var(--button-border-width) solid var(--button-border-color);
    outline-width: var(--button-outline-width);
    outline-offset: var(--button-outline-offset);
}
.a-button > .a-button__text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.a-button.-icon-left > .a-icon {
    order: -1;
}
.a-button.-icon-right > .a-icon {
    order: 1;
}
.a-button.-size-sm {
    --button-item-gap: var(--spacing-2);
    --button-py: var(--spacing-3-5);
    --button-text-size: var(--text-md-size);
    --button-leading: var(--text-2xs-line-height);
    --button-icon-size: 1.5rem;
}
.a-button.-size-md {
    --button-item-gap: var(--spacing-1);
    --button-py: var(--spacing-4);
    --button-text-size: var(--text-lg-size);
    --button-leading: var(--text-4xs-line-height);
    --button-icon-size: 1.5rem;
}
.a-button.-round-sm {
    --button-radius: 80px;
}
.a-button.-round-md {
    --button-radius: 116px;
}
.a-button.-round-lg {
    --button-radius: 120px;
}
.a-button.-justify-center {
    --button-justify-content: center;
}
.a-button.-justify-between {
    --button-justify-content: space-between;
}
.a-button.-justify-between.-icon-left > .a-button__text {
    margin-inline: auto;
    padding-right: calc(var(--button-icon-size) + var(--button-item-gap));
}
.a-button.-justify-between.-icon-right > .a-button__text {
    margin-inline: auto;
    padding-left: calc(var(--button-icon-size) + var(--button-item-gap));
}
.a-button:is(button[disabled]),
.a-button:is(a[disabled]),
.a-button:is(a[href='']),
.a-button:is(a:not([href])) {
    pointer-events: none;
    cursor: auto;
}
.a-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: var(--icon-size, 1em);
    height: var(--icon-size, 1em);
    font-size: var(--icon-size, 1em);
    line-height: 0;
}
.a-icon .a-icon__img {
    display: inline-flex;
}
.a-image {
    --image-object-fit: cover;
    --image-aspect-ratio: auto;
    --image-radius-top-left: auto;
    --image-radius-top-right: auto;
    --image-radius-bottom-left: auto;
    --image-radius-bottom-right: auto;
    display: inline-block;
    line-height: 0;
}
.a-image.-aspect-ratio-1-1 {
    --image-aspect-ratio: 1 / 1;
}
.a-image.-aspect-ratio-2-1 {
    --image-aspect-ratio: 2 / 1;
}
.a-image.-aspect-ratio-3-2 {
    --image-aspect-ratio: 3 / 2;
}
.a-image.-aspect-ratio-4-3 {
    --image-aspect-ratio: 4 / 3;
}
.a-image.-aspect-ratio-16-9 {
    --image-aspect-ratio: 16 / 9;
}
.a-image__object {
    aspect-ratio: var(--image-aspect-ratio, auto);
    border-radius: var(--image-radius, auto);
    max-width: 100%;
    width: 100%;
    height: auto;
    -o-object-fit: var(--image-object-fit);
    object-fit: var(--image-object-fit);
    border-top-right-radius: var(--image-radius-top-right);
    border-top-left-radius: var(--image-radius-top-left);
    border-bottom-right-radius: var(--image-radius-bottom-right);
    border-bottom-left-radius: var(--image-radius-bottom-left);
}
.a-linkTelButton {
    --button-item-gap: 4px;
    --button-py: 12px;
    --button-px: 8px;
    --button-text-size: 1rem;
    --button-leading: 1.4;
    --button-icon-size: 1rem;
    --button-radius: 0;
    --button-w: auto;
    --button-maxw: 100%;
    --button-minw: 150px;
    --button-font-white: 700;
    --button-transition: all var(--transition-duration)
        var(--transition-timing-function);
    --button-border-width: 1px;
    --button-outline-width: 2px;
    --button-outline-offset: 4px;
    --icon-size: var(--button-icon-size);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    gap: var(--button-item-gap);
    padding: var(--button-py) var(--button-px);
    font-family: var(--font-en);
    font-size: var(--button-text-size);
    line-height: var(--button-leading);
    border-radius: var(--button-radius);
    width: var(--button-w);
    max-width: var(--button-maxw);
    min-width: var(--button-minw);
    font-weight: var(--button-font-white);
    transition: var(--button-transition);
    border: var(--button-border-width) solid var(--button-border-color);
    outline-width: var(--button-outline-width);
    outline-offset: var(--button-outline-offset);
}
.a-linkTelButton > * {
    transition: var(--button-transition);
}
.a-linkTelButton > .a-linkTelButton__text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.a-linkTelButton.-size-sm {
    --button-item-gap: 4px;
    --button-py: 12px;
    --button-px: 24px;
    --button-text-size: 0.875rem;
    --button-leading: 1.4;
    --button-icon-size: 1rem;
}
.a-linkTelButton.-size-md {
    --button-item-gap: 4px;
    --button-py: 12px;
    --button-px: 8px;
    --button-text-size: 1rem;
    --button-leading: 1.4;
    --button-icon-size: 1rem;
}
.a-linkTelButton.-size-lg {
    --button-minw: 200px;
    --button-item-gap: 4px;
    --button-py: 18px;
    --button-px: 8px;
    --button-text-size: 1.375rem;
    --button-leading: 1.3;
    --button-icon-size: 1rem;
}
.a-linkTelButton.-size-xl {
    --button-minw: 280px;
    --button-item-gap: 4px;
    --button-py: 10px;
    --button-px: 8px;
    --button-text-size: 2rem;
    --button-leading: 1.4;
    --button-icon-size: 1.5rem;
}
.a-linkTelButton.-w-full {
    --button-maxw: 100%;
    --button-w: 100%;
}
.a-linkTelButton.-round-lg {
    --button-radius: 0.5rem;
}
.a-linkTelButton.-round-3xl {
    --button-radius: 1.5rem;
}
.a-linkTelButton.-icon-left > .a-icon {
    order: -1;
}
.a-linkTelButton.-icon-right > .a-icon {
    order: 1;
}
.a-linkTelButton:focus-visible {
    outline-style: auto;
}
.a-linkTelButton.-disabled,
.a-linkTelButton:is(a[disabled]),
.a-linkTelButton:is(a[href='']),
.a-linkTelButton:is(a:not([href])) {
    pointer-events: none;
    cursor: auto;
}
.a-list {
    --list-space-y: 8px;
    --list-font-size: 1rem;
    --list-line-height: 1.3;
    --list-marker-size: 8px;
    --list-marker-space-y: 8px;
    --list-marker-space-x: 8px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--list-space-y);
    font-size: var(--list-font-size);
    line-height: var(--list-line-height);
}
.a-list:where(ul) {
    --list-space-y: 8px;
}
.a-list:where(ul) li {
    display: flex;
    gap: var(--list-marker-space-x);
}
.a-list:where(ul) li:before,
.a-list:where(ul) li::marker {
    content: '';
    border-radius: 50%;
    background: currentcolor;
    flex: 0 0 var(--list-marker-size);
    margin-top: var(--list-marker-space-y);
    width: var(--list-marker-size);
    height: var(--list-marker-size);
    margin-inline: calc((26px - var(--list-marker-size)) / 2);
}
.a-list:where(ol) {
    --list-space-y: 6px;
    list-style-type: decimal;
    padding-left: 1em;
}
.a-list.-size-sm {
    --list-font-size: var(--text-xs-size);
    --list-line-height: 1.3;
}
.a-ListDecoratable {
    --listDecoratable-gap: 4px;
    --listDecoratable-font-size: var(--text-body-xs-font-size);
    --listDecoratable-line-height: 1.6;
    --listDecoratable-icon-size: 24px;
    --icon-font-size: var(--listDecoratable-font-size);
    --icon-line-height: var(--listDecoratable-line-height);
    list-style: none;
    font-size: var(--listDecoratable-font-size);
    line-height: var(--listDecoratable-line-height);
}
.a-ListDecoratable .a-ListDecoratable__item {
    display: flex;
    gap: var(--listDecoratable-gap);
    align-items: flex-start;
    justify-content: flex-start;
}
.a-ListDecoratable.-decorator-is-icon .suffix {
    min-width: var(--listDecoratable-icon-size);
}
.a-ListDecoratable.-decorator-is-icon .suffix .a-icon {
    display: inline-block;
    vertical-align: top;
}
.a-ListDecoratable.-size-sm {
    --listDecoratable-font-size: var(--text-body-xs-font-size);
    --listDecoratable-line-height: 1.3;
}
.a-ListDecoratable.-size-md {
    --listDecoratable-font-size: var(--text-body-md-font-size);
    --listDecoratable-line-height: var(--text-body-md-leading);
}
.a-ListDecoratable.-size-lg {
    --listDecoratable-font-size: var(--text-xl-size);
    --listDecoratable-line-height: var(--text-lg-line-height);
}
picture {
    display: inline-block;
}
picture,
img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.a-sectionHeading {
    --sectionHeading-font-size: var(--heading-md-font-size);
    --sectionHeading-line-height: var(--heading-md-line-height);
    --sectionHeading-letter-spacing: var(--heading-md-letter-spacing);
    --sectionHeading-font-weight: var(--heading-font-weight);
}
.a-sectionHeading > :where(h1, h2, h3, h4, h5, h6) {
    font-size: var(--sectionHeading-font-size);
    font-weight: var(--sectionHeading-font-weight);
    line-height: var(--sectionHeading-line-height);
    letter-spacing: var(--sectionHeading-letter-spacing);
}
.a-sectionHeading.-has-accessory-line {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--spacing-4);
}
@media (min-width: 768px) {
    .a-sectionHeading.-has-accessory-line {
        gap: var(--spacing-6);
    }
}
.a-sectionHeading.-has-accessory-line:before {
    content: '';
    display: block;
    width: 8px;
    background-color: currentcolor;
    flex-shrink: 0;
}
.a-sectionTitle {
    --sectionTitle-heading-font-size: var(--text-body-md-font-size, 1rem);
    --sectionTitle-heading-font-weight: var(--text-body-font-weight, 500);
    --sectionTitle-heading-line-height: var(--text-body-md-leading, 1.6);
    --sectionTitle-heading-letter-spacing: var(--text-body-letter-spacing, 0em);
    --sectionTitle-sub-font-size: var(--text-body-md-font-size, 1rem);
    --sectionTitle-sub-font-weight: var(--text-body-font-weight, 500);
    --sectionTitle-sub-line-height: var(--text-body-md-leading, 1.6);
    --sectionTitle-sub-leter-spacing: var(--text-body-letter-spacing, 0em);
    --sectionTitle-margin-bottom: var(--spacing-6);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: var(--sectionTitle-margin-bottom);
}
@media (min-width: 768px) {
    .a-sectionTitle {
        --sectionTitle-margin-bottom: var(--spacing-8);
    }
}
.a-sectionTitle .a-sectionTitle__heading {
    font-size: var(--sectionTitle-heading-font-size);
    font-weight: var(--sectionTitle-heading-font-weight);
    line-height: var(--sectionTitle-heading-line-height);
    letter-spacing: var(--sectionTitle-heading-letter-spacing);
}
.a-sectionTitle .a-sectionTitle__sub {
    font-family: var(--font-en);
    font-size: var(--sectionTitle-sub-font-size);
    font-weight: var(--sectionTitle-sub-font-weight);
    line-height: var(--sectionTitle-sub-line-height);
    letter-spacing: var(--sectionTitle-sub-leter-spacing);
    text-transform: uppercase;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-4);
}
@media (min-width: 768px) {
    .a-sectionTitle .a-sectionTitle__sub {
        gap: var(--spacing-8);
    }
}
.a-sectionTitle.-aline-left {
    align-items: flex-start;
    text-align: left;
}
.a-sectionTitle.-aline-center {
    align-items: center;
    text-align: center;
}
.a-sectionTitle.-hasOrnament:after {
    content: '';
    width: 56px;
    height: 4px;
    display: block;
    background-color: var(--semantic-color-primary);
    margin-top: var(--spacing-2);
}
.a-sectionTitle.-hasNumbering {
    width: 100%;
    margin-bottom: 24px;
    gap: 4px;
    padding-inline: 16px;
    padding-block: 8px;
}
@media (min-width: 1280px) {
    .a-sectionTitle.-hasNumbering {
        flex-flow: row nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 16px;
        padding-block: 16px;
        margin-bottom: 48px;
    }
}
.a-sectionTitle.-hasNumbering .a-sectionTitle__icon {
    width: 40px;
    height: 28px;
    --icon-color: var(--semantic-color-primary);
}
.a-sectionTitle.-hasNumbering .a-sectionTitle__icon .a-icon__img {
    width: 100%;
    height: 100%;
}
.a-sectionTitle.-size-2xl {
    --sectionTitle-heading-font-size: var(--detials-xl-font-size);
    --sectionTitle-heading-font-weight: var(--detials-xl-font-weight);
    --sectionTitle-heading-line-height: var(--detials-xl-line-height);
    --sectionTitle-heading-letter-spacing: var(--detials-letter-spacing);
    --sectionTitle-sub-font-size: var(--detials-3xl-en-font-size);
    --sectionTitle-sub-font-weight: var(--detials-3xl-en-font-weight);
    --sectionTitle-sub-line-height: var(--detials-3xl-en-line-height);
    --sectionTitle-sub-leter-spacing: var(--detials-letter-spacing);
    --sectionTitle-margin-bottom: var(--spacing-10);
}
@media (min-width: 768px) {
    .a-sectionTitle.-size-2xl {
        --sectionTitle-sub-font-size: var(--detials-4xl-en-font-size);
        --sectionTitle-sub-font-weight: var(--detials-4xl-en-font-weight);
        --sectionTitle-sub-line-height: var(--detials-4xl-en-line-height);
        --sectionTitle-sub-leter-spacing: var(--detials-letter-spacing);
        --sectionTitle-margin-bottom: var(--spacing-20);
    }
}
.a-sectionTitle.-size-xl {
    --sectionTitle-heading-font-size: var(--heading-lg-font-size);
    --sectionTitle-heading-font-weight: var(--heading-font-weight);
    --sectionTitle-heading-line-height: var(--heading-lg-line-height);
    --sectionTitle-heading-letter-spacing: var(--heading-lg-letter-spacing);
    --sectionTitle-margin-bottom: var(--spacing-10);
}
.a-sectionTitle.-size-lg {
    --sectionTitle-heading-font-size: var(--heading-md-font-size);
    --sectionTitle-heading-font-weight: var(--heading-font-weight);
    --sectionTitle-heading-line-height: var(--heading-md-line-height);
    --sectionTitle-heading-letter-spacing: var(--heading-md-letter-spacing);
    --sectionTitle-margin-bottom: var(--spacing-10);
}
.swiper-pagination {
    --pagination-bullet-size: 10px;
    --pagination-bullet-gap: var(--pagination-bullet-size);
    width: -moz-fit-content;
    width: fit-content;
    max-width: calc(
        (var(--pagination-bullet-size) * 10) +
            (var(--pagination-bullet-gap) * (10 - 1))
    );
    position: static;
    margin-top: var(--spacing-6);
    margin-inline: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    gap: var(--pagination-bullet-gap);
}
.swiper-pagination.swiper-pagination-bullets:not(
        .swiper-pagination-bullets-dynamic
    )
    .swiper-pagination-bullet {
    width: var(--pagination-bullet-size);
    height: var(--pagination-bullet-size);
    margin-left: 0;
    margin-right: 0;
}
.swiper-pagination.swiper-pagination-bullets:not(
        .swiper-pagination-bullets-dynamic
    )
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--semantic-color-primary);
}
.a-swiperButton {
    --swiper-icon-size: 32px;
    --swiper-icon-image: none;
    width: 32px;
    height: 32px;
    background-image: var(--swiper-icon-image);
}
.a-swiperButton:after {
    display: none;
}
.a-swiperButton.swiper-button-disabled {
    display: none;
}
.a-swiperButton.-prev {
    --swiper-icon-image: url(../../img/svg/icon/slider/swipe-button_left.svg);
}
.a-swiperButton.-next {
    --swiper-icon-image: url(../../img/svg/icon/slider/swipe-button_right.svg);
}
.a-formItems.-type-Input {
    border-color: var(--semantic-color-primary);
    border-width: 2px;
    border-style: solid;
}
.a-formItems.-textarea {
    width: 100%;
}
.a-formItems.-requiredLabel {
    line-height: 1;
    font-size: 0.75rem;
    width: -moz-max-content;
    width: max-content;
    min-width: 40px;
    height: 20px;
    border-radius: 0.25rem;
    padding-inline: 0.5rem;
    padding-block: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--semantic-color-white);
    background-color: red;
}
.a-formItems.-head {
    display: block;
    height: 100%;
    width: 100%;
}
.a-formItems.-head .a-formHeading {
    display: inline-flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    margin-bottom: 24px;
    gap: 4px;
    padding-inline: 16px;
    padding-block: 8px;
    background-color: var(--semantic-color-background-layer-1);
}
@media (min-width: 768px) {
    .a-formItems.-head .a-formHeading {
        padding-block: 16px;
        margin-bottom: 48px;
    }
}
@media (min-width: 1280px) {
    .a-formItems.-head .a-formHeading {
        flex-flow: row nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 16px;
    }
}
.a-formItems.-head .a-formHeading .a-icon {
    width: 40px;
    height: 28px;
    --icon-color: var(--semantic-color-primary);
}
.a-formItems.-head .a-formHeading .a-icon .a-icon__img {
    width: 100%;
    height: 100%;
}
.a-badge.-taxonomy {
    --badgeTaxonomy-gap: 0.5rem;
    --badgeTaxonomy-padding: 4px 8px;
    --badgeTaxonomy-border-radius: 0;
    --badgeTaxonomy-border-width: 1px;
    --badgeTaxonomy-border-style: solid;
    --badgeTaxonomy-font-weight: var(--text-xl-font-weight);
    --badgeTaxonomy-heading-font-size: var(--text-sm-size);
    --badgeTaxonomy-heading-line-height: var(--text-md-line-height);
    --badgeTaxonomy-lead-font-size: var(--text-3xl-size);
    --badgeTaxonomy-lead-line-height: var(--text-lg-line-height);
    --badgeTaxonomy-width: auto;
    --badgeTaxonomy-height: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--badgeTaxonomy-gap);
    padding: var(--badgeTaxonomy-padding);
    border-radius: var(--badgeTaxonomy-border-radius);
    border-width: var(--badgeTaxonomy-border-width);
    border-style: solid;
    height: var(--badgeTaxonomy-height);
    word-break: break-all;
    text-align: center;
    width: var(--badgeTaxonomy-width);
    font-weight: var(--badgeTaxonomy-font-weight);
}
.a-badge.-size-md .a-badge__inner {
    font-size: var(--detials-2xs-medium-font-size);
    line-height: var(--detials-2xs-medium-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-2xs-medium-font-weight);
}
.a-badge.-rounded-md {
    --badgeTaxonomy-border-radius: 4px;
}
.a-cardContainer {
    --cardContainer-display: flex;
    --cardContainer-gap: 0;
    --cardContainer-row-gap: var(--cardContainer-gap);
    --cardContainer-col-gap: var(--cardContainer-gap);
    --cardContainer-padding-top: unset;
    --cardContainer-padding-bottom: unset;
    --cardContainer-padding-right: unset;
    --cardContainer-padding-left: unset;
    --cardContainer-margin-top: unset;
    --cardContainer-margin-bottom: unset;
    --cardContainer-margin-right: unset;
    --cardContainer-margin-left: unset;
    --cardContainer-border-radius: unset;
    --cardContainer-boeder-width: 0;
    --cardContainer-border-color: transparent;
    --cardContainer-background-color: transparent;
    --cardContainer-column-ratio-left: 50%;
    --cardContainer-column-ratio-right: 50%;
    --cardContainer-badge-position-top: unset;
    --cardContainer-badge-position-right: unset;
    --cardContainer-badge-position-bottom: unset;
    --cardContainer-badge-position-left: unset;
    display: var(--cardContainer-display);
    justify-content: center;
    align-items: center;
    row-gap: var(--cardContainer-row-gap);
    -moz-column-gap: var(--cardContainer-col-gap);
    column-gap: var(--cardContainer-col-gap);
    padding-top: var(--cardContainer-padding-top);
    padding-bottom: var(--cardContainer-padding-bottom);
    padding-right: var(--cardContainer-padding-right);
    padding-left: var(--cardContainer-padding-left);
    margin-top: var(--cardContainer-margin-top);
    margin-bottom: var(--cardContainer-margin-bottom);
    margin-right: var(--cardContainer-margin-right);
    margin-left: var(--cardContainer-margin-left);
    border-radius: var(--cardContainer-border-radius);
    border-width: var(--cardContainer-boeder-width);
    border-color: var(--cardContainer-border-color);
    border-style: solid;
}
.a-contentContainer {
    margin-inline: auto;
}
.a-gridContainer {
    --gridContainer-gap: 24px;
    --gridContainer-columns: 1;
    display: grid;
    gap: var(--gridContainer-gap);
    grid-template-columns: repeat(var(--gridContainer-columns), 1fr);
}
.a-gridContainer > * {
    container-type: inline-size;
}
.a-gridContainer[class*='-cols-1-'] {
    --gridContainer-columns: 1;
}
.a-gridContainer[class*='-cols-2-'] {
    --gridContainer-columns: 2;
}
.a-gridContainer[class*='-cols-3-'] {
    --gridContainer-columns: 3;
}
.a-gridContainer[class*='-cols-4-'] {
    --gridContainer-columns: 4;
}
@media (min-width: 768px) {
    .a-gridContainer.-cols-1-1 {
        --gridContainer-columns: 1;
    }
    .a-gridContainer.-cols-1-2 {
        --gridContainer-columns: 2;
    }
    .a-gridContainer.-cols-1-3 {
        --gridContainer-columns: 3;
    }
    .a-gridContainer.-cols-1-4 {
        --gridContainer-columns: 4;
    }
    .a-gridContainer.-cols-2-1 {
        --gridContainer-columns: 1;
    }
    .a-gridContainer.-cols-2-2 {
        --gridContainer-columns: 2;
    }
    .a-gridContainer.-cols-2-3 {
        --gridContainer-columns: 3;
    }
    .a-gridContainer.-cols-2-4 {
        --gridContainer-columns: 4;
    }
    .a-gridContainer.-cols-3-1 {
        --gridContainer-columns: 1;
    }
    .a-gridContainer.-cols-3-2 {
        --gridContainer-columns: 2;
    }
    .a-gridContainer.-cols-3-3 {
        --gridContainer-columns: 3;
    }
    .a-gridContainer.-cols-3-4 {
        --gridContainer-columns: 4;
    }
}
.a-layoutContainer {
    --layoutContainer-px: var(--container-gutter);
    --layoutContainer-w: 100%;
    --layoutContainer-maxw: var(--layout-container-maxw);
    --type-size-sm-maxw: 960px;
    --type-size-lg-maxw: 1280px;
    display: block;
    margin-inline: auto;
    padding-inline: var(--layoutContainer-px);
    width: var(--layoutContainer-w);
    max-width: var(--layoutContainer-maxw);
}
.a-layoutContainer.-full-screen {
    max-width: none;
}
.a-layoutContainer.-type-heading {
    --layout-container-maxw: calc(
        var(--heading-container-maxw) + (var(--container-gutter) * 2)
    );
}
@media (min-width: 1280px) {
    .a-layoutContainer.-type-size_sm {
        --layout-container-maxw: calc(
            var(--type-size-sm-maxw) + (var(--container-gutter) * 2)
        );
    }
    .a-layoutContainer.-type-size_lg {
        --layout-container-maxw: calc(
            var(--type-size-lg-maxw) + (var(--container-gutter) * 2)
        );
    }
}
.a-sectionContainer {
    --sectionContainer-padding-top: unset;
    --sectionContainer-padding-bottom: unset;
    --sectionContainer-margin-top: unset;
    --sectionContainer-margin-bottom: unset;
    padding-top: var(--sectionContainer-padding-top);
    padding-bottom: var(--sectionContainer-padding-bottom);
    margin-top: var(--sectionContainer-margin-top);
    margin-bottom: var(--sectionContainer-margin-bottom);
}
.a-descriptionContainer .a-descriptionContainer__wrapper {
    display: flex;
    flex-flow: column;
}
.a-descriptionContainer.-root > .a-descriptionContainer__wrapper {
    gap: var(--spacing-6);
}
.a-descriptionContainer.-root > .a-descriptionContainer__wrapper > * {
    padding-block: var(--spacing-8);
    border-top: 1px solid var(--color-emerald-300);
}
.a-cardContainer.-flow-horizontal {
    flex-flow: column nowrap;
}
@media (min-width: 768px) {
    .a-cardContainer.-flow-horizontal {
        flex-flow: row;
    }
}
.a-cardContainer.-flow-vertical {
    flex-flow: column nowrap;
}
.a-cardContainer[class*='-column-ratio-'] > .a-cardContainer__left {
    width: 100%;
}
@media (min-width: 768px) {
    .a-cardContainer[class*='-column-ratio-'] > .a-cardContainer__left {
        flex: 0 0 var(--cardContainer-column-ratio-left);
    }
}
.a-cardContainer[class*='-column-ratio-'] > .a-cardContainer__right {
    width: 100%;
}
@media (min-width: 768px) {
    .a-cardContainer[class*='-column-ratio-'] > .a-cardContainer__right {
        flex: 0 0 var(--cardContainer-column-ratio-right);
    }
}
.a-cardContainer.-column-ratio-50\/50 {
    --cardContainer-column-ratio-left: calc(
        50% - (var(--cardContainer-gap) / 2)
    );
    --cardContainer-column-ratio-right: calc(
        50% - (var(--cardContainer-gap) / 2)
    );
}
.a-cardContainer.-column-ratio-33\/66 {
    --cardContainer-column-ratio-left: calc(
        33.333% - (var(--cardContainer-gap) / 2)
    );
    --cardContainer-column-ratio-right: calc(
        66.666% - (var(--cardContainer-gap) / 2)
    );
}
.a-cardContainer.-column-ratio-25\/75 {
    --cardContainer-column-ratio-left: calc(
        25% - (var(--cardContainer-gap) / 2)
    );
    --cardContainer-column-ratio-right: calc(
        75% - (var(--cardContainer-gap) / 2)
    );
}
.a-cardContainer.-column-ratio-75\/25 {
    --cardContainer-column-ratio-left: calc(
        75% - (var(--cardContainer-gap) / 2)
    );
    --cardContainer-column-ratio-right: calc(
        25% - (var(--cardContainer-gap) / 2)
    );
}
.a-cardContainer.-column-ratio-66\/33 {
    --cardContainer-column-ratio-left: calc(
        66.666% - (var(--cardContainer-gap) / 2)
    );
    --cardContainer-column-ratio-right: calc(
        33.333% - (var(--cardContainer-gap) / 2)
    );
}
.a-cardContainer.-has-shadow {
    box-shadow:
        0 8px 16px rgba(var(--part-card-box-shadow-color), 0.1),
        0 32px 32px rgba(var(--part-card-box-shadow-color), 0.1),
        0 80px 48px rgba(var(--part-card-box-shadow-color), 0.05);
}
.m-navigationMenu {
    --navigationMenu-direction: row;
    --navigationMenu-gap: 32px;
    font-size: var(--detials-md-font-size);
    line-height: var(--detials-md-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-md-font-weight);
}
@media (min-width: 1280px) {
    .m-navigationMenu {
        font-size: var(--detials-sm-font-size);
        line-height: var(--detials-sm-line-height);
        letter-spacing: var(--detials-letter-spacing);
        font-weight: var(--detials-sm-font-weight);
    }
}
.m-navigationMenu.-direction-col {
    --navigationMenu-direction: column;
}
.m-navigationMenu.-direction-row {
    --navigationMenu-direction: row;
    flex-wrap: nowrap;
}
.m-navigationMenu__list {
    display: flex;
    flex-direction: var(--navigationMenu-direction);
    align-items: center;
    gap: var(--navigationMenu-gap);
}
.a-buttonModalMenuNavigation {
    --buttonModalNavigation-icon-size: 36px;
    --buttonModalNavigation-margin: 8px;
    --buttonModalNavigation-size: calc(
        var(--buttonModalNavigation-icon-size) +
            var(--buttonModalNavigation-margin) * 2
    );
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--buttonModalNavigation-size);
    height: var(--buttonModalNavigation-size);
}
.a-buttonModalMenuNavigation > * {
    pointer-events: none;
}
.a-buttonModalMenuNavigation.modal-active-button[data-modalopen='true'] {
    display: none;
}
.a-buttonModalMenuNavigation.modal-active-button[data-modalopen='false'],
.a-buttonModalMenuNavigation.modal-deactive-button[data-modalopen='true'] {
    display: flex;
}
.a-buttonModalMenuNavigation.modal-deactive-button[data-modalopen='false'] {
    display: none;
}
.a-buttonModalMenuNavigation .a-buttonModalMenuNavigation__icon {
    position: absolute;
    inset: 0;
    margin: 8px;
}
.a-buttonModalMenuNavigation .a-buttonModalMenuNavigation__icon .a-icon {
    width: 100%;
    height: 100%;
}
.a-buttonModalMenuNavigation
    .a-buttonModalMenuNavigation__icon
    .a-icon
    .a-icon__img {
    width: var(--buttonModalNavigation-size);
    height: var(--buttonModalNavigation-size);
}
.a-buttonModalMenuNavigation .a-buttonModalMenuNavigation__icon {
    --drawer-hamburger-icon-border-height: 2px;
    --drawer-hamburger-icon-py: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.a-buttonModalMenuNavigation .a-buttonModalMenuNavigation__icon .a-icon__img {
    stroke: none;
}
.m-bookAboutCard {
    width: 100%;
}
.m-bookAboutCard.-has-shadow {
    padding: 4px;
    background-image: linear-gradient(var(--color-gradient-white-to-emerald));
}
.m-bookAboutCard .m-bookAboutCard__item {
    --cardContainer-gap: var(--spacing-6);
    --cardContainer-padding-top: var(--spacing-8);
    --cardContainer-padding-bottom: var(--spacing-8);
    --cardContainer-padding-right: var(--spacing-6);
    --cardContainer-padding-left: var(--spacing-6);
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
}
.m-bookAboutCard .m-bookAboutCard__item .m-bookAboutCard__detial {
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-4);
}
.m-bookAboutCard
    .m-bookAboutCard__item
    .m-bookAboutCard__detial
    .m-bookAboutCard__title {
    display: flex;
    flex-flow: column;
    gap: var(--spacing-4);
}
.m-bookAboutCard
    .m-bookAboutCard__item
    .m-bookAboutCard__detial
    .m-bookAboutCard__title
    .a-sectionHeading {
    text-align: center;
}
.m-bookAboutCard
    .m-bookAboutCard__item
    .m-bookAboutCard__detial
    .m-bookAboutCard__title
    .a-sectionHeading
    > h3 {
    font-size: var(--detials-2xl-font-size);
    line-height: var(--detials-2xl-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-2xl-font-weight);
}
.m-serviceFlowSlider .m-serviceFlowSlider__list .m-serviceFlowSlider__card {
    height: 100%;
    justify-content: start;
    padding-inline: var(--spacing-6);
    padding-block: var(--spacing-6);
    gap: var(--spacing-4);
    --cardContainer-background-color: var(--semantic-color-background-layer-1);
}
@media (min-width: 768px) {
    .m-serviceFlowSlider .m-serviceFlowSlider__list .m-serviceFlowSlider__card {
        padding-block: 32px;
    }
}
.m-serviceFlowSlider
    .m-serviceFlowSlider__list
    .m-serviceFlowSlider__card
    .m-serviceFlowSlider__number {
    width: 100%;
    text-align: left;
    color: var(--semantic-color-primary);
    font-size: var(--detials-3xl-en-font-size);
    line-height: var(--detials-3xl-en-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-3xl-en-font-weight);
}
.m-serviceFlowSlider
    .m-serviceFlowSlider__list
    .m-serviceFlowSlider__card
    .m-serviceFlowSlider__thumb {
    max-width: 228px;
}
.m-serviceFlowSlider
    .m-serviceFlowSlider__list
    .m-serviceFlowSlider__card
    .m-serviceFlowSlider__title {
    font-size: var(--detials-xl-font-size);
    line-height: var(--detials-xl-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-xl-font-weight);
}
.m-serviceFlowSlider
    .m-serviceFlowSlider__list
    .m-serviceFlowSlider__card
    .m-serviceFlowSlider__description {
    font-size: var(--text-body-md-font-size);
    line-height: var(--text-body-md-leading);
    letter-spacing: var(--text-body-letter-spacing);
    font-weight: var(--text-body-font-weight);
}
.m-serviceFlowSlider .m-serviceFlowSlider__list .a-swiperButton {
    top: calc((100% - (16px + var(--spacing-6))) / 2);
}
.m-serviceFlowSlider .m-serviceFlowSlider__list .a-swiperButton.-prev {
    left: calc(-1 * (var(--swiper-icon-size) / 2));
}
.m-serviceFlowSlider .m-serviceFlowSlider__list .a-swiperButton.-next {
    right: calc(-1 * (var(--swiper-icon-size) / 2));
}
.m-breadcrumbs {
    max-width: 100%;
}
.m-breadcrumbs > ul,
.m-breadcrumbs > ol {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    row-gap: var(--spacing-1);
    min-height: -moz-min-content;
    min-height: min-content;
}
.m-breadcrumbs > ul > li,
.m-breadcrumbs > ol > li {
    display: flex;
    align-items: center;
}
.m-breadcrumbs > ul > li:last-of-type span,
.m-breadcrumbs > ol > li:last-of-type span {
    color: var(--semantic-color-primary);
}
.m-breadcrumbs > ul > li > a,
.m-breadcrumbs > ol > li > a {
    display: flex;
    cursor: pointer;
    align-items: center;
}
@media (hover: hover) {
    .m-breadcrumbs > ul > li > a:hover,
    .m-breadcrumbs > ol > li > a:hover {
        text-decoration-line: underline;
    }
}
.m-breadcrumbs > ul > li > a:focus,
.m-breadcrumbs > ol > li > a:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.m-breadcrumbs > ul > li > a:focus-visible,
.m-breadcrumbs > ol > li > a:focus-visible {
    outline: 2px solid currentcolor;
    outline-offset: 2px;
}
:is(.m-breadcrumbs > ul > li) + :before,
:is(.m-breadcrumbs > ol > li) + :before {
    --tw-rotate: 45deg;
    content: '';
    margin-left: 0.5rem;
    margin-right: 0.75rem;
    display: block;
    height: 0.375rem;
    width: 0.375rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0.4;
    border-top: 1px solid;
    border-right: 1px solid;
    background-color: transparent;
}
.m-formRadioInput.-type-Default {
    display: flex;
}
.m-formRadioInput.-type-Default .a-formItems.-label {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--spacing-2);
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.m-formRadioInput.-type-Default .a-formItems.-label:before {
    content: '';
    flex-shrink: 0;
    display: inline-block;
    min-width: 18px;
    min-height: 18px;
    border-radius: 100%;
    border: var(--semantic-color-primary) 2px solid;
    background-color: var(--semantic-color-white);
}
.m-formRadioInput.-type-Default
    .a-formItems.-type-Input:checked
    + .a-formText__entryText
    .a-formItems.-label {
    position: relative;
}
.m-formRadioInput.-type-Default
    .a-formItems.-type-Input:checked
    + .a-formText__entryText
    .a-formItems.-label:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--semantic-color-primary);
    top: 50%;
    left: 9px;
    transform: translate(-50%, -50%);
}
.m-formRadioInput.-type-ImageCard {
    display: flex;
}
.m-formRadioInput.-type-ImageCard .a-formText__entryText .a-formItems.-label,
.m-formRadioInput.-type-ImageCard
    .a-formText__entryText
    .a-formItems.-entoryText,
.m-formRadioInput.-type-ImageCard
    .a-formText__entryText
    .m-formRadioInput__thumb {
    width: 100%;
    height: 100%;
    display: inline-block;
}
:is(
        .m-formRadioInput.-type-ImageCard
            .a-formText__entryText
            .a-formItems.-label,
        .m-formRadioInput.-type-ImageCard
            .a-formText__entryText
            .a-formItems.-entoryText,
        .m-formRadioInput.-type-ImageCard
            .a-formText__entryText
            .m-formRadioInput__thumb
    )
    .a-picture {
    padding: var(--spacing-1);
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
}
.m-formRadioInput.-type-ImageCard
    .a-formItems.-type-Input:checked
    + .a-formText__entryText
    .m-formRadioInput__thumb
    .a-picture {
    border-color: var(--semantic-color-primary);
}
.m-blockDescription {
    display: flex;
    flex-flow: column;
    gap: var(--spacing-4);
}
.m-blockDescription .m-blockDescription__term {
    font-size: var(--detials-md-font-size);
    line-height: var(--detials-md-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-md-font-weight);
    color: var(--semantic-color-primary);
}
.m-blockDescription
    .m-blockDescription__text
    > .a-descriptionContainer
    > .a-descriptionContainer__wrapper {
    gap: var(--spacing-4);
}
.m-blockDescription
    .m-blockDescription__text
    > .a-descriptionContainer
    > .a-descriptionContainer__wrapper
    .m-blockDescription {
    gap: 0;
}
.m-blockDescription
    .m-blockDescription__text
    > .a-descriptionContainer
    > .a-descriptionContainer__wrapper
    .m-blockDescription
    .m-blockDescription__term {
    font-size: var(--text-body-md-font-size);
    line-height: var(--text-body-md-leading);
    letter-spacing: var(--text-body-letter-spacing);
    font-weight: var(--text-body-font-weight);
    color: var(--semantic-color-body);
}
.m-faqBlock {
    --faqIcon-size: 28px;
    --faqBlock-gap: 24px;
    --faqBlock-px: 16px;
    --faqBlock-py: 24px;
    width: 100%;
}
@media (min-width: 1280px) {
    .m-faqBlock {
        --faqBlock-px: 48px;
        --faqBlock-py: 32px;
    }
}
.m-faqBlock .m-faqBlock__item {
    width: 100%;
    padding-top: var(--faqBlock-py);
    padding-bottom: var(--faqBlock-py);
}
.m-faqBlock .m-faqBlock__accessory {
    display: flex;
    min-width: 2rem;
    align-items: center;
    justify-content: center;
    font-family: var(--font-en);
    font-size: var(--detials-3xl-en-font-size);
    line-height: var(--detials-3xl-en-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-3xl-en-font-weight);
}
@media (min-width: 1280px) {
    .m-faqBlock .m-faqBlock__accessory {
        min-width: 3rem;
    }
    .m-faqBlock .m-faqBlock__text {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}
.m-faqBlock .m-faqBlock__summary {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding-left: var(--faqBlock-px);
    padding-right: var(--faqBlock-px);
    color: var(--semantic-color-primary);
}
@media (min-width: 1280px) {
    .m-faqBlock .m-faqBlock__summary {
        gap: 1.5rem;
    }
}
.m-faqBlock .m-faqBlock__summary .m-faqBlock__text {
    font-size: var(--detials-lg-font-size);
    line-height: var(--detials-lg-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-lg-font-weight);
}
.m-faqBlock .m-faqBlock__detail {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding-left: var(--faqBlock-px);
    padding-right: var(--faqBlock-px);
    padding-top: 1.5rem;
}
@media (min-width: 1280px) {
    .m-faqBlock .m-faqBlock__detail {
        gap: 1.5rem;
        padding-top: 0.5rem;
    }
}
.m-faqBlock .m-faqBlock__detail .m-faqBlock__accessory {
    color: var(--color-sumi-400);
}
.m-faqBlock .m-faqBlock__detail .m-faqBlock__text {
    font-size: var(--text-body-sm-font-size);
    line-height: var(--text-body-sm-leading);
    letter-spacing: var(--text-body-letter-spacing);
    font-weight: var(--text-body-font-weight);
}
.m-faqBlock.-hasIcon .m-faqBlock__summary .m-faqBlock__icon,
.m-faqBlock.-hasIcon .m-faqBlock__detail .m-faqBlock__icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-left: auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
}
.m-faqBlock.-hasIcon .m-faqBlock__summary .m-faqBlock__icon .a-icon,
.m-faqBlock.-hasIcon .m-faqBlock__detail .m-faqBlock__icon .a-icon {
    width: var(--faqIcon-size);
    height: var(--faqIcon-size);
    fill: var(--semantic-color-primary);
}
.m-faqBlock.-hasIcon
    .m-faqBlock__summary
    .m-faqBlock__icon
    .a-icon
    .a-icon__img,
.m-faqBlock.-hasIcon
    .m-faqBlock__detail
    .m-faqBlock__icon
    .a-icon
    .a-icon__img {
    width: 100%;
    height: 100%;
}
.m-faqBlock .m-faqBlock__item[open] .m-faqBlock__icon .a-icon.-closed {
    display: none;
}
.m-faqBlock .m-faqBlock__item:not([open]) .m-faqBlock__icon .a-icon.-opened {
    display: none;
}
.m-listBadgeTaxonomy {
    --listBadgeTaxonomy-gap: 0.5rem;
    display: flex;
    gap: var(--listBadgeTaxonomy-gap);
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.m-listBadgeTaxonomy.-flow-row {
    flex-direction: row;
}
.m-listBadgeTaxonomy.-flow-column {
    flex-direction: column;
}
.m-listBadgeTaxonomy.-gap-md {
    --listBadgeTaxonomy-gap: var(--spacing-2-5);
}
:root {
    --fixedBar-h: 40px;
}
@media (min-width: 768px) {
    :root {
        --fixedBar-h: 56px;
    }
}
.o-globalFixedBar {
    color: var(--semantic-color-white);
    background-color: var(--semantic-color-primary);
    height: var(--fixedBar-h);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.o-globalFixedBar .a-contentContainer {
    padding-block: 0;
}
.o-bannerHeadline .o-bannerHeadline__title {
    margin-bottom: var(--spacing-10);
}
@media (min-width: 1280px) {
    .o-bannerHeadline .o-bannerHeadline__title {
        margin-bottom: var(--spacing-16);
    }
}
:root {
    --globalHeader-h: 64px;
}
@media (min-width: 1280px) {
    :root {
        --globalHeader-h: 120px;
    }
}
.o-globalHeader {
    --logo-color: var(--semantic-color-white);
    height: var(--globalHeader-h);
    position: relative;
}
.o-globalHeader > .a-layoutContainer {
    --layoutContainer-px: 0;
    padding-left: var(--spacing-4);
    padding-right: var(--spacing-2);
}
@media (min-width: 1280px) {
    .o-globalHeader > .a-layoutContainer {
        padding-left: var(--spacing-8);
        padding-right: var(--spacing-8);
    }
}
.o-globalHeader__inner {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.o-globalHeader__logo {
    margin-right: auto;
    margin-left: 0;
    flex: 0 1 auto;
    height: auto;
}
.o-globalHeader__logo .a-logo {
    width: 188px;
    height: 28px;
}
@media (min-width: 1280px) {
    .o-globalHeader__logo .a-logo {
        width: 322px;
        height: 48px;
    }
}
.o-globalHeader__logo .a-logo .a-icon__img {
    width: 100%;
    height: 100%;
    stroke: none;
    fill: var(--logo-color);
    transition: all 0.3s ease;
}
.o-globalHeader__menu {
    flex: 0 0 auto;
    margin-right: 0;
}
.o-globalHeader__menu.-pc {
    display: none;
}
@media (min-width: 1280px) {
    .o-globalHeader__menu.-pc {
        display: flex;
    }
}
.o-globalHeader__menu.-sp {
    display: flex;
}
@media (min-width: 1280px) {
    .o-globalHeader__menu.-sp {
        display: none;
    }
}
.a-buttonModalMenuNavigation {
    border-radius: 100%;
    border-width: 1px;
    border-style: solid;
}
.o-globalHeader__menu.-pc .m-navigationMenu > .m-navigationMenu__list {
    gap: var(--spacing-2);
}
.o-globalHeader__menu.-pc
    .m-navigationMenu
    > .m-navigationMenu__list
    > .o-globalHeader__menuListItem {
    position: relative;
    transition: all 0.3s;
    padding-right: var(--spacing-6);
}
.o-globalHeader__menu.-pc
    .m-navigationMenu
    > .m-navigationMenu__list
    > .o-globalHeader__menuListItem
    > .o-globalHeader__link {
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    gap: var(--spacing-3);
    align-items: center;
}
.o-globalHeader__menu.-pc
    .m-navigationMenu
    > .m-navigationMenu__list
    > .o-globalHeader__menuListItem
    > .o-globalHeader__link:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    -webkit-clip-path: polygon(88% 50%, 0 10%, 0 88%);
    clip-path: polygon(88% 50%, 0 10%, 0 88%);
    transition: all 0.3s;
    flex-shrink: 0;
}
.o-globalHeader__menu.-pc
    .m-navigationMenu
    > .m-navigationMenu__list
    > .o-globalHeader__menuListItem
    > .o-globalHeader__link:hover {
    text-decoration: underline;
}
.o-globalHeader__menu.-pc
    .m-navigationMenu
    > .m-navigationMenu__list
    > .o-globalHeader__menuListItem
    > .o-globalHeader__link[aria-expanded='true']:before {
    transform: rotate(90deg);
    -webkit-clip-path: polygon(60% 50%, 0 0, 0 100%);
    clip-path: polygon(60% 50%, 0 0, 0 100%);
}
.o-globalHeader__menu.-pc
    .m-navigationMenu
    > .m-navigationMenu__list
    .m-navigationMenu__list.-child {
    position: absolute;
    bottom: -24px;
    left: 0;
    transform: translateY(100%);
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: all 0.3s;
    width: 220px;
    height: 0;
    overflow-y: hidden;
}
.o-globalHeader__menu.-pc
    .m-navigationMenu
    > .m-navigationMenu__list
    .m-navigationMenu__list.-child
    > .o-globalHeader__menuListItem {
    width: 100%;
    padding: var(--spacing-4);
    display: flex;
    flex-flow: column;
    gap: var(--spacing-4);
}
.o-globalHeader__menu.-pc
    .m-navigationMenu
    > .m-navigationMenu__list
    .m-navigationMenu__list.-child
    > .o-globalHeader__menuListItem
    .o-globalHeader__link {
    padding: 0;
}
.o-globalHeader__menu.-pc
    .m-navigationMenu
    > .m-navigationMenu__list
    .m-navigationMenu__list.-grandChild
    .o-globalHeader__menuListItem {
    display: flex;
}
.o-globalHeader__menu.-pc
    .m-navigationMenu
    > .m-navigationMenu__list
    .m-navigationMenu__list.-grandChild
    .o-globalHeader__menuListItem
    .o-globalHeader__link {
    padding-left: 20px;
    position: relative;
}
.o-globalHeader__menu.-pc
    .m-navigationMenu
    > .m-navigationMenu__list
    .m-navigationMenu__list.-grandChild
    .o-globalHeader__menuListItem
    .o-globalHeader__link:before {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    -webkit-clip-path: polygon(88% 50%, 0 10%, 0 88%);
    clip-path: polygon(88% 50%, 0 10%, 0 88%);
    left: 0;
    top: calc(var(--detials-sm-font-size) * var(--detials-sm-line-height) / 2);
    transform: translateY(-50%);
}
.o-globalFooter .o-globalFooter__container {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    gap: 64px;
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-8);
}
@media (min-width: 1280px) {
    .o-globalFooter .o-globalFooter__container {
        gap: 80px;
        padding-top: var(--spacing-20);
        padding-bottom: var(--spacing-12);
    }
}
.o-globalFooter .o-globalFooter__container .o-globalFooter__logo {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}
.o-globalFooter .o-globalFooter__container .o-globalFooter__logo .a-logo {
    width: 268px;
    height: 40px;
}
.o-globalFooter
    .o-globalFooter__container
    .o-globalFooter__logo
    .a-logo
    .a-icon__img {
      filter: brightness(0) invert(1);
    width: 100%;
    height: 100%;
    stroke: none;
}
.o-globalFooter .o-globalFooter__container .o-globalFooter__menus {
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    gap: 46px;
}
@media (min-width: 1280px) {
    .o-globalFooter .o-globalFooter__container .o-globalFooter__menus {
        gap: var(--spacing-12);
    }
}
.o-globalFooter
    .o-globalFooter__container
    .o-globalFooter__menus
    .o-globalFooter__buttons {
    width: 100%;
    max-width: 832px;
    display: flex;
    flex-flow: column;
    gap: var(--spacing-4);
}
@media (min-width: 1280px) {
    .o-globalFooter
        .o-globalFooter__container
        .o-globalFooter__menus
        .o-globalFooter__buttons {
        flex-flow: row nowrap;
        gap: var(--spacing-8);
    }
}
.o-globalHeaderModalNavigation {
    --globalHeaderModalNavigation-gap: var(--spacing-6, 24px);
    --globalHeaderModalNavigation-pb: var(--spacing-16, 56px);
    --globalHeaderModalNavigation-top: calc(
        var(--globalHeader-h) + var(--fixedBar-h)
    );
    --globalHeaderModalNavigation-zIndex: var(--z-index-modal, 1000);
}
@media (min-width: 1280px) {
    .o-globalHeaderModalNavigation {
        --globalHeaderModalNavigation-gap: var(--spacing-12);
    }
}
.o-globalHeaderModalNavigation[data-modal-open='false']
    .a-buttonModalMenuNavigation__icon.-to-open {
    opacity: 1;
}
.o-globalHeaderModalNavigation[data-modal-open='false']
    .a-buttonModalMenuNavigation__icon.-to-close,
.o-globalHeaderModalNavigation[data-modal-open='true']
    .a-buttonModalMenuNavigation__icon.-to-open {
    opacity: 0;
}
.o-globalHeaderModalNavigation[data-modal-open='true']
    .a-buttonModalMenuNavigation__icon.-to-close {
    opacity: 1;
}
.o-globalHeaderModalNavigation .m-modalNavigation[aria-hidden='true'] {
    animation: fade-out var(--transition-duration);
    pointer-events: none;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.o-globalHeaderModalNavigation .m-modalNavigation[aria-hidden='false'] {
    animation: fade-in var(--transition-duration);
}
.o-globalHeaderModalNavigation .m-modalNavigation__body {
    cursor: auto;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
}
.o-globalHeaderModalNavigation .m-modalNavigation__body .m-navigationMenu {
    padding-bottom: var(--spacing-10);
    padding-top: var(--globalHeaderModalNavigation-gap);
}
.o-globalHeaderModalNavigation
    .m-modalNavigation__body
    .m-navigationMenu
    > .m-navigationMenu__list {
    --navigationMenu-gap: 24px;
}
.o-globalHeaderModalNavigation
    .m-modalNavigation__body
    .m-navigationMenu
    > .m-navigationMenu__list
    > .o-globalHeader__menuListItem {
    width: 100%;
    border-bottom: 1px solid var(--semantic-color-primary);
    padding-bottom: var(--spacing-6);
    padding-left: var(--spacing-6);
}
.o-globalHeaderModalNavigation
    .m-modalNavigation__body
    .m-navigationMenu
    > .m-navigationMenu__list
    > .o-globalHeader__menuListItem:first-of-type {
    border-top: 1px solid var(--semantic-color-primary);
    padding-left: 0;
}
.o-globalHeaderModalNavigation
    .m-modalNavigation__body
    .m-navigationMenu
    > .m-navigationMenu__list
    > .o-globalHeader__menuListItem:first-of-type
    > .o-globalHeader__link {
    display: block;
    padding-block: 8px;
    text-align: center;
    background-color: var(--color-emerald-50);
    color: var(--semantic-color-primary);
    margin-bottom: var(--spacing-6);
}
.o-globalHeaderModalNavigation
    .m-modalNavigation__body
    .m-navigationMenu__list.-child,
.o-globalHeaderModalNavigation
    .m-modalNavigation__body
    .m-navigationMenu__list.-grandChild {
    justify-content: center;
    align-items: flex-start;
    padding-left: var(--spacing-6);
}
.o-globalHeaderModalNavigation
    .m-modalNavigation__body
    .m-navigationMenu__list.-child
    .o-globalHeader__menuListItem,
.o-globalHeaderModalNavigation
    .m-modalNavigation__body
    .m-navigationMenu__list.-grandChild
    .o-globalHeader__menuListItem {
    display: flex;
    flex-flow: column nowrap;
    gap: 24px;
}
.o-globalHeaderModalNavigation
    .m-modalNavigation__body
    .m-navigationMenu__list.-child
    .o-globalHeader__menuListItem
    .o-globalHeader__link,
.o-globalHeaderModalNavigation
    .m-modalNavigation__body
    .m-navigationMenu__list.-grandChild
    .o-globalHeader__menuListItem
    .o-globalHeader__link {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
}
.o-globalHeaderModalNavigation
    .m-modalNavigation__body
    .m-navigationMenu__list.-child
    .o-globalHeader__menuListItem
    .o-globalHeader__link:before,
.o-globalHeaderModalNavigation
    .m-modalNavigation__body
    .m-navigationMenu__list.-grandChild
    .o-globalHeader__menuListItem
    .o-globalHeader__link:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../../img/svg/icon/icon_triangle-arrow_primary.svg);
}
.o-sectionMv {
    background-size: cover;
    background-position: center;
}
.o-sectionMv .o-sectionMv__body {
    height: 560px;
    background-color: var(--semantic-color-emerald-background-layer-1);
}
@media (min-width: 768px) {
    .o-sectionMv .o-sectionMv__body {
        height: -moz-fit-content;
        height: fit-content;
    }
}
.o-sectionMv .o-sectionMv__title {
    text-shadow: 0 0 8px rgba(var(--color-sumi-900-rgb), 20%);
}
.o-sectionMv .o-sectionMv__content {
    width: 100%;
    height: 100%;
}
@media (min-width: 768px) {
    .o-sectionMv .o-sectionMv__content {
        height: auto;
        max-width: 2440px;
        margin-inline: auto;
    }
}
.o-sectionMv .o-sectionMv__content .a-picture,
.o-sectionMv .o-sectionMv__content img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (min-width: 768px) {
    .o-sectionMv .o-sectionMv__content .a-picture,
    .o-sectionMv .o-sectionMv__content img {
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
    }
}
.o-productDescription .o-productDescription__card {
    --cardContainer-gap: 24px;
    align-items: flex-start;
}
@media (min-width: 1280px) {
    .o-productDescription .o-productDescription__card {
        --cardContainer-gap: 48px;
    }
}
.o-productDescription .o-productDescription__card .o-productDescription__thumb {
    max-width: 400px;
    flex-shrink: 0;
    margin-inline: auto;
}
.o-productDescription
    .o-productDescription__card
    .o-productDescription__details {
    display: flex;
    flex-flow: column;
    gap: var(--spacing-8);
}
.o-productDescription
    .o-productDescription__card
    .o-productDescription__details
    .o-productDescription__detailText {
    display: flex;
    flex-flow: column;
    gap: var(--spacing-4);
}
.o-productDescription
    .o-productDescription__card
    .o-productDescription__details
    .o-productDescription__detailText
    > p {
    font-size: var(--text-body-md-font-size);
    line-height: var(--text-body-md-leading);
    letter-spacing: var(--text-body-letter-spacing);
    font-weight: var(--text-body-font-weight);
}
.o-productDescription
    .o-productDescription__card
    .o-productDescription__details
    .o-productDescription__detailMeta {
    display: flex;
    flex-flow: column;
    gap: var(--spacing-4);
}
.o-productDescription
    .o-productDescription__card
    .o-productDescription__details
    .o-productDescription__detailMeta
    .o-productDescription__metaLabel {
    font-size: var(--detials-lg-font-size);
    line-height: var(--detials-lg-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-lg-font-weight);
}
.o-productDescription
    .o-productDescription__card
    .o-productDescription__details
    .o-productDescription__button {
    margin-top: 0;
    max-width: 480px;
    display: flex;
    flex-flow: column;
    gap: var(--spacing-3);
}
@media (min-width: 1280px) {
    .o-productDescription
        .o-productDescription__card
        .o-productDescription__details
        .o-productDescription__button {
        margin-top: var(--spacing-6);
        gap: var(--spacing-2);
    }
}
.o-productStoryDetails .o-productStoryDetails__list {
    --gridContainer-gap: var(--spacing-16);
}
.o-productStoryDetails
    .o-productStoryDetails__list
    .o-productStoryDetails__card {
    --cardContainer-gap: var(--spacing-4);
    align-items: flex-start;
    justify-content: center;
}
@media (min-width: 768px) {
    .o-productStoryDetails
        .o-productStoryDetails__list
        .o-productStoryDetails__card {
        align-items: center;
        justify-content: flex-start;
    }
}
@media (min-width: 1280px) {
    .o-productStoryDetails
        .o-productStoryDetails__list
        .o-productStoryDetails__card {
        --cardContainer-gap: var(--spacing-12);
    }
}
.o-productStoryDetails
    .o-productStoryDetails__list
    .o-productStoryDetails__card
    .o-productStoryDetails__thumb {
    margin-inline: auto;
}
@media (min-width: 768px) {
    .o-productStoryDetails
        .o-productStoryDetails__list
        .o-productStoryDetails__card
        .o-productStoryDetails__thumb {
        max-width: 400px;
        flex-shrink: 0;
        margin-inline: 0;
    }
}
@media (min-width: 1280px) {
    .o-productStoryDetails
        .o-productStoryDetails__list
        .o-productStoryDetails__card
        .o-productStoryDetails__thumb {
        max-width: 480px;
    }
}
.o-productsArtist .o-productsArtist__card {
    --cardContainer-gap: var(--spacing-12);
    align-items: flex-start;
}
@media (min-width: 1280px) {
    .o-productsArtist .o-productsArtist__card {
        align-items: center;
        justify-content: center;
    }
}
.o-productsArtist .o-productsArtist__card .o-productsArtist__thumb {
    margin-inline: auto;
}
@media (min-width: 768px) {
    .o-productsArtist .o-productsArtist__card .o-productsArtist__thumb {
        max-width: 280px;
        flex-shrink: 0;
        margin-inline: 0;
    }
}
.o-productsArtist .o-productsArtist__card .o-productsArtist__content {
    display: flex;
    flex-flow: column;
    gap: var(--spacing-4);
}
.o-productsArtist
    .o-productsArtist__card
    .o-productsArtist__content
    .o-productsArtist__portfolio {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    color: var(--semantic-color-primary);
}
.o-productsArtist
    .o-productsArtist__card
    .o-productsArtist__content
    .o-productsArtist__portfolio
    .o-productsArtist__portfolioLogo {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--spacing-1);
    align-items: center;
    justify-content: flex-start;
}
.o-productsArtist
    .o-productsArtist__card
    .o-productsArtist__content
    .o-productsArtist__portfolio
    .o-productsArtist__portfolioLogo
    .a-icon {
    width: 32px;
    height: 32px;
}
.o-productsArtist
    .o-productsArtist__card
    .o-productsArtist__content
    .o-productsArtist__portfolio
    .o-productsArtist__portfolioLogo
    .a-icon
    .a-icon__img {
    width: 100%;
    height: 100%;
}
.o-productsArtist
    .o-productsArtist__card
    .o-productsArtist__content
    .o-productsArtist__sns
    ul {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--spacing-4);
    justify-content: flex-start;
    align-items: center;
}
.o-productsRelated .o-productsRelated__list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: var(--spacing-6);
}
@media (min-width: 768px) {
    .o-productsRelated .o-productsRelated__list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 1280px) {
    .o-productsRelated .o-productsRelated__list {
        grid-template-columns: repeat(4, 1fr);
    }
}
.o-productsRelated .o-productsRelated__list .o-productsRelated__item {
    display: grid;
    gap: var(--spacing-4);
    grid-template-rows: auto 1fr auto;
}
.o-ProductsAppearance .o-ProductsAppearance__list .a-swiperButton {
    top: calc((100% - (16px + var(--spacing-6))) / 2);
}
.o-ProductsAppearance .o-ProductsAppearance__list .a-swiperButton.-prev {
    left: calc(-1 * (var(--swiper-icon-size) / 2));
}
.o-ProductsAppearance .o-ProductsAppearance__list .a-swiperButton.-next {
    right: calc(-1 * (var(--swiper-icon-size) / 2));
}
.o-howtoCardList {
    display: flex;
    flex-flow: column;
    gap: var(--spacing-16);
}
.o-howtoCardList .o-howtoCardList__sectionTitle .o-howtoCardList__titleText {
    font-size: var(--detials-md-font-size);
    line-height: var(--detials-md-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-md-font-weight);
}
@media (min-width: 1280px) {
    .o-howtoCardList
        .o-howtoCardList__sectionTitle
        .o-howtoCardList__titleText {
        font-size: var(--detials-xl-font-size);
        line-height: var(--detials-xl-line-height);
        letter-spacing: var(--detials-letter-spacing);
        font-weight: var(--detials-xl-font-weight);
    }
}
.o-howtoCardList .o-howtoCardList__caption {
    display: flex;
    flex-flow: column;
    gap: var(--spacing-4);
}
@media (min-width: 1280px) {
    .o-howtoCardList .o-howtoCardList__caption {
        gap: var(--spacing-8);
    }
}
.o-howtoCardList .o-howtoCardList__contentsContainer {
    --layout-contemer-maxw: var(--form-container-maxw);
    max-width: var(--layout-contemer-maxw);
    margin-inline: auto;
    margin-top: var(--spacing-3);
    display: flex;
    flex-flow: column;
    gap: var(--spacing-8);
}
@media (min-width: 1280px) {
    .o-howtoCardList .o-howtoCardList__contentsContainer {
        gap: var(--spacing-12);
    }
}
.o-howtoCardList .o-howtoCardList__list {
    --gridContainer-gap: var(--spacing-8);
}
@media (min-width: 768px) {
    .o-howtoCardList .o-howtoCardList__list {
        --gridContainer-gap: var(--spacing-12);
    }
}
.o-howtoCardList .o-howtoCardList__list > li:before {
    display: none;
}
.o-howtoCardList .o-howtoCardList__list .o-howtoCardList__card {
    --cardContainer-gap: var(--spacing-4);
    align-items: flex-start;
    justify-content: center;
    width: 100%;
}
@media (min-width: 768px) {
    .o-howtoCardList .o-howtoCardList__list .o-howtoCardList__card {
        --cardContainer-gap: var(--spacing-8);
        align-items: center;
        justify-content: flex-start;
    }
}
.o-howtoCardList
    .o-howtoCardList__list
    .o-howtoCardList__card
    .o-howtoCardList__cardTitle {
    margin-bottom: 0;
    width: 100%;
}
.o-howtoCardList
    .o-howtoCardList__list
    .o-howtoCardList__card
    .o-howtoCardList__thumb {
    width: 100%;
}
.t-page dialog,
.t-page [aria-modal='true'],
.t-page [data-modal] {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    overscroll-behavior: contain;
    z-index: var(--z-index-modal);
}
.t-page.js-dialogIsOpen {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}
.t-page.js-dialogIsOpen .o-globalHeader {
    --globalHeader-bg: var(--semantic-color-white);
    --globalHeader-color: var(--semantic-color-body);
    --icon-color: var(--semantic-color-primary);
    --logo-color: var(--semantic-color-black);
}
.t-page.js-dialogIsOpen .o-globalHeader .m-modalNavigation {
    position: absolute;
    left: 0;
    right: 0;
    top: var(--globalHeader-h);
}
.t-page.js-dialogIsOpen .o-globalHeader .m-modalNavigation__overlay {
    width: 100%;
    height: 100vh;
    cursor: auto;
    display: grid;
}
.t-page.js-dialogIsOpen .o-globalHeader .m-modalNavigation__body {
    width: 100%;
    cursor: auto;
    padding-bottom: calc(var(--globalHeader-h) + var(--fixedBar-h));
}
.t-page.js-dialogIsOpen .o-globalHeader .m-modalNavigation {
    z-index: var(--globalHeaderModalNavigation-zIndex);
}
.t-page .o-globalFixedBar {
    width: 100%;
}
.t-page .o-globalHeader {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: var(--z-index-header);
}
.t-page .m-breadcrumbs {
    margin-block: var(--spacing-4);
}
.t-page .o-bannerHeadline .a-layoutContainer.-type-heading {
    padding-top: var(--spacing-10);
}
@media (min-width: 1280px) {
    .t-page .o-bannerHeadline .a-layoutContainer.-type-heading {
        padding-top: var(--spacing-16);
    }
}
.t-page .t-contents {
    padding-bottom: var(--spacing-20);
}
@media (min-width: 1280px) {
    .t-page .t-contents {
        padding-bottom: var(--spacing-30);
    }
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.static {
    position: static;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.left-0 {
    left: 0;
}
.right-0 {
    right: 0;
}
.top-1\/2 {
    top: 50%;
}
.z-\[--z-index-base\] {
    z-index: var(--z-index-base);
}
.z-\[calc\(var\(--z-index-base\)_-_1\)\] {
    z-index: calc(var(--z-index-base) - 1);
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-10 {
    margin-bottom: 2.5rem;
}
.mb-12 {
    margin-bottom: 3rem;
}
.mb-16 {
    margin-bottom: 4rem;
}
.mb-20 {
    margin-bottom: 5rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.mr-4 {
    margin-right: 1rem;
}
.mt-10 {
    margin-top: 2.5rem;
}
.mt-16 {
    margin-top: 4rem;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mt-6 {
    margin-top: 1.5rem;
}
.mt-8 {
    margin-top: 2rem;
}
.block {
    display: block;
}
.flex {
    display: flex;
}
.hidden {
    display: none;
}
.h-2 {
    height: 0.5rem;
}
.h-8 {
    height: 2rem;
}
.h-\[106px\] {
    height: 106px;
}
.h-\[200px\] {
    height: 200px;
}
.h-\[20px\] {
    height: 20px;
}
.h-auto {
    height: auto;
}
.h-full {
    height: 100%;
}
.w-2 {
    width: 0.5rem;
}
.w-8 {
    width: 2rem;
}
.w-\[30px\] {
    width: 30px;
}
.w-fit {
    width: -moz-fit-content;
    width: fit-content;
}
.w-full {
    width: 100%;
}
.max-w-\[--form-container-maxw\] {
    max-width: var(--form-container-maxw);
}
.max-w-\[186px\] {
    max-width: 186px;
}
.max-w-\[188px\] {
    max-width: 188px;
}
.max-w-\[280px\] {
    max-width: 280px;
}
.max-w-\[310px\] {
    max-width: 310px;
}
.max-w-\[372px\] {
    max-width: 372px;
}
.max-w-\[400px\] {
    max-width: 400px;
}
.max-w-\[472px\] {
    max-width: 472px;
}
.max-w-\[480px\] {
    max-width: 480px;
}
.max-w-\[768px\] {
    max-width: 768px;
}
.max-w-full {
    max-width: 100%;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
    cursor: pointer;
}
.resize {
    resize: both;
}
.flex-row {
    flex-direction: row;
}
.flex-col {
    flex-direction: column;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-nowrap {
    flex-wrap: nowrap;
}
.items-start {
    align-items: flex-start;
}
.items-end {
    align-items: flex-end;
}
.items-center {
    align-items: center;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.gap-1 {
    gap: 0.25rem;
}
.gap-10 {
    gap: 2.5rem;
}
.gap-12 {
    gap: 3rem;
}
.gap-16 {
    gap: 4rem;
}
.gap-2 {
    gap: 0.5rem;
}
.gap-3 {
    gap: 0.75rem;
}
.gap-4 {
    gap: 1rem;
}
.gap-6 {
    gap: 1.5rem;
}
.gap-8 {
    gap: 2rem;
}
.gap-9 {
    gap: 2.25rem;
}
.gap-\[1em\] {
    gap: 1em;
}
.gap-\[calc\(48px_\+_4px_\+_4px\)\] {
    gap: 56px;
}
.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}
.gap-y-4 {
    row-gap: 1rem;
}
.rounded {
    border-radius: 0.25rem;
}
.border {
    border-width: 1px;
}
.border-2 {
    border-width: 2px;
}
.border-t {
    border-top-width: 1px;
}
.border-solid {
    border-style: solid;
}
.border-none {
    border-style: none;
}
.border-\[--color-emerald-100\] {
    border-color: var(--color-emerald-100);
}
.border-\[--color-sumi-600\] {
    border-color: var(--color-sumi-600);
}
.border-primary {
    border-color: var(--semantic-color-primary);
}
.border-white {
    border-color: var(--semantic-color-white);
}
.bg-backgroundColor-emeraldLayerBase {
    background-color: var(--semantic-color-emerald-background-layer-base);
}
.bg-backgroundColor-layer2 {
    background-color: var(--semantic-color-background-layer-2);
}
.bg-backgroundColor-layerBase {
    background-color: var(--semantic-color-background-layer-base);
}
.bg-primary {
    background-color: var(--semantic-color-primary);
}
.bg-white {
    background-color: var(--semantic-color-white);
}
.bg-\[url\(\'\/img\/pages\/home\/intro\/bg_book_line\.svg\'\)\] {
    background-image: url(../../img/pages/home/intro/bg_book_line.svg);
}
.bg-\[url\(\'\/img\/pages\/home\/steps\/bg_steps\.jpg\'\)\] {
    background-image: url(../../img/pages/home/steps/bg_steps.jpg);
}
.bg-\[url\(\.\.\/\.\.\/img\/pages\/home\/footer\/bg_futter_dummy\.jpg\)\] {
    background-image: url(../../img/pages/home/footer/bg_futter_dummy.jpg);
}
.bg-cover {
    background-size: cover;
}
.bg-center {
    background-position: center;
}
.bg-right-top {
    background-position: right top;
}
.bg-no-repeat {
    background-repeat: no-repeat;
}
.px-0 {
    padding-left: 0;
    padding-right: 0;
}
.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}
.py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}
.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px;
}
.pb-12 {
    padding-bottom: 3rem;
}
.pl-0 {
    padding-left: 0;
}
.pl-\[64px\] {
    padding-left: 64px;
}
.pt-8 {
    padding-top: 2rem;
}
.pt-\[--spacing-20\] {
    padding-top: var(--spacing-20);
}
.pt-\[64px\] {
    padding-top: 64px;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.font-en {
    font-family: var(--font-en);
}
.text-body-lg {
    font-size: var(--text-body-lg-font-size);
    line-height: var(--text-body-lg-leading);
    letter-spacing: var(--text-body-letter-spacing);
    font-weight: var(--text-body-font-weight);
}
.text-body-md-160 {
    font-size: var(--text-body-md-160-font-size);
    line-height: var(--text-body-md-160-leading);
    letter-spacing: var(--text-body-letter-spacing);
    font-weight: var(--text-body-font-weight);
}
.text-body-sm {
    font-size: var(--text-body-sm-font-size);
    line-height: var(--text-body-sm-leading);
    letter-spacing: var(--text-body-letter-spacing);
    font-weight: var(--text-body-font-weight);
}
.text-body-xs {
    font-size: var(--text-body-xs-font-size);
    line-height: var(--text-body-xs-leading);
    letter-spacing: var(--text-body-letter-spacing);
    font-weight: var(--text-body-font-weight);
}
.text-details-2xl {
    font-size: var(--detials-2xl-font-size);
    line-height: var(--detials-2xl-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-2xl-font-weight);
}
.text-details-2xs {
    font-size: var(--detials-2xs-font-size);
    line-height: var(--detials-2xs-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-2xs-font-weight);
}
.text-details-2xs-medium {
    font-size: var(--detials-2xs-medium-font-size);
    line-height: var(--detials-2xs-medium-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-2xs-medium-font-weight);
}
.text-details-3xs-medium {
    font-size: var(--detials-3xs-medium-font-size);
    line-height: var(--detials-3xs-medium-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-3xs-medium-font-weight);
}
.text-details-lg {
    font-size: var(--detials-lg-font-size);
    line-height: var(--detials-lg-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-lg-font-weight);
}
.text-details-md {
    font-size: var(--detials-md-font-size);
    line-height: var(--detials-md-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-md-font-weight);
}
.text-details-md-en {
    font-size: var(--detials-md-en-font-size);
    line-height: var(--detials-md-en-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-md-en-font-weight);
}
.text-details-sm {
    font-size: var(--detials-sm-font-size);
    line-height: var(--detials-sm-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-sm-font-weight);
}
.text-details-xs {
    font-size: var(--detials-xs-font-size);
    line-height: var(--detials-xs-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-xs-font-weight);
}
.text-heading-sm {
    font-size: var(--heading-sm-font-size);
    line-height: var(--heading-sm-line-height);
    letter-spacing: var(--heading-sm-letter-spacing);
    font-weight: var(--heading-font-weight);
}
.text-\[--color-sumi-600\] {
    color: var(--color-sumi-600);
}
.text-primary {
    color: var(--semantic-color-primary);
}
.text-white {
    color: var(--semantic-color-white);
}
.\!no-underline {
    text-decoration-line: none !important;
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.transition-all,
.transition-button {
    transition: all var(--button-transition-duration)
        var(--button-transition-timing-function);
}
.transition-opacity {
    transition: opacity var(--button-transition-duration)
        var(--button-transition-timing-function);
}
.transition-change-bgColor {
    transition: background-color 0.3s ease-in-out;
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fade-out {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.hover-opacity:is(.hover-opacity:hover),
.hover-opacity:is(.hover-opacity:focus) {
    opacity: var(--opacity-hover);
}
.hover\:bg-inherit:hover {
    background-color: inherit;
}
.hover\:\!opacity-100:hover {
    opacity: 1 !important;
}
.hover\:opacity-80:hover {
    opacity: 0.8;
}
@media not all and (min-width: 1280px) {
    .max-lg\:flex-\[0_0_calc\(50\%-var\(--cardContainer-gap\)\)\] {
        flex: 0 0 calc(50% - var(--cardContainer-gap));
    }
}
@media not all and (min-width: 768px) {
    .max-md\:mb-6 {
        margin-bottom: 1.5rem;
    }
}
@media (min-width: 768px) {
    .md\:mb-\[--spacing-30\] {
        margin-bottom: var(--spacing-30);
    }
    .md\:mt-16 {
        margin-top: 4rem;
    }
    .md\:mt-20 {
        margin-top: 5rem;
    }
    .md\:mt-\[56px\] {
        margin-top: 56px;
    }
    .md\:grid {
        display: grid;
    }
    .md\:hidden {
        display: none;
    }
    .md\:h-\[212px\] {
        height: 212px;
    }
    .md\:h-\[400px\] {
        height: 400px;
    }
    .md\:max-w-\[360px\] {
        max-width: 360px;
    }
    .md\:flex-row {
        flex-direction: row;
    }
    .md\:justify-center {
        justify-content: center;
    }
    .md\:gap-12 {
        gap: 3rem;
    }
    .md\:gap-16 {
        gap: 4rem;
    }
    .md\:gap-6 {
        gap: 1.5rem;
    }
    .md\:gap-8 {
        gap: 2rem;
    }
    .md\:gap-\[56px\] {
        gap: 56px;
    }
    .md\:gap-x-\[56px\] {
        -moz-column-gap: 56px;
        column-gap: 56px;
    }
    .md\:\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .md\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .md\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .md\:pb-20 {
        padding-bottom: 5rem;
    }
    .md\:text-details-2xl {
        font-size: var(--detials-2xl-font-size);
        line-height: var(--detials-2xl-line-height);
        letter-spacing: var(--detials-letter-spacing);
        font-weight: var(--detials-2xl-font-weight);
    }
    .md\:text-heading-xl {
        font-size: var(--heading-xl-font-size);
        line-height: var(--heading-xl-line-height);
        letter-spacing: var(--heading-xl-letter-spacing);
        font-weight: var(--heading-font-weight);
    }
}
@media (min-width: 1280px) {
    .lg\:mb-\[--spacing-50\] {
        margin-bottom: var(--spacing-50);
    }
    .lg\:mt-16 {
        margin-top: 4rem;
    }
    .lg\:mt-20 {
        margin-top: 5rem;
    }
    .lg\:hidden {
        display: none;
    }
    .lg\:max-w-\[680px\] {
        max-width: 680px;
    }
    .lg\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .lg\:py-\[--spacing-50\] {
        padding-top: var(--spacing-50);
        padding-bottom: var(--spacing-50);
    }
    .lg\:py-\[104px\] {
        padding-top: 104px;
        padding-bottom: 104px;
    }
    .lg\:py-\[18px\] {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .lg\:pt-\[--spacing-30\] {
        padding-top: var(--spacing-30);
    }
    .lg\:pt-\[--spacing-50\] {
        padding-top: var(--spacing-50);
    }
    .lg\:text-details-2xl {
        font-size: var(--detials-2xl-font-size);
        line-height: var(--detials-2xl-line-height);
        letter-spacing: var(--detials-letter-spacing);
        font-weight: var(--detials-2xl-font-weight);
    }
    .lg\:text-details-sm {
        font-size: var(--detials-sm-font-size);
        line-height: var(--detials-sm-line-height);
        letter-spacing: var(--detials-letter-spacing);
        font-weight: var(--detials-sm-font-weight);
    }
    .lg\:text-details-xl {
        font-size: var(--detials-xl-font-size);
        line-height: var(--detials-xl-line-height);
        letter-spacing: var(--detials-letter-spacing);
        font-weight: var(--detials-xl-font-weight);
    }
}
.\[\&\>\.a-formItems\.-label\>\.a-formText\]\:sr-only
    > .a-formItems.-label
    > .a-formText {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.\[\&\>label\]\:cursor-pointer > label {
    cursor: pointer;
}
.\[\&\>li\]\:list-none > li {
    list-style-type: none;
}
.\[\&\>li\]\:justify-center > li {
    justify-content: center;
}
.\[\&\>li\]\:before\:hidden > li:before {
    content: var(--tw-content);
    display: none;
}
.\[\&\>p\]\:text-details-2xl > p {
    font-size: var(--detials-2xl-font-size);
    line-height: var(--detials-2xl-line-height);
    letter-spacing: var(--detials-letter-spacing);
    font-weight: var(--detials-2xl-font-weight);
}
.\[\&\>span\]\:\!pr-0 > span {
    padding-right: 0 !important;
}
.\[\&\>svg\]\:h-\[20px\] > svg {
    height: 20px;
}
.\[\&\>svg\]\:h-full > svg {
    height: 100%;
}
.\[\&\>svg\]\:w-\[30px\] > svg {
    width: 30px;
}
.\[\&\>svg\]\:w-full > svg {
    width: 100%;
}
.\[\&\>svg\]\:stroke-none > svg {
    stroke: none;
}
.\[\&_\.a-icon\]\:h-4 .a-icon {
    height: 1rem;
}
.\[\&_\.a-icon\]\:w-4 .a-icon {
    width: 1rem;
}
.\[\&_\.a-icon\]\:text-\[--semantic-color-primary\] .a-icon {
    color: var(--semantic-color-primary);
}
.\[\&_\.a-layoutContainer\:first-of-type\]\:px-6
    .a-layoutContainer:first-of-type {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.\[\&_\.a-layoutContainer\:last-of-type\]\:px-0
    .a-layoutContainer:last-of-type {
    padding-left: 0;
    padding-right: 0;
}
.\[\&_\.m-faqBlock__detail\]\:pt-10 .m-faqBlock detail {
    padding-top: 2.5rem;
}
.\[\&_\.m-formRadioInput\]\:max-w-\[298px\] .m-formRadioInput {
    max-width: 298px;
}
.\[\&_li\]\:before\:hidden li:before {
    content: var(--tw-content);
    display: none;
}
:root {
    --color-white: #fff;
    --color-white-rgb: 255, 255, 255;
    --color-black: #000;
    --color-black-rgb: 0, 0, 0;
    --color-sumi-50: #fff;
    --color-sumi-75: #fbfbfb;
    --color-sumi-100: #f8f8f8;
    --color-sumi-200: #eee;
    --color-sumi-300: #d5d5d5;
    --color-sumi-400: #b1b1b1;
    --color-sumi-500: #999;
    --color-sumi-600: #6d6d6d;
    --color-sumi-700: #464646;
    --color-sumi-800: #222;
    --color-sumi-900: #000;
    --color-sumi-50-rgb: 255, 255, 255;
    --color-sumi-75-rgb: 251, 251, 251;
    --color-sumi-100-rgb: 248, 248, 248;
    --color-sumi-200-rgb: 238, 238, 238;
    --color-sumi-300-rgb: 213, 213, 213;
    --color-sumi-400-rgb: 177, 177, 177;
    --color-sumi-500-rgb: 153, 153, 153;
    --color-sumi-600-rgb: 109, 109, 109;
    --color-sumi-700-rgb: 70, 70, 70;
    --color-sumi-800-rgb: 34, 34, 34;
    --color-sumi-900-rgb: 0, 0, 0;
    --color-emerald-50: #f2f9f9;
    --color-emerald-75: #e0e8e8;
    --color-emerald-100: #ddeff0;
    --color-emerald-200: #bfdfe2;
    --color-emerald-300: #93c8cd;
    --color-emerald-400: #60a7b0;
    --color-emerald-500: #4a97a1;
    --color-emerald-600: #3c737e;
    --color-emerald-700: #365f68;
    --color-emerald-800: #325058;
    --color-emerald-900: #2d444c;
    --color-emerald-50-rgb: 252, 235, 235;
    --color-emerald-75-rgb: 224, 232, 232;
    --color-emerald-100-rgb: 221, 239, 240;
    --color-emerald-200-rgb: 191, 223, 226;
    --color-emerald-300-rgb: 147, 200, 205;
    --color-emerald-400-rgb: 96, 167, 176;
    --color-emerald-500-rgb: 74, 151, 161;
    --color-emerald-600-rgb: 60, 115, 126;
    --color-emerald-700-rgb: 54, 95, 104;
    --color-emerald-800-rgb: 50, 80, 88;
    --color-emerald-900-rgb: 45, 68, 76;
    --color-darken-blue-900: #16525a;
    --color-darken-blue-900-rgb: 22, 82, 90;
    --color-blue-green-300: #c0f0df;
    --color-blue-green-400: #73ccd7;
    --color-blue-green-300-rgb: 192, 240, 223;
    --color-blue-green-400-rgb: 115, 204, 215;
    --color-gradient-gray-to-white:
        180deg, rgba(var(--color-sumi-900-rgb), 70%) 0%,
        rgba(var(--color-sumi-900-rgb), 0%) 100%;
    --color-gradient-white-to-emerald:
        151deg, rgba(var(--color-blue-green-300-rgb), 100%) 2.53%,
        rgba(var(--color-blue-green-400-rgb), 100%) 97.05%;
    --semantic-color-white: var(--color-sumi-50);
    --semantic-color-white-rgb: var(--color-sumi-50-rgb);
    --semantic-color-black: var(--color-sumi-900);
    --semantic-color-black-rgb: var(--color-sumi-900-rgb);
    --semantic-color-body: var(--color-sumi-800);
    --semantic-color-body-rgb: var(--color-sumi-800-rgb);
    --semantic-color-primary: var(--color-emerald-500);
    --semantic-color-primary-rgb: var(--color-emerald-500-rgb);
    --semantic-color-secondary: var(--color-emerald-50);
    --semantic-color-secondary-rgb: var(--color-emerald-50-rgb);
    --semantic-color-border-base: var(--color-sumi-400);
    --semantic-color-border-divider: var(--color-sumi-300);
    --semantic-color-border-fill: var(--color-sumi-50);
    --semantic-color-border-darken: var(--semantic-color-primary);
    --sematic-color-background: var(--color-gradient-purple-to-blue);
    --semantic-color-background-layer-base: var(--color-sumi-200);
    --semantic-color-background-layer-1: var(--color-sumi-100);
    --semantic-color-background-layer-2: var(--semantic-color-white);
    --semantic-color-emerald-background-layer-base: var(--color-emerald-75);
    --semantic-color-emerald-background-layer-1: var(
        --semantic-color-secondary
    );
    --semantic-color-background-layer-base-rgb: var(--color-sumi-200-rgb);
    --semantic-color-background-layer-1-rgb: var(--color-sumi-100-rgb);
    --semantic-color-background-layer-2-rgb: var(--semantic-color-white-rgb);
    --semantic-color-emerald-background-layer-base-rgb: var(
        --color-emerald-75-rgb
    );
    --semantic-color-emerald-background-layer-1-rgb: var(
        --color-emerald-50-rgb
    );
    --part-button-background-primary: var(--semantic-color-primary);
    --part-button-background-conversion-light: var(--semantic-color-white);
    --part-button-background-conversion-primary: var(--semantic-color-primary);
    --part-button-background-transparent-primary: transparent;
    --part-button-background-transparent-white: transparent;
    --part-button-text-color-primary: var(--semantic-color-white);
    --part-button-text-color-conversion-light: var(--semantic-color-primary);
    --part-button-text-color-conversion-primary: var(--semantic-color-white);
    --part-button-text-color-transparent-primary: var(--semantic-color-primary);
    --part-button-text-color-transparent-white: var(--semantic-color-white);
    --part-card-box-shadow-color: var(--color-darken-blue-900-rgb);
    --part-header-background-gradient-color: var(
        --color-gradient-gray-to-white
    );
}
@media (min-width: 768px) {
    :root {
        --color-gradient-gray-to-white:
            180deg, rgba(var(--color-sumi-900-rgb), 50%) 0%,
            rgba(var(--color-sumi-900-rgb), 0%) 100%;
    }
}
.a-linkTelButton {
    --icon-color: var(--button-icon-color);
    background-color: var(--button-bg);
    color: var(--button-text-color);
}
.a-linkTelButton.-disabled,
.a-linkTelButton:is(a[disabled]),
.a-linkTelButton:is(a[href='']),
.a-linkTelButton:is(a:not([href])) {
    --button-bg: var(--color-sumi-300);
    --button-text-color: var(--semantic-color-disabled);
    --button-border-color: var(--color-sumi-300);
    --button-icon-color: var(--semantic-color-disabled);
}
.a-linkTelButton.-theme-transparent {
    --button-bg: rgba(var(--semantic-color-white-rgb), 0);
    --button-text-color: var(--semantic-color-white);
    --button-border-color: none;
    --button-icon-color: var(--semantic-color-white);
}
.a-button {
    background-color: var(--button-bg, var(--semantic-color-white));
    color: var(--button-text-color, var(--semantic-color-body));
}
.a-button:is(button[disabled]),
.a-button:is(a[disabled]),
.a-button:is(a[href='']),
.a-button:is(a:not([href])) {
    --button-bg: var(--color-sumi-300);
    --button-text-color: var(--semantic-color-disabled);
    --button-border-color: var(--color-sumi-300);
    --button-icon-color: var(--semantic-color-disabled);
}
.a-button .a-icon {
    --icon-color: var(--button-icon-color);
}
.a-button.-text-primary {
    --button-text-color: var(--semantic-color-primary);
    --button-icon-color: var(--semantic-color-primary);
}
.a-button.-text-light {
    --button-text-color: var(--semantic-color-white);
    --button-icon-color: var(--semantic-color-white);
}
.a-button.-theme-primary {
    --button-bg: var(--semantic-color-primary);
    --button-border-color: var(--semantic-color-primary);
}
.a-button.-theme-primary:hover {
    opacity: var(--opacity-hover);
}
.a-button.-theme-light {
    --button-bg: var(--semantic-color-white);
    --button-border-color: var(--semantic-color-white);
}
.a-button.-theme-light.-text-primary {
    --button-text-color: var(--semantic-color-primary);
    --button-icon-color: var(--semantic-color-white);
}
.a-button.-theme-light:hover {
    --button-bg: var(--semantic-color-primary);
    --button-border-color: var(--semantic-color-primary);
}
.a-button.-theme-transparent {
    --button-bg: transparent;
    --button-border-color: var(--semantic-color-white);
}
.a-button.-theme-transparent.-text-primary {
    --button-border-color: var(--semantic-color-primary);
}
.a-button.-theme-transparent:hover {
    --button-bg: var(--semantic-color-white);
}
.a-button.-theme-transparent.-text-light:hover {
    --button-text-color: var(--semantic-color-primary);
    --button-icon-color: var(--semantic-color-primary);
}
.a-button.-theme-white {
    --button-bg: var(--semantic-color-white);
}
.a-button.-theme-white.-text-primary {
    --button-border-color: var(--semantic-color-primary);
}
.a-button.-theme-white:hover {
    --button-bg: var(--color-emerald-100);
}
.a-icon {
    color: var(--icon-color, currentColor);
}
.a-icon .a-icon__img {
    color: inherit;
}
.a-list {
    --list-theme: var(--semantic-color-primary);
    --list-color: var(--semantic-color-body);
    --list-marker-color: var(--list-theme);
    color: var(--list-color);
}
.a-list:where(ul) li:before,
.a-list:where(ul) li::marker {
    color: var(--list-marker-color);
}
.a-list.-theme-dark {
    --list-marker-color: var(--semantic-color-black);
}
.a-list.-theme-gray {
    --semantic-color-background-layer-1: var(--semantic-color-gray);
    --list-marker-color: var(--semantic-color-background-layer-1);
}
.a-list.-theme-light {
    --list-color: var(--semantic-color-white);
    --list-marker-color: var(--semantic-color-white);
}
.a-sectionHeading {
    --sectionHeading-color: var(--semantic-color-body);
    color: var(--sectionHeading-color);
}
.a-sectionHeading.-theme-primary {
    --sectionHeading-color: var(--semantic-color-primary);
}
.a-sectionHeading.-theme-secondary {
    --sectionHeading-color: var(--semantic-color-secondary);
}
.a-sectionHeading.-theme-light {
    --sectionHeading-color: var(--semantic-color-white);
}
.a-sectionTitle .a-sectionTitle__heading {
    color: var(--sectionTitle-heading-color);
}
.a-sectionTitle .a-sectionTitle__sub {
    color: var(--sectionTitle-sub-color);
}
.a-sectionTitle.-hasBgColor {
    background-color: var(--sectionTitle-bg-color);
}
.a-sectionTitle .a-sectionTitle__icon {
    color: var(--sectionTitle-icon-color);
}
.a-sectionTitle.-theme-primary {
    --sectionTitle-heading-color: var(--semantic-color-primary);
    --sectionTitle-sub-color: var(--semantic-color-body);
    --sectionTitle-icon-color: var(--semantic-color-primary);
}
.a-sectionTitle.-theme-dark {
    --sectionTitle-heading-color: var(--semantic-color-body);
    --sectionTitle-sub-color: var(--semantic-color-body);
}
.a-sectionTitle.-bgColor-dark {
    --sectionTitle-bg-color: var(--semantic-color-background-layer-1);
}
.a-sectionTitle.-bgColor-secondary {
    --sectionTitle-bg-color: var(--semantic-color-emerald-background-layer-1);
}
.a-cardContainer {
    background-color: var(
        --cardContainer-background-color,
        var(--semantic-color-white)
    );
}
.a-cardContainer.-theme-light {
    --cardContainer-background-color: var(--semantic-color-white);
}
.a-cardContainer.-theme-transparent {
    --cardContainer-background-color: transparent;
}
.a-linkText {
    --linkText-color: var(--semantic-color-primary);
    color: var(--linkText-color);
}
.a-linkText.-theme-primary {
    --linkText-color: var(--semantic-color-primary);
}
.a-linkText.-theme-dark {
    --linkText-color: inherit;
}
.a-badge.-taxonomy {
    --badgeTaxonomy-color: var(--semantic-color-white);
    --badgeTaxonomy-bg: var(--semantic-color-primary);
    --badgeTaxonomy-border-color: var(--semantic-color-primary);
    color: var(--badgeTaxonomy-color);
    background: var(--badgeTaxonomy-bg);
    border-color: var(--badgeTaxonomy-border-color);
}
.a-badge.-taxonomy.-theme-primary {
    --badgeTaxonomy-color: var(--semantic-color-primary);
    --badgeTaxonomy-bg: var(--semantic-color-emerald-background-layer-1);
    --badgeTaxonomy-border-color: var(--color-emerald-300);
}
.m-navigationMenu {
    color: var(--navigationMenu-color, inherit);
}
.a-buttonModalMenuNavigation {
    --buttonModalNavigation-color: currentcolor;
}
.a-buttonModalMenuNavigation
    .a-buttonModalMenuNavigation__icon
    .drawer-hamburger-icon {
    background-color: var(--icon-color);
}
.a-buttonModalMenuNavigation
    .a-buttonModalMenuNavigation__icon
    .drawer-hamburger-icon:before,
.a-buttonModalMenuNavigation
    .a-buttonModalMenuNavigation__icon
    .drawer-hamburger-icon:after {
    background-color: var(--icon-color);
}
.o-globalHeader {
    --globalHeader-bg: transparent;
    --globalHeader-color: var(--semantic-color-white);
    --globalHeader__navigation-bg: inherit;
    --globalHeader__navigation-color: inherit;
    --globalHeader__child-navigation-color: inherit;
    --globalHeader__grandChild-navigation-color: inherit;
    --globalHeader__navigation-overlay-bg: var(--globalHeader-bg);
    --icon-color: inherit;
    --logo-color: var(--semantic-color-white);
    --icon-border-color: var(--icon-color);
    --globalHeader__navigation-ornament-color: var(--semantic-color-white);
    --globalHeader__navigation-accordion-bg: var(--semantic-color-black);
    --globalHeader__navigation-accordion-bg-alpha: 1;
    --globalHeaderButton-bg: var(--semantic-color-white);
    --globalHeaderButton-color: var(--semantic-color-white);
    --globalHeaderButton-border-color: var(--semantic-color-white);
    --globalHeaderButton-icon-color: var(--semantic-color-white);
    --globalHeaderButton-bg--hover: var(--globalHeaderButton-bg);
    --globalHeaderButton-color--hover: var(--globalHeaderButton-color);
    --globalHeaderButton-border-color--hover: var(
        --globalHeaderButton-icon-color
    );
    --globalHeaderButton-icon-color--hover: var(
        --globalHeaderButton-icon-color
    );
    --globalHeaderButton-opacity--hover: 1;
    background: var(--globalHeader-bg);
    color: var(--globalHeader-color);
}
.o-globalHeader .o-globalHeaderModalNavigation {
    --globalHeaderModalNavigation-bg: var(--globalHeader-bg);
    --globalHeaderModalNavigation-color: var(--globalHeader__navigation-color);
    --globalHeaderModalNavigation-overlay-bg: var(
        --globalHeader__navigation-overlay-bg
    );
}
.o-globalHeader .a-buttonModalMenuNavigation {
    border-color: var(--icon-border-color);
}
.o-globalHeader .o-globalHeader__menu.-pc .m-navigationMenu__list.-child {
    color: var(--globalHeader__child-navigation-color);
    background-color: rgba(
        var(--globalHeader__navigation-accordion-bg),
        var(--globalHeader__navigation-accordion-bg-alpha)
    );
}
.o-globalHeader .o-globalHeader__menu.-pc .m-navigationMenu__list.-grandChild {
    --globalHeader__grandChild-navigation-color: var(--globalHeader-color);
    color: var(--globalHeader__grandChild-navigation-color);
}
.o-globalHeader .o-globalHeader__menu.-pc .o-globalHeader__link:before {
    background-color: var(--globalHeader__navigation-ornament-color);
}
.o-globalHeader .o-globalHeader__buttons .a-button {
    --button-bg: var(--globalHeaderButton-bg);
    --button-text-color: var(--globalHeaderButton-color);
    --button-border-color: var(--globalHeaderButton-border-color);
}
.o-globalHeader .o-globalHeader__buttons .a-button:hover {
    --button-bg: var(--globalHeaderButton-bg--hover);
    --button-text-color: var(--globalHeaderButton-color--hover);
    --button-border-color: var(--globalHeaderButton-border-color--hover);
    opacity: var(--globalHeaderButton-opacity--hover);
}
.o-globalHeader .o-globalHeader__buttons .a-button .a-icon {
    --icon-color: var(--globalHeaderButton-icon-color);
}
.o-globalHeader .o-globalHeader__buttons .a-button .a-icon:hover {
    --icon-color: var(--globalHeaderButton-icon-color--hover);
}
.o-globalHeader.-theme-light {
    --globalHeader-bg: var(--semantic-color-white);
    --globalHeader-color: var(--semantic-color-body);
    --icon-color: var(--semantic-color-primary);
    --logo-color: var(--semantic-color-black);
    --globalHeaderButton-bg: var(--semantic-color-primary);
    --globalHeaderButton-color: var(--semantic-color-white);
    --globalHeaderButton-icon-color: var(--semantic-color-white);
    --globalHeaderButton-border-color: var(--semantic-color-primary);
    --globalHeaderButton-opacity--hover: var(--opacity-hover);
    --globalHeader__navigation-ornament-color: var(--semantic-color-primary);
    --globalHeader__child-navigation-color: var(--semantic-color-primary);
    --globalHeader__navigation-accordion-bg: var(
        --semantic-color-background-layer-1-rgb
    );
    --globalHeader__navigation-accordion-bg-alpha: 1;
}
.o-globalHeader.-theme-transparent {
    --globalHeader-bg: linear-gradient(
        var(--part-header-background-gradient-color)
    );
    --globalHeader-color: var(--semantic-color-white);
    --icon-color: var(--semantic-color-white);
    --logo-color: var(--semantic-color-white);
    --globalHeaderButton-bg: var(--semantic-color-white);
    --globalHeaderButton-color: var(--semantic-color-primary);
    --globalHeaderButton-icon-color: var(--semantic-color-primary);
    --globalHeaderButton-border-color: var(--semantic-color-white);
    --globalHeaderButton-bg--hover: var(--color-emerald-100);
    --globalHeaderButton-border-color--hover: var(--color-emerald-100);
    --globalHeader__child-navigation-color: var(--semantic-color-white);
    --globalHeader__navigation-ornament-color: var(--semantic-color-white);
    --globalHeader__navigation-accordion-bg: var(--color-sumi-800-rgb);
    --globalHeader__navigation-accordion-bg-alpha: 0.6;
}
.o-globalHeaderModalNavigation {
    --globalHeaderModalNavigation-bg: var(
        --globalHeader__navigation-overlay-bg
    );
    --globalHeaderModalNavigation-color: inherit;
    --globalHeaderModalNavigation-overlay-bg: var(
        --globalHeader__navigation-overlay-bg
    );
}
.o-globalHeaderModalNavigation .m-modalNavigation__overlay {
    background-color: #0000007f;
}
.o-globalHeaderModalNavigation
    .m-modalNavigation__body
    > .o-globalHeader__menuContainer {
    background: var(--globalHeaderModalNavigation-bg);
    color: var(--globalHeaderModalNavigation-color);
}

.o-globalHeader__buttons .a-icon {
    border: 2px solid #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.o-globalHeader__buttons .a-icon__img {
    width: 24px;
    height: 24px;
    filter: brightness(0) invert(1);
}