:root {
    --beige-100: #fefcfa;
    --beige-1000: #9e9267;
    --beige-1100: #867946;
    --beige-1200: #70622a;
    --beige-200: #fcfaf8;
    --beige-300: #faf7f4;
    --beige-400: #f7f5f1;
    --beige-50: #fffefd;
    --beige-500: #f1ede7;
    --beige-600: #e7e3d8;
    --beige-700: #dad4c5;
    --beige-800: #cac2ab;
    --beige-900: #b5ab8b;
    --blue-100: #dcf0ff;
    --blue-1000: #00428c;
    --blue-1100: #00316a;
    --blue-1200: #00234b;
    --blue-200: #c0e4ff;
    --blue-300: #97d3ff;
    --blue-400: #57b8ff;
    --blue-50: #f0f9ff;
    --blue-500: #39abff;
    --blue-600: #008bf2;
    --blue-700: #0877d7;
    --blue-800: #0066be;
    --blue-900: #0055ad;
    --canary-100: #ffeddb;
    --canary-1000: #a28901;
    --canary-1100: #7b6900;
    --canary-1200: #4f4500;
    --canary-200: #ffe1be;
    --canary-300: #ffd7a1;
    --canary-400: #ffce84;
    --canary-50: #fffbf8;
    --canary-500: #fcc250;
    --canary-600: #f7bb25;
    --canary-700: #ecb405;
    --canary-800: #dbaf03;
    --canary-900: #c3a102;
    --cyan-100: #c8f8ff;
    --cyan-1000: #006173;
    --cyan-1100: #004c59;
    --cyan-1200: #003741;
    --cyan-200: #99f2ff;
    --cyan-300: #79e2f2;
    --cyan-400: #2bc8e4;
    --cyan-50: #e6fcff;
    --cyan-500: #01b7d6;
    --cyan-600: #00a3bf;
    --cyan-700: #008da6;
    --cyan-800: #008299;
    --cyan-900: #006f83;
    --green-100: #f4feee;
    --green-1000: #1e7c2d;
    --green-1100: #145e18;
    --green-1200: #11450e;
    --green-200: #e8fedf;
    --green-300: #d8fbcd;
    --green-400: #c6f9bc;
    --green-50: #fefffd;
    --green-500: #9cee98;
    --green-600: #75df7a;
    --green-700: #57cc66;
    --green-800: #3eb557;
    --green-900: #2c9a4a;
    --indigo-100: #dceafe;
    --indigo-1000: #00019c;
    --indigo-1100: #0d017f;
    --indigo-1200: #160561;
    --indigo-200: #c4dafd;
    --indigo-300: #abc9fc;
    --indigo-400: #93b8fb;
    --indigo-50: #f5f9ff;
    --indigo-500: #6590f2;
    --indigo-600: #3d6aea;
    --indigo-700: #1b49e1;
    --indigo-800: #0031d8;
    --indigo-900: #0015ba;
    --lime-100: #f5ffb9;
    --lime-1000: #527808;
    --lime-1100: #3b5803;
    --lime-1200: #293d00;
    --lime-200: #eaff86;
    --lime-300: #dcff5b;
    --lime-400: #cdff30;
    --lime-50: #fdffed;
    --lime-500: #bcf62a;
    --lime-600: #ade830;
    --lime-700: #98d124;
    --lime-800: #81b619;
    --lime-900: #699810;
    --magenta-100: #ffdafe;
    --magenta-1000: #780761;
    --magenta-1100: #52083f;
    --magenta-1200: #2e0722;
    --magenta-200: #ffbafe;
    --magenta-300: #ff9afd;
    --magenta-400: #fe7afe;
    --magenta-50: #fffaff;
    --magenta-500: #f749f5;
    --magenta-600: #eb20ea;
    --magenta-700: #db00db;
    --magenta-800: #bf01b1;
    --magenta-900: #9d0488;
    --mono-0: #ffffff;
    --mono-100: #f2f2f2;
    --mono-1000: #595959;
    --mono-1100: #333333;
    --mono-1200: #1a1a1a;
    --mono-1300: #000000;
    --mono-200: #ebebeb;
    --mono-300: #e6e6e6;
    --mono-400: #dedede;
    --mono-50: #fafafa;
    --mono-500: #cccccc;
    --mono-600: #c4c4c4;
    --mono-700: #a8a8a8;
    --mono-800: #8f8f8f;
    --mono-900: #767676;
    --navy-100: #e4ebf6;
    --navy-1000: #11215b;
    --navy-1100: #0a1541;
    --navy-1200: #060d2b;
    --navy-200: #cfdbed;
    --navy-300: #bac9e2;
    --navy-400: #a5b7d6;
    --navy-50: #f9fbff;
    --navy-500: #7f96c2;
    --navy-600: #5f7ab6;
    --navy-700: #435ea5;
    --navy-800: #2d4590;
    --navy-900: #1c3177;
    --orange-100: #ffdfca;
    --orange-1000: #8b3200;
    --orange-1100: #6d2700;
    --orange-1200: #541e00;
    --orange-200: #ffc199;
    --orange-300: #ffa66d;
    --orange-400: #ff8d44;
    --orange-50: #ffeee2;
    --orange-500: #ff7628;
    --orange-600: #fb5b01;
    --orange-700: #e25100;
    --orange-800: #c74700;
    --orange-900: #ac3e00;
    --purple-100: #ecddff;
    --purple-1000: #41048e;
    --purple-1100: #30016c;
    --purple-1200: #21004b;
    --purple-200: #ddc2ff;
    --purple-300: #cda6ff;
    --purple-400: #bb87ff;
    --purple-50: #f1eafa;
    --purple-500: #a565f8;
    --purple-600: #8843e1;
    --purple-700: #6f23d0;
    --purple-800: #5c10be;
    --purple-900: #5109ad;
    --red-100: #ffe4e4;
    --red-1000: #8a1a06;
    --red-1100: #6b1502;
    --red-1200: #4d0f00;
    --red-200: #ffcccc;
    --red-300: #ffb3b3;
    --red-400: #ff9999;
    --red-50: #fffbfb;
    --red-500: #f96060;
    --red-600: #f02b2b;
    --red-700: #de221a;
    --red-800: #c62112;
    --red-900: #aa1e0c;
    --transparent-black-10: #0000001a;
    --transparent-black-20: #00000033;
    --transparent-black-3: #00000008;
    --transparent-black-30: #0000004d;
    --transparent-black-40: #00000066;
    --transparent-black-5: #0000000d;
    --transparent-black-50: #00000080;
    --transparent-black-60: #00000099;
    --transparent-black-80: #000000b2;
    --transparent-black-90: #000000e5;
    --white-10: #ffffff1a;
    --white-20: #ffffff33;
    --white-3: #ffffff08;
    --white-30: #ffffff4d;
    --white-40: #ffffff66;
    --white-5: #ffffff0d;
    --white-50: #ffffff80;
    --white-60: #ffffff99;
    --white-80: #ffffffb2;
    --white-90: #ffffffe5;
    --yellow-100: #fffbd5;
    --yellow-1000: #758400;
    --yellow-1100: #566200;
    --yellow-1200: #394200;
    --yellow-200: #fffab4;
    --yellow-300: #fff892;
    --yellow-400: #fff970;
    --yellow-50: #fffef6;
    --yellow-500: #faf837;
    --yellow-600: #ebf000;
    --yellow-700: #d1dc00;
    --yellow-800: #b4c300;
    --yellow-900: #95a500;
    --brand-primary: var(--navy-900);
    --brand-quaternary: var(--navy-50);
    --brand-secondary: var(--navy-500);
    --brand-tertiary: var(--navy-200);
    --classified-beige-primary: var(--beige-300);
    --classified-beige-quaternary: var(--beige-700);
    --classified-beige-quinary: var(--beige-900);
    --classified-beige-secondary: var(--beige-400);
    --classified-beige-tertiary: var(--beige-500);
    --classified-canary-primary: var(--canary-800);
    --classified-canary-quaternary: var(--canary-100);
    --classified-canary-secondary: var(--canary-1000);
    --classified-canary-tertiary: var(--canary-600);
    --classified-cyan-primary: var(--cyan-600);
    --classified-cyan-quaternary: var(--cyan-50);
    --classified-cyan-secondary: var(--cyan-1100);
    --classified-cyan-tertiary: var(--cyan-300);
    --classified-green-primary: var(--green-900);
    --classified-green-quaternary: var(--green-100);
    --classified-green-quinary: var(--green-1100);
    --classified-green-secondary: var(--green-1200);
    --classified-green-tertiary: var(--green-500);
    --classified-indigo-primary: var(--indigo-800);
    --classified-indigo-quaternary: var(--indigo-50);
    --classified-indigo-quinary: var(--indigo-200);
    --classified-indigo-secondary: var(--indigo-1000);
    --classified-indigo-tertiary: var(--indigo-300);
    --classified-mono-black: var(--mono-1300);
    --classified-mono-primary: var(--mono-1200);
    --classified-mono-quaternary: var(--mono-200);
    --classified-mono-quinary: var(--mono-50);
    --classified-mono-secondary: var(--mono-900);
    --classified-mono-tertiary: var(--mono-500);
    --classified-mono-white: var(--mono-0);
    --classified-orange-primary: var(--orange-600);
    --classified-orange-quaternary: var(--orange-100);
    --classified-orange-secondary: var(--orange-1100);
    --classified-orange-tertiary: var(--orange-300);
    --classified-purple-primary: var(--purple-700);
    --classified-purple-quaternary: var(--purple-50);
    --classified-purple-secondary: var(--purple-1100);
    --classified-purple-tertiary: var(--purple-400);
    --classified-red-primary: var(--red-600);
    --classified-red-quaternary: var(--red-100);
    --classified-red-secondary: var(--red-1100);
    --classified-red-tertiary: var(--red-400);
    --classified-transparent-black-primary: var(--transparent-black-80);
    --classified-transparent-black-quaternary: var(--transparent-black-5);
    --classified-transparent-black-quinary: var(--transparent-black-20);
    --classified-transparent-black-secondary: var(--transparent-black-40);
    --classified-transparent-black-tertiary: var(--transparent-black-60);
    --classified-transparent-white-primary: var(--white-80);
    --classified-transparent-white-secondary: var(--white-60);
    --classified-transparent-white-tertiary: var(--white-40);
    --ui-background-brand-primary: var(--brand-primary);
    --ui-background-brand-quaternary: var(--brand-quaternary);
    --ui-background-brand-secondary: var(--brand-secondary);
    --ui-background-brand-tertiary: var(--brand-tertiary);
    --ui-background-dark: var(--classified-mono-primary);
    --ui-background-dark-grey: var(--mono-1000);
    --ui-background-default: var(--classified-mono-white);
    --ui-background-grey: var(--classified-mono-secondary);
    --ui-background-light: var(--classified-mono-quaternary);
    --ui-background-separated-area-primary: var(--classified-beige-primary);
    --ui-background-separated-area-secondary: var(--classified-beige-tertiary);
    --ui-background-separated-area-tertiary: var(--classified-beige-quaternary);
    --ui-background-transparent-black: var(--classified-transparent-black-primary);
    --ui-background-transparent-black-light: var(--classified-transparent-black-secondary);
    --ui-background-transparent-black-mid: var(--classified-transparent-black-tertiary);
    --ui-background-transparent-black-thin: var(--classified-transparent-black-quaternary);
    --ui-background-transparent-black-ultra-light: var(--classified-transparent-black-quinary);
    --ui-background-transparent-white: var(--classified-transparent-white-secondary);
    --ui-background-transparent-white-light: var(--classified-transparent-white-tertiary);
    --ui-background-ultra-light: var(--classified-mono-quinary);
    --ui-background-emphasize-high-primary: var(--ui-emphasize-high-primary);
    --ui-background-emphasize-high-quaternary: var(--ui-emphasize-high-quaternary);
    --ui-background-emphasize-high-secondary: var(--ui-emphasize-high-secondary);
    --ui-background-emphasize-high-tertiary: var(--ui-emphasize-high-tertiary);
    --ui-background-emphasize-mid-primary: var(--ui-emphasize-mid-primary);
    --ui-background-emphasize-mid-quaternary: var(--ui-emphasize-mid-quaternary);
    --ui-background-emphasize-mid-quinary: var(--ui-emphasize-mid-quinary);
    --ui-background-emphasize-mid-secondary: var(--ui-emphasize-mid-secondary);
    --ui-background-emphasize-mid-tertiary: var(--ui-emphasize-mid-tertiary);
    --ui-background-status-active: var(--ui-status-active);
    --ui-background-status-caution: var(--ui-status-caution);
    --ui-background-status-caution-hover: var(--ui-status-caution-hover);
    --ui-background-status-disabled: var(--ui-line-status-disabled);
    --ui-background-status-hover: var(--ui-status-hover);
    --ui-background-status-link: var(--ui-status-link);
    --ui-background-status-visited: var(--ui-status-visited);
    --ui-emphasize-high-primary: var(--classified-indigo-primary);
    --ui-emphasize-high-quaternary: var(--classified-indigo-tertiary);
    --ui-emphasize-high-secondary: var(--classified-indigo-quaternary);
    --ui-emphasize-high-tertiary: var(--classified-indigo-quinary);
    --ui-emphasize-mid-primary: var(--brand-primary);
    --ui-emphasize-mid-quaternary: var(--navy-300);
    --ui-emphasize-mid-quinary: var(--navy-600);
    --ui-emphasize-mid-secondary: var(--navy-50);
    --ui-emphasize-mid-tertiary: var(--navy-100);
    --ui-icon-brand-primary: var(--ui-text-brand-primary);
    --ui-icon-default: var(--ui-text-default);
    --ui-icon-inverted: var(--ui-text-inverted);
    --ui-icon-light: var(--ui-text-light);
    --ui-icon-ultra-light: var(--ui-text-ultra-light);
    --ui-icon-status-active: var(--ui-status-active);
    --ui-icon-status-caution: var(--ui-status-caution);
    --ui-icon-status-caution-hover: var(--ui-status-caution-hover);
    --ui-icon-status-disabled: var(--ui-status-disabled-dark);
    --ui-icon-status-hover: var(--ui-status-hover);
    --ui-icon-status-link: var(--ui-status-link);
    --ui-icon-status-visited: var(--ui-status-visited);
    --ui-line-bold: var(--classified-mono-primary);
    --ui-line-brand-primary: var(--brand-primary);
    --ui-line-brand-secondary: var(--brand-secondary);
    --ui-line-brand-tertiary: var(--brand-tertiary);
    --ui-line-default: var(--classified-mono-tertiary);
    --ui-line-inverted: var(--classified-mono-white);
    --ui-line-thick: var(--classified-mono-secondary);
    --ui-line-thin: var(--classified-mono-quaternary);
    --ui-line-white-transparent-light: var(--classified-transparent-white-tertiary);
    --ui-line-white-transparent-ultra-light: var(--classified-transparent-white-tertiary);
    --ui-line-white-transparent-thick: var(--classified-transparent-white-secondary);
    --ui-line-status-active: var(--ui-status-active);
    --ui-line-status-caution: var(--ui-status-caution);
    --ui-line-status-caution-hover: var(--ui-status-caution-hover);
    --ui-line-status-disabled: var(--ui-status-disabled);
    --ui-line-status-focus: var(--classified-canary-primary);
    --ui-line-status-hover: var(--ui-status-hover);
    --ui-line-status-link: var(--ui-status-link);
    --ui-line-status-visited: var(--ui-status-visited);
    --ui-status-active: var(--navy-1100);
    --ui-status-caution: var(--classified-red-primary);
    --ui-status-caution-hover: var(--classified-red-secondary);
    --ui-status-disabled: var(--classified-mono-quinary);
    --ui-status-disabled-dark: var(--classified-mono-tertiary);
    --ui-status-hover: var(--classified-indigo-secondary);
    --ui-status-link: var(--brand-primary);
    --ui-status-visited: var(--classified-purple-secondary);
    --ui-surface-brand-primary: var(--brand-primary);
    --ui-surface-brand-secondary: var(--brand-secondary);
    --ui-surface-brand-tertiary: var(--brand-tertiary);
    --ui-surface-default: var(--classified-mono-white);
    --ui-surface-light-grey: var(--classified-mono-tertiary);
    --ui-surface-transparent-black: var(--classified-transparent-black-primary);
    --ui-surface-transparent-black-light: var(--classified-transparent-black-secondary);
    --ui-surface-transparent-black-mid: var(--classified-transparent-black-tertiary);
    --ui-surface-transparent-black-thin: var(--classified-transparent-black-quaternary);
    --ui-surface-transparent-black-ultra-light: var(--classified-transparent-black-quinary);
    --ui-surface-transparent-white: var(--classified-transparent-white-secondary);
    --ui-surface-transparent-white-light: var(--classified-transparent-white-tertiary);
    --ui-surface-ultra-light-grey: var(--classified-mono-quinary);
    --ui-surface-emphasize-high-primary: var(--ui-emphasize-high-primary);
    --ui-surface-emphasize-high-quaternary: var(--ui-emphasize-high-quaternary);
    --ui-surface-emphasize-high-secondary: var(--ui-emphasize-high-secondary);
    --ui-surface-emphasize-high-tertiary: var(--ui-emphasize-high-tertiary);
    --ui-surface-emphasize-mid-primary: var(--ui-emphasize-mid-primary);
    --ui-surface-emphasize-mid-quaternary: var(--ui-emphasize-mid-quaternary);
    --ui-surface-emphasize-mid-quinary: var(--ui-emphasize-mid-quinary);
    --ui-surface-emphasize-mid-secondary: var(--ui-emphasize-mid-secondary);
    --ui-surface-emphasize-mid-tertiary: var(--ui-emphasize-mid-tertiary);
    --ui-surface-status-active: var(--ui-status-active);
    --ui-surface-status-caution: var(--ui-status-caution);
    --ui-surface-status-caution-hover: var(--ui-status-caution-hover);
    --ui-surface-status-disabled: var(--ui-status-disabled);
    --ui-surface-status-hover: var(--ui-status-hover);
    --ui-surface-status-link: var(--ui-status-link);
    --ui-surface-status-visited: var(--ui-status-visited);
    --ui-text-brand-primary: var(--brand-primary);
    --ui-text-default: var(--classified-mono-black);
    --ui-text-inverted: var(--classified-mono-white);
    --ui-text-light: var(--classified-mono-secondary);
    --ui-text-ultra-light: var(--classified-mono-tertiary);
    --ui-text-code-attribute: var(--indigo-400);
    --ui-text-code-blacket: var(--canary-600);
    --ui-text-code-comment: var(--classified-mono-secondary);
    --ui-text-code-script: var(--green-400);
    --ui-text-code-tag: var(--orange-600);
    --ui-text-code-value: var(--cyan-400);
    --ui-text-status-active: var(--ui-status-active);
    --ui-text-status-caution: var(--ui-status-caution);
    --ui-text-status-caution-hover: var(--ui-status-caution-hover);
    --ui-text-status-disabled: var(--ui-status-disabled-dark);
    --ui-text-status-hover: var(--ui-status-hover);
    --ui-text-status-link: var(--ui-status-link);
    --ui-text-status-visited: var(--ui-status-visited)
}

:root {
    --primitive-1px: 1px;
    --primitive-2px: 2px;
    --primitive-3px: 3px;
    --primitive-4px: 4px;
    --primitive-6px: 6px;
    --primitive-8px: 8px;
    --primitive-10px: 10px;
    --primitive-11px: 11px;
    --primitive-12px: 12px;
    --primitive-14px: 14px;
    --primitive-1rem: 16px;
    --primitive-18px: 18px;
    --primitive-20px: 20px;
    --primitive-22px: 22px;
    --primitive-24px: 24px;
    --primitive-28px: 28px;
    --primitive-32px: 32px;
    --primitive-40px: 40px;
    --primitive-44px: 44px;
    --primitive-48px: 48px;
    --primitive-56px: 56px;
    --primitive-60px: 60px;
    --primitive-64px: 64px;
    --primitive-72px: 72px;
    --primitive-80px: 80px;
    --primitive-85-333px: 85.33333587646484px;
    --primitive-88px: 88px;
    --primitive-96px: 96px;
    --primitive-120px: 120px;
    --primitive-128px: 128px;
    --primitive-160px: 160px;
    --primitive-240px: 240px;
    --primitive-9999px: 9999px;
    --semantic-corner-radius-sss: var(--primitive-1px);
    --semantic-corner-radius-ss: var(--primitive-2px);
    --semantic-corner-radius-s: var(--primitive-4px);
    --semantic-corner-radius-ms: var(--primitive-6px);
    --semantic-corner-radius-m: var(--primitive-8px);
    --semantic-corner-radius-ml: var(--primitive-10px);
    --semantic-corner-radius-l: var(--primitive-12px);
    --semantic-corner-radius-ll: var(--primitive-1rem);
    --semantic-corner-radius-lll: var(--primitive-32px);
    --semantic-corner-radius-pill: var(--primitive-9999px);
    --semantic-line-thickness-default: var(--primitive-1px);
    --semantic-line-thickness-bold: var(--primitive-2px);
    --semantic-line-thickness-black: var(--primitive-3px);
    --semantic-line-thickness-heavy: var(--primitive-4px);
    --semantic-shadow-blur-ss: var(--primitive-1px);
    --semantic-shadow-blur-s: var(--primitive-2px);
    --semantic-shadow-blur-m: var(--primitive-1rem);
    --semantic-shadow-blur-l: var(--primitive-32px);
    --semantic-shadow-blur-ll: var(--primitive-64px);
    --semantic-shadow-blur-lll: var(--primitive-160px);
    --semantic-size-icon-ssss: var(--primitive-4px);
    --semantic-size-icon-sss: var(--primitive-6px);
    --semantic-size-icon-ss: var(--primitive-8px);
    --semantic-size-icon-s: var(--primitive-10px);
    --semantic-size-icon-ms: var(--primitive-12px);
    --semantic-size-icon-mms: var(--primitive-14px);
    --semantic-size-icon-m: var(--primitive-1rem);
    --semantic-size-icon-mml: var(--primitive-20px);
    --semantic-size-icon-ml: var(--primitive-24px);
    --semantic-size-icon-l: var(--primitive-28px);
    --semantic-size-icon-ll: var(--primitive-32px);
    --semantic-size-icon-lll: var(--primitive-40px);
    --semantic-size-icon-clickable: var(--primitive-44px);
    --semantic-size-section-sss: var(--primitive-48px);
    --semantic-size-section-ss: var(--primitive-64px);
    --semantic-size-section-s: var(--primitive-72px);
    --semantic-size-section-ms: var(--primitive-80px);
    --semantic-size-section-m: var(--primitive-96px);
    --semantic-size-section-ml: var(--primitive-120px);
    --semantic-size-section-l: var(--primitive-160px);
    --semantic-size-section-ll: var(--primitive-240px);
    --semantic-space-hairline-s: var(--primitive-1px);
    --semantic-space-hairline-m: var(--primitive-2px);
    --semantic-space-hairline-l: var(--primitive-3px);
    --semantic-space-inner-sss: var(--primitive-4px);
    --semantic-space-inner-ss: var(--primitive-6px);
    --semantic-space-inner-s: var(--primitive-8px);
    --semantic-space-inner-ms: var(--primitive-10px);
    --semantic-space-inner-mms: var(--primitive-12px);
    --semantic-space-inner-m: var(--primitive-1rem);
    --semantic-space-inner-ml: var(--primitive-20px);
    --semantic-space-inner-l: var(--primitive-24px);
    --semantic-space-inner-ll: var(--primitive-32px);
    --semantic-space-inner-lll: var(--primitive-40px);
    --semantic-space-inner-llll: var(--primitive-48px);
    --semantic-space-outer-sss: var(--primitive-64px);
    --semantic-space-outer-ss: var(--primitive-72px);
    --semantic-space-outer-s: var(--primitive-80px);
    --semantic-space-outer-m: var(--primitive-96px);
    --semantic-space-outer-l: var(--primitive-120px);
    --semantic-space-outer-lm: var(--primitive-128px);
    --semantic-space-outer-ll: var(--primitive-160px);
    --semantic-space-outer-lll: var(--primitive-240px);
    --elevation-lv1: 0px 1px 6px 0px rgba(0, 0, 0, 0.3), 0px 4px 16px 3px rgba(0, 0, 0, 0.1);
    --elevation-lv2: 0px 2px 10px 0px rgba(0, 0, 0, 0.3), 0px 8px 24px 5px rgba(0, 0, 0, 0.1)
}

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

html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
    margin-block-end: 0
}

ul[role=list],
ol[role=list] {
    list-style: none
}

body {
    min-height: 100vh;
    line-height: 1.5
}

h1,
h2,
h3,
h4,
button,
input,
label {
    line-height: 1.1
}

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

a:focus-visible,
button:focus-visible {
    outline-color: var(--ui-line-status-focus)
}

img,
picture {
    max-width: 100%;
    display: block
}

input,
button,
textarea,
select {
    font-family: inherit;
    font-size: inherit
}

textarea:not([rows]) {
    min-height: 10em
}

:target {
    scroll-margin-block: 5ex
}

em {
    font-style: normal;
    font-weight: bold
}

body {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    text-underline-offset: .15em
}

html[lang=en] body {
    font-family: "Hind", sans-serif
}

body {
    margin: 0
}

main {
    overflow-x: hidden
}

.icon {
    width: 1em;
    height: 1em;
    fill: currentColor;
    display: inline-block
}

html[lang=en] .icon {
    margin-top: -0.2em
}

.u-icon--add {
    background: url(/jin.kik/saiyo/assets/img/icons/add.svg) no-repeat 0 0
}

.u-icon--add.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/add.svg) no-repeat 0 0
}

.u-icon--add-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/add-fill.svg) no-repeat 0 0
}

.u-icon--add-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/add-fill.svg) no-repeat 0 0
}

.u-icon--arrow-line_down {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow-line_down.svg) no-repeat 0 0
}

.u-icon--arrow-line_down.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow-line_down.svg) no-repeat 0 0
}

.u-icon--arrow-line_down-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow-line_down-fill.svg) no-repeat 0 0
}

.u-icon--arrow-line_down-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow-line_down-fill.svg) no-repeat 0 0
}

.u-icon--arrow-line_left {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow-line_left.svg) no-repeat 0 0
}

.u-icon--arrow-line_left.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow-line_left.svg) no-repeat 0 0
}

.u-icon--arrow-line_left-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow-line_left-fill.svg) no-repeat 0 0
}

.u-icon--arrow-line_left-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow-line_left-fill.svg) no-repeat 0 0
}

.u-icon--arrow-line_right {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow-line_right.svg) no-repeat 0 0
}

.u-icon--arrow-line_right.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow-line_right.svg) no-repeat 0 0
}

.u-icon--arrow-line_right-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow-line_right-fill.svg) no-repeat 0 0
}

.u-icon--arrow-line_right-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow-line_right-fill.svg) no-repeat 0 0
}

.u-icon--arrow-line_up {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow-line_up.svg) no-repeat 0 0
}

.u-icon--arrow-line_up.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow-line_up.svg) no-repeat 0 0
}

.u-icon--arrow-line_up-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow-line_up-fill.svg) no-repeat 0 0
}

.u-icon--arrow-line_up-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow-line_up-fill.svg) no-repeat 0 0
}

.u-icon--arrow_cross {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow_cross.svg) no-repeat 0 0
}

.u-icon--arrow_cross.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow_cross.svg) no-repeat 0 0
}

.u-icon--arrow_cross-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow_cross-fill.svg) no-repeat 0 0
}

.u-icon--arrow_cross-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow_cross-fill.svg) no-repeat 0 0
}

.u-icon--arrow_down {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow_down.svg) no-repeat 0 0
}

.u-icon--arrow_down.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow_down.svg) no-repeat 0 0
}

.u-icon--arrow_down-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow_down-fill.svg) no-repeat 0 0
}

.u-icon--arrow_down-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow_down-fill.svg) no-repeat 0 0
}

.u-icon--arrow_downward {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow_downward.svg) no-repeat 0 0
}

.u-icon--arrow_downward.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow_downward.svg) no-repeat 0 0
}

.u-icon--arrow_drop_down {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow_drop_down.svg) no-repeat 0 0
}

.u-icon--arrow_drop_down.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow_drop_down.svg) no-repeat 0 0
}

.u-icon--arrow_drop_up {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow_drop_up.svg) no-repeat 0 0
}

.u-icon--arrow_drop_up.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow_drop_up.svg) no-repeat 0 0
}

.u-icon--arrow_left {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow_left.svg) no-repeat 0 0
}

.u-icon--arrow_left.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow_left.svg) no-repeat 0 0
}

.u-icon--arrow_left-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow_left-fill.svg) no-repeat 0 0
}

.u-icon--arrow_left-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow_left-fill.svg) no-repeat 0 0
}

.u-icon--arrow_right {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow_right.svg) no-repeat 0 0
}

.u-icon--arrow_right.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow_right.svg) no-repeat 0 0
}

.u-icon--arrow_right-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow_right-fill.svg) no-repeat 0 0
}

.u-icon--arrow_right-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow_right-fill.svg) no-repeat 0 0
}

.u-icon--arrow_up {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow_up.svg) no-repeat 0 0
}

.u-icon--arrow_up.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow_up.svg) no-repeat 0 0
}

.u-icon--arrow_up-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow_up-fill.svg) no-repeat 0 0
}

.u-icon--arrow_up-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow_up-fill.svg) no-repeat 0 0
}

.u-icon--arrow_upward {
    background: url(/jin.kik/saiyo/assets/img/icons/arrow_upward.svg) no-repeat 0 0
}

.u-icon--arrow_upward.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/arrow_upward.svg) no-repeat 0 0
}

.u-icon--attention {
    background: url(/jin.kik/saiyo/assets/img/icons/attention.svg) no-repeat 0 0
}

.u-icon--attention.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/attention.svg) no-repeat 0 0
}

.u-icon--attention-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/attention-fill.svg) no-repeat 0 0
}

.u-icon--attention-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/attention-fill.svg) no-repeat 0 0
}

.u-icon--BrandFacebook {
    background: url(/jin.kik/saiyo/assets/img/icons/BrandFacebook.svg) no-repeat 0 0
}

.u-icon--BrandFacebook.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/BrandFacebook.svg) no-repeat 0 0
}

.u-icon--BrandInstagram {
    background: url(/jin.kik/saiyo/assets/img/icons/BrandInstagram.svg) no-repeat 0 0
}

.u-icon--BrandInstagram.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/BrandInstagram.svg) no-repeat 0 0
}

.u-icon--BrandLinkedin {
    background: url(/jin.kik/saiyo/assets/img/icons/BrandLinkedin.svg) no-repeat 0 0
}

.u-icon--BrandLinkedin.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/BrandLinkedin.svg) no-repeat 0 0
}

.u-icon--BrandX {
    background: url(/jin.kik/saiyo/assets/img/icons/BrandX.svg) no-repeat 0 0
}

.u-icon--BrandX.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/BrandX.svg) no-repeat 0 0
}

.u-icon--BrandYoutube {
    background: url(/jin.kik/saiyo/assets/img/icons/BrandYoutube.svg) no-repeat 0 0
}

.u-icon--BrandYoutube.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/BrandYoutube.svg) no-repeat 0 0
}

.u-icon--calendar {
    background: url(/jin.kik/saiyo/assets/img/icons/calendar.svg) no-repeat 0 0
}

.u-icon--calendar.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/calendar.svg) no-repeat 0 0
}

.u-icon--calendar-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/calendar-fill.svg) no-repeat 0 0
}

.u-icon--calendar-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/calendar-fill.svg) no-repeat 0 0
}

.u-icon--check {
    background: url(/jin.kik/saiyo/assets/img/icons/check.svg) no-repeat 0 0
}

.u-icon--check.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/check.svg) no-repeat 0 0
}

.u-icon--check-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/check-fill.svg) no-repeat 0 0
}

.u-icon--check-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/check-fill.svg) no-repeat 0 0
}

.u-icon--checkbox-off {
    background: url(/jin.kik/saiyo/assets/img/icons/checkbox-off.svg) no-repeat 0 0
}

.u-icon--checkbox-off.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/checkbox-off.svg) no-repeat 0 0
}

.u-icon--checkbox-on {
    background: url(/jin.kik/saiyo/assets/img/icons/checkbox-on.svg) no-repeat 0 0
}

.u-icon--checkbox-on.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/checkbox-on.svg) no-repeat 0 0
}

.u-icon--chevron-line_left {
    background: url(/jin.kik/saiyo/assets/img/icons/chevron-line_left.svg) no-repeat 0 0
}

.u-icon--chevron-line_left.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/chevron-line_left.svg) no-repeat 0 0
}

.u-icon--chevron-line_left-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/chevron-line_left-fill.svg) no-repeat 0 0
}

.u-icon--chevron-line_left-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/chevron-line_left-fill.svg) no-repeat 0 0
}

.u-icon--chevron-line_right {
    background: url(/jin.kik/saiyo/assets/img/icons/chevron-line_right.svg) no-repeat 0 0
}

.u-icon--chevron-line_right.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/chevron-line_right.svg) no-repeat 0 0
}

.u-icon--chevron-line_right-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/chevron-line_right-fill.svg) no-repeat 0 0
}

.u-icon--chevron-line_right-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/chevron-line_right-fill.svg) no-repeat 0 0
}

.u-icon--chevron_down {
    background: url(/jin.kik/saiyo/assets/img/icons/chevron_down.svg) no-repeat 0 0
}

.u-icon--chevron_down.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/chevron_down.svg) no-repeat 0 0
}

.u-icon--chevron_down-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/chevron_down-fill.svg) no-repeat 0 0
}

.u-icon--chevron_down-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/chevron_down-fill.svg) no-repeat 0 0
}

.u-icon--chevron_left {
    background: url(/jin.kik/saiyo/assets/img/icons/chevron_left.svg) no-repeat 0 0
}

.u-icon--chevron_left.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/chevron_left.svg) no-repeat 0 0
}

.u-icon--chevron_left-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/chevron_left-fill.svg) no-repeat 0 0
}

.u-icon--chevron_left-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/chevron_left-fill.svg) no-repeat 0 0
}

.u-icon--chevron_right {
    background: url(/jin.kik/saiyo/assets/img/icons/chevron_right.svg) no-repeat 0 0
}

.u-icon--chevron_right.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/chevron_right.svg) no-repeat 0 0
}

.u-icon--chevron_right-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/chevron_right-fill.svg) no-repeat 0 0
}

.u-icon--chevron_right-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/chevron_right-fill.svg) no-repeat 0 0
}

.u-icon--chevron_up {
    background: url(/jin.kik/saiyo/assets/img/icons/chevron_up.svg) no-repeat 0 0
}

.u-icon--chevron_up.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/chevron_up.svg) no-repeat 0 0
}

.u-icon--chevron_up-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/chevron_up-fill.svg) no-repeat 0 0
}

.u-icon--chevron_up-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/chevron_up-fill.svg) no-repeat 0 0
}

.u-icon--clock {
    background: url(/jin.kik/saiyo/assets/img/icons/clock.svg) no-repeat 0 0
}

.u-icon--clock.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/clock.svg) no-repeat 0 0
}

.u-icon--clock-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/clock-fill.svg) no-repeat 0 0
}

.u-icon--clock-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/clock-fill.svg) no-repeat 0 0
}

.u-icon--close {
    background: url(/jin.kik/saiyo/assets/img/icons/close.svg) no-repeat 0 0
}

.u-icon--close.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/close.svg) no-repeat 0 0
}

.u-icon--close-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/close-fill.svg) no-repeat 0 0
}

.u-icon--close-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/close-fill.svg) no-repeat 0 0
}

.u-icon--complete {
    background: url(/jin.kik/saiyo/assets/img/icons/complete.svg) no-repeat 0 0
}

.u-icon--complete.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/complete.svg) no-repeat 0 0
}

.u-icon--complete-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/complete-fill.svg) no-repeat 0 0
}

.u-icon--complete-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/complete-fill.svg) no-repeat 0 0
}

.u-icon--copy {
    background: url(/jin.kik/saiyo/assets/img/icons/copy.svg) no-repeat 0 0
}

.u-icon--copy.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/copy.svg) no-repeat 0 0
}

.u-icon--copy-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/copy-fill.svg) no-repeat 0 0
}

.u-icon--copy-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/copy-fill.svg) no-repeat 0 0
}

.u-icon--display {
    background: url(/jin.kik/saiyo/assets/img/icons/display.svg) no-repeat 0 0
}

.u-icon--display.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/display.svg) no-repeat 0 0
}

.u-icon--display-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/display-fill.svg) no-repeat 0 0
}

.u-icon--display-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/display-fill.svg) no-repeat 0 0
}

.u-icon--document {
    background: url(/jin.kik/saiyo/assets/img/icons/document.svg) no-repeat 0 0
}

.u-icon--document.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/document.svg) no-repeat 0 0
}

.u-icon--document-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/document-fill.svg) no-repeat 0 0
}

.u-icon--document-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/document-fill.svg) no-repeat 0 0
}

.u-icon--document_certificate {
    background: url(/jin.kik/saiyo/assets/img/icons/document_certificate.svg) no-repeat 0 0
}

.u-icon--document_certificate.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/document_certificate.svg) no-repeat 0 0
}

.u-icon--document_certificate-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/document_certificate-fill.svg) no-repeat 0 0
}

.u-icon--document_certificate-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/document_certificate-fill.svg) no-repeat 0 0
}

.u-icon--download {
    background: url(/jin.kik/saiyo/assets/img/icons/download.svg) no-repeat 0 0
}

.u-icon--download.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/download.svg) no-repeat 0 0
}

.u-icon--download-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/download-fill.svg) no-repeat 0 0
}

.u-icon--download-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/download-fill.svg) no-repeat 0 0
}

.u-icon--dummy {
    background: url(/jin.kik/saiyo/assets/img/icons/dummy.svg) no-repeat 0 0
}

.u-icon--dummy.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/dummy.svg) no-repeat 0 0
}

.u-icon--dummy-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/dummy-fill.svg) no-repeat 0 0
}

.u-icon--dummy-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/dummy-fill.svg) no-repeat 0 0
}

.u-icon--edit {
    background: url(/jin.kik/saiyo/assets/img/icons/edit.svg) no-repeat 0 0
}

.u-icon--edit.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/edit.svg) no-repeat 0 0
}

.u-icon--edit-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/edit-fill.svg) no-repeat 0 0
}

.u-icon--edit-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/edit-fill.svg) no-repeat 0 0
}

.u-icon--eye-open {
    background: url(/jin.kik/saiyo/assets/img/icons/eye-open.svg) no-repeat 0 0
}

.u-icon--eye-open.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/eye-open.svg) no-repeat 0 0
}

.u-icon--folder {
    background: url(/jin.kik/saiyo/assets/img/icons/folder.svg) no-repeat 0 0
}

.u-icon--folder.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/folder.svg) no-repeat 0 0
}

.u-icon--folder-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/folder-fill.svg) no-repeat 0 0
}

.u-icon--folder-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/folder-fill.svg) no-repeat 0 0
}

.u-icon--heart {
    background: url(/jin.kik/saiyo/assets/img/icons/heart.svg) no-repeat 0 0
}

.u-icon--heart.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/heart.svg) no-repeat 0 0
}

.u-icon--heart-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/heart-fill.svg) no-repeat 0 0
}

.u-icon--heart-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/heart-fill.svg) no-repeat 0 0
}

.u-icon--help {
    background: url(/jin.kik/saiyo/assets/img/icons/help.svg) no-repeat 0 0
}

.u-icon--help.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/help.svg) no-repeat 0 0
}

.u-icon--help-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/help-fill.svg) no-repeat 0 0
}

.u-icon--help-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/help-fill.svg) no-repeat 0 0
}

.u-icon--history {
    background: url(/jin.kik/saiyo/assets/img/icons/history.svg) no-repeat 0 0
}

.u-icon--history.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/history.svg) no-repeat 0 0
}

.u-icon--history-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/history-fill.svg) no-repeat 0 0
}

.u-icon--history-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/history-fill.svg) no-repeat 0 0
}

.u-icon--home {
    background: url(/jin.kik/saiyo/assets/img/icons/home.svg) no-repeat 0 0
}

.u-icon--home.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/home.svg) no-repeat 0 0
}

.u-icon--home-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/home-fill.svg) no-repeat 0 0
}

.u-icon--home-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/home-fill.svg) no-repeat 0 0
}

.u-icon--idcard {
    background: url(/jin.kik/saiyo/assets/img/icons/idcard.svg) no-repeat 0 0
}

.u-icon--idcard.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/idcard.svg) no-repeat 0 0
}

.u-icon--idcard-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/idcard-fill.svg) no-repeat 0 0
}

.u-icon--idcard-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/idcard-fill.svg) no-repeat 0 0
}

.u-icon--information {
    background: url(/jin.kik/saiyo/assets/img/icons/information.svg) no-repeat 0 0
}

.u-icon--information.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/information.svg) no-repeat 0 0
}

.u-icon--information-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/information-fill.svg) no-repeat 0 0
}

.u-icon--information-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/information-fill.svg) no-repeat 0 0
}

.u-icon--invisible {
    background: url(/jin.kik/saiyo/assets/img/icons/invisible.svg) no-repeat 0 0
}

.u-icon--invisible.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/invisible.svg) no-repeat 0 0
}

.u-icon--language {
    background: url(/jin.kik/saiyo/assets/img/icons/language.svg) no-repeat 0 0
}

.u-icon--language.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/language.svg) no-repeat 0 0
}

.u-icon--language-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/language-fill.svg) no-repeat 0 0
}

.u-icon--language-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/language-fill.svg) no-repeat 0 0
}

.u-icon--new_window {
    background: url(/jin.kik/saiyo/assets/img/icons/new_window.svg) no-repeat 0 0
}

.u-icon--new_window.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/new_window.svg) no-repeat 0 0
}

.u-icon--location {
    background: url(/jin.kik/saiyo/assets/img/icons/location.svg) no-repeat 0 0
}

.u-icon--location.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/location.svg) no-repeat 0 0
}

.u-icon--location-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/location-fill.svg) no-repeat 0 0
}

.u-icon--location-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/location-fill.svg) no-repeat 0 0
}

.u-icon--lock {
    background: url(/jin.kik/saiyo/assets/img/icons/lock.svg) no-repeat 0 0
}

.u-icon--lock.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/lock.svg) no-repeat 0 0
}

.u-icon--lock-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/lock-fill.svg) no-repeat 0 0
}

.u-icon--lock-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/lock-fill.svg) no-repeat 0 0
}

.u-icon--mail {
    background: url(/jin.kik/saiyo/assets/img/icons/mail.svg) no-repeat 0 0
}

.u-icon--mail.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/mail.svg) no-repeat 0 0
}

.u-icon--mail-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/mail-fill.svg) no-repeat 0 0
}

.u-icon--mail-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/mail-fill.svg) no-repeat 0 0
}

.u-icon--menu {
    background: url(/jin.kik/saiyo/assets/img/icons/menu.svg) no-repeat 0 0
}

.u-icon--menu.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/menu.svg) no-repeat 0 0
}

.u-icon--menu-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/menu-fill.svg) no-repeat 0 0
}

.u-icon--menu-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/menu-fill.svg) no-repeat 0 0
}

.u-icon--more {
    background: url(/jin.kik/saiyo/assets/img/icons/more.svg) no-repeat 0 0
}

.u-icon--more.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/more.svg) no-repeat 0 0
}

.u-icon--more-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/more-fill.svg) no-repeat 0 0
}

.u-icon--more-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/more-fill.svg) no-repeat 0 0
}

.u-icon--more_vert {
    background: url(/jin.kik/saiyo/assets/img/icons/more_vert.svg) no-repeat 0 0
}

.u-icon--more_vert.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/more_vert.svg) no-repeat 0 0
}

.u-icon--more_vert-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/more_vert-fill.svg) no-repeat 0 0
}

.u-icon--more_vert-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/more_vert-fill.svg) no-repeat 0 0
}

.u-icon--new_window {
    background: url(/jin.kik/saiyo/assets/img/icons/new_window.svg) no-repeat 0 0
}

.u-icon--new_window.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/new_window.svg) no-repeat 0 0
}

.u-icon--new_window-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/new_window-fill.svg) no-repeat 0 0
}

.u-icon--new_window-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/new_window-fill.svg) no-repeat 0 0
}

.u-icon--notification {
    background: url(/jin.kik/saiyo/assets/img/icons/notification.svg) no-repeat 0 0
}

.u-icon--notification.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/notification.svg) no-repeat 0 0
}

.u-icon--notification-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/notification-fill.svg) no-repeat 0 0
}

.u-icon--notification-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/notification-fill.svg) no-repeat 0 0
}

.u-icon--pause {
    background: url(/jin.kik/saiyo/assets/img/icons/pause.svg) no-repeat 0 0
}

.u-icon--pause.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/pause.svg) no-repeat 0 0
}

.u-icon--pause-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/pause-fill.svg) no-repeat 0 0
}

.u-icon--pause-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/pause-fill.svg) no-repeat 0 0
}

.u-icon--pdf {
    background: url(/jin.kik/saiyo/assets/img/icons/pdf.svg) no-repeat 0 0
}

.u-icon--pdf.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/pdf.svg) no-repeat 0 0
}

.u-icon--pdf-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/pdf-fill.svg) no-repeat 0 0
}

.u-icon--pdf-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/pdf-fill.svg) no-repeat 0 0
}

.u-icon--person {
    background: url(/jin.kik/saiyo/assets/img/icons/person.svg) no-repeat 0 0
}

.u-icon--person.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/person.svg) no-repeat 0 0
}

.u-icon--person-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/person-fill.svg) no-repeat 0 0
}

.u-icon--person-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/person-fill.svg) no-repeat 0 0
}

.u-icon--play {
    background: url(/jin.kik/saiyo/assets/img/icons/play.svg) no-repeat 0 0
}

.u-icon--play.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/play.svg) no-repeat 0 0
}

.u-icon--play-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/play-fill.svg) no-repeat 0 0
}

.u-icon--play-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/play-fill.svg) no-repeat 0 0
}

.u-icon--printer {
    background: url(/jin.kik/saiyo/assets/img/icons/printer.svg) no-repeat 0 0
}

.u-icon--printer.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/printer.svg) no-repeat 0 0
}

.u-icon--printer-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/printer-fill.svg) no-repeat 0 0
}

.u-icon--printer-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/printer-fill.svg) no-repeat 0 0
}

.u-icon--qr_code {
    background: url(/jin.kik/saiyo/assets/img/icons/qr_code.svg) no-repeat 0 0
}

.u-icon--qr_code.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/qr_code.svg) no-repeat 0 0
}

.u-icon--qr_code-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/qr_code-fill.svg) no-repeat 0 0
}

.u-icon--qr_code-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/qr_code-fill.svg) no-repeat 0 0
}

.u-icon--radiobutton-off {
    background: url(/jin.kik/saiyo/assets/img/icons/radiobutton-off.svg) no-repeat 0 0
}

.u-icon--radiobutton-off.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/radiobutton-off.svg) no-repeat 0 0
}

.u-icon--radiobutton-on {
    background: url(/jin.kik/saiyo/assets/img/icons/radiobutton-on.svg) no-repeat 0 0
}

.u-icon--radiobutton-on.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/radiobutton-on.svg) no-repeat 0 0
}

.u-icon--search {
    background: url(/jin.kik/saiyo/assets/img/icons/search.svg) no-repeat 0 0
}

.u-icon--search.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/search.svg) no-repeat 0 0
}

.u-icon--search-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/search-fill.svg) no-repeat 0 0
}

.u-icon--search-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/search-fill.svg) no-repeat 0 0
}

.u-icon--shield {
    background: url(/jin.kik/saiyo/assets/img/icons/shield.svg) no-repeat 0 0
}

.u-icon--shield.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/shield.svg) no-repeat 0 0
}

.u-icon--shield-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/shield-fill.svg) no-repeat 0 0
}

.u-icon--shield-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/shield-fill.svg) no-repeat 0 0
}

.u-icon--smartphone {
    background: url(/jin.kik/saiyo/assets/img/icons/smartphone.svg) no-repeat 0 0
}

.u-icon--smartphone.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/smartphone.svg) no-repeat 0 0
}

.u-icon--smartphone-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/smartphone-fill.svg) no-repeat 0 0
}

.u-icon--smartphone-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/smartphone-fill.svg) no-repeat 0 0
}

.u-icon--sticker_id {
    background: url(/jin.kik/saiyo/assets/img/icons/sticker_id.svg) no-repeat 0 0
}

.u-icon--sticker_id.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/sticker_id.svg) no-repeat 0 0
}

.u-icon--sticker_id-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/sticker_id-fill.svg) no-repeat 0 0
}

.u-icon--sticker_id-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/sticker_id-fill.svg) no-repeat 0 0
}

.u-icon--subtract {
    background: url(/jin.kik/saiyo/assets/img/icons/subtract.svg) no-repeat 0 0
}

.u-icon--subtract.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/subtract.svg) no-repeat 0 0
}

.u-icon--subtract-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/subtract-fill.svg) no-repeat 0 0
}

.u-icon--subtract-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/subtract-fill.svg) no-repeat 0 0
}

.u-icon--trash {
    background: url(/jin.kik/saiyo/assets/img/icons/trash.svg) no-repeat 0 0
}

.u-icon--trash.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/trash.svg) no-repeat 0 0
}

.u-icon--trash-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/trash-fill.svg) no-repeat 0 0
}

.u-icon--trash-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/trash-fill.svg) no-repeat 0 0
}

.u-icon--update {
    background: url(/jin.kik/saiyo/assets/img/icons/update.svg) no-repeat 0 0
}

.u-icon--update.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/update.svg) no-repeat 0 0
}

.u-icon--update-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/update-fill.svg) no-repeat 0 0
}

.u-icon--update-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/update-fill.svg) no-repeat 0 0
}

.u-icon--upload {
    background: url(/jin.kik/saiyo/assets/img/icons/upload.svg) no-repeat 0 0
}

.u-icon--upload.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/upload.svg) no-repeat 0 0
}

.u-icon--upload-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/upload-fill.svg) no-repeat 0 0
}

.u-icon--upload-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/upload-fill.svg) no-repeat 0 0
}

.u-icon--yen {
    background: url(/jin.kik/saiyo/assets/img/icons/yen.svg) no-repeat 0 0
}

.u-icon--yen.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/yen.svg) no-repeat 0 0
}

.u-icon--yen-fill {
    background: url(/jin.kik/saiyo/assets/img/icons/yen-fill.svg) no-repeat 0 0
}

.u-icon--yen-fill.u-icon--inverted {
    background: url(/jin.kik/saiyo/assets/img/icons/inverted/yen-fill.svg) no-repeat 0 0
}

.container {
    width: 100%;
    max-width: calc(960px + var(--semantic-space-inner-ll)*2);
    margin-right: auto;
    margin-left: auto;
    padding-right: var(--semantic-space-inner-ll);
    padding-left: var(--semantic-space-inner-ll)
}

@media screen and (max-width: 767px) {
    .container {
        min-width: calc(320px - var(--semantic-space-inner-m)*2);
        padding-right: var(--semantic-space-inner-m);
        padding-left: var(--semantic-space-inner-m)
    }
}

.contentArea {
    padding-bottom: var(--semantic-space-outer-m)
}

@media screen and (max-width: 767px) {
    .contentArea {
        padding-bottom: var(--semantic-space-outer-sss)
    }
}

.contentArea__summary {
    margin-top: var(--semantic-space-inner-ll);
    border: var(--semantic-line-thickness-default) solid var(--ui-line-status-link);
    padding: 0 var(--semantic-space-outer-sss) var(--semantic-space-inner-llll);
    border-radius: var(--semantic-corner-radius-ll);
    margin-bottom: var(--semantic-space-inner-llll)
}

.contentArea__summary:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .contentArea__summary {
        margin-top: var(--semantic-space-inner-l)
    }

    .contentArea__summary:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .contentArea__summary {
        padding: var(--semantic-space-inner-l) var(--semantic-space-inner-m)
    }
}

.contentArea__summary .c-heading--h2 {
    padding-top: var(--semantic-space-inner-llll)
}

@media screen and (max-width: 767px) {
    .contentArea__summary .c-heading--h2 {
        padding-top: 0
    }
}

.contentArea__summary .c-heading--h5 {
    margin-top: var(--semantic-space-inner-m)
}

.contentArea__summary .c-heading--h5+.c-heading--h5 {
    margin-top: var(--semantic-space-inner-s)
}

.contentArea__summary2 {
    margin-top: var(--semantic-space-inner-ll);
    margin-bottom: var(--semantic-space-inner-ll); /* 外側の余白は中程度のまま */
    border: var(--semantic-line-thickness-default) solid var(--ui-line-status-link);
    padding: var(--semantic-space-inner-l) var(--semantic-space-outer-sss); /* ⬅️ 上下余白をさらに小さく */
    border-radius: var(--semantic-corner-radius-ll);
}

.contentArea__summary2:first-child {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .contentArea__summary2 {
        margin-top: var(--semantic-space-inner-l);
        margin-bottom: var(--semantic-space-inner-l);
        padding: var(--semantic-space-inner-s) var(--semantic-space-inner-m); /* モバイルではさらに詰める */
    }

    .contentArea__summary2:first-child {
        margin-top: 0;
    }
}

.contentArea__summary2 .c-heading--h2 {
    padding-top: 0;
}

.contentArea__summary2 .c-heading--h5 {
    margin-top: var(--semantic-space-inner-m);
}

.contentArea__summary2 .c-heading--h5 + .c-heading--h5 {
    margin-top: var(--semantic-space-inner-s);
}




.contentArea__bottom {
    margin-top: var(--semantic-space-inner-ll);
    padding-top: var(--semantic-space-outer-sss);
    padding-bottom: var(--semantic-space-inner-ll)
}

.contentArea__bottom:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .contentArea__bottom {
        margin-top: var(--semantic-space-inner-l)
    }

    .contentArea__bottom:first-child {
        margin-top: 0
    }
}

.contentAside {
    padding-top: var(--semantic-space-inner-ll);
    padding-bottom: var(--semantic-space-outer-m)
}

.contentFooter {
    background-color: var(--ui-background-separated-area-primary);
    padding-top: var(--semantic-space-inner-ll);
    padding-bottom: var(--semantic-space-outer-l)
}

@media screen and (max-width: 767px) {
    .contentFooter {
        padding-top: 0;
        padding-bottom: var(--semantic-space-outer-sss)
    }
}

.grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--semantic-space-inner-ll)/2*-1);
    margin-right: calc(var(--semantic-space-inner-ll)/2*-1);
    row-gap: var(--semantic-space-inner-ll);
    align-items: stretch
}

.grid--noGutter {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0
}

.grid--noGutter .grid__col {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

.grid--dirRow {
    flex-direction: row
}

.grid--dirRowReverse {
    flex-direction: row-reverse
}

.grid--dirColumn {
    flex-direction: column;
    flex-wrap: nowrap
}

.grid--dirColumnReverse {
    flex-direction: column-reverse;
    flex-wrap: nowrap
}

.grid--justifyNormal {
    justify-content: normal
}

.grid--justifyCenter {
    justify-content: center
}

.grid--justifyStart {
    justify-content: flex-start
}

.grid--justifyEnd {
    justify-content: flex-end
}

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

.grid--justifyAround {
    justify-content: space-around
}

.grid--justifyEvenly {
    justify-content: space-evenly
}

.grid--justifyStretch {
    justify-content: stretch
}

.grid--itemsStretch {
    align-items: stretch
}

.grid--itemsCenter {
    align-items: center
}

.grid--itemsStart {
    align-items: flex-start
}

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

.grid--itemsBaseline {
    align-items: baseline
}

@media screen and (max-width: 767px) {
    .grid {
        margin-left: calc(var(--semantic-space-inner-m)/2*-1);
        margin-right: calc(var(--semantic-space-inner-m)/2*-1);
        row-gap: var(--semantic-space-inner-l)
    }
}

.grid+.grid {
    margin-top: var(--semantic-space-inner-ll)
}

@media screen and (max-width: 767px) {
    .grid+.grid {
        margin-top: var(--semantic-space-inner-l)
    }
}

.grid--cols1 .grid__col {
    flex: 0 0 100%;
    width: 100%
}

.grid--cols2 .grid__col {
    flex: 0 0 50%;
    width: 50%
}

.grid--cols3 .grid__col {
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%
}

.grid--cols4 .grid__col {
    flex: 0 0 25%;
    width: 25%
}

.grid--cols5 .grid__col {
    flex: 0 0 20%;
    width: 20%
}

.grid--cols6 .grid__col {
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%
}

.grid--cols7 .grid__col {
    flex: 0 0 14.2857142857%;
    width: 14.2857142857%
}

.grid--cols8 .grid__col {
    flex: 0 0 12.5%;
    width: 12.5%
}

.grid--cols9 .grid__col {
    flex: 0 0 11.1111111111%;
    width: 11.1111111111%
}

.grid--cols10 .grid__col {
    flex: 0 0 10%;
    width: 10%
}

.grid--cols11 .grid__col {
    flex: 0 0 9.0909090909%;
    width: 9.0909090909%
}

.grid--cols12 .grid__col {
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%
}

.grid__col {
    width: 100%;
    flex: 1 0 auto;
    padding-left: calc(var(--semantic-space-inner-ll)/2);
    padding-right: calc(var(--semantic-space-inner-ll)/2)
}

.grid__col--span1 {
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%
}

.grid__colContent--span1in1 {
    width: calc(100% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span1in2 {
    width: calc(50% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span1in3 {
    width: calc(33.3333333333% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span1in4 {
    width: calc(25% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span1in5 {
    width: calc(20% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span1in6 {
    width: calc(16.6666666667% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span1in7 {
    width: calc(14.2857142857% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span1in8 {
    width: calc(12.5% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span1in9 {
    width: calc(11.1111111111% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span1in10 {
    width: calc(10% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span1in11 {
    width: calc(9.0909090909% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span1in12 {
    width: calc(8.3333333333% - var(--semantic-space-inner-ll)/2)
}

.grid__col--span2 {
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%
}

.grid__colContent--span2in1 {
    width: calc(200% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span2in2 {
    width: calc(100% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span2in3 {
    width: calc(66.6666666667% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span2in4 {
    width: calc(50% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span2in5 {
    width: calc(40% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span2in6 {
    width: calc(33.3333333333% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span2in7 {
    width: calc(28.5714285714% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span2in8 {
    width: calc(25% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span2in9 {
    width: calc(22.2222222222% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span2in10 {
    width: calc(20% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span2in11 {
    width: calc(18.1818181818% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span2in12 {
    width: calc(16.6666666667% - var(--semantic-space-inner-ll)/2)
}

.grid__col--span3 {
    flex: 0 0 25%;
    width: 25%
}

.grid__colContent--span3in1 {
    width: calc(300% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span3in2 {
    width: calc(150% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span3in3 {
    width: calc(100% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span3in4 {
    width: calc(75% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span3in5 {
    width: calc(60% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span3in6 {
    width: calc(50% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span3in7 {
    width: calc(42.8571428571% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span3in8 {
    width: calc(37.5% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span3in9 {
    width: calc(33.3333333333% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span3in10 {
    width: calc(30% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span3in11 {
    width: calc(27.2727272727% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span3in12 {
    width: calc(25% - var(--semantic-space-inner-ll)/2)
}

.grid__col--span4 {
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%
}

.grid__colContent--span4in1 {
    width: calc(400% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span4in2 {
    width: calc(200% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span4in3 {
    width: calc(133.3333333333% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span4in4 {
    width: calc(100% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span4in5 {
    width: calc(80% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span4in6 {
    width: calc(66.6666666667% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span4in7 {
    width: calc(57.1428571429% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span4in8 {
    width: calc(50% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span4in9 {
    width: calc(44.4444444444% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span4in10 {
    width: calc(40% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span4in11 {
    width: calc(36.3636363636% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span4in12 {
    width: calc(33.3333333333% - var(--semantic-space-inner-ll)/2)
}

.grid__col--span5 {
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%
}

.grid__colContent--span5in1 {
    width: calc(500% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span5in2 {
    width: calc(250% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span5in3 {
    width: calc(166.6666666667% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span5in4 {
    width: calc(125% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span5in5 {
    width: calc(100% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span5in6 {
    width: calc(83.3333333333% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span5in7 {
    width: calc(71.4285714286% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span5in8 {
    width: calc(62.5% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span5in9 {
    width: calc(55.5555555556% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span5in10 {
    width: calc(50% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span5in11 {
    width: calc(45.4545454545% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span5in12 {
    width: calc(41.6666666667% - var(--semantic-space-inner-ll)/2)
}

.grid__col--span6 {
    flex: 0 0 50%;
    width: 50%
}

.grid__colContent--span6in1 {
    width: calc(600% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span6in2 {
    width: calc(300% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span6in3 {
    width: calc(200% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span6in4 {
    width: calc(150% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span6in5 {
    width: calc(120% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span6in6 {
    width: calc(100% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span6in7 {
    width: calc(85.7142857143% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span6in8 {
    width: calc(75% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span6in9 {
    width: calc(66.6666666667% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span6in10 {
    width: calc(60% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span6in11 {
    width: calc(54.5454545455% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span6in12 {
    width: calc(50% - var(--semantic-space-inner-ll)/2)
}

.grid__col--span7 {
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%
}

.grid__colContent--span7in1 {
    width: calc(700% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span7in2 {
    width: calc(350% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span7in3 {
    width: calc(233.3333333333% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span7in4 {
    width: calc(175% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span7in5 {
    width: calc(140% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span7in6 {
    width: calc(116.6666666667% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span7in7 {
    width: calc(100% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span7in8 {
    width: calc(87.5% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span7in9 {
    width: calc(77.7777777778% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span7in10 {
    width: calc(70% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span7in11 {
    width: calc(63.6363636364% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span7in12 {
    width: calc(58.3333333333% - var(--semantic-space-inner-ll)/2)
}

.grid__col--span8 {
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%
}

.grid__colContent--span8in1 {
    width: calc(800% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span8in2 {
    width: calc(400% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span8in3 {
    width: calc(266.6666666667% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span8in4 {
    width: calc(200% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span8in5 {
    width: calc(160% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span8in6 {
    width: calc(133.3333333333% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span8in7 {
    width: calc(114.2857142857% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span8in8 {
    width: calc(100% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span8in9 {
    width: calc(88.8888888889% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span8in10 {
    width: calc(80% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span8in11 {
    width: calc(72.7272727273% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span8in12 {
    width: calc(66.6666666667% - var(--semantic-space-inner-ll)/2)
}

.grid__col--span9 {
    flex: 0 0 75%;
    width: 75%
}

.grid__colContent--span9in1 {
    width: calc(900% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span9in2 {
    width: calc(450% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span9in3 {
    width: calc(300% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span9in4 {
    width: calc(225% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span9in5 {
    width: calc(180% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span9in6 {
    width: calc(150% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span9in7 {
    width: calc(128.5714285714% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span9in8 {
    width: calc(112.5% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span9in9 {
    width: calc(100% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span9in10 {
    width: calc(90% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span9in11 {
    width: calc(81.8181818182% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span9in12 {
    width: calc(75% - var(--semantic-space-inner-ll)/2)
}

.grid__col--span10 {
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%
}

.grid__colContent--span10in1 {
    width: calc(1000% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span10in2 {
    width: calc(500% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span10in3 {
    width: calc(333.3333333333% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span10in4 {
    width: calc(250% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span10in5 {
    width: calc(200% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span10in6 {
    width: calc(166.6666666667% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span10in7 {
    width: calc(142.8571428571% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span10in8 {
    width: calc(125% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span10in9 {
    width: calc(111.1111111111% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span10in10 {
    width: calc(100% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span10in11 {
    width: calc(90.9090909091% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span10in12 {
    width: calc(83.3333333333% - var(--semantic-space-inner-ll)/2)
}

.grid__col--span11 {
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%
}

.grid__colContent--span11in1 {
    width: calc(1100% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span11in2 {
    width: calc(550% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span11in3 {
    width: calc(366.6666666667% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span11in4 {
    width: calc(275% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span11in5 {
    width: calc(220% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span11in6 {
    width: calc(183.3333333333% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span11in7 {
    width: calc(157.1428571429% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span11in8 {
    width: calc(137.5% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span11in9 {
    width: calc(122.2222222222% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span11in10 {
    width: calc(110% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span11in11 {
    width: calc(100% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span11in12 {
    width: calc(91.6666666667% - var(--semantic-space-inner-ll)/2)
}

.grid__col--span12 {
    flex: 0 0 100%;
    width: 100%
}

.grid__colContent--span12in1 {
    width: calc(1200% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span12in2 {
    width: calc(600% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span12in3 {
    width: calc(400% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span12in4 {
    width: calc(300% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span12in5 {
    width: calc(240% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span12in6 {
    width: calc(200% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span12in7 {
    width: calc(171.4285714286% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span12in8 {
    width: calc(150% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span12in9 {
    width: calc(133.3333333333% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span12in10 {
    width: calc(120% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span12in11 {
    width: calc(109.0909090909% - var(--semantic-space-inner-ll)/2)
}

.grid__colContent--span12in12 {
    width: calc(100% - var(--semantic-space-inner-ll)/2)
}

.grid__col--per5 {
    flex: 0 0 5%;
    width: 5%
}

.grid__col--per10 {
    flex: 0 0 10%;
    width: 10%
}

.grid__col--per15 {
    flex: 0 0 15%;
    width: 15%
}

.grid__col--per20 {
    flex: 0 0 20%;
    width: 20%
}

.grid__col--per25 {
    flex: 0 0 25%;
    width: 25%
}

.grid__col--per30 {
    flex: 0 0 30%;
    width: 30%
}

.grid__col--per35 {
    flex: 0 0 35%;
    width: 35%
}

.grid__col--per40 {
    flex: 0 0 40%;
    width: 40%
}

.grid__col--per45 {
    flex: 0 0 45%;
    width: 45%
}

.grid__col--per50 {
    flex: 0 0 50%;
    width: 50%
}

.grid__col--per55 {
    flex: 0 0 55%;
    width: 55%
}

.grid__col--per60 {
    flex: 0 0 60%;
    width: 60%
}

.grid__col--per65 {
    flex: 0 0 65%;
    width: 65%
}

.grid__col--per70 {
    flex: 0 0 70%;
    width: 70%
}

.grid__col--per75 {
    flex: 0 0 75%;
    width: 75%
}

.grid__col--per80 {
    flex: 0 0 80%;
    width: 80%
}

.grid__col--per85 {
    flex: 0 0 85%;
    width: 85%
}

.grid__col--per90 {
    flex: 0 0 90%;
    width: 90%
}

.grid__col--per95 {
    flex: 0 0 95%;
    width: 95%
}

.grid__col--per100 {
    flex: 0 0 100%;
    width: 100%
}

@media screen and (max-width: 767px) {
    .grid__col {
        padding-left: calc(var(--semantic-space-inner-m)/2);
        padding-right: calc(var(--semantic-space-inner-m)/2)
    }

    .grid__col--span1 {
        flex: 0 0 12.5%;
        width: 12.5%
    }

    .grid__colContent--span1in1 {
        width: 100%
    }

    .grid__colContent--span1in2 {
        width: 100%
    }

    .grid__colContent--span1in3 {
        width: 100%
    }

    .grid__colContent--span1in4 {
        width: 100%
    }

    .grid__colContent--span1in5 {
        width: 100%
    }

    .grid__colContent--span1in6 {
        width: 100%
    }

    .grid__colContent--span1in7 {
        width: 100%
    }

    .grid__colContent--span1in8 {
        width: 100%
    }

    .grid__col--span2 {
        flex: 0 0 25%;
        width: 25%
    }

    .grid__colContent--span2in1 {
        width: 100%
    }

    .grid__colContent--span2in2 {
        width: 100%
    }

    .grid__colContent--span2in3 {
        width: 100%
    }

    .grid__colContent--span2in4 {
        width: 100%
    }

    .grid__colContent--span2in5 {
        width: 100%
    }

    .grid__colContent--span2in6 {
        width: 100%
    }

    .grid__colContent--span2in7 {
        width: 100%
    }

    .grid__colContent--span2in8 {
        width: 100%
    }

    .grid__col--span3 {
        flex: 0 0 37.5%;
        width: 37.5%
    }

    .grid__colContent--span3in1 {
        width: 100%
    }

    .grid__colContent--span3in2 {
        width: 100%
    }

    .grid__colContent--span3in3 {
        width: 100%
    }

    .grid__colContent--span3in4 {
        width: 100%
    }

    .grid__colContent--span3in5 {
        width: 100%
    }

    .grid__colContent--span3in6 {
        width: 100%
    }

    .grid__colContent--span3in7 {
        width: 100%
    }

    .grid__colContent--span3in8 {
        width: 100%
    }

    .grid__col--span4 {
        flex: 0 0 50%;
        width: 50%
    }

    .grid__colContent--span4in1 {
        width: 100%
    }

    .grid__colContent--span4in2 {
        width: 100%
    }

    .grid__colContent--span4in3 {
        width: 100%
    }

    .grid__colContent--span4in4 {
        width: 100%
    }

    .grid__colContent--span4in5 {
        width: 100%
    }

    .grid__colContent--span4in6 {
        width: 100%
    }

    .grid__colContent--span4in7 {
        width: 100%
    }

    .grid__colContent--span4in8 {
        width: 100%
    }

    .grid__col--span5 {
        flex: 0 0 62.5%;
        width: 62.5%
    }

    .grid__colContent--span5in1 {
        width: 100%
    }

    .grid__colContent--span5in2 {
        width: 100%
    }

    .grid__colContent--span5in3 {
        width: 100%
    }

    .grid__colContent--span5in4 {
        width: 100%
    }

    .grid__colContent--span5in5 {
        width: 100%
    }

    .grid__colContent--span5in6 {
        width: 100%
    }

    .grid__colContent--span5in7 {
        width: 100%
    }

    .grid__colContent--span5in8 {
        width: 100%
    }

    .grid__col--span6 {
        flex: 0 0 75%;
        width: 75%
    }

    .grid__colContent--span6in1 {
        width: 100%
    }

    .grid__colContent--span6in2 {
        width: 100%
    }

    .grid__colContent--span6in3 {
        width: 100%
    }

    .grid__colContent--span6in4 {
        width: 100%
    }

    .grid__colContent--span6in5 {
        width: 100%
    }

    .grid__colContent--span6in6 {
        width: 100%
    }

    .grid__colContent--span6in7 {
        width: 100%
    }

    .grid__colContent--span6in8 {
        width: 100%
    }

    .grid__col--span7 {
        flex: 0 0 87.5%;
        width: 87.5%
    }

    .grid__colContent--span7in1 {
        width: 100%
    }

    .grid__colContent--span7in2 {
        width: 100%
    }

    .grid__colContent--span7in3 {
        width: 100%
    }

    .grid__colContent--span7in4 {
        width: 100%
    }

    .grid__colContent--span7in5 {
        width: 100%
    }

    .grid__colContent--span7in6 {
        width: 100%
    }

    .grid__colContent--span7in7 {
        width: 100%
    }

    .grid__colContent--span7in8 {
        width: 100%
    }

    .grid__col--span8 {
        flex: 0 0 100%;
        width: 100%
    }

    .grid__colContent--span8in1 {
        width: 100%
    }

    .grid__colContent--span8in2 {
        width: 100%
    }

    .grid__colContent--span8in3 {
        width: 100%
    }

    .grid__colContent--span8in4 {
        width: 100%
    }

    .grid__colContent--span8in5 {
        width: 100%
    }

    .grid__colContent--span8in6 {
        width: 100%
    }

    .grid__colContent--span8in7 {
        width: 100%
    }

    .grid__colContent--span8in8 {
        width: 100%
    }
}

.grid--fullWidth {
    margin-inline: calc(50% - 50vw);
    width: 100vw
}

@media screen and (max-width: 1024px) {
    .md\:grid--noGutter {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0
    }

    .md\:grid--noGutter .grid__col {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0
    }

    .md\:grid--dirRow {
        flex-direction: row
    }

    .md\:grid--dirRowReverse {
        flex-direction: row-reverse
    }

    .md\:grid--dirColumn {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .md\:grid--dirColumnReverse {
        flex-direction: column-reverse;
        flex-wrap: nowrap
    }

    .md\:grid--justifyNormal {
        justify-content: normal
    }

    .md\:grid--justifyCenter {
        justify-content: center
    }

    .md\:grid--justifyStart {
        justify-content: flex-start
    }

    .md\:grid--justifyEnd {
        justify-content: flex-end
    }

    .md\:grid--justifyBetween {
        justify-content: space-between
    }

    .md\:grid--justifyAround {
        justify-content: space-around
    }

    .md\:grid--justifyEvenly {
        justify-content: space-evenly
    }

    .md\:grid--justifyStretch {
        justify-content: stretch
    }

    .md\:grid--itemsStretch {
        align-items: stretch
    }

    .md\:grid--itemsCenter {
        align-items: center
    }

    .md\:grid--itemsStart {
        align-items: flex-start
    }

    .md\:grid--itemsEnd {
        align-items: flex-end
    }

    .md\:grid--itemsBaseline {
        align-items: baseline
    }

    .md\:grid--cols1 .grid__col {
        flex: 0 0 100%;
        width: 100%
    }

    .md\:grid--cols2 .grid__col {
        flex: 0 0 50%;
        width: 50%
    }

    .md\:grid--cols3 .grid__col {
        flex: 0 0 33.3333333333%;
        width: 33.3333333333%
    }

    .md\:grid--cols4 .grid__col {
        flex: 0 0 25%;
        width: 25%
    }

    .md\:grid--cols5 .grid__col {
        flex: 0 0 20%;
        width: 20%
    }

    .md\:grid--cols6 .grid__col {
        flex: 0 0 16.6666666667%;
        width: 16.6666666667%
    }

    .md\:grid--cols7 .grid__col {
        flex: 0 0 14.2857142857%;
        width: 14.2857142857%
    }

    .md\:grid--cols8 .grid__col {
        flex: 0 0 12.5%;
        width: 12.5%
    }

    .md\:grid--cols9 .grid__col {
        flex: 0 0 11.1111111111%;
        width: 11.1111111111%
    }

    .md\:grid--cols10 .grid__col {
        flex: 0 0 10%;
        width: 10%
    }

    .md\:grid--cols11 .grid__col {
        flex: 0 0 9.0909090909%;
        width: 9.0909090909%
    }

    .md\:grid--cols12 .grid__col {
        flex: 0 0 8.3333333333%;
        width: 8.3333333333%
    }

    .md\:grid__col--span1 {
        flex: 0 0 8.3333333333%;
        width: 8.3333333333%
    }

    .md\:grid__colContent--span1in1 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span1in2 {
        width: calc(50% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span1in3 {
        width: calc(33.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span1in4 {
        width: calc(25% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span1in5 {
        width: calc(20% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span1in6 {
        width: calc(16.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span1in7 {
        width: calc(14.2857142857% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span1in8 {
        width: calc(12.5% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span1in9 {
        width: calc(11.1111111111% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span1in10 {
        width: calc(10% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span1in11 {
        width: calc(9.0909090909% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span1in12 {
        width: calc(8.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__col--span2 {
        flex: 0 0 16.6666666667%;
        width: 16.6666666667%
    }

    .md\:grid__colContent--span2in1 {
        width: calc(200% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span2in2 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span2in3 {
        width: calc(66.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span2in4 {
        width: calc(50% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span2in5 {
        width: calc(40% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span2in6 {
        width: calc(33.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span2in7 {
        width: calc(28.5714285714% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span2in8 {
        width: calc(25% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span2in9 {
        width: calc(22.2222222222% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span2in10 {
        width: calc(20% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span2in11 {
        width: calc(18.1818181818% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span2in12 {
        width: calc(16.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__col--span3 {
        flex: 0 0 25%;
        width: 25%
    }

    .md\:grid__colContent--span3in1 {
        width: calc(300% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span3in2 {
        width: calc(150% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span3in3 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span3in4 {
        width: calc(75% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span3in5 {
        width: calc(60% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span3in6 {
        width: calc(50% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span3in7 {
        width: calc(42.8571428571% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span3in8 {
        width: calc(37.5% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span3in9 {
        width: calc(33.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span3in10 {
        width: calc(30% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span3in11 {
        width: calc(27.2727272727% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span3in12 {
        width: calc(25% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__col--span4 {
        flex: 0 0 33.3333333333%;
        width: 33.3333333333%
    }

    .md\:grid__colContent--span4in1 {
        width: calc(400% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span4in2 {
        width: calc(200% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span4in3 {
        width: calc(133.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span4in4 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span4in5 {
        width: calc(80% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span4in6 {
        width: calc(66.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span4in7 {
        width: calc(57.1428571429% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span4in8 {
        width: calc(50% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span4in9 {
        width: calc(44.4444444444% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span4in10 {
        width: calc(40% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span4in11 {
        width: calc(36.3636363636% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span4in12 {
        width: calc(33.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__col--span5 {
        flex: 0 0 41.6666666667%;
        width: 41.6666666667%
    }

    .md\:grid__colContent--span5in1 {
        width: calc(500% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span5in2 {
        width: calc(250% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span5in3 {
        width: calc(166.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span5in4 {
        width: calc(125% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span5in5 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span5in6 {
        width: calc(83.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span5in7 {
        width: calc(71.4285714286% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span5in8 {
        width: calc(62.5% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span5in9 {
        width: calc(55.5555555556% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span5in10 {
        width: calc(50% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span5in11 {
        width: calc(45.4545454545% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span5in12 {
        width: calc(41.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__col--span6 {
        flex: 0 0 50%;
        width: 50%
    }

    .md\:grid__colContent--span6in1 {
        width: calc(600% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span6in2 {
        width: calc(300% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span6in3 {
        width: calc(200% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span6in4 {
        width: calc(150% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span6in5 {
        width: calc(120% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span6in6 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span6in7 {
        width: calc(85.7142857143% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span6in8 {
        width: calc(75% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span6in9 {
        width: calc(66.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span6in10 {
        width: calc(60% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span6in11 {
        width: calc(54.5454545455% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span6in12 {
        width: calc(50% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__col--span7 {
        flex: 0 0 58.3333333333%;
        width: 58.3333333333%
    }

    .md\:grid__colContent--span7in1 {
        width: calc(700% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span7in2 {
        width: calc(350% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span7in3 {
        width: calc(233.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span7in4 {
        width: calc(175% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span7in5 {
        width: calc(140% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span7in6 {
        width: calc(116.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span7in7 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span7in8 {
        width: calc(87.5% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span7in9 {
        width: calc(77.7777777778% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span7in10 {
        width: calc(70% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span7in11 {
        width: calc(63.6363636364% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span7in12 {
        width: calc(58.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__col--span8 {
        flex: 0 0 66.6666666667%;
        width: 66.6666666667%
    }

    .md\:grid__colContent--span8in1 {
        width: calc(800% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span8in2 {
        width: calc(400% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span8in3 {
        width: calc(266.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span8in4 {
        width: calc(200% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span8in5 {
        width: calc(160% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span8in6 {
        width: calc(133.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span8in7 {
        width: calc(114.2857142857% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span8in8 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span8in9 {
        width: calc(88.8888888889% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span8in10 {
        width: calc(80% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span8in11 {
        width: calc(72.7272727273% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span8in12 {
        width: calc(66.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__col--span9 {
        flex: 0 0 75%;
        width: 75%
    }

    .md\:grid__colContent--span9in1 {
        width: calc(900% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span9in2 {
        width: calc(450% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span9in3 {
        width: calc(300% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span9in4 {
        width: calc(225% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span9in5 {
        width: calc(180% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span9in6 {
        width: calc(150% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span9in7 {
        width: calc(128.5714285714% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span9in8 {
        width: calc(112.5% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span9in9 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span9in10 {
        width: calc(90% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span9in11 {
        width: calc(81.8181818182% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span9in12 {
        width: calc(75% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__col--span10 {
        flex: 0 0 83.3333333333%;
        width: 83.3333333333%
    }

    .md\:grid__colContent--span10in1 {
        width: calc(1000% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span10in2 {
        width: calc(500% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span10in3 {
        width: calc(333.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span10in4 {
        width: calc(250% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span10in5 {
        width: calc(200% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span10in6 {
        width: calc(166.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span10in7 {
        width: calc(142.8571428571% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span10in8 {
        width: calc(125% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span10in9 {
        width: calc(111.1111111111% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span10in10 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span10in11 {
        width: calc(90.9090909091% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span10in12 {
        width: calc(83.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__col--span11 {
        flex: 0 0 91.6666666667%;
        width: 91.6666666667%
    }

    .md\:grid__colContent--span11in1 {
        width: calc(1100% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span11in2 {
        width: calc(550% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span11in3 {
        width: calc(366.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span11in4 {
        width: calc(275% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span11in5 {
        width: calc(220% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span11in6 {
        width: calc(183.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span11in7 {
        width: calc(157.1428571429% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span11in8 {
        width: calc(137.5% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span11in9 {
        width: calc(122.2222222222% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span11in10 {
        width: calc(110% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span11in11 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span11in12 {
        width: calc(91.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__col--span12 {
        flex: 0 0 100%;
        width: 100%
    }

    .md\:grid__colContent--span12in1 {
        width: calc(1200% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span12in2 {
        width: calc(600% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span12in3 {
        width: calc(400% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span12in4 {
        width: calc(300% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span12in5 {
        width: calc(240% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span12in6 {
        width: calc(200% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span12in7 {
        width: calc(171.4285714286% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span12in8 {
        width: calc(150% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span12in9 {
        width: calc(133.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span12in10 {
        width: calc(120% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span12in11 {
        width: calc(109.0909090909% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__colContent--span12in12 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .md\:grid__col--per5 {
        flex: 0 0 5%;
        width: 5%
    }

    .md\:grid__col--per10 {
        flex: 0 0 10%;
        width: 10%
    }

    .md\:grid__col--per15 {
        flex: 0 0 15%;
        width: 15%
    }

    .md\:grid__col--per20 {
        flex: 0 0 20%;
        width: 20%
    }

    .md\:grid__col--per25 {
        flex: 0 0 25%;
        width: 25%
    }

    .md\:grid__col--per30 {
        flex: 0 0 30%;
        width: 30%
    }

    .md\:grid__col--per35 {
        flex: 0 0 35%;
        width: 35%
    }

    .md\:grid__col--per40 {
        flex: 0 0 40%;
        width: 40%
    }

    .md\:grid__col--per45 {
        flex: 0 0 45%;
        width: 45%
    }

    .md\:grid__col--per50 {
        flex: 0 0 50%;
        width: 50%
    }

    .md\:grid__col--per55 {
        flex: 0 0 55%;
        width: 55%
    }

    .md\:grid__col--per60 {
        flex: 0 0 60%;
        width: 60%
    }

    .md\:grid__col--per65 {
        flex: 0 0 65%;
        width: 65%
    }

    .md\:grid__col--per70 {
        flex: 0 0 70%;
        width: 70%
    }

    .md\:grid__col--per75 {
        flex: 0 0 75%;
        width: 75%
    }

    .md\:grid__col--per80 {
        flex: 0 0 80%;
        width: 80%
    }

    .md\:grid__col--per85 {
        flex: 0 0 85%;
        width: 85%
    }

    .md\:grid__col--per90 {
        flex: 0 0 90%;
        width: 90%
    }

    .md\:grid__col--per95 {
        flex: 0 0 95%;
        width: 95%
    }

    .md\:grid__col--per100 {
        flex: 0 0 100%;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .sm\:grid--noGutter {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0
    }

    .sm\:grid--noGutter .grid__col {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0
    }

    .sm\:grid--dirRow {
        flex-direction: row
    }

    .sm\:grid--dirRowReverse {
        flex-direction: row-reverse
    }

    .sm\:grid--dirColumn {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .sm\:grid--dirColumnReverse {
        flex-direction: column-reverse;
        flex-wrap: nowrap
    }

    .sm\:grid--justifyNormal {
        justify-content: normal
    }

    .sm\:grid--justifyCenter {
        justify-content: center
    }

    .sm\:grid--justifyStart {
        justify-content: flex-start
    }

    .sm\:grid--justifyEnd {
        justify-content: flex-end
    }

    .sm\:grid--justifyBetween {
        justify-content: space-between
    }

    .sm\:grid--justifyAround {
        justify-content: space-around
    }

    .sm\:grid--justifyEvenly {
        justify-content: space-evenly
    }

    .sm\:grid--justifyStretch {
        justify-content: stretch
    }

    .sm\:grid--itemsStretch {
        align-items: stretch
    }

    .sm\:grid--itemsCenter {
        align-items: center
    }

    .sm\:grid--itemsStart {
        align-items: flex-start
    }

    .sm\:grid--itemsEnd {
        align-items: flex-end
    }

    .sm\:grid--itemsBaseline {
        align-items: baseline
    }

    .sm\:grid--cols1 .grid__col {
        flex: 0 0 100%;
        width: 100%
    }

    .sm\:grid--cols2 .grid__col {
        flex: 0 0 50%;
        width: 50%
    }

    .sm\:grid--cols3 .grid__col {
        flex: 0 0 33.3333333333%;
        width: 33.3333333333%
    }

    .sm\:grid--cols4 .grid__col {
        flex: 0 0 25%;
        width: 25%
    }

    .sm\:grid--cols5 .grid__col {
        flex: 0 0 20%;
        width: 20%
    }

    .sm\:grid--cols6 .grid__col {
        flex: 0 0 16.6666666667%;
        width: 16.6666666667%
    }

    .sm\:grid--cols7 .grid__col {
        flex: 0 0 14.2857142857%;
        width: 14.2857142857%
    }

    .sm\:grid--cols8 .grid__col {
        flex: 0 0 12.5%;
        width: 12.5%
    }

    .sm\:grid__col--span1 {
        flex: 0 0 12.5%;
        width: 12.5%
    }

    .sm\:grid__colContent--span1in1 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span1in2 {
        width: calc(50% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span1in3 {
        width: calc(33.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span1in4 {
        width: calc(25% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span1in5 {
        width: calc(20% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span1in6 {
        width: calc(16.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span1in7 {
        width: calc(14.2857142857% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span1in8 {
        width: calc(12.5% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__col--span2 {
        flex: 0 0 25%;
        width: 25%
    }

    .sm\:grid__colContent--span2in1 {
        width: calc(200% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span2in2 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span2in3 {
        width: calc(66.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span2in4 {
        width: calc(50% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span2in5 {
        width: calc(40% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span2in6 {
        width: calc(33.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span2in7 {
        width: calc(28.5714285714% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span2in8 {
        width: calc(25% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__col--span3 {
        flex: 0 0 37.5%;
        width: 37.5%
    }

    .sm\:grid__colContent--span3in1 {
        width: calc(300% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span3in2 {
        width: calc(150% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span3in3 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span3in4 {
        width: calc(75% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span3in5 {
        width: calc(60% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span3in6 {
        width: calc(50% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span3in7 {
        width: calc(42.8571428571% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span3in8 {
        width: calc(37.5% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__col--span4 {
        flex: 0 0 50%;
        width: 50%
    }

    .sm\:grid__colContent--span4in1 {
        width: calc(400% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span4in2 {
        width: calc(200% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span4in3 {
        width: calc(133.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span4in4 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span4in5 {
        width: calc(80% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span4in6 {
        width: calc(66.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span4in7 {
        width: calc(57.1428571429% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span4in8 {
        width: calc(50% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__col--span5 {
        flex: 0 0 62.5%;
        width: 62.5%
    }

    .sm\:grid__colContent--span5in1 {
        width: calc(500% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span5in2 {
        width: calc(250% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span5in3 {
        width: calc(166.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span5in4 {
        width: calc(125% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span5in5 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span5in6 {
        width: calc(83.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span5in7 {
        width: calc(71.4285714286% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span5in8 {
        width: calc(62.5% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__col--span6 {
        flex: 0 0 75%;
        width: 75%
    }

    .sm\:grid__colContent--span6in1 {
        width: calc(600% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span6in2 {
        width: calc(300% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span6in3 {
        width: calc(200% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span6in4 {
        width: calc(150% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span6in5 {
        width: calc(120% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span6in6 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span6in7 {
        width: calc(85.7142857143% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span6in8 {
        width: calc(75% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__col--span7 {
        flex: 0 0 87.5%;
        width: 87.5%
    }

    .sm\:grid__colContent--span7in1 {
        width: calc(700% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span7in2 {
        width: calc(350% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span7in3 {
        width: calc(233.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span7in4 {
        width: calc(175% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span7in5 {
        width: calc(140% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span7in6 {
        width: calc(116.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span7in7 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span7in8 {
        width: calc(87.5% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__col--span8 {
        flex: 0 0 100%;
        width: 100%
    }

    .sm\:grid__colContent--span8in1 {
        width: calc(800% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span8in2 {
        width: calc(400% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span8in3 {
        width: calc(266.6666666667% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span8in4 {
        width: calc(200% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span8in5 {
        width: calc(160% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span8in6 {
        width: calc(133.3333333333% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span8in7 {
        width: calc(114.2857142857% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__colContent--span8in8 {
        width: calc(100% - var(--semantic-space-inner-ll)/2)
    }

    .sm\:grid__col--per5 {
        flex: 0 0 5%;
        width: 5%
    }

    .sm\:grid__col--per10 {
        flex: 0 0 10%;
        width: 10%
    }

    .sm\:grid__col--per15 {
        flex: 0 0 15%;
        width: 15%
    }

    .sm\:grid__col--per20 {
        flex: 0 0 20%;
        width: 20%
    }

    .sm\:grid__col--per25 {
        flex: 0 0 25%;
        width: 25%
    }

    .sm\:grid__col--per30 {
        flex: 0 0 30%;
        width: 30%
    }

    .sm\:grid__col--per35 {
        flex: 0 0 35%;
        width: 35%
    }

    .sm\:grid__col--per40 {
        flex: 0 0 40%;
        width: 40%
    }

    .sm\:grid__col--per45 {
        flex: 0 0 45%;
        width: 45%
    }

    .sm\:grid__col--per50 {
        flex: 0 0 50%;
        width: 50%
    }

    .sm\:grid__col--per55 {
        flex: 0 0 55%;
        width: 55%
    }

    .sm\:grid__col--per60 {
        flex: 0 0 60%;
        width: 60%
    }

    .sm\:grid__col--per65 {
        flex: 0 0 65%;
        width: 65%
    }

    .sm\:grid__col--per70 {
        flex: 0 0 70%;
        width: 70%
    }

    .sm\:grid__col--per75 {
        flex: 0 0 75%;
        width: 75%
    }

    .sm\:grid__col--per80 {
        flex: 0 0 80%;
        width: 80%
    }

    .sm\:grid__col--per85 {
        flex: 0 0 85%;
        width: 85%
    }

    .sm\:grid__col--per90 {
        flex: 0 0 90%;
        width: 90%
    }

    .sm\:grid__col--per95 {
        flex: 0 0 95%;
        width: 95%
    }

    .sm\:grid__col--per100 {
        flex: 0 0 100%;
        width: 100%
    }
}

.cssgrid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px
}

@media screen and (max-width: 767px) {
    .cssgrid {
        grid-template-columns: repeat(8, 1fr);
        gap: 16px
    }
}

.cssgrid--cols1 {
    grid-template-columns: repeat(1, 1fr)
}

.cssgrid--cols2 {
    grid-template-columns: repeat(2, 1fr)
}

.cssgrid--cols3 {
    grid-template-columns: repeat(3, 1fr)
}

.cssgrid--cols4 {
    grid-template-columns: repeat(4, 1fr)
}

.cssgrid--cols5 {
    grid-template-columns: repeat(5, 1fr)
}

.cssgrid--cols6 {
    grid-template-columns: repeat(6, 1fr)
}

.cssgrid--cols7 {
    grid-template-columns: repeat(7, 1fr)
}

.cssgrid--cols8 {
    grid-template-columns: repeat(8, 1fr)
}

.cssgrid--cols9 {
    grid-template-columns: repeat(9, 1fr)
}

.cssgrid--cols10 {
    grid-template-columns: repeat(10, 1fr)
}

.cssgrid--cols11 {
    grid-template-columns: repeat(11, 1fr)
}

.cssgrid--cols12 {
    grid-template-columns: repeat(12, 1fr)
}

.cssgrid+.grid {
    margin-top: 24px
}

.cssgrid>*,
.cssgrid__col {
    grid-column: 1/-1;
    width: 100%
}

.cssgrid--auto>*,
.cssgrid--auto__col {
    grid-column: auto
}

.cssgrid__col--span1 {
    grid-column: span 1
}

.cssgrid__col--start1 {
    grid-column-start: 1
}

.cssgrid__col--end1 {
    grid-column-end: 1
}

.cssgrid__col--span2 {
    grid-column: span 2
}

.cssgrid__col--start2 {
    grid-column-start: 2
}

.cssgrid__col--end2 {
    grid-column-end: 2
}

.cssgrid__col--span3 {
    grid-column: span 3
}

.cssgrid__col--start3 {
    grid-column-start: 3
}

.cssgrid__col--end3 {
    grid-column-end: 3
}

.cssgrid__col--span4 {
    grid-column: span 4
}

.cssgrid__col--start4 {
    grid-column-start: 4
}

.cssgrid__col--end4 {
    grid-column-end: 4
}

.cssgrid__col--span5 {
    grid-column: span 5
}

.cssgrid__col--start5 {
    grid-column-start: 5
}

.cssgrid__col--end5 {
    grid-column-end: 5
}

.cssgrid__col--span6 {
    grid-column: span 6
}

.cssgrid__col--start6 {
    grid-column-start: 6
}

.cssgrid__col--end6 {
    grid-column-end: 6
}

.cssgrid__col--span7 {
    grid-column: span 7
}

.cssgrid__col--start7 {
    grid-column-start: 7
}

.cssgrid__col--end7 {
    grid-column-end: 7
}

.cssgrid__col--span8 {
    grid-column: span 8
}

.cssgrid__col--start8 {
    grid-column-start: 8
}

.cssgrid__col--end8 {
    grid-column-end: 8
}

.cssgrid__col--span9 {
    grid-column: span 9
}

.cssgrid__col--start9 {
    grid-column-start: 9
}

.cssgrid__col--end9 {
    grid-column-end: 9
}

.cssgrid__col--span10 {
    grid-column: span 10
}

.cssgrid__col--start10 {
    grid-column-start: 10
}

.cssgrid__col--end10 {
    grid-column-end: 10
}

.cssgrid__col--span11 {
    grid-column: span 11
}

.cssgrid__col--start11 {
    grid-column-start: 11
}

.cssgrid__col--end11 {
    grid-column-end: 11
}

.cssgrid__col--span12 {
    grid-column: span 12
}

.cssgrid__col--start12 {
    grid-column-start: 12
}

.cssgrid__col--end12 {
    grid-column-end: 12
}

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

@media screen and (max-width: 1024px) {
    .md\:cssgrid--cols1 {
        grid-template-columns: repeat(1, 1fr)
    }

    .md\:cssgrid--cols2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .md\:cssgrid--cols3 {
        grid-template-columns: repeat(3, 1fr)
    }

    .md\:cssgrid--cols4 {
        grid-template-columns: repeat(4, 1fr)
    }

    .md\:cssgrid--cols5 {
        grid-template-columns: repeat(5, 1fr)
    }

    .md\:cssgrid--cols6 {
        grid-template-columns: repeat(6, 1fr)
    }

    .md\:cssgrid--cols7 {
        grid-template-columns: repeat(7, 1fr)
    }

    .md\:cssgrid--cols8 {
        grid-template-columns: repeat(8, 1fr)
    }

    .md\:cssgrid--cols9 {
        grid-template-columns: repeat(9, 1fr)
    }

    .md\:cssgrid--cols10 {
        grid-template-columns: repeat(10, 1fr)
    }

    .md\:cssgrid--cols11 {
        grid-template-columns: repeat(11, 1fr)
    }

    .md\:cssgrid--cols12 {
        grid-template-columns: repeat(12, 1fr)
    }

    .md\:cssgrid__col--span1 {
        grid-column: span 1
    }

    .md\:cssgrid__col--start1 {
        grid-column-start: 1
    }

    .md\:cssgrid__col--end1 {
        grid-column-end: 1
    }

    .md\:cssgrid__col--span2 {
        grid-column: span 2
    }

    .md\:cssgrid__col--start2 {
        grid-column-start: 2
    }

    .md\:cssgrid__col--end2 {
        grid-column-end: 2
    }

    .md\:cssgrid__col--span3 {
        grid-column: span 3
    }

    .md\:cssgrid__col--start3 {
        grid-column-start: 3
    }

    .md\:cssgrid__col--end3 {
        grid-column-end: 3
    }

    .md\:cssgrid__col--span4 {
        grid-column: span 4
    }

    .md\:cssgrid__col--start4 {
        grid-column-start: 4
    }

    .md\:cssgrid__col--end4 {
        grid-column-end: 4
    }

    .md\:cssgrid__col--span5 {
        grid-column: span 5
    }

    .md\:cssgrid__col--start5 {
        grid-column-start: 5
    }

    .md\:cssgrid__col--end5 {
        grid-column-end: 5
    }

    .md\:cssgrid__col--span6 {
        grid-column: span 6
    }

    .md\:cssgrid__col--start6 {
        grid-column-start: 6
    }

    .md\:cssgrid__col--end6 {
        grid-column-end: 6
    }

    .md\:cssgrid__col--span7 {
        grid-column: span 7
    }

    .md\:cssgrid__col--start7 {
        grid-column-start: 7
    }

    .md\:cssgrid__col--end7 {
        grid-column-end: 7
    }

    .md\:cssgrid__col--span8 {
        grid-column: span 8
    }

    .md\:cssgrid__col--start8 {
        grid-column-start: 8
    }

    .md\:cssgrid__col--end8 {
        grid-column-end: 8
    }

    .md\:cssgrid__col--span9 {
        grid-column: span 9
    }

    .md\:cssgrid__col--start9 {
        grid-column-start: 9
    }

    .md\:cssgrid__col--end9 {
        grid-column-end: 9
    }

    .md\:cssgrid__col--span10 {
        grid-column: span 10
    }

    .md\:cssgrid__col--start10 {
        grid-column-start: 10
    }

    .md\:cssgrid__col--end10 {
        grid-column-end: 10
    }

    .md\:cssgrid__col--span11 {
        grid-column: span 11
    }

    .md\:cssgrid__col--start11 {
        grid-column-start: 11
    }

    .md\:cssgrid__col--end11 {
        grid-column-end: 11
    }

    .md\:cssgrid__col--span12 {
        grid-column: span 12
    }

    .md\:cssgrid__col--start12 {
        grid-column-start: 12
    }

    .md\:cssgrid__col--end12 {
        grid-column-end: 12
    }
}

@media screen and (max-width: 767px) {
    .sm\:cssgrid--cols1 {
        grid-template-columns: repeat(1, 1fr)
    }

    .sm\:cssgrid--cols2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .sm\:cssgrid--cols3 {
        grid-template-columns: repeat(3, 1fr)
    }

    .sm\:cssgrid--cols4 {
        grid-template-columns: repeat(4, 1fr)
    }

    .sm\:cssgrid--cols5 {
        grid-template-columns: repeat(5, 1fr)
    }

    .sm\:cssgrid--cols6 {
        grid-template-columns: repeat(6, 1fr)
    }

    .sm\:cssgrid--cols7 {
        grid-template-columns: repeat(7, 1fr)
    }

    .sm\:cssgrid--cols8 {
        grid-template-columns: repeat(8, 1fr)
    }

    .sm\:cssgrid__col--span1 {
        grid-column: span 1
    }

    .sm\:cssgrid__col--start1 {
        grid-column-start: 1
    }

    .sm\:cssgrid__col--end1 {
        grid-column-end: 1
    }

    .sm\:cssgrid__col--span2 {
        grid-column: span 2
    }

    .sm\:cssgrid__col--start2 {
        grid-column-start: 2
    }

    .sm\:cssgrid__col--end2 {
        grid-column-end: 2
    }

    .sm\:cssgrid__col--span3 {
        grid-column: span 3
    }

    .sm\:cssgrid__col--start3 {
        grid-column-start: 3
    }

    .sm\:cssgrid__col--end3 {
        grid-column-end: 3
    }

    .sm\:cssgrid__col--span4 {
        grid-column: span 4
    }

    .sm\:cssgrid__col--start4 {
        grid-column-start: 4
    }

    .sm\:cssgrid__col--end4 {
        grid-column-end: 4
    }

    .sm\:cssgrid__col--span5 {
        grid-column: span 5
    }

    .sm\:cssgrid__col--start5 {
        grid-column-start: 5
    }

    .sm\:cssgrid__col--end5 {
        grid-column-end: 5
    }

    .sm\:cssgrid__col--span6 {
        grid-column: span 6
    }

    .sm\:cssgrid__col--start6 {
        grid-column-start: 6
    }

    .sm\:cssgrid__col--end6 {
        grid-column-end: 6
    }

    .sm\:cssgrid__col--span7 {
        grid-column: span 7
    }

    .sm\:cssgrid__col--start7 {
        grid-column-start: 7
    }

    .sm\:cssgrid__col--end7 {
        grid-column-end: 7
    }

    .sm\:cssgrid__col--span8 {
        grid-column: span 8
    }

    .sm\:cssgrid__col--start8 {
        grid-column-start: 8
    }

    .sm\:cssgrid__col--end8 {
        grid-column-end: 8
    }
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports(outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast: none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports(outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast: none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

.c-buttonGroup {
    margin-top: var(--semantic-space-inner-ll);
    display: flex;
    gap: var(--semantic-space-inner-ll);
    flex-direction: column;
    align-items: center
}

.c-buttonGroup:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-buttonGroup {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-buttonGroup:first-child {
        margin-top: 0
    }
}

.c-buttonGroup--horizontal {
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap
}

.c-buttonGroup__item {
    flex-basis: 100%
}

.c-button {
    width: 33.3333333333%;
    min-width: 84px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--semantic-space-inner-sss);
    padding: var(--semantic-space-inner-mms) var(--semantic-space-inner-l);
    border: 0;
    border-radius: var(--semantic-corner-radius-ms);
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 800;
    font-feature-settings: "palt";
    background-color: var(--ui-background-default);
    color: var(--ui-text-status-link);
    box-shadow: inset 0 0 0 1px var(--ui-line-status-link);
    text-decoration: none;
    margin-top: var(--semantic-space-inner-ll);
    cursor: pointer
}

html[lang=en] .c-button {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px;
    font-weight: 700
}

.c-button:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-button {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-button:first-child {
        margin-top: 0
    }
}

.c-buttonGroup .c-button {
    margin-top: 0
}

@media(hover: hover) {
    .c-button:hover {
        background-color: var(--ui-background-emphasize-mid-tertiary);
        color: var(--ui-text-status-hover);
        box-shadow: inset 0 0 0 1px var(--ui-line-status-hover)
    }
}

.c-button:active {
    background-color: var(--ui-background-emphasize-mid-quaternary);
    color: var(--ui-text-status-active);
    box-shadow: inset 0 0 0 1px var(--ui-line-status-active)
}

.c-button:focus-visible {
    outline: 2px solid var(--ui-line-status-focus);
    outline-offset: 2px
}

.c-button:disabled,
.c-button--disabled {
    pointer-events: none
}

.c-button:disabled,
.c-button:disabled:active,
.c-button:disabled:focus,
.c-button:disabled:focus-visible,
.c-button--disabled,
.c-button--disabled:active,
.c-button--disabled:focus,
.c-button--disabled:focus-visible {
    cursor: auto;
    color: var(--ui-text-status-disabled);
    box-shadow: inset 0 0 0 1px var(--ui-line-default)
}

@media(hover: hover) {

    .c-button:disabled:hover,
    .c-button--disabled:hover {
        cursor: auto;
        color: var(--ui-text-status-disabled);
        box-shadow: inset 0 0 0 1px var(--ui-line-default)
    }
}

.c-button--weightNormal {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-button--weightNormal {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px
}

.c-button--sizeXL {
    width: 100%
}

.c-button--sizeL {
    width: calc((100% - var(--semantic-space-inner-ll))/2)
}

.c-button--sizeM {
    width: calc((100% - var(--semantic-space-inner-ll)*2)/3)
}

.c-button--sizeS {
    width: calc((100% - var(--semantic-space-inner-ll)*3)/4)
}

.c-button--sizeXS {
    width: calc((100% - var(--semantic-space-inner-ll)*5)/6)
}

.c-button--sizeXXS {
    width: calc((100% - var(--semantic-space-inner-ll)*6)/7)
}

.c-button--scaleL {
    min-width: 116px;
    min-height: 56px;
    padding: var(--semantic-space-inner-m) var(--semantic-space-inner-lll)
}

.c-button--scaleL.c-button--weightNormal {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-button--scaleL.c-button--weightNormal {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px
}

.c-button--scaleM {
    min-width: 84px;
    min-height: 48px;
    padding: var(--semantic-space-inner-mms) var(--semantic-space-inner-l)
}

.c-button--scaleM.c-button--weightNormal {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-button--scaleM.c-button--weightNormal {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px
}

.c-button--scaleS {
    min-width: 68px;
    min-height: 36px;
    padding: var(--semantic-space-inner-ss) var(--semantic-space-inner-m);
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    font-feature-settings: "palt"
}

html[lang=en] .c-button--scaleS {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

.c-button--scaleS.c-button--weightNormal {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-button--scaleS.c-button--weightNormal {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

.c-button--scaleXS {
    min-width: 64px;
    min-height: 32px;
    padding: var(--semantic-space-inner-ss) var(--semantic-space-inner-m);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    font-weight: 700;
    font-feature-settings: "palt"
}

html[lang=en] .c-button--scaleXS {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .4px
}

.c-button--scaleXS.c-button--weightNormal {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-button--scaleXS.c-button--weightNormal {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .4px
}

.c-button--scaleXXS {
    min-width: 48px;
    min-height: 24px;
    padding: var(--semantic-space-inner-ss) var(--semantic-space-inner-m);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-weight: 700;
    font-feature-settings: "palt"
}

html[lang=en] .c-button--scaleXXS {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

.c-button--scaleXXS.c-button--weightNormal {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-button--scaleXXS.c-button--weightNormal {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

@media screen and (max-width: 767px) {
    .c-button {
        min-height: 48px;
        padding: var(--semantic-space-inner-mms) var(--semantic-space-inner-l);
        width: 100%
    }
}

.c-button--fixed,
.c-button--fullWidth {
    width: 100%
}

.c-button--primary {
    background-color: var(--classified-green-primary);
    color: var(--ui-text-inverted);
    box-shadow: none
}

@media(hover: hover) {
    .c-button--primary:hover {
        background-color: var(--classified-green-quinary);
        color: var(--ui-text-inverted);
        box-shadow: none
    }
}

.c-button--primary:active {
    background-color: var(--classified-green-secondary);
    color: var(--ui-text-inverted);
    box-shadow: none
}

.c-button--primary:disabled,
.c-button--primary:disabled:active,
.c-button--primary.c-button--disabled,
.c-button--primary.c-button--disabled:active {
    cursor: auto;
    color: var(--ui-text-status-disabled);
    box-shadow: inset 0 0 0 1px var(--ui-line-default);
    background-color: var(--ui-background-default)
}

@media(hover: hover) {

    .c-button--primary:disabled:hover,
    .c-button--primary.c-button--disabled:hover {
        cursor: auto;
        color: var(--ui-text-status-disabled);
        box-shadow: inset 0 0 0 1px var(--ui-line-default);
        background-color: var(--ui-background-default)
    }
}

.c-button--tertiary {
    background-color: rgba(0, 0, 0, 0);
    text-decoration: underline;
    box-shadow: none
}

@media(hover: hover) {
    .c-button--tertiary:hover {
        text-decoration: none;
        background-color: var(--ui-background-emphasize-mid-tertiary);
        box-shadow: none
    }
}

.c-button--tertiary:active {
    text-decoration: none;
    background-color: var(--ui-background-emphasize-mid-quaternary);
    box-shadow: none
}

.c-button--tertiary:focus-visible {
    text-decoration: none
}

.c-button--tertiary:disabled,
.c-button--tertiary:disabled:active,
.c-button--tertiary.c-button--disabled,
.c-button--tertiary.c-button--disabled:active {
    box-shadow: none;
    text-decoration: none
}

@media(hover: hover) {

    .c-button--tertiary:disabled:hover,
    .c-button--tertiary.c-button--disabled:hover {
        box-shadow: none;
        text-decoration: none
    }
}

.c-button__icon {
    flex: none
}

.c-iconButtonGroup {
    margin-top: var(--semantic-space-inner-ll);
    display: flex;
    gap: var(--semantic-space-inner-m);
    flex-direction: column
}

.c-iconButtonGroup:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-iconButtonGroup {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-iconButtonGroup:first-child {
        margin-top: 0
    }
}

.c-iconButtonGroup--horizontal {
    flex-direction: row;
    flex-wrap: wrap
}

.c-iconButton {
    padding: 0;
    width: 56px;
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--semantic-corner-radius-pill);
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 400;
    background-color: var(--ui-background-default);
    color: var(--ui-text-status-link);
    box-shadow: inset 0 0 0 1px var(--ui-line-status-link);
    text-decoration: none;
    margin-top: var(--semantic-space-inner-ll);
    cursor: pointer
}

html[lang=en] .c-iconButton {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0
}

.c-iconButton:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-iconButton {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-iconButton:first-child {
        margin-top: 0
    }
}

.c-iconButtonGroup .c-iconButton {
    margin-top: 0
}

@media(hover: hover) {
    .c-iconButton:hover {
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-iconButton:active {
    background-color: var(--ui-background-emphasize-mid-quaternary)
}

.c-iconButton:focus-visible {
    outline: 2px solid var(--ui-line-status-focus);
    outline-offset: 2px
}

.c-iconButton:disabled,
.c-iconButton--disabled {
    pointer-events: none
}

.c-iconButton:disabled,
.c-iconButton:disabled:active,
.c-iconButton:disabled:focus,
.c-iconButton:disabled:focus-visible,
.c-iconButton--disabled,
.c-iconButton--disabled:active,
.c-iconButton--disabled:focus,
.c-iconButton--disabled:focus-visible {
    cursor: auto;
    color: var(--ui-text-status-disabled);
    box-shadow: inset 0 0 0 1px var(--ui-line-default)
}

@media(hover: hover) {

    .c-iconButton:disabled:hover,
    .c-iconButton--disabled:hover {
        cursor: auto;
        color: var(--ui-text-status-disabled);
        box-shadow: inset 0 0 0 1px var(--ui-line-default)
    }
}

.c-iconButton--square {
    border-radius: var(--semantic-corner-radius-m)
}

.c-iconButton--noBorder {
    box-shadow: none
}

.c-iconButton--sizeL.c-iconButton--square {
    border-radius: var(--semantic-corner-radius-m)
}

.c-iconButton--sizeM {
    width: 44px;
    min-height: 44px;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-iconButton--sizeM {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-iconButton--sizeM.c-iconButton--square {
    border-radius: var(--semantic-corner-radius-ms)
}

.c-iconButton--sizeS {
    width: 36px;
    min-height: 36px;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-iconButton--sizeS {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-iconButton--sizeS.c-iconButton--square {
    border-radius: var(--semantic-corner-radius-ms)
}

.c-link,
.c-paragraph>a {
    color: var(--ui-text-status-link);
    border-radius: var(--semantic-corner-radius-s);
    display: inline;
    align-items: center;
    gap: var(--semantic-space-inner-sss);
    position: relative
}

@media(hover: hover) {

    .c-link:hover,
    .c-paragraph>a:hover {
        color: var(--ui-text-status-hover);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-link:active,
.c-paragraph>a:active {
    color: var(--ui-text-status-active);
    background-color: var(--ui-background-emphasize-mid-tertiary)
}

.c-link:focus-visible,
.c-paragraph>a:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px var(--ui-line-status-focus);
    outline: 2px solid var(--primitive-canary-700)
}

.c-link__icon,
.c-link>svg,
.c-paragraph>a__icon,
.c-paragraph>a>svg {
    vertical-align: middle;
    margin-top: -0.2em
}

.c-paragraph>a:visited {
    color: var(--ui-text-status-visited)
}

.c-utilityLinks,
.c-utilityLinkGroup {
    margin-top: var(--semantic-space-inner-ll);
    gap: var(--semantic-space-inner-m) var(--semantic-space-inner-l);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

.c-utilityLinks:first-child,
.c-utilityLinkGroup:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {

    .c-utilityLinks,
    .c-utilityLinkGroup {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-utilityLinks:first-child,
    .c-utilityLinkGroup:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {

    .c-utilityLinks,
    .c-utilityLinkGroup {
        gap: var(--semantic-space-inner-s) var(--semantic-space-inner-ml)
    }
}

.c-utilityLinks--row,
.c-utilityLinks--horizontal,
.c-utilityLinkGroup--row,
.c-utilityLinkGroup--horizontal {
    flex-direction: row;
    flex-wrap: wrap
}

.c-utilityLinks--vertical,
.c-utilityLinkGroup--vertical {
    flex-direction: column
}

.c-utilityLinks--justifyStart,
.c-utilityLinkGroup--justifyStart {
    justify-content: flex-start
}

.c-utilityLinks--justifyCenter,
.c-utilityLinkGroup--justifyCenter {
    justify-content: center
}

.c-utilityLinks--justifyEnd,
.c-utilityLinkGroup--justifyEnd {
    justify-content: flex-end
}

.c-utilityLinks--sizeLL,
.c-utilityLinkGroup--sizeLL {
    gap: var(--semantic-space-inner-m) var(--semantic-space-inner-l)
}

.c-utilityLinks--sizeL,
.c-utilityLinkGroup--sizeL {
    gap: var(--semantic-space-inner-mms) var(--semantic-space-inner-l)
}

.c-utilityLinks--sizeS,
.c-utilityLinkGroup--sizeS {
    gap: var(--semantic-space-inner-s) var(--semantic-space-inner-ml)
}

.c-utilityLinks--sizeSS,
.c-utilityLinkGroup--sizeSS {
    gap: var(--semantic-space-inner-s) var(--semantic-space-inner-ml)
}

.c-utilityLink {
    display: inline-flex;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
    border-radius: var(--semantic-corner-radius-ss)
}

html[lang=en] .c-utilityLink {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-utilityLink:focus,
.c-utilityLink:active {
    text-decoration: none
}

@media(hover: hover) {
    .c-utilityLink:hover {
        text-decoration: none
    }
}

.c-utilityLink__icon,
.c-utilityLink>svg {
    width: var(--semantic-size-icon-mml);
    height: var(--semantic-size-icon-mml);
    margin: 0;
    flex: 1 0 auto
}

.c-utilityLink--weightBold {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 700;
    text-decoration: none
}

html[lang=en] .c-utilityLink--weightBold {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-utilityLink--sizeLL {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-utilityLink--sizeLL {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0
}

.c-utilityLink--sizeLL.c-utilityLink--weightBold {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0;
    font-weight: 700
}

html[lang=en] .c-utilityLink--sizeLL.c-utilityLink--weightBold {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0
}

.c-utilityLink--sizeLL>svg {
    width: var(--semantic-size-icon-l);
    height: var(--semantic-size-icon-l)
}

.c-utilityLink--sizeL {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-utilityLink--sizeL {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0
}

.c-utilityLink--sizeL.c-utilityLink--weightBold {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 700
}

html[lang=en] .c-utilityLink--sizeL.c-utilityLink--weightBold {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0
}

.c-utilityLink--sizeL>svg {
    width: var(--semantic-size-icon-ml);
    height: var(--semantic-size-icon-ml)
}

.c-utilityLink--sizeS {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-utilityLink--sizeS {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-utilityLink--sizeS.c-utilityLink--weightBold {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 700
}

html[lang=en] .c-utilityLink--sizeS.c-utilityLink--weightBold {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-utilityLink--sizeS>svg {
    width: var(--semantic-size-icon-m);
    height: var(--semantic-size-icon-m)
}

.c-utilityLink--sizeSS {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-utilityLink--sizeSS {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0
}

.c-utilityLink--sizeSS.c-utilityLink--weightBold {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 700
}

html[lang=en] .c-utilityLink--sizeSS.c-utilityLink--weightBold {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0
}

.c-utilityLink--sizeSS>svg {
    width: var(--semantic-size-icon-mms);
    height: var(--semantic-size-icon-mms)
}

.c-utilityLink--rounded,
.c-utilityLink--bordered {
    text-decoration: none;
    padding: var(--semantic-space-hairline-m) var(--semantic-space-inner-ms)
}

.c-utilityLink--bordered {
    border-radius: var(--semantic-corner-radius-s);
    border: 1px solid var(--ui-line-status-link)
}

.c-utilityLink--bordered:focus-visible {
    border-color: rgba(0, 0, 0, 0)
}

.c-utilityLink--bordered:visited {
    border-color: var(--ui-line-status-visited)
}

.c-utilityLink--rounded {
    border-radius: var(--semantic-corner-radius-pill)
}

.c-utilityLink--current {
    background-color: var(--ui-background-brand-primary);
    color: var(--ui-text-inverted);
    border: 1px solid var(--ui-line-status-link)
}

.c-utilityLink--fixed {
    width: 100%
}

.c-utilityLink--alignLeft {
    justify-content: flex-start
}

.c-utilityLink--alignCenter {
    justify-content: center
}

.c-utilityLink--alignRight {
    justify-content: flex-end
}

.c-pagination {
    display: flex;
    justify-content: center;
    margin-top: var(--semantic-space-inner-l);
    gap: var(--semantic-space-inner-m);
    list-style-type: none;
    padding: var(--semantic-space-inner-ll)
}

@media screen and (max-width: 767px) {
    .c-pagination {
        width: 100vw;
        margin-inline: calc(50% - 50vw);
        padding-inline: var(--semantic-space-inner-m);
        gap: var(--semantic-space-inner-s)
    }
}

.c-pagination__item {
    width: 56px;
    height: 56px;
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-pagination__item {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0
}

@media screen and (max-width: 767px) {
    .c-pagination__item {
        width: 48px;
        height: 48px
    }
}

.c-pagination__item>a,
.c-pagination__item>button,
.c-pagination__item>span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: var(--semantic-corner-radius-pill);
    text-decoration: none
}

.c-pagination__item>a,
.c-pagination__item>button {
    color: var(--ui-text-status-link);
    border: var(--semantic-line-thickness-default) solid var(--ui-line-status-link);
    background-color: var(--ui-surface-default);
    cursor: pointer
}

@media(hover: hover) {

    .c-pagination__item>a:hover,
    .c-pagination__item>button:hover {
        color: var(--ui-text-status-hover);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-pagination__item>a:active,
.c-pagination__item>button:active {
    color: var(--ui-text-status-active);
    background-color: var(--ui-background-emphasize-mid-quaternary)
}

.c-pagination__item>a:focus-visible,
.c-pagination__item>button:focus-visible {
    outline: 2px solid var(--ui-line-status-focus);
    outline-offset: 2px
}

.c-pagination__item>a .icon,
.c-pagination__item>button .icon {
    pointer-events: none
}

.c-pagination__item>button:disabled {
    pointer-events: none;
    color: var(--ui-text-status-disabled);
    border-color: var(--ui-line-default)
}

.c-pagination__item>span {
    border: var(--semantic-line-thickness-default) solid var(--ui-line-status-link)
}

.c-pagination__item--active>a,
.c-pagination__item--active>span {
    background-color: var(--ui-background-status-link);
    color: var(--ui-text-inverted);
    border-color: var(--ui-line-status-link)
}

.c-pagination__item--controller {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1.32px;
    font-weight: 400;
    font-feature-settings: "palt"
}

html[lang=en] .c-pagination__item--controller {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: .4px
}

.c-pagination__item--controller>span {
    color: var(--ui-text-status-disabled);
    border-color: var(--ui-line-default)
}

.c-pagination .c-selectGroup {
    width: 160px;
    height: 56px
}

@media screen and (max-width: 767px) {
    .c-pagination .c-selectGroup {
        width: 120px;
        height: 48px
    }
}

.c-pagination .c-selectGroup .c-select {
    height: 100%;
    text-align: center
}

.c-definitionList {
    margin-top: var(--semantic-space-inner-ll);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

.c-definitionList:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-definitionList {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-definitionList:first-child {
        margin-top: 0
    }
}

html[lang=en] .c-definitionList {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-definitionList--cols2 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--semantic-space-inner-ll)
}

.c-definitionList--cols2 .c-definitionList__item,
.c-definitionList--cols2 .c-definitionList__item+.c-definitionList__item {
    margin-top: 0;
    width: calc((100% - var(--semantic-space-inner-ll))/2)
}

.c-definitionList--cols3 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--semantic-space-inner-ll)
}

.c-definitionList--cols3 .c-definitionList__item,
.c-definitionList--cols3 .c-definitionList__item+.c-definitionList__item {
    margin-top: 0;
    width: calc((100% - var(--semantic-space-inner-ll)*2)/3)
}

.c-definitionList--sizeL .c-definitionList__item {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-definitionList--sizeL .c-definitionList__item {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0
}

.c-definitionList--sizeL .c-definitionList__term {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-definitionList--sizeL .c-definitionList__term {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0
}

.c-definitionList--sizeL .c-definitionList__description+.c-definitionList__description {
    margin-top: var(--semantic-space-inner-mms)
}

.c-definitionList--sizeM .c-definitionList__item {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-definitionList--sizeM .c-definitionList__item {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-definitionList--sizeS .c-definitionList__item {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-definitionList--sizeS .c-definitionList__item {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-definitionList--sizeS .c-definitionList__description+.c-definitionList__description {
    margin-top: var(--semantic-space-inner-ss)
}

.c-definitionList__item {
    display: flex;
    column-gap: var(--semantic-space-inner-l)
}

.c-definitionList__item+.c-definitionList__item {
    margin-top: var(--semantic-space-inner-s)
}

@media screen and (max-width: 767px) {
    .c-definitionList__item {
        flex-direction: column
    }
}

.c-definitionList__term {
    flex-shrink: 0;
    min-width: 3em;
    max-width: 6em
}

@media screen and (max-width: 767px) {
    .c-definitionList__term {
        min-width: 0;
        max-width: none
    }
}

.c-definitionList__description {
    margin-left: 0
}

.c-definitionList__description+.c-definitionList__description {
    margin-top: var(--semantic-space-inner-s)
}

.c-list {
    padding-left: 0;
    list-style: none;
    margin: 0;
    margin-top: var(--semantic-space-inner-ll);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

.c-list:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-list {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-list:first-child {
        margin-top: 0
    }
}

html[lang=en] .c-list {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-list--sizeL .c-list__item {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-list--sizeL .c-list__item {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0
}

.c-list--sizeM .c-list__item {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-list--sizeM .c-list__item {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-list--sizeS .c-list__item {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-list--sizeS .c-list__item {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-list--sizeS .c-list__item::before {
    margin-right: var(--semantic-space-inner-ss)
}

.c-list>.c-list__item {
    display: flex;
    flex-wrap: nowrap
}

.c-list>.c-list__item:not(:first-child) {
    margin-top: var(--semantic-space-inner-s)
}

.c-list>.c-list__item::before {
    content: "・";
    width: auto;
    margin: 0;
    flex-shrink: 0;
    margin-right: var(--semantic-space-inner-s)
}

.c-list>.c-list__item .c-list,
.c-list>.c-list__item .c-orderList {
    margin-top: var(--semantic-space-inner-s)
}

.c-list--notes>.c-list__item::before {
    margin-right: var(--semantic-space-inner-s);
    content: "※"
}

html[lang=en] .c-list--notes>.c-list__item::before {
    content: "*"
}

.c-orderList {
    list-style: auto;
    counter-reset: listItem;
    padding-left: 0;
    margin: 0;
    margin-top: var(--semantic-space-inner-ll);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

.c-orderList:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-orderList {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-orderList:first-child {
        margin-top: 0
    }
}

html[lang=en] .c-orderList {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-orderList--sizeL .c-orderList__item {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-orderList--sizeL .c-orderList__item {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0
}

.c-orderList--sizeM .c-orderList__item {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-orderList--sizeM .c-orderList__item {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-orderList--sizeS .c-orderList__item {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-orderList--sizeS .c-orderList__item {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-orderList--sizeS .c-orderList__item::before {
    margin-right: var(--semantic-space-inner-ss)
}

.c-orderList>.c-orderList__item {
    display: flex;
    counter-increment: listItem
}

.c-orderList>.c-orderList__item:not(:first-child) {
    margin-top: var(--semantic-space-inner-s)
}

.c-orderList>.c-orderList__item::before {
    padding-left: var(--semantic-space-inner-s);
    content: counter(listItem) ".";
    margin-right: var(--semantic-space-hairline-s)
}

.c-orderList>.c-orderList__item .c-orderList,
.c-orderList>.c-orderList__item .c-list {
    margin-top: var(--semantic-space-inner-s)
}

.c-orderList--notes>.c-orderList__item::before {
    content: "※" counter(listItem);
    width: auto;
    padding-left: 0;
    padding-right: var(--semantic-space-inner-s);
    margin-right: var(--semantic-space-inner-sss);
    background-color: rgba(0, 0, 0, 0)
}

html[lang=en] .c-orderList--notes>.c-orderList__item::before {
    content: "*" counter(listItem);
    padding-left: var(--semantic-space-inner-s)
}

.c-table {
    text-align: left;
    margin-top: var(--semantic-space-inner-ll)
}

.c-table:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-table {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-table:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .c-table {
        overflow: auto
    }

    .c-table .c-table__content {
        width: 960px;
        min-width: 100%
    }
}

.c-table--fixed>table {
    table-layout: fixed
}

.c-table--firstHalf th:first-child,
.c-table--firstHalf td:first-child {
    width: 50%
}

.c-table--firstQuarter th:first-child,
.c-table--firstQuarter td:first-child {
    width: 25%
}

.c-table--lastHalf th:last-child,
.c-table--lastHalf td:last-child {
    width: 50%
}

.c-table--lastQuarter th:last-child,
.c-table--lastQuarter td:last-child {
    width: 25%
}

.c-table__content {
    width: 100%;
    border-collapse: collapse
}

.c-table__content--fixed {
    table-layout: fixed
}

.c-table__caption {
    padding-block: var(--semantic-space-inner-m);
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    font-feature-settings: "palt";
    text-align: left
}

html[lang=en] .c-table__caption {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

.c-table th,
.c-table td {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
    padding: var(--semantic-space-inner-m);
    height: 80px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-weight: normal;
    border: 1px solid #ccc
}

html[lang=en] .c-table th,
html[lang=en] .c-table td {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-table th>*+*,
.c-table td>*+* {
    margin-top: var(--semantic-space-inner-s)
}

.c-table__head th,
.c-table__head td,
.c-table__headCell {
    background-color: #f8f8fb
}

.c-table2 {
    text-align: left;
    margin-top: var(--semantic-space-inner-ll);
}

.c-table2:first-child {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .c-table2 {
        margin-top: var(--semantic-space-inner-l);
        overflow: auto;
    }

    .c-table2 .c-table2__content {
        width: 100%;
        min-width: 100%;
    }

    .c-table2 th,
    .c-table2 td {
        font-size: 12px; /* Mobile font size */
    }
}

@media screen and (min-width: 768px) {
    .c-table2 th,
    .c-table2 td {
        font-size: 14px; /* PC font size */
    }
}

.c-table2--fixed>table {
    table-layout: fixed;
}

.c-table2__content {
    width: 100%;
    border-collapse: collapse;
}

.c-table2__caption {
    padding-block: var(--semantic-space-inner-m);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.8px;
    font-weight: 500;
    font-feature-settings: "palt";
    text-align: left;
}

.c-table2 th,
.c-table2 td {
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
    padding: var(--semantic-space-inner-s);
    height: 60px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-weight: normal;
    border: 1px solid #ccc;
    padding-left: 1em;
    padding-right: 1em;
}

.c-table2__head th,
.c-table2__head td,
.c-table2__headCell {
    background-color: #f8f8fb;
}

/* テーブルヘッダーを表全体の1/3に設定 */
.c-table2__headCell {
    width: 33.33%;
}


.c-table3 {
    text-align: left;
    margin-top: var(--semantic-space-inner-ll);
}

.c-table3:first-child {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .c-table3 {
        margin-top: var(--semantic-space-inner-l);
        overflow: auto;
    }

    .c-table3 .c-table3__content {
        width: 100%;
        min-width: 100%;
    }

    .c-table3 th,
    .c-table3 td {
        font-size: 12px; /* モバイル版のフォントサイズ */
    }
}

@media screen and (min-width: 768px) {
    .c-table3 th,
    .c-table3 td {
        font-size: 14px; /* PC版のフォントサイズ */
    }
}

.c-table3--fixed>table {
    table-layout: fixed;
}

.c-table3__content {
    width: 100%;
    border-collapse: collapse;
}

.c-table3__caption {
    padding-block: var(--semantic-space-inner-m);
    font-size: 12px; /* フォントサイズを変更しない */
    line-height: 16px;
    letter-spacing: 0.8px;
    font-weight: 500;
    font-feature-settings: "palt";
    text-align: left;
}

.c-table3 th,
.c-table3 td {
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
    padding: var(--semantic-space-inner-s);
    height: 60px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-weight: normal;
    border: 1px solid #ccc;
    padding-left: 1em;
    padding-right: 1em;
}

.c-table3__head th,
.c-table3__head td,
.c-table3__headCell {
    background-color: #f8f8fb;
}







.c-checkboxGroup--disabled {
    color: var(--ui-text-status-disabled)
}

.c-checkboxGroup--disabled .c-checkbox input[type=checkbox] {
    border-color: var(--ui-icon-status-disabled)
}

.c-checkboxGroup--error {
    color: var(--ui-text-status-caution)
}

.c-checkboxGroup--error .c-checkbox input[type=checkbox] {
    border-color: var(--ui-line-status-caution)
}

.c-checkbox {
    display: flex;
    align-items: center;
    column-gap: var(--semantic-space-inner-s);
    padding-block: var(--semantic-space-inner-ms);
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-checkbox {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px
}

.c-checkbox input[type=checkbox] {
    appearance: none;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 2px;
    border: 2px solid #000;
    border-radius: 3px
}

.c-checkbox input[type=checkbox]:focus-visible {
    outline: 2px solid var(--ui-line-status-focus);
    outline-offset: 4px;
    border-radius: 1px
}

.c-checkbox input[type=checkbox]:not(:disabled) {
    cursor: pointer
}

.c-checkbox input[type=checkbox]:checked {
    border-color: var(--ui-icon-default);
    background-color: var(--ui-icon-default)
}

.c-checkbox input[type=checkbox]:checked::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg) translate(-1px, -6px)
}

.c-checkbox input[type=checkbox]+label {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-checkbox input[type=checkbox]+label {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px
}

.c-input {
    padding: 12px 16px;
    border-radius: 8px;
    border: var(--semantic-line-thickness-default) solid var(--ui-line-bold);
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-input {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-input::placeholder {
    color: var(--ui-text-light)
}

.c-input[disabled] {
    border-color: var(--ui-line-thick);
    background-color: var(--ui-background-status-disabled)
}

.c-input[disabled]::placeholder {
    color: var(--ui-text-status-disabled)
}

.c-input--error {
    border-color: var(--ui-line-status-caution)
}

.c-input:focus-visible {
    border-color: rgba(0, 0, 0, 0);
    outline: 4px solid var(--ui-line-status-focus)
}

.c-radioGroup--disabled {
    color: var(--ui-text-status-disabled)
}

.c-radioGroup--disabled .c-radioButton input[type=radio] {
    border-color: var(--ui-icon-status-disabled)
}

.c-radioGroup--error {
    color: var(--ui-text-status-caution)
}

.c-radioGroup--error .c-radioButton input[type=radio] {
    border-color: var(--ui-line-status-caution)
}

.c-radioButton {
    display: flex;
    align-items: center;
    column-gap: 16px;
    padding-block: 8px
}

.c-radioButton input[type=radio] {
    appearance: none;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 2px;
    border: 2px solid #000;
    border-radius: 50%
}

.c-radioButton input[type=radio]:focus-visible {
    outline: 2px solid var(--ui-line-status-focus);
    outline-offset: 3px
}

.c-radioButton input[type=radio]:not(:disabled) {
    cursor: pointer
}

.c-radioButton input[type=radio]:checked {
    border-color: var(--ui-icon-default)
}

.c-radioButton input[type=radio]:checked::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--ui-icon-default)
}

.c-radioButton input[type=radio]+label {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-radioButton input[type=radio]+label {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-selectGroup {
    position: relative;
    display: inline-block;
    width: 100%
}

.c-selectGroup::before {
    content: "";
    display: inline-block;
    width: var(--semantic-size-icon-mml);
    height: var(--semantic-size-icon-mml);
    position: absolute;
    top: calc(50% - 10px);
    right: 16px;
    background: url(/jin.kik/saiyo/assets/img/icons/chevron_down.svg) no-repeat 0 0;
    pointer-events: none
}

.c-select {
    appearance: none;
    width: 100%;
    padding-block: var(--semantic-space-inner-ms);
    padding-left: var(--semantic-space-inner-m);
    padding-right: calc(var(--semantic-space-inner-m) + var(--semantic-size-icon-mml) + var(--semantic-space-inner-s));
    border-radius: var(--semantic-corner-radius-m);
    border: var(--semantic-line-thickness-default) solid var(--ui-line-thick);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-select {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-select:focus-visible {
    border-color: rgba(0, 0, 0, 0);
    outline: 4px solid var(--ui-line-status-focus)
}

.c-select:not(:disabled) {
    cursor: pointer
}

.c-select[disabled] {
    border-color: var(--ui-line-thick);
    background-color: var(--ui-background-status-disabled)
}

.c-select--error {
    border-color: var(--ui-line-status-caution)
}

.c-textarea {
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid var(--ui-line-bold)
}

.c-textarea[disabled] {
    border-color: var(--ui-line-thick);
    background-color: var(--ui-background-status-disabled)
}

.c-textarea--error {
    border-color: var(--ui-line-status-caution)
}

.c-textarea:focus-visible {
    border: none;
    outline: 4px solid var(--ui-line-status-focus)
}

a[href]:has(.c-image) .c-image {
    overflow: hidden
}

a[href]:has(.c-image) .c-image img {
    transition: transform .3s
}

@media(hover: hover) {
    a[href]:has(.c-image):hover img {
        transform: scale(1.05)
    }
}

.c-image {
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--semantic-space-inner-ll)
}

.c-image:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-image {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-image:first-child {
        margin-top: 0
    }
}

.c-image[class*="--size"] img {
    width: 100%
}

.c-image--alignLeft {
    margin-left: 0
}

.c-image--alignCenter {
    margin-left: auto;
    margin-right: auto
}

.c-image--alignRight {
    margin-right: 0
}

.c-image--sizeSS {
    width: 30%
}

@media screen and (max-width: 767px) {
    .c-image--sizeSS {
        width: 50%
    }
}

.c-image--sizeS {
    width: 50%
}

@media screen and (max-width: 767px) {
    .c-image--sizeS {
        width: 65%
    }
}

.c-image--sizeM {
    width: 80%
}

@media screen and (max-width: 767px) {
    .c-image--sizeM {
        width: 80%
    }
}

.c-image--sizeL {
    width: 100%
}

.c-image--sizeLL {
    width: 100%;
    margin-inline: calc(50% - 50vw);
    width: 100vw
}

.c-image img {
    display: block;
    max-width: 100%;
    height: auto
}

.c-image--fullWidth {
    width: 100%
}

.c-image--fullWidth img {
    max-width: 100%;
    width: 100%
}

.c-image__caption {
    margin-top: var(--semantic-space-inner-ss);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-image__caption {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

.c-imageGroup {
    margin-top: var(--semantic-space-inner-l);
    margin-top: var(--semantic-space-inner-ll)
}

.c-imageGroup:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-imageGroup {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-imageGroup:first-child {
        margin-top: 0
    }
}

.c-imageGroup .c-image {
    display: block
}

.c-map {
    margin-top: var(--semantic-space-inner-ll)
}

.c-map:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-map {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-map:first-child {
        margin-top: 0
    }
}

.c-map--sizeSS {
    width: 30%
}

@media screen and (max-width: 1024px) {
    .c-map--sizeSS {
        width: 50%
    }
}

.c-map--sizeS {
    width: 50%
}

@media screen and (max-width: 1024px) {
    .c-map--sizeS {
        width: 65%
    }
}

.c-map--sizeM {
    width: 80%
}

@media screen and (max-width: 1024px) {
    .c-map--sizeM {
        width: 80%
    }
}

.c-map--sizeL {
    width: 100%
}

.c-map--sizeLL {
    margin-inline: calc(50% - 50vw);
    width: 100vw
}

@media screen and (max-width: 767px) {
    .c-map {
        width: 100%
    }
}

.c-map__inner {
    position: relative;
    aspect-ratio: 4/3
}

.c-map__inner--aspectRatio16-9 {
    aspect-ratio: 16/9
}

.c-map__inner--aspectRatio4-3 {
    aspect-ratio: 4/3
}

.c-map__inner--aspectRatio1-1 {
    aspect-ratio: 1/1
}

@media screen and (max-width: 767px) {
    .c-map__inner {
        aspect-ratio: 3/4
    }
}

.c-map__inner iframe {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%
}

.c-video {
    margin-top: var(--semantic-space-inner-ll)
}

.c-video:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-video {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-video:first-child {
        margin-top: 0
    }
}

.c-video--sizeSS {
    width: 30%
}

@media screen and (max-width: 767px) {
    .c-video--sizeSS {
        width: 50%
    }
}

.c-video--sizeS {
    width: 50%
}

@media screen and (max-width: 767px) {
    .c-video--sizeS {
        width: 65%
    }
}

.c-video--sizeM {
    width: 80%
}

@media screen and (max-width: 767px) {
    .c-video--sizeM {
        width: 80%
    }
}

.c-video--sizeL {
    width: 100%
}

.c-video--sizeLL {
    margin-inline: calc(50% - 50vw);
    width: 100vw
}

@media screen and (max-width: 767px) {
    .c-video {
        width: 100%
    }
}

.c-video__inner {
    position: relative;
    aspect-ratio: 16/9
}

.c-video__inner--aspectRatio16-9 {
    aspect-ratio: 16/9
}

.c-video__inner--aspectRatio4-3 {
    aspect-ratio: 4/3
}

.c-video__inner--aspectRatio1-1 {
    aspect-ratio: 1/1
}

.c-video__inner video,
.c-video__inner iframe {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%
}

.c-video__caption {
    margin-top: var(--semantic-space-inner-ss);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-video__caption {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

.c-videoGroup {
    margin-top: var(--semantic-space-inner-ll)
}

.c-videoGroup:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-videoGroup {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-videoGroup:first-child {
        margin-top: 0
    }
}

.c-blockquote {
    margin: 0;
    margin-top: var(--semantic-space-inner-ll);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2212%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%238F8F8F%22%20d%3D%22m9.702.773-4.23%2011.045H.067L6.036.773h3.666Zm7.332%200-4.09%2011.045h-5.17L13.322.773h3.713Z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 17px 11px;
    background-position: 32px 42px;
    border-radius: var(--semantic-corner-radius-m);
    padding: var(--semantic-space-inner-llll) var(--semantic-space-inner-llll) var(--semantic-space-inner-ll);
    border: 1px solid var(--ui-line-thick)
}

.c-blockquote:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-blockquote {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-blockquote:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .c-blockquote {
        background-position: 26px 18px;
        padding: var(--semantic-space-inner-ll) var(--semantic-space-inner-ll) var(--semantic-space-inner-l)
    }
}

.c-blockquote--noQuotes {
    background-image: none
}

.c-blockquote__text {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
    margin: 0
}

html[lang=en] .c-blockquote__text {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-blockquote__footer {
    text-align: right
}

.c-blockquote__cite {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: var(--semantic-space-inner-m);
    font-style: normal;
    display: block
}

html[lang=en] .c-blockquote__cite {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0
}

.c-blockquote__cite>a {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    color: var(--ui-text-status-link)
}

@media(hover: hover) {
    .c-blockquote__cite>a:hover {
        text-decoration: none;
        color: var(--ui-text-status-hover);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-blockquote__cite>a:active {
    color: var(--ui-text-status-active);
    background-color: var(--ui-background-emphasize-mid-quaternary)
}

.c-blockquote__cite>a:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px var(--ui-line-status-focus);
    outline: 2px solid var(--primitive-canary-700)
}

.c-blockquote__icon {
    width: 14px;
    height: 14px
}

.c-heading {
    margin-top: var(--semantic-space-inner-ll)
}

.c-heading:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-heading {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-heading:first-child {
        margin-top: 0
    }
}

.c-heading__inner {
    display: flex;
    flex-direction: column
}

.c-heading__label {
    margin-top: 0;
    margin-bottom: 0
}

.c-heading__shoulder {
    order: -1;
    margin-top: 0;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom: var(--semantic-space-inner-s)
}

html[lang=en] .c-heading__shoulder {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0
}

@media screen and (max-width: 767px) {
    .c-heading__shoulder {
        font-size: 10px;
        line-height: 12px;
        letter-spacing: .17px;
        font-weight: 400;
        font-feature-settings: "palt";
        margin-bottom: var(--semantic-space-inner-ss)
    }

    html[lang=en] .c-heading__shoulder {
        font-size: 10px;
        line-height: 12px;
        letter-spacing: .12px
    }
}

.c-heading--h1 {
    margin-inline: calc(50% - 50vw);
    width: 100vw;
    background: #fff;
    background: linear-gradient(0deg, rgb(241, 244, 252) 0%, rgb(255, 255, 255) 100%);
    margin-top: var(--semantic-space-outer-ss)
}

.c-heading--h1 .c-heading__inner {
    width: 100%;
    max-width: calc(960px + var(--semantic-space-inner-ll)*2);
    margin-right: auto;
    margin-left: auto;
    padding-right: var(--semantic-space-inner-ll);
    padding-left: var(--semantic-space-inner-ll);
    padding-top: calc(var(--semantic-space-outer-s) + var(--semantic-space-outer-ss));
    padding-bottom: var(--semantic-space-outer-s)
}

@media screen and (max-width: 767px) {
    .c-heading--h1 .c-heading__inner {
        min-width: calc(320px - var(--semantic-space-inner-m)*2);
        padding-right: var(--semantic-space-inner-m);
        padding-left: var(--semantic-space-inner-m)
    }
}

@media screen and (max-width: 767px) {
    .c-heading--h1 .c-heading__inner {
        padding-top: var(--semantic-space-outer-sss);
        padding-bottom: var(--semantic-space-inner-l)
    }
}

.c-heading--h1:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-heading--h1 {
        margin-top: var(--semantic-space-outer-sss)
    }
}

.c-heading--h1 .c-heading__label {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 1.7px;
    font-weight: 700;
    font-feature-settings: "palt";
    line-height: 1.5
}

html[lang=en] .c-heading--h1 .c-heading__label {
    font-size: 40px;
    line-height: 52px;
    letter-spacing: .85px
}

@media screen and (max-width: 767px) {
    .c-heading--h1 .c-heading__label {
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 1.4px;
        font-weight: 700;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-heading--h1 .c-heading__label {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: .5px
    }
}

.c-heading--h1 .c-heading__shoulder {
    order: -1;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom: var(--semantic-space-inner-m)
}

html[lang=en] .c-heading--h1 .c-heading__shoulder {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

@media screen and (max-width: 767px) {
    .c-heading--h1 .c-heading__shoulder {
        margin-bottom: var(--semantic-space-inner-mms)
    }
}

.c-heading--h1 .c-heading__lead {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: var(--semantic-space-inner-ll)
}

html[lang=en] .c-heading--h1 .c-heading__lead {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

@media screen and (max-width: 767px) {
    .c-heading--h1 .c-heading__lead {
        margin-top: var(--semantic-space-inner-m)
    }
}

.c-heading--h1Normal {
    padding-top: var(--semantic-space-outer-ss);
    padding-bottom: var(--semantic-space-inner-llll)
}

@media screen and (max-width: 767px) {
    .c-heading--h1Normal {
        padding-top: var(--semantic-space-outer-ssss);
        padding-bottom: var(--semantic-space-inner-l)
    }
}

.c-heading--h1Normal .c-heading__label {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 1.7px;
    font-weight: 700;
    font-feature-settings: "palt";
    line-height: 1.5
}

html[lang=en] .c-heading--h1Normal .c-heading__label {
    font-size: 40px;
    line-height: 52px;
    letter-spacing: .85px
}

@media screen and (max-width: 767px) {
    .c-heading--h1Normal .c-heading__label {
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 1.4px;
        font-weight: 700;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-heading--h1Normal .c-heading__label {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: .5px
    }
}

.c-heading--h1Normal .c-heading__shoulder {
    order: -1;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom: var(--semantic-space-inner-m)
}

html[lang=en] .c-heading--h1Normal .c-heading__shoulder {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

@media screen and (max-width: 767px) {
    .c-heading--h1Normal .c-heading__shoulder {
        margin-bottom: var(--semantic-space-inner-mms)
    }
}

.c-heading--h1Normal .c-heading__lead {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: var(--semantic-space-inner-ll)
}

html[lang=en] .c-heading--h1Normal .c-heading__lead {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

@media screen and (max-width: 767px) {
    .c-heading--h1Normal .c-heading__lead {
        margin-top: var(--semantic-space-inner-m)
    }
}

.c-heading--h2 {
    padding-top: var(--semantic-space-outer-ss);
    padding-bottom: var(--semantic-space-inner-s)
}

@media screen and (max-width: 767px) {
    .c-heading--h2 {
        padding-top: var(--semantic-space-inner-llll);
        padding-bottom: var(--semantic-space-inner-s)
    }
}

.c-heading--h2 .c-heading__label {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 1.4px;
    font-weight: 700;
    font-feature-settings: "palt";
    line-height: 1.4
}

html[lang=en] .c-heading--h2 .c-heading__label {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: .5px
}

@media screen and (max-width: 767px) {
    .c-heading--h2 .c-heading__label {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 1.32px;
        font-weight: 700;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-heading--h2 .c-heading__label {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: .4px
    }
}

.c-heading--h2 .c-heading__shoulder {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom: var(--semantic-space-inner-m)
}

html[lang=en] .c-heading--h2 .c-heading__shoulder {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

@media screen and (max-width: 767px) {
    .c-heading--h2 .c-heading__shoulder {
        margin-bottom: var(--semantic-space-inner-ms)
    }
}

.c-heading--h2 .c-heading__lead {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: var(--semantic-space-inner-l)
}

html[lang=en] .c-heading--h2 .c-heading__lead {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

@media screen and (max-width: 767px) {
    .c-heading--h2 .c-heading__lead {
        margin-top: var(--semantic-space-inner-mms)
    }
}

.c-heading--h3 {
    padding-top: var(--semantic-space-inner-l);
    padding-bottom: var(--semantic-space-inner-ss)
}

@media screen and (max-width: 767px) {
    .c-heading--h3 {
        padding-top: var(--semantic-space-inner-m);
        padding-bottom: var(--semantic-space-inner-ss)
    }
}

.c-heading--h3 .c-heading__label {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1.32px;
    font-weight: 600;
    font-feature-settings: "palt"
}

html[lang=en] .c-heading--h3 .c-heading__label {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: .4px
}

@media screen and (max-width: 767px) {
    .c-heading--h3 .c-heading__label {
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 1.31px;
        font-weight: 600;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-heading--h3 .c-heading__label {
        font-size: 22px;
        line-height: 32px;
        letter-spacing: .48px
    }
}

.c-heading--h3 .c-heading__shoulder {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom: var(--semantic-space-inner-ms)
}

html[lang=en] .c-heading--h3 .c-heading__shoulder {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

@media screen and (max-width: 767px) {
    .c-heading--h3 .c-heading__shoulder {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0;
        font-weight: 400;
        margin-bottom: var(--semantic-space-inner-s)
    }

    html[lang=en] .c-heading--h3 .c-heading__shoulder {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0
    }
}

.c-heading--h3 .c-heading__lead {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: var(--semantic-space-inner-m)
}

html[lang=en] .c-heading--h3 .c-heading__lead {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

@media screen and (max-width: 767px) {
    .c-heading--h3 .c-heading__lead {
        margin-top: var(--semantic-space-inner-mms)
    }
}

.c-heading--h4 {
    padding-top: var(--semantic-space-inner-m);
    padding-bottom: var(--semantic-space-inner-sss)
}

.c-heading--h4 .c-heading__label {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 800;
    font-feature-settings: "palt"
}

html[lang=en] .c-heading--h4 .c-heading__label {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .c-heading--h4 .c-heading__label {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 1px;
        font-weight: 700;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-heading--h4 .c-heading__label {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .36px
    }
}

.c-heading--h4 .c-heading__lead {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: var(--semantic-space-inner-s)
}

html[lang=en] .c-heading--h4 .c-heading__lead {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-heading--h5 {
    padding-top: var(--semantic-space-inner-s);
    padding-bottom: var(--semantic-space-inner-sss)
}

.c-heading--h5 .c-heading__label {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    font-feature-settings: "palt"
}

html[lang=en] .c-heading--h5 .c-heading__label {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

@media screen and (max-width: 767px) {
    .c-heading--h5 .c-heading__label {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .5px;
        font-weight: 500;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-heading--h5 .c-heading__label {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .4px
    }
}

.c-heading--h5 .c-heading__lead {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: var(--semantic-space-inner-s)
}

html[lang=en] .c-heading--h5 .c-heading__lead {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-heading--h6 {
    padding-top: var(--semantic-space-inner-s);
    padding-bottom: var(--semantic-space-inner-sss)
}

.c-heading--h6 .c-heading__label {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    font-feature-settings: "palt"
}

html[lang=en] .c-heading--h6 .c-heading__label {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

@media screen and (max-width: 767px) {
    .c-heading--h6 .c-heading__label {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .5px;
        font-weight: 500;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-heading--h6 .c-heading__label {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .4px
    }
}

.c-heading--h6 .c-heading__lead {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: var(--semantic-space-inner-s)
}

html[lang=en] .c-heading--h6 .c-heading__lead {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-labelGroup {
    display: flex;
    margin-top: var(--semantic-space-inner-ll);
    flex-wrap: wrap;
    gap: var(--semantic-space-inner-mms)
}

.c-labelGroup:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-labelGroup {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-labelGroup:first-child {
        margin-top: 0
    }
}

.c-labelGroup--sizeL {
    gap: var(--semantic-space-inner-m)
}

.c-labelGroup--sizeM {
    gap: var(--semantic-space-inner-mms)
}

.c-labelGroup--sizeS {
    gap: var(--semantic-space-inner-s)
}

.c-label {
    display: inline-flex;
    align-items: center;
    gap: var(--semantic-space-hairline-s);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-weight: 500;
    font-feature-settings: "palt";
    padding: var(--semantic-space-hairline-l) var(--semantic-space-inner-ss);
    background-color: var(--ui-background-brand-tertiary);
    border-radius: var(--semantic-corner-radius-s);
    color: var(--ui-text-default)
}

html[lang=en] .c-label {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

.c-label--sizeL {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    font-weight: 500;
    font-feature-settings: "palt";
    padding: var(--semantic-space-inner-sss) var(--semantic-space-inner-s)
}

html[lang=en] .c-label--sizeL {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .4px
}

.c-label--sizeM {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-label--sizeM {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

.c-label--sizeS {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: .2px;
    font-weight: 500;
    font-feature-settings: "palt";
    padding: var(--semantic-space-hairline-m) var(--semantic-space-inner-sss)
}

html[lang=en] .c-label--sizeS {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: .17px
}

.c-label--colorPrimary {
    background-color: var(--ui-background-brand-tertiary)
}

.c-label--colorSecondary {
    background-color: var(--ui-background-emphasize-mid-quinary);
    color: var(--ui-text-inverted)
}

.c-label--colorTertiary {
    background-color: var(--ui-background-brand-primary);
    color: var(--ui-text-inverted)
}

.c-label--colorCaution {
    background-color: var(--ui-background-status-caution);
    color: var(--ui-text-inverted)
}

.c-label--weightBold {
    font-weight: 700
}

a.c-label {
    background-color: var(--ui-background-default);
    color: var(--ui-line-status-link);
    border: 1px solid var(--ui-line-status-link);
    text-decoration: none
}

@media(hover: hover) {
    a.c-label:hover {
        background-color: var(--ui-background-emphasize-mid-tertiary);
        border-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

a.c-label:visited {
    color: var(--ui-text-status-visited)
}

a.c-label:active {
    background-color: var(--ui-background-emphasize-mid-tertiary);
    border-color: var(--ui-line-status-hover)
}

a.c-label:focus-visible {
    outline: 2px solid var(--ui-line-status-focus);
    outline-offset: -2px
}

.c-paragraph {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: var(--semantic-space-inner-ll)
}

html[lang=en] .c-paragraph {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-paragraph:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-paragraph {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-paragraph:first-child {
        margin-top: 0
    }
}

.c-paragraph--sizeLL {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-paragraph--sizeLL {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0
}

.c-paragraph--sizeL {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-paragraph--sizeL {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0
}

.c-paragraph--sizeM {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-paragraph--sizeM {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-paragraph--sizeS {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-paragraph--sizeS {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-paragraph--sizeSS {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-paragraph--sizeSS {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0
}

.c-paragraph--sizeSSS {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: .2px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-paragraph--sizeSSS {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: .17px
}

.c-paragraph--copyLL {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 1.7px;
    font-weight: 300;
    font-feature-settings: "palt"
}

html[lang=en] .c-paragraph--copyLL {
    font-size: 40px;
    line-height: 52px;
    letter-spacing: .85px
}

@media screen and (max-width: 767px) {
    .c-paragraph--copyLL {
        font-size: 32px;
        line-height: 48px;
        letter-spacing: 1.55px;
        font-weight: 300;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-paragraph--copyLL {
        font-size: 32px;
        line-height: 44px;
        letter-spacing: .75px
    }
}

.c-paragraph--copyLL+[class*=c-] {
    margin-top: var(--semantic-space-inner-l)
}

@media screen and (max-width: 767px) {
    .c-paragraph--copyLL+[class*=c-] {
        margin-top: var(--semantic-space-inner-m)
    }
}

.c-paragraph--copyL {
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 1.55px;
    font-weight: 300;
    font-feature-settings: "palt"
}

html[lang=en] .c-paragraph--copyL {
    font-size: 32px;
    line-height: 44px;
    letter-spacing: .75px
}

@media screen and (max-width: 767px) {
    .c-paragraph--copyL {
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 1.4px;
        font-weight: 300;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-paragraph--copyL {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: .5px
    }
}

.c-paragraph--copyL+[class*=c-] {
    margin-top: var(--semantic-space-inner-l)
}

@media screen and (max-width: 767px) {
    .c-paragraph--copyL+[class*=c-] {
        margin-top: var(--semantic-space-inner-m)
    }
}

.c-paragraph--copyM {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 1.4px;
    font-weight: 300;
    font-feature-settings: "palt"
}

html[lang=en] .c-paragraph--copyM {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: .5px
}

@media screen and (max-width: 767px) {
    .c-paragraph--copyM {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 1.32px;
        font-weight: 300;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-paragraph--copyM {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: .4px
    }
}

.c-paragraph--copyM+[class*=c-] {
    margin-top: var(--semantic-space-inner-l)
}

@media screen and (max-width: 767px) {
    .c-paragraph--copyM+[class*=c-] {
        margin-top: var(--semantic-space-inner-m)
    }
}

.c-paragraph--alignLeft {
    text-align: left
}

.c-paragraph--alignCenter {
    text-align: center
}

.c-paragraph--alignRight {
    text-align: right
}

.c-paragraph--weightLight {
    font-weight: 300
}

.c-paragraph--weightRegular {
    font-weight: 400
}

.c-paragraph--weightMedium {
    font-weight: 500
}

.c-paragraph--weightBold {
    font-weight: 700
}

.c-paragraph--weightBlack {
    font-weight: 900
}

.c-tab {
    margin-top: var(--semantic-space-inner-ll)
}

.c-tab:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-tab {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-tab:first-child {
        margin-top: 0
    }
}

.c-tab__tabs {
    display: flex;
    column-gap: var(--semantic-space-inner-sss);
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.c-tab__tabs::-webkit-scrollbar {
    display: none
}

.c-tab__tabs::after {
    content: "";
    width: 100%;
    border-bottom: var(--semantic-line-thickness-default) solid var(--ui-line-default)
}

.c-tab .c-tab__trigger {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 500;
    font-feature-settings: "palt";
    cursor: pointer;
    padding: 10px 8px;
    border: none;
    border-bottom: var(--semantic-line-thickness-default) solid var(--ui-line-default);
    background-color: rgba(0, 0, 0, 0);
    word-break: keep-all;
    text-wrap: nowrap;
    white-space: nowrap;
    color: var(--ui-text-status-link)
}

html[lang=en] .c-tab .c-tab__trigger {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px
}

@media(hover: hover) {
    .c-tab .c-tab__trigger:hover {
        text-decoration: none
    }
}

@media screen and (max-width: 767px) {
    .c-tab .c-tab__trigger {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 1px;
        font-weight: 500;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-tab .c-tab__trigger {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .36px
    }
}

.c-tab .c-tab__trigger.is-active {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 800;
    font-feature-settings: "palt";
    border-bottom: var(--semantic-line-thickness-bold) solid var(--ui-line-bold);
    color: var(--ui-text-default)
}

html[lang=en] .c-tab .c-tab__trigger.is-active {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .c-tab .c-tab__trigger.is-active {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 1px;
        font-weight: 700;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-tab .c-tab__trigger.is-active {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .36px
    }
}

.c-tab .c-tab__trigger:focus-visible {
    outline: 2px solid var(--ui-line-status-focus);
    outline-offset: -2px
}

.c-tab__content {
    display: none;
    padding-top: var(--semantic-space-inner-s);
    padding-inline: var(--semantic-space-inner-m)
}

.c-tab__content.is-active {
    display: block
}

.g-footer {
    color: var(--ui-text-inverted);
    background-color: var(--ui-background-brand-primary)
}

.c-footerBreadcrumb__inner {
    padding-top: var(--semantic-space-inner-l)
}

@media screen and (max-width: 1024px) {
    .c-footerBreadcrumb__inner {
        padding-top: var(--semantic-space-inner-ml)
    }
}

.c-siteFooter {
    padding-block: var(--semantic-space-inner-llll);
    color: var(--ui-text-inverted);
    background-color: var(--ui-background-brand-primary)
}

.c-siteFooter a,
.c-siteFooter a:visited {
    color: currentColor
}

@media(hover: hover) {
    .c-siteFooter a:hover {
        color: var(--ui-text-status-hover);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

@media screen and (max-width: 1024px) {
    .c-siteFooter {
        padding-block: var(--semantic-space-inner-l) var(--semantic-space-inner-m)
    }
}

.c-siteFooter__inner {
    max-width: 1440px;
    margin-inline: auto;
    padding-inline: var(--semantic-space-inner-ll);
    align-items: center
}

@media screen and (max-width: 1024px) {
    .c-siteFooter__inner {
        padding-inline: var(--semantic-space-inner-m)
    }
}

.c-siteFooter__title {
    display: flex;
    align-items: flex-start;
    padding-inline: var(--semantic-space-inner-mms);
    margin-left: calc(var(--semantic-space-inner-ll)*-1)
}

@media screen and (max-width: 1024px) {
    .c-siteFooter__title {
        display: block;
        padding-inline: 0;
        margin-left: calc(var(--semantic-space-inner-m)*-1)
    }
}

.c-siteFooter__logo {
    padding: 18.79px 19.869px 11.034px 19.87px
}

@media screen and (max-width: 1024px) {
    .c-siteFooter__logo {
        padding: 14.297px 15.118px 8.396px 15.118px;
        width: 262.437px;
        height: 70px
    }
}

.c-siteFooter__logo svg {
    width: 100%;
    height: auto
}

.c-siteFooter__label {
    display: inline-block;
    padding: 36.143px 23.657px 0px 17.086px;
    margin: 0;
    font-feature-settings: "palt" on;
    font-size: 25.891px;
    font-weight: 800;
    line-height: 31.543px;
    letter-spacing: 1.577px
}

html[lang=en] .c-siteFooter__label {
    padding: 40.743px 23.657px 0px 17.086px;
    font-size: 32.8575471698px;
    font-weight: 600;
    line-height: 31.5px;
    letter-spacing: 0
}

@media screen and (max-width: 1024px) {
    .c-siteFooter__label {
        padding: 7.2px 0 0 15.12px;
        font-size: 19.7px;
        line-height: 24px;
        letter-spacing: 1.2px
    }

    html[lang=en] .c-siteFooter__label {
        padding: 10.3px 0px 0px 15.12px;
        font-size: 25px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.c-siteFooter__nav {
    margin-top: var(--semantic-space-inner-l);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    column-gap: var(--semantic-space-inner-ll);
    row-gap: var(--semantic-space-inner-ll)
}

@media screen and (max-width: 1024px) {
    .c-siteFooter__nav {
        display: flex;
        flex-direction: column
    }
}

.c-siteFooter__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--semantic-space-inner-m)
}

@media screen and (max-width: 1024px) {
    .c-siteFooter__list {
        flex-direction: column
    }
}

.c-siteFooter__listItem {
    border-bottom: var(--semantic-line-thickness-default) solid var(--ui-line-white-transparent-ultra-light)
}

.c-siteFooter__listItem a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 700;
    text-decoration: none
}

html[lang=en] .c-siteFooter__listItem a {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-globalFooter {
    color: var(--ui-text-inverted);
    background-color: var(--ui-background-brand-primary)
}

.c-globalFooter__inner {
    max-width: 1440px;
    margin-inline: auto;
    padding-block: 0 var(--semantic-space-inner-mms);
    padding-inline: var(--semantic-space-inner-ll)
}

@media screen and (max-width: 1024px) {
    .c-globalFooter__inner {
        padding: var(--semantic-space-inner-ll) var(--semantic-space-inner-s) var(--semantic-space-inner-s) var(--semantic-space-inner-s)
    }
}

.c-globalFooter__link {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: var(--semantic-space-inner-l);
    flex-wrap: wrap;
    padding-block: var(--semantic-space-inner-ms)
}

@media screen and (max-width: 1024px) {
    .c-globalFooter__link {
        gap: var(--semantic-space-inner-s) var(--semantic-space-inner-ml);
        padding: var(--semantic-space-inner-s)
    }
}

.c-globalFooter__linkItem {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
    color: currentColor;
    border-radius: var(--semantic-corner-radius-s);
    text-decoration: none
}

html[lang=en] .c-globalFooter__linkItem {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0
}

@media(hover: hover) {
    .c-globalFooter__linkItem:hover {
        color: var(--ui-text-status-hover);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-globalFooter__linkItem:active {
    color: var(--ui-text-status-active);
    background-color: var(--ui-background-emphasize-mid-quaternary)
}

.c-globalFooter__linkItem:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px var(--ui-line-status-focus);
    outline: 2px solid var(--primitive-canary-700)
}

.c-globalFooter__copy {
    margin-top: var(--semantic-space-inner-sss);
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-globalFooter__copy {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0
}

@media screen and (max-width: 1024px) {
    .c-globalFooter__copy {
        margin-top: var(--semantic-space-inner-s);
        padding-inline: var(--semantic-space-inner-s)
    }
}

.c-form__body {
    margin-top: var(--semantic-space-inner-ll)
}

.c-form__label {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-block: 0 var(--semantic-space-inner-s)
}

.c-form__labelText {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-form__labelText {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

.c-form__required {
    margin-left: 8px;
    color: var(--ui-text-status-caution);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-form__required {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

.c-form__description {
    display: block;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
    color: var(--ui-text-light);
    width: 100%;
    margin-top: var(--semantic-space-inner-s)
}

html[lang=en] .c-form__description {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0
}

.c-form__item__input {
    position: relative
}

.c-form__item__input .c-input {
    padding-right: calc(var(--semantic-space-inner-s)*2 + var(--semantic-space-inner-m)*2 + var(--semantic-size-icon-mml))
}

.c-form__item__input .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: var(--semantic-size-icon-mml);
    height: var(--semantic-size-icon-mml)
}

.c-form__item__input .icon:nth-last-child(2) {
    right: calc(var(--semantic-space-inner-s) + var(--semantic-size-icon-mml) + var(--semantic-space-inner-m))
}

.c-form__item__input .icon:nth-last-child(1) {
    right: var(--semantic-space-inner-m)
}

.c-form__error {
    color: var(--ui-text-status-caution);
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: var(--semantic-space-inner-s)
}

html[lang=en] .c-form__error {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0
}

.c-form__footer {
    margin-top: var(--semantic-space-inner-ll);
    display: flex;
    gap: var(--semantic-space-inner-l)
}

@media screen and (max-width: 767px) {
    .c-form__footer {
        flex-direction: column
    }
}

.c-form__footer>.c-button {
    margin-top: 0
}

.p-mediaIndex {
    margin-top: var(--semantic-space-inner-ll)
}

.p-mediaIndex.p-mediaIndex--event .c-cardGroup {
    display: none
}

.p-mediaIndex__contents {
    margin-top: var(--semantic-space-inner-ll)
}

.c-searchTool {
    display: flex;
    flex-direction: column;
    row-gap: var(--semantic-space-inner-l);
    margin-top: var(--semantic-space-inner-ll)
}

.c-searchTool:first-child {
    margin-top: 0
}

.c-searchTool__link {
    text-align: right
}

.c-searchTool__header {
    display: flex;
    flex-direction: column;
    gap: var(--semantic-space-inner-l);
    align-items: flex-end
}

@media screen and (max-width: 767px) {
    .c-searchTool__header {
        gap: var(--semantic-space-inner-sss)
    }
}

.c-searchTool__header__select {
    width: fit-content
}

.c-searchTool__header__select select {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    padding-block: var(--semantic-space-inner-mms);
    padding-inline: var(--semantic-space-inner-m) calc(var(--semantic-space-inner-m)*2 + 1em);
    background-color: rgba(0, 0, 0, 0);
    color: var(--ui-text-default)
}

html[lang=en] .c-searchTool__header__select select {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-searchTool__header[data-js-search-sort=eventMonth] .c-searchTool__header__select {
    width: auto;
    align-self: flex-start
}

.c-searchTool__header[data-js-search-sort=eventMonth] .c-searchTool__header__select .c-selectGroup::before {
    width: 28px;
    height: 28px;
    top: calc(50% - 12px)
}

@media screen and (max-width: 767px) {
    .c-searchTool__header[data-js-search-sort=eventMonth] .c-searchTool__header__select .c-selectGroup::before {
        width: 24px;
        height: 24px;
        top: calc(50% - 10px)
    }
}

.c-searchTool__header[data-js-search-sort=eventMonth] .c-searchTool__header__select .c-selectGroup .c-select {
    border: none;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 1.4px;
    font-weight: 700;
    font-feature-settings: "palt"
}

html[lang=en] .c-searchTool__header[data-js-search-sort=eventMonth] .c-searchTool__header__select .c-selectGroup .c-select {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: .5px
}

@media screen and (max-width: 767px) {
    .c-searchTool__header[data-js-search-sort=eventMonth] .c-searchTool__header__select .c-selectGroup .c-select {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 1.32px;
        font-weight: 700;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-searchTool__header[data-js-search-sort=eventMonth] .c-searchTool__header__select .c-selectGroup .c-select {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: .4px
    }
}

.c-searchTool__tagControls {
    margin: 0;
    padding: 0;
    border: none;
    display: flex;
    flex-wrap: wrap;
    gap: var(--semantic-space-inner-mms)
}

.c-searchTool__tagControls legend {
    font-size: 0
}

.c-searchTool__tagButton {
    display: flex;
    align-items: center;
    gap: var(--semantic-space-hairline-m);
    padding: var(--semantic-space-inner-s) var(--semantic-space-inner-mms);
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    font-feature-settings: "palt";
    color: var(--ui-text-status-link);
    border-radius: var(--semantic-corner-radius-pill);
    border: 1px solid var(--ui-line-status-link);
    background-color: var(--ui-background-default);
    cursor: pointer;
    user-select: none
}

html[lang=en] .c-searchTool__tagButton {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

.c-searchTool__tagButton:hover {
    background-color: var(--ui-background-emphasize-mid-tertiary);
    color: var(--ui-text-status-hover)
}

@media screen and (max-width: 767px) {
    .c-searchTool__tagButton {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .5px;
        font-weight: 500;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-searchTool__tagButton {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .4px
    }
}

.c-searchTool__tagButton input {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.c-searchTool__tagButton::before {
    content: "";
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    fill: currentColor;
    background: url(/jin.kik/saiyo/assets/img/icons/checkbox-off.svg) no-repeat 0 0
}

.c-searchTool__tagButton:has(input:checked) {
    color: var(--ui-text-inverted);
    background-color: var(--ui-background-brand-primary)
}

.c-searchTool__tagButton:has(input:checked)::before {
    background-image: url(/jin.kik/saiyo/assets/img/icons/inverted/checkbox-on.svg)
}

.c-searchTool__tagButton:has(input:focus-visible) {
    outline: 4px solid var(--ui-line-status-focus)
}

.c-searchTool__pagination {
    display: grid;
    grid-template-columns: minmax(220px, max-content) 1fr minmax(220px, max-content);
    padding-block: var(--semantic-space-inner-ll);
    margin-top: var(--semantic-space-inner-ll)
}

@media screen and (max-width: 767px) {
    .c-searchTool__pagination {
        display: flex;
        flex-direction: column;
        gap: var(--semantic-space-inner-m);
        max-width: 343px;
        margin-inline: auto;
        margin-top: var(--semantic-space-inner-l)
    }
}

.c-searchTool__pagination__text {
    align-self: center;
    text-align: center;
    margin-top: 0;
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 800;
    font-feature-settings: "palt";
    color: var(--ui-text-light)
}

html[lang=en] .c-searchTool__pagination__text {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .c-searchTool__pagination__text {
        order: -1;
        padding-bottom: var(--semantic-space-inner-m)
    }
}

.c-searchTool__pagination__btn {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 800;
    font-feature-settings: "palt";
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--semantic-space-inner-sss);
    padding: var(--semantic-space-inner-m) var(--semantic-space-inner-lll);
    border-radius: var(--semantic-corner-radius-ms);
    border: var(--semantic-line-thickness-default) solid var(--ui-line-status-link);
    color: var(--ui-text-status-link);
    background: var(--ui-background-default);
    cursor: pointer
}

html[lang=en] .c-searchTool__pagination__btn {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px;
    font-weight: 700
}

.c-searchTool__pagination__btn span {
    pointer-events: none
}

.c-searchTool__pagination__btn .icon {
    width: var(--semantic-size-icon-ml);
    height: var(--semantic-size-icon-ml)
}

@media(hover: hover) {
    .c-searchTool__pagination__btn:hover {
        background-color: var(--ui-background-emphasize-mid-tertiary);
        color: var(--ui-text-status-hover)
    }
}

.c-searchTool__pagination__btn:focus-visible {
    outline: 2px solid var(--ui-line-status-focus);
    outline-offset: 2px
}

.c-searchTool__pagination__btn.is-hidden {
    visibility: hidden
}

@media screen and (max-width: 767px) {
    .c-searchTool__pagination__btn.is-hidden {
        display: none
    }
}

.c-search {
    margin-top: var(--semantic-space-outer-sss)
}

.c-search:first-child {
    margin-top: 0
}

.c-search__input {
    position: relative
}

.c-search__input .c-input {
    padding-right: calc(var(--semantic-space-inner-s) + var(--semantic-size-icon-mml) + var(--semantic-space-inner-m))
}

.c-search__input .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: var(--semantic-size-icon-mml);
    height: var(--semantic-size-icon-mml)
}

.c-search__input .icon:nth-last-child(2) {
    right: calc(var(--semantic-space-inner-s) + var(--semantic-size-icon-mml) + var(--semantic-space-inner-m))
}

.c-search__input .icon:nth-last-child(1) {
    right: var(--semantic-space-inner-m)
}

.c-search__submitBtn {
    border: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 50%;
    right: var(--semantic-space-inner-m);
    transform: translateY(-50%);
    width: var(--semantic-size-icon-mml);
    height: var(--semantic-size-icon-mml);
    cursor: pointer
}

.c-search .gsc-control-cse {
    font-family: "Noto Sans JP", sans-serif;
    padding: 0
}

.c-search .gsc-search-box-tools {
    border-radius: 8px;
    border: 1px solid var(--ui-line-bold);
    background: var(--ui-background-default)
}

.c-search .gsc-search-box-tools table.gsc-search-box {
    margin-bottom: 0;
    padding-inline: var(--semantic-space-inner-m);
    height: 56px
}

.c-search .gsc-search-box-tools table.gsc-search-box>tbody>tr {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--semantic-space-inner-s);
    align-self: stretch
}

.c-search .gsc-search-box-tools table.gsc-search-box td.gsc-input {
    flex: 1;
    padding-right: 0
}

.c-search .gsc-search-box-tools .gsc-input-box {
    border: 0;
    background: rgba(0, 0, 0, 0)
}

.c-search .gsc-search-box-tools .gsc-input .gsst_a .gscb_a {
    color: var(--ui-text-default)
}

.c-search .gsc-search-box-tools .gsc-input .gsib_a {
    padding: 0;
    margin: 0;
    background-color: rgba(0, 0, 0, 0)
}

.c-search .gsc-search-box-tools input.gsc-input {
    display: block;
    height: 56px !important;
    background-color: rgba(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding-block: var(--semantic-space-inner-mms)
}

.c-search .gsc-search-box-tools .gsc-search-button {
    width: var(--semantic-size-icon-ml);
    height: var(--semantic-size-icon-ml);
    padding: 0;
    border: 0;
    background: rgba(0, 0, 0, 0)
}

.c-search .gsc-search-box-tools .gsc-search-button>svg {
    width: var(--semantic-size-icon-m);
    height: var(--semantic-size-icon-m);
    fill: var(--ui-icon-default)
}

.c-search .gsc-refinementsArea {
    margin: 0;
    margin-top: var(--semantic-space-inner-m);
    border-bottom: 0;
    overflow-x: scroll
}

.c-search .gsc-refinementsArea .gsc-refinementHeader {
    white-space: nowrap;
    color: var(--ui-text-status-link);
    text-align: center;
    padding: var(--semantic-space-inner-ms) var(--semantic-space-inner-s);
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 500;
    font-feature-settings: "palt"
}

@media(hover: hover) {
    .c-search .gsc-refinementsArea .gsc-refinementHeader:hover {
        text-decoration: none;
        color: var(--ui-text-status-hover);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-search .gsc-refinementsArea .gsc-refinementHeader:active {
    color: var(--ui-text-status-active);
    background-color: var(--ui-background-emphasize-mid-quaternary)
}

.c-search .gsc-refinementsArea .gsc-refinementHeader:focus-visible {
    border-radius: var(--semantic-corner-radius-s);
    outline: 2px solid var(--ui-line-status-focus);
    outline-offset: -2px
}

html[lang=en] .c-search .gsc-refinementsArea .gsc-refinementHeader {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px
}

.c-search .gsc-refinementsArea .gsc-refinementHeader.gsc-refinementhActive {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 800;
    font-feature-settings: "palt";
    color: var(--ui-text-default) !important;
    border-color: var(--ui-text-default) !important;
    border-bottom: var(--semantic-line-thickness-bold) solid var(--ui-line-bold);
    pointer-events: none
}

html[lang=en] .c-search .gsc-refinementsArea .gsc-refinementHeader.gsc-refinementhActive {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px;
    font-weight: 700
}

.c-search .gsc-refinementsArea .gsc-refinementHeader.gsc-refinementhInactive {
    padding-bottom: calc(var(--semantic-space-inner-s) + var(--semantic-line-thickness-bold) + var(--semantic-line-thickness-default));
    border-bottom: var(--semantic-line-thickness-default) solid var(--ui-line-default)
}

.c-search .gsc-refinementsArea .gsc-refinementBlock {
    display: flex !important;
    gap: var(--semantic-space-inner-s);
    flex-wrap: nowrap
}

.c-search .gsc-above-wrapper-area {
    margin-top: var(--semantic-space-inner-m);
    padding: var(--semantic-space-inner-ms) 0;
    border-bottom: 0
}

.c-search .gsc-above-wrapper-area .gsc-result-info,
.c-search .gsc-above-wrapper-area .gsc-orderby-label {
    padding: 0;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
    color: var(--ui-text-default)
}

html[lang=en] .c-search .gsc-above-wrapper-area .gsc-result-info,
html[lang=en] .c-search .gsc-above-wrapper-area .gsc-orderby-label {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-search .gsc-above-wrapper-area .gsc-orderby-container {
    display: flex;
    justify-content: flex-end
}

.c-search .gsc-above-wrapper-area .gsc-orderby-container .gsc-orderby {
    display: flex;
    align-items: center;
    gap: var(--semantic-space-inner-s)
}

.c-search .gsc-above-wrapper-area .gsc-selected-option-container {
    padding: var(--semantic-space-inner-mms) var(--semantic-space-inner-m);
    align-items: center;
    gap: var(--semantic-space-inner-s);
    border-radius: var(--semantic-corner-radius-m);
    border: 1px solid var(--ui-line-thick);
    background: var(--ui-background-default);
    max-width: none;
    height: auto;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    color: var(--ui-text-default);
    display: flex;
    box-shadow: none
}

html[lang=en] .c-search .gsc-above-wrapper-area .gsc-selected-option-container {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-search .gsc-above-wrapper-area .gsc-option-selector {
    width: var(--semantic-size-icon-m);
    height: var(--semantic-size-icon-m);
    position: static;
    padding: 0;
    margin-top: 0;
    background-image: url(/jin.kik/saiyo/assets/img/icons/chevron_down.svg);
    background-size: contain;
    flex: 1 0 auto
}

.c-search .gsc-wrapper .gsc-webResult.gsc-result,
.c-search .gsc-wrapper .gsc-results .gsc-imageResult {
    border: 0;
    padding: 0;
    margin-top: var(--semantic-space-inner-ll)
}

.c-search .gsc-wrapper .gsc-thumbnail-inside,
.c-search .gsc-wrapper .gsc-url-top {
    padding: 0
}

.c-search .gsc-wrapper .gs-spelling,
.c-search .gsc-wrapper .gs-result .gs-title,
.c-search .gsc-wrapper .gs-result .gs-title * {
    overflow: visible;
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 700
}

html[lang=en] .c-search .gsc-wrapper .gs-spelling,
html[lang=en] .c-search .gsc-wrapper .gs-result .gs-title,
html[lang=en] .c-search .gsc-wrapper .gs-result .gs-title * {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0
}

.c-search .gsc-wrapper .gs-webResult.gs-result a.gs-title:link,
.c-search .gsc-wrapper .gs-webResult.gs-result a.gs-title:link b,
.c-search .gsc-wrapper .gs-imageResult a.gs-title:link,
.c-search .gsc-wrapper .gs-imageResult a.gs-title:link b,
.c-search .gsc-wrapper .gs-webResult.gs-result a.gs-title:visited,
.c-search .gsc-wrapper .gs-webResult.gs-result a.gs-title:visited b,
.c-search .gsc-wrapper .gs-imageResult a.gs-title:visited,
.c-search .gsc-wrapper .gs-imageResult a.gs-title:visited b,
.c-search .gsc-wrapper .gs-result .gs-title *,
.c-search .gsc-wrapper .gsc-cursor-page,
.c-search .gsc-wrapper .gs-spelling a {
    border-radius: var(--semantic-corner-radius-s);
    color: var(--ui-text-status-link)
}

@media(hover: hover) {

    .c-search .gsc-wrapper .gs-webResult.gs-result a.gs-title:link:hover,
    .c-search .gsc-wrapper .gs-webResult.gs-result a.gs-title:link b:hover,
    .c-search .gsc-wrapper .gs-imageResult a.gs-title:link:hover,
    .c-search .gsc-wrapper .gs-imageResult a.gs-title:link b:hover,
    .c-search .gsc-wrapper .gs-webResult.gs-result a.gs-title:visited:hover,
    .c-search .gsc-wrapper .gs-webResult.gs-result a.gs-title:visited b:hover,
    .c-search .gsc-wrapper .gs-imageResult a.gs-title:visited:hover,
    .c-search .gsc-wrapper .gs-imageResult a.gs-title:visited b:hover,
    .c-search .gsc-wrapper .gs-result .gs-title *:hover,
    .c-search .gsc-wrapper .gsc-cursor-page:hover,
    .c-search .gsc-wrapper .gs-spelling a:hover {
        text-decoration: none;
        color: var(--ui-text-status-hover);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-search .gsc-wrapper .gs-webResult.gs-result a.gs-title:link:active,
.c-search .gsc-wrapper .gs-webResult.gs-result a.gs-title:link b:active,
.c-search .gsc-wrapper .gs-imageResult a.gs-title:link:active,
.c-search .gsc-wrapper .gs-imageResult a.gs-title:link b:active,
.c-search .gsc-wrapper .gs-webResult.gs-result a.gs-title:visited:active,
.c-search .gsc-wrapper .gs-webResult.gs-result a.gs-title:visited b:active,
.c-search .gsc-wrapper .gs-imageResult a.gs-title:visited:active,
.c-search .gsc-wrapper .gs-imageResult a.gs-title:visited b:active,
.c-search .gsc-wrapper .gs-result .gs-title *:active,
.c-search .gsc-wrapper .gsc-cursor-page:active,
.c-search .gsc-wrapper .gs-spelling a:active {
    color: var(--ui-text-status-active);
    background-color: var(--ui-background-emphasize-mid-quaternary)
}

.c-search .gsc-wrapper .gs-webResult.gs-result a.gs-title:link:focus-visible,
.c-search .gsc-wrapper .gs-webResult.gs-result a.gs-title:link b:focus-visible,
.c-search .gsc-wrapper .gs-imageResult a.gs-title:link:focus-visible,
.c-search .gsc-wrapper .gs-imageResult a.gs-title:link b:focus-visible,
.c-search .gsc-wrapper .gs-webResult.gs-result a.gs-title:visited:focus-visible,
.c-search .gsc-wrapper .gs-webResult.gs-result a.gs-title:visited b:focus-visible,
.c-search .gsc-wrapper .gs-imageResult a.gs-title:visited:focus-visible,
.c-search .gsc-wrapper .gs-imageResult a.gs-title:visited b:focus-visible,
.c-search .gsc-wrapper .gs-result .gs-title *:focus-visible,
.c-search .gsc-wrapper .gsc-cursor-page:focus-visible,
.c-search .gsc-wrapper .gs-spelling a:focus-visible {
    outline: 2px solid var(--ui-line-status-focus)
}

.c-search .gsc-wrapper .gsc-url-top {
    margin-top: var(--semantic-space-inner-sss)
}

.c-search .gsc-wrapper .gs-webResult div.gs-visibleUrl {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    font-weight: 500;
    font-feature-settings: "palt";
    color: var(--ui-text-default)
}

html[lang=en] .c-search .gsc-wrapper .gs-webResult div.gs-visibleUrl {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .4px
}

.c-search .gsc-wrapper .gsc-table-result {
    margin-top: var(--semantic-space-inner-mms);
    padding: 0
}

.c-search .gsc-wrapper .gs-webResult .gs-snippet,
.c-search .gsc-wrapper .gs-fileFormatType,
.c-search .gsc-wrapper .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet,
.c-search .gsc-wrapper .gs-fileFormatType,
.c-search .gsc-wrapper .gs-fileFormat {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    color: var(--ui-text-default)
}

html[lang=en] .c-search .gsc-wrapper .gs-webResult .gs-snippet,
html[lang=en] .c-search .gsc-wrapper .gs-fileFormatType,
html[lang=en] .c-search .gsc-wrapper .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet,
html[lang=en] .c-search .gsc-wrapper .gs-fileFormatType,
html[lang=en] .c-search .gsc-wrapper .gs-fileFormat {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-search .gsc-wrapper .gs-webResult .gs-snippet>b,
.c-search .gsc-wrapper .gs-fileFormatType>b,
.c-search .gsc-wrapper .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet>b,
.c-search .gsc-wrapper .gs-fileFormatType>b,
.c-search .gsc-wrapper .gs-fileFormat>b {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 700
}

html[lang=en] .c-search .gsc-wrapper .gs-webResult .gs-snippet>b,
html[lang=en] .c-search .gsc-wrapper .gs-fileFormatType>b,
html[lang=en] .c-search .gsc-wrapper .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet>b,
html[lang=en] .c-search .gsc-wrapper .gs-fileFormatType>b,
html[lang=en] .c-search .gsc-wrapper .gs-fileFormat>b {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-search .gsc-wrapper .gs-fileFormat {
    color: var(--ui-text-light)
}

.c-search .gsc-wrapper .gs-web-image-box,
.c-search .gsc-wrapper .gs-promotion-image-box {
    width: 133px
}

.c-search .gsc-wrapper .gs-result .gs-image,
.c-search .gsc-wrapper .gs-result .gs-promotion-image {
    border: 0
}

.c-search .gsc-wrapper .gs-web-image-box .gs-image,
.c-search .gsc-wrapper .gs-promotion-image-box .gs-promotion-image {
    max-width: 100%;
    max-height: none;
    aspect-ratio: 16/9;
    object-fit: cover
}

.c-search .gsc-results .gsc-cursor-box {
    margin: 0;
    margin-top: var(--semantic-space-inner-ll);
    padding: var(--semantic-space-inner-ll);
    display: flex;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .c-search .gsc-results .gsc-cursor-box {
        padding-inline: 0
    }
}

.c-search .gsc-results .gsc-cursor-box .gsc-cursor {
    display: flex;
    gap: var(--semantic-space-inner-s);
    flex-wrap: wrap;
    justify-content: center
}

.c-search .gsc-results .gsc-cursor-box .gsc-cursor-page {
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--semantic-corner-radius-pill);
    background-color: var(--ui-background-default);
    color: var(--ui-text-status-link);
    box-shadow: inset 0 0 0 1px var(--ui-line-status-link);
    width: 36px;
    min-height: 36px;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-search .gsc-results .gsc-cursor-box .gsc-cursor-page {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

@media(hover: hover) {
    .c-search .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
        background-color: var(--ui-background-emphasize-mid-tertiary);
        text-decoration: none
    }
}

.c-search .gsc-results .gsc-cursor-box .gsc-cursor-page:active {
    background-color: var(--ui-background-emphasize-mid-quaternary)
}

.c-search .gsc-results .gsc-cursor-box .gsc-cursor-page:focus-visible {
    outline: 2px solid var(--ui-line-status-focus);
    outline-offset: 2px
}

.c-search .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
.c-search .gsc-results .gsc-cursor-box .gsc-cursor-current-page:hover,
.c-search .gsc-results .gsc-cursor-box .gsc-cursor-current-page:active {
    background-color: var(--ui-background-status-link);
    color: var(--ui-text-inverted);
    border-color: var(--ui-line-status-link)
}

.c-search .gcsc-more-maybe-branding-root {
    margin-top: var(--semantic-space-inner-ll);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.c-search .gcsc-more-maybe-branding-root>a {
    border-radius: var(--semantic-corner-radius-s);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
    color: var(--ui-text-status-link)
}

html[lang=en] .c-search .gcsc-more-maybe-branding-root>a {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

@media(hover: hover) {
    .c-search .gcsc-more-maybe-branding-root>a:hover {
        text-decoration: none;
        color: var(--ui-text-status-hover);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-search .gcsc-more-maybe-branding-root>a:active {
    color: var(--ui-text-status-active);
    background-color: var(--ui-background-emphasize-mid-quaternary)
}

.c-search .gcsc-more-maybe-branding-root>a:focus-visible {
    outline: 2px solid var(--ui-line-status-focus)
}

.c-search .gcsc-more-maybe-branding-root .gcsc-find-more-on-google {
    color: inherit;
    display: block;
    padding-top: 0;
    margin-left: 0
}

.c-search .gcsc-more-maybe-branding-root .gcsc-find-more-on-google>svg {
    display: none
}

.c-search .gcsc-more-maybe-branding-root .gcsc-find-more-on-google-text,
.c-search .gcsc-more-maybe-branding-root .gcsc-find-more-on-google-query {
    display: inline;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
    vertical-align: inherit
}

html[lang=en] .c-search .gcsc-more-maybe-branding-root .gcsc-find-more-on-google-text,
html[lang=en] .c-search .gcsc-more-maybe-branding-root .gcsc-find-more-on-google-query {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-pickupContents {
    margin-top: var(--semantic-space-inner-ll)
}

.c-pickupContents:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-pickupContents {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-pickupContents:first-child {
        margin-top: 0
    }
}

.c-pickupContents--media,
.c-pickupContents--related,
.c-pickupContents--contents {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.c-pickupContents__inner {
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: row-reverse;
    column-gap: var(--semantic-space-inner-ll)
}

@media screen and (max-width: 767px) {
    .c-pickupContents__inner {
        flex-direction: column
    }
}

.c-pickupContents__inner--imagePosRight {
    flex-direction: row
}

@media screen and (max-width: 767px) {
    .c-pickupContents__inner--imagePosRight {
        flex-direction: column
    }
}

.c-pickupContents--contents .c-pickupContents__inner {
    flex-direction: column
}

.c-pickupContents__image {
    flex-basis: 50%;
    height: 100%
}

.c-pickupContents--related .c-pickupContents__image {
    flex-basis: 33.333333%
}

.c-pickupContents--contents .c-pickupContents__image {
    margin-top: var(--semantic-space-inner-l)
}

@media screen and (max-width: 767px) {
    .c-pickupContents__image {
        flex-basis: 100%;
        margin-top: 0;
        order: -1
    }
}

.c-pickupContents__body {
    flex-basis: 50%;
    height: 100%
}

@media screen and (max-width: 767px) {
    .c-pickupContents__body {
        width: 100%
    }
}

.c-pickupContents--related .c-pickupContents__body {
    flex-basis: 66.666666%
}

.c-pickupContents--contents .c-pickupContents__body {
    margin-top: var(--semantic-space-inner-l)
}

.c-pickupContents__title {
    display: flex;
    flex-direction: column-reverse
}

@media screen and (max-width: 767px) {
    .c-pickupContents__title {
        margin-top: var(--semantic-space-inner-m)
    }
}

.c-pickupContents__title+[class*=c-] {
    margin-top: var(--semantic-space-inner-l)
}

@media screen and (max-width: 767px) {
    .c-pickupContents__title+[class*=c-] {
        margin-top: var(--semantic-space-inner-m)
    }
}

.c-pickupContents__heading {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 1.4px;
    font-weight: 300;
    font-feature-settings: "palt";
    margin-top: 0
}

html[lang=en] .c-pickupContents__heading {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: .5px
}

@media screen and (max-width: 767px) {
    .c-pickupContents__heading {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 1.32px;
        font-weight: 300;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-pickupContents__heading {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: .4px
    }
}

.c-pickupContents__shoulder {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom: var(--semantic-space-inner-s);
    margin-top: 0
}

html[lang=en] .c-pickupContents__shoulder {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0
}

.c-pickupContents__description {
    margin-top: var(--semantic-space-inner-s);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-pickupContents__description {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-pickupContents__button {
    margin-top: var(--semantic-space-inner-ml)
}

@media screen and (max-width: 767px) {
    .c-pickupContents__button {
        margin-top: var(--semantic-space-inner-mms)
    }
}

.c-pickupContents__button .c-button {
    width: auto
}

.c-pickupContents--media {
    margin-inline: calc(var(--semantic-space-inner-ll)*-1);
    width: calc(100% + var(--semantic-space-inner-ll)*2)
}

@media screen and (max-width: 767px) {
    .c-pickupContents--media {
        margin-inline: calc(var(--semantic-space-inner-m)*-1);
        width: calc(100% + var(--semantic-space-inner-m)*2)
    }
}

.c-pickupContents--media .c-pickupContents__inner {
    display: block;
    position: relative;
    text-decoration: none;
    margin-top: var(--semantic-space-inner-ll)
}

.c-pickupContents--media .c-pickupContents__inner:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-pickupContents--media .c-pickupContents__inner {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-pickupContents--media .c-pickupContents__inner:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .c-pickupContents--media .c-pickupContents__inner {
        display: flex;
        flex-direction: column;
        overflow: hidden
    }
}

@media(hover: hover) {
    .c-pickupContents--media .c-pickupContents__inner:hover {
        outline: solid var(--semantic-line-thickness-bold) var(--ui-line-status-hover);
        outline-offset: calc(var(--semantic-line-thickness-bold)*-1)
    }

    .c-pickupContents--media .c-pickupContents__inner:hover .c-pickupContents__body {
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

@media screen and (hover: hover)and (max-width: 767px) {
    .c-pickupContents--media .c-pickupContents__inner:hover {
        outline: none
    }
}

.c-pickupContents--media .c-pickupContents__inner:active {
    outline-color: var(--ui-line-status-active);
    outline-offset: calc(var(--semantic-line-thickness-bold)*-1)
}

.c-pickupContents--media .c-pickupContents__inner:focus-visible {
    outline-color: var(--ui-line-status-focus);
    outline-offset: calc(var(--semantic-line-thickness-bold)*-1)
}

@media screen and (max-width: 767px) {
    .c-pickupContents--media .c-pickupContents__inner:focus-visible {
        outline-offset: 1px
    }
}

.c-pickupContents--media .c-pickupContents__body {
    z-index: 1;
    position: absolute;
    bottom: var(--semantic-space-inner-ll);
    left: var(--semantic-space-inner-ll);
    height: auto;
    background-color: var(--ui-background-default);
    padding: var(--semantic-space-inner-l);
    max-width: 490px;
    color: var(--ui-text-default)
}

@media screen and (max-width: 767px) {
    .c-pickupContents--media .c-pickupContents__body {
        position: static;
        max-width: none;
        margin-left: calc(var(--semantic-space-inner-m)*1);
        margin-right: calc(var(--semantic-space-inner-m)*-1);
        margin-top: calc(var(--semantic-space-inner-m)*-1);
        padding: var(--semantic-space-inner-m);
        padding-right: calc(var(--semantic-space-inner-m)*2)
    }
}

@media screen and (max-width: 767px) {
    .c-pickupContents--media .c-pickupContents__title {
        margin-top: 0
    }
}

.c-pickupContents--media .c-pickupContents__heading {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 800;
    font-feature-settings: "palt";
    margin-top: 0
}

html[lang=en] .c-pickupContents--media .c-pickupContents__heading {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .c-pickupContents--media .c-pickupContents__heading {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 1px;
        font-weight: 700;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-pickupContents--media .c-pickupContents__heading {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .36px
    }
}

.c-pickupContents--media .c-pickupContents__description {
    margin-top: var(--semantic-space-inner-sss)
}

@media screen and (max-width: 767px) {
    .c-pickupContents--media .c-pickupContents__description>p {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0;
        font-weight: 400;
        margin-top: var(--semantic-space-inner-ss)
    }

    html[lang=en] .c-pickupContents--media .c-pickupContents__description>p {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0
    }
}

.c-pickupContents--media .c-pickupContents__date {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    font-weight: 500;
    font-feature-settings: "palt";
    margin-top: var(--semantic-space-inner-ms)
}

html[lang=en] .c-pickupContents--media .c-pickupContents__date {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .4px
}

@media screen and (max-width: 767px) {
    .c-pickupContents--media .c-pickupContents__date {
        margin-top: var(--semantic-space-inner-s)
    }
}

.c-pickupContents--media .c-pickupContents__labels {
    margin-top: var(--semantic-space-inner-mms)
}

@media screen and (max-width: 767px) {
    .c-pickupContents--media .c-pickupContents__labels {
        margin-top: var(--semantic-space-inner-m)
    }
}

.c-pickupContents--media .c-pickupContents__image .c-image img {
    aspect-ratio: 16/9;
    object-fit: cover
}

.c-pickupContents--contents {
    margin-inline: calc(50% - 50vw);
    width: 100vw;
    background-color: var(--navy-50);
    padding-block: var(--semantic-space-outer-ss)
}

@media screen and (max-width: 767px) {
    .c-pickupContents--contents {
        padding-block: var(--semantic-space-inner-llll)
    }
}

.c-pickupContents--contents .c-pickupContents__inner,
.c-pickupContents--contents .c-heading {
    width: 100%;
    max-width: calc(960px + var(--semantic-space-inner-ll)*2);
    margin-right: auto;
    margin-left: auto;
    padding-right: var(--semantic-space-inner-ll);
    padding-left: var(--semantic-space-inner-ll)
}

@media screen and (max-width: 767px) {

    .c-pickupContents--contents .c-pickupContents__inner,
    .c-pickupContents--contents .c-heading {
        min-width: calc(320px - var(--semantic-space-inner-m)*2);
        padding-right: var(--semantic-space-inner-m);
        padding-left: var(--semantic-space-inner-m)
    }
}

@media screen and (max-width: 767px) {

    .c-pickupContents--contents .c-pickupContents__inner,
    .c-pickupContents--contents .c-heading {
        width: 100%
    }
}

.c-pickupContents--contents .c-heading {
    padding-top: 0
}

.c-pickupContents--contents .c-pickupContents__description {
    margin-top: var(--semantic-space-inner-ll)
}

@media screen and (max-width: 767px) {
    .c-pickupContents--contents .c-pickupContents__image {
        order: unset
    }
}

.c-accordion {
    border-bottom: 1px solid #bdbdbd
}

.c-accordion__container {
    margin-top: var(--semantic-space-inner-ll)
}

.c-accordion__container:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-accordion__container {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-accordion__container:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .c-accordion--qa .c-accordion__trigger::after {
        margin-top: -20px
    }
}

.c-accordion--qa .c-accordion__number {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0;
    font-weight: 700;
    width: 64px
}

html[lang=en] .c-accordion--qa .c-accordion__number {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0
}

@media screen and (max-width: 767px) {
    .c-accordion--qa .c-accordion__number {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .5px;
        font-weight: 500;
        font-feature-settings: "palt";
        width: 100%;
        margin-bottom: var(--semantic-space-inner-sss)
    }

    html[lang=en] .c-accordion--qa .c-accordion__number {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .4px
    }
}

.c-accordion__button {
    text-align: right
}

.c-accordion__button .c-button::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(/jin.kik/saiyo/assets/img/icons/chevron_down.svg);
    background-size: contain
}

@media screen and (max-width: 767px) {
    .c-accordion__button .c-button {
        width: auto
    }
}

.c-accordion__button .c-button[data-js-accordion-toggle-all=expanded]::before {
    transform: rotate(180deg)
}

.c-accordion__trigger {
    display: flex;
    align-items: center;
    column-gap: var(--semantic-space-inner-ll);
    padding-block: var(--semantic-space-inner-m);
    padding-right: var(--semantic-space-inner-m);
    cursor: pointer;
    list-style: none;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 1.31px;
    font-weight: 400;
    font-feature-settings: "palt"
}

.c-accordion__trigger::-webkit-details-marker {
    display: none
}

html[lang=en] .c-accordion__trigger {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: .48px
}

@media screen and (max-width: 767px) {
    .c-accordion__trigger {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 1px;
        font-weight: 500;
        font-feature-settings: "palt";
        column-gap: var(--semantic-space-inner-m);
        flex-wrap: wrap
    }

    html[lang=en] .c-accordion__trigger {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .36px
    }
}

.c-accordion__trigger::after {
    content: "";
    width: 48px;
    height: 48px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_333_23347)%22%3E%3Cpath%20d%3D%22M24%2030.7997L12%2018.6663L13.3333%2017.333L24%2027.9997L34.6667%2017.333L36%2018.6663L24%2030.7997Z%22%20fill%3D%22%231A1A1A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_333_23347%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%20transform%3D%22translate(8%208)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E")
}

@media screen and (max-width: 767px) {
    .c-accordion__trigger::after {
        width: 24px;
        height: 24px;
        background-size: contain
    }
}

.c-accordion__trigger:focus-visible {
    outline-color: var(--ui-line-status-focus)
}

.c-accordion__triggerIcon,
.c-accordion__contentIcon {
    width: 36px;
    height: 36px
}

.c-accordion__label,
.c-accordion__body {
    flex: 1
}

.c-accordion__label {
    margin-top: 0
}

.c-accordion__content {
    overflow: hidden
}

.c-accordion__content__inner {
    display: flex;
    align-items: flex-start;
    column-gap: var(--semantic-space-inner-ll);
    padding-top: var(--semantic-space-inner-m);
    padding-bottom: var(--semantic-space-inner-l)
}

@media screen and (max-width: 767px) {
    .c-accordion__content__inner {
        column-gap: var(--semantic-space-inner-m);
        flex-wrap: wrap
    }
}

.c-accordion__body *:first-child {
    margin-top: 0
}

.c-accordion[open] .c-accordion__trigger::after {
    transform: rotate(180deg)
}

.c-articleContents {
    margin-top: var(--semantic-space-inner-ll)
}

.c-articleContents:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-articleContents {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-articleContents:first-child {
        margin-top: 0
    }
}

.c-articleContents .grid {
    row-gap: var(--semantic-space-inner-l)
}

.c-articleContents__conversations>*+* {
    margin-top: var(--semantic-space-inner-ll)
}

.c-articleContents__conversation {
    margin-top: var(--semantic-space-inner-ll)
}

.c-articleContents__conversation:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-articleContents__conversation {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-articleContents__conversation:first-child {
        margin-top: 0
    }
}

.c-articleContents__conversationName {
    display: inline;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 700;
    margin-right: 2em
}

html[lang=en] .c-articleContents__conversationName {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-articleContents__conversationText {
    display: inline
}

.c-articleContents__link {
    margin-top: var(--semantic-space-inner-l)
}

@media screen and (max-width: 767px) {
    .c-articleContents__link {
        margin-top: var(--semantic-space-inner-m)
    }
}

.c-articleContents__link+.c-articleContents__link {
    margin-top: var(--semantic-space-inner-s)
}

.c-banner {
    margin-top: var(--semantic-space-inner-ll)
}

.c-banner:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-banner {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-banner:first-child {
        margin-top: 0
    }
}

.c-banner__item {
    flex: 1
}

.c-cardGroup {
    margin-top: var(--semantic-space-inner-ll)
}

.c-cardGroup:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-cardGroup {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-cardGroup:first-child {
        margin-top: 0
    }
}

.c-card {
    display: flex;
    flex-direction: column
}

.c-card[href] {
    color: var(--ui-text-status-link)
}

.c-card[href]:not(.c-card--media) {
    height: 100%;
    border-radius: 8px;
    border: 1px solid var(--ui-line-status-link);
    text-decoration: none
}

@media(hover: hover) {
    .c-card[href]:not(.c-card--media):hover {
        color: var(--ui-text-status-hover);
        border-color: var(--ui-line-status-hover);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-card[href]:not(.c-card--media):active {
    color: var(--ui-text-status-active);
    border-color: var(--ui-line-status-active)
}

.c-card[href]:not(.c-card--media):focus-visible {
    outline: var(--semantic-line-thickness-bold) solid var(--ui-line-status-focus);
    outline-offset: calc(var(--semantic-line-thickness-bold)*-1)
}

.c-card[href]:not(.c-card--media) .c-card__image .c-image {
    overflow: hidden;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.c-card[href]:not(.c-card--media) .c-card__body {
    height: 100%;
    padding: var(--semantic-space-inner-m);
    display: flex;
    flex-direction: column;
    height: 100%
}

.c-card[href]:not(.c-card--media) .c-card__title {
    margin-bottom: auto
}

.c-card[href]:not(.c-card--media) .c-card__title:has(+.c-card__subTitle) {
    margin-bottom: 0
}

.c-card[href]:not(.c-card--media) .c-card__titleLabel {
    flex: 1
}

.c-card[href]:not(.c-card--media) .c-card__subTitle {
    margin-bottom: auto
}

.c-card__title {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0;
    font-weight: 700;
    margin-top: 0;
    display: inline-flex;
    white-space: normal
}

html[lang=en] .c-card__title {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0
}

.c-card[href] .c-card__title {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 800;
    font-feature-settings: "palt"
}

html[lang=en] .c-card[href] .c-card__title {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px;
    font-weight: 700
}

.c-card__title>a {
    color: var(--ui-text-status-link);
    text-decoration: none;
    display: flex;
    align-items: center;
    column-gap: 6px;
    width: 100%;
    border-radius: var(--semantic-corner-radius-ss)
}

@media(hover: hover) {
    .c-card__title>a:hover {
        color: var(--ui-text-status-hover);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }

    .c-card__title>a:hover::after {
        border-color: var(--ui-line-status-hover)
    }
}

.c-card__title>a:active {
    color: var(--ui-text-status-active)
}

.c-card__title>a:active::after {
    border-color: var(--ui-line-status-active)
}

.c-card__title>a:focus-visible {
    box-shadow: 0 0 0 2px var(--ui-line-status-focus);
    outline: 2px solid var(--primitive-canary-700)
}

html[lang=en] .c-card__title>a .c-card__titleIcon {
    margin-top: -0.2em
}

.c-card__titleIcon {
    flex-shrink: 0;
    width: var(--semantic-size-icon-mml);
    height: var(--semantic-size-icon-mml)
}

html[lang=en] .c-card__titleIcon {
    margin-top: 0
}

.c-card__subTitle {
    margin-top: var(--semantic-space-inner-sss);
    color: var(--ui-text-default);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 700
}

html[lang=en] .c-card__subTitle {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-card__text {
    color: var(--ui-text-default);
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: var(--semantic-space-inner-s)
}

html[lang=en] .c-card__text {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-card__body {
    padding-top: var(--semantic-space-inner-m);
    padding-bottom: var(--semantic-space-inner-s)
}

.c-card__bodyIcon {
    width: var(--semantic-size-icon-m);
    height: var(--semantic-size-icon-m);
    margin-right: var(--semantic-space-inner-sss);
    margin-bottom: -2px
}

.c-card__date {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    color: var(--ui-text-default);
    margin-top: var(--semantic-space-inner-ss)
}

html[lang=en] .c-card__date {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-card:not(.c-card--event):not(.c-card--media) .c-card__date,
.c-card:not(.c-card--event):not(.c-card--media) .c-card__time,
.c-card:not(.c-card--event):not(.c-card--media) .c-card__place {
    padding-left: 20px;
    position: relative
}

.c-card:not(.c-card--event):not(.c-card--media) .c-card__date .c-card__bodyIcon,
.c-card:not(.c-card--event):not(.c-card--media) .c-card__time .c-card__bodyIcon,
.c-card:not(.c-card--event):not(.c-card--media) .c-card__place .c-card__bodyIcon {
    position: absolute;
    left: 0;
    top: 5px
}

.c-card__time,
.c-card__place {
    margin-top: var(--semantic-space-hairline-m);
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    color: var(--ui-text-default)
}

html[lang=en] .c-card__time,
html[lang=en] .c-card__place {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-card__tag {
    margin-top: var(--semantic-space-inner-s);
    display: flex;
    flex-wrap: wrap;
    gap: var(--semantic-space-inner-sss)
}

.c-card__addContents {
    margin-top: var(--semantic-space-inner-s);
    display: flex;
    flex-direction: column;
    gap: var(--semantic-space-inner-s)
}

.c-card__image {
    order: -1
}

.c-card__image[href]:focus-visible {
    outline: var(--semantic-line-thickness-bold) solid var(--ui-line-status-focus);
    outline-offset: 0px
}

.c-card__image img {
    aspect-ratio: 16/9;
    object-fit: cover
}

.c-card--horizontal {
    flex-direction: row;
    column-gap: 16px;
    border: none
}

.c-card--horizontal .c-card__title {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 700
}

html[lang=en] .c-card--horizontal .c-card__title {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-card--horizontal .c-card__titleIcon {
    width: 20px;
    height: 20px
}

.c-card--horizontal .c-card__body {
    padding-block: 0
}

.c-card--horizontal .c-card__image {
    width: 50%;
    flex: 0 0 auto
}

.c-card--event .c-card__body {
    display: flex;
    flex-direction: column;
    row-gap: var(--semantic-space-inner-m)
}

.c-card--event .c-card__body>* {
    margin-top: 0
}

.c-card--event[href] .c-card__title {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    font-feature-settings: "palt"
}

html[lang=en] .c-card--event[href] .c-card__title {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

@media(hover: hover) {
    .c-card--event:hover .c-card__date {
        color: var(--ui-text-status-hover)
    }
}

.c-card--event:active .c-card__date {
    color: var(--ui-text-status-active)
}

.c-card--event .c-card__date {
    order: -1;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 1.55px;
    font-weight: 700;
    font-feature-settings: "palt";
    color: var(--ui-text-status-link);
    -webkit-box-orient: initial
}

html[lang=en] .c-card--event .c-card__date {
    font-size: 32px;
    line-height: 44px;
    letter-spacing: .75px
}

.c-card--event .c-card__date .c-card__bodyIcon {
    display: none
}

.c-card--event .c-card__dateStart {
    display: flex;
    flex-direction: column
}

.c-card--event .c-card__dateStartYear {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    font-feature-settings: "palt";
    display: block
}

html[lang=en] .c-card--event .c-card__dateStartYear {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

.c-card--event .c-card__place {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-weight: 500;
    font-feature-settings: "palt";
    display: flex;
    flex-direction: column
}

html[lang=en] .c-card--event .c-card__place {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

.c-card--event .c-card__place .c-card__bodyIcon {
    width: var(--semantic-size-icon-mml);
    height: var(--semantic-size-icon-mml);
    margin-bottom: var(--semantic-space-inner-sss)
}

.c-card--media {
    color: var(--ui-text-default);
    text-decoration: none
}

@media(hover: hover) {
    .c-card--media:hover .c-card__body {
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-card--media:focus-visible {
    outline: var(--semantic-line-thickness-bold) solid var(--ui-line-status-focus);
    outline-offset: 0px
}

.c-card--media .c-card__body {
    z-index: 1;
    margin-top: -16px;
    margin-left: auto;
    padding: var(--semantic-space-inner-mms);
    width: 95%;
    background-color: var(--ui-background-default)
}

.c-card--media .c-card__title {
    color: var(--ui-text-default)
}

.c-card--media .c-card__date {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-card--media .c-card__date {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

.c-card--hierarchy .c-card__addContents .c-utilityLink {
    display: block
}

@media(hover: hover) {

    .c-carousel__controller .splide__toggle:hover,
    .c-carousel__controller .splide__pagination__page:hover,
    .c-carousel__controller .splide__arrow:hover {
        background-color: var(--ui-background-transparent-black-ultra-light, rgba(0, 0, 0, 0.2)) !important
    }

    .c-carousel__controller .splide__toggle:active,
    .c-carousel__controller .splide__pagination__page:active,
    .c-carousel__controller .splide__arrow:active {
        background-color: var(--ui-background-transparent-black-light, rgba(0, 0, 0, 0.4)) !important
    }
}

.c-carousel__controller .splide__toggle:focus,
.c-carousel__controller .splide__pagination__page:focus,
.c-carousel__controller .splide__arrow:focus {
    outline: none !important
}

.c-carousel__controller .splide__toggle:focus-visible,
.c-carousel__controller .splide__pagination__page:focus-visible,
.c-carousel__controller .splide__arrow:focus-visible {
    outline: var(--semantic-line-thickness-bold) solid var(--ui-line-status-focus) !important;
    outline-offset: var(--semantic-line-thickness-bold) !important
}

.c-carousel {
    margin-top: var(--semantic-space-inner-ll)
}

.c-carousel:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-carousel {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-carousel:first-child {
        margin-top: 0
    }
}

.c-carousel .splide__slide .c-image img {
    width: 100%;
    height: auto
}

.c-carousel__controller .splide__arrow {
    width: 44px;
    height: 44px;
    opacity: 1
}

@media(hover: hover) {
    .c-carousel__controller .splide__arrow:hover:not(:disabled) {
        opacity: 1
    }
}

@media screen and (max-width: 767px) {
    .c-carousel__controller .splide__arrow {
        background-color: rgba(0, 0, 0, 0)
    }
}

.c-carousel__controller .splide__arrow svg {
    fill: var(--ui-surface-emphasize-mid-secondary)
}

@media screen and (max-width: 767px) {
    .c-carousel__controller .splide__arrow svg {
        fill: var(--ui-icon-status-link)
    }
}

.c-carousel__controller .splide__arrow:disabled {
    display: none
}

.c-carousel__controller .splide__arrow--prev svg {
    transform: scale(-1, 1)
}

.c-carousel__controller .splide__controls {
    display: flex;
    align-items: center;
    border-radius: 999px;
    background-color: var(--ui-background-transparent-black-ultra-light)
}

@media screen and (max-width: 767px) {
    .c-carousel__controller .splide__controls {
        background-color: rgba(0, 0, 0, 0)
    }
}

.c-carousel__controller .splide__pagination {
    position: relative;
    bottom: 0;
    padding: 0
}

.c-carousel__controller .splide__pagination__page {
    width: 44px;
    height: 44px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1
}

@media(hover: hover) {
    .c-carousel__controller .splide__pagination__page:hover {
        opacity: 1
    }
}

.c-carousel__controller .splide__pagination__page::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff
}

@media screen and (max-width: 767px) {
    .c-carousel__controller .splide__pagination__page::before {
        background-color: var(--ui-icon-ultra-light)
    }
}

.c-carousel__controller .splide__pagination__page.is-active {
    transform: none;
    background-color: rgba(0, 0, 0, 0)
}

.c-carousel__controller .splide__pagination__page.is-active::before {
    width: 20px;
    height: 20px
}

@media screen and (max-width: 767px) {
    .c-carousel__controller .splide__pagination__page.is-active::before {
        background-color: var(--ui-icon-light)
    }
}

.c-carousel__controller .splide__toggle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    padding: 12px;
    border: none;
    border-radius: 50%;
    background-color: var(--ui-background-transparent-black-thin)
}

@media screen and (max-width: 767px) {
    .c-carousel__controller .splide__toggle {
        background-color: rgba(0, 0, 0, 0)
    }
}

.c-carousel__controller .splide__toggle svg {
    width: 50%;
    height: 50%;
    fill: var(--ui-icon-inverted)
}

@media screen and (max-width: 767px) {
    .c-carousel__controller .splide__toggle svg {
        fill: var(--ui-icon-status-link)
    }
}

.c-carousel--default,
.c-carousel--hero {
    margin-inline: calc(50% - 50vw);
    width: 100vw
}

.grid__col .c-carousel--default,
.grid__col .c-carousel--hero {
    width: 100%;
    margin-inline: auto
}

.c-carousel--default .c-carousel__controller,
.c-carousel--hero .c-carousel__controller {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--semantic-space-inner-m);
    justify-content: flex-start;
    margin-right: auto;
    margin-left: var(--semantic-space-inner-ll);
    margin-top: -56px;
    margin-bottom: 12px
}

@media screen and (max-width: 767px) {

    .c-carousel--default .c-carousel__controller,
    .c-carousel--hero .c-carousel__controller {
        gap: 0;
        justify-content: center;
        position: initial;
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px
    }
}

.c-carousel--default .c-carousel__controller .splide__arrows,
.c-carousel--hero .c-carousel__controller .splide__arrows {
    border-radius: 50%;
    background-color: var(--ui-background-transparent-black-ultra-light)
}

@media screen and (max-width: 767px) {

    .c-carousel--default .c-carousel__controller .splide__arrows,
    .c-carousel--hero .c-carousel__controller .splide__arrows {
        background-color: rgba(0, 0, 0, 0)
    }
}

.c-carousel--default .c-carousel__controller .splide__arrow,
.c-carousel--hero .c-carousel__controller .splide__arrow {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    transform: none;
    background-color: rgba(0, 0, 0, 0)
}

.c-carousel--hero {
    display: flex;
    flex-direction: column
}

.c-carousel--hero:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-carousel--hero .c-carousel__controller {
        margin-top: 0
    }
}

.c-carousel--hero .c-carousel__controller .splide__controls,
.c-carousel--hero .c-carousel__controller .splide__arrows {
    background-color: rgba(0, 0, 0, 0)
}

.c-carousel--hero .c-carousel__title {
    margin-top: var(--semantic-space-inner-ll);
    order: 1;
    background: rgba(0, 0, 0, 0)
}

@media screen and (max-width: 767px) {
    .c-carousel--hero .c-carousel__title {
        margin-top: 0
    }
}

.c-carousel--hero .c-carousel__title .c-heading__inner {
    padding-top: var(--semantic-space-outer-ss);
    padding-bottom: var(--semantic-space-inner-llll)
}

@media screen and (max-width: 767px) {
    .c-carousel--hero .c-carousel__title .c-heading__inner {
        padding-block: var(--semantic-space-inner-ml)
    }
}

.c-carousel--hero .c-hero {
    margin: 0;
    width: 100%
}

.c-carousel--hero .c-hero__body {
    padding-bottom: var(--semantic-space-outer-s)
}

@media screen and (max-width: 767px) {
    .c-carousel--hero .c-hero__body {
        padding-bottom: var(--semantic-space-inner-s)
    }
}

.c-carousel--hero .c-hero__image img {
    max-height: calc(100vh - 144px);
    object-fit: cover
}

.c-carousel--hero:not(.is-active) .c-hero__body {
    padding-bottom: var(--semantic-space-inner-l)
}

@media screen and (max-width: 767px) {
    .c-carousel--hero:not(.is-active) .c-hero__body {
        padding-bottom: var(--semantic-space-inner-s)
    }
}

.c-carousel--tile {
    margin-top: var(--semantic-space-inner-ll);
    margin-inline: calc(50% - 50vw);
    width: 100vw;
    padding-inline: 40px
}

.c-carousel--tile:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-carousel--tile {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-carousel--tile:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .c-carousel--tile {
        padding-inline: 0
    }
}

@media screen and (max-width: 767px) {
    .c-carousel--tile.is-initialized:not(.is-active) {
        margin-inline: auto;
        width: 100%
    }
}

.c-carousel--tile.is-initialized:not(.is-active) .splide__list {
    display: flex;
    gap: var(--semantic-space-inner-m)
}

@media screen and (max-width: 767px) {
    .c-carousel--tile.is-initialized:not(.is-active) .splide__list {
        flex-direction: column;
        gap: var(--semantic-space-inner-l)
    }
}

.c-carousel--tile.is-initialized:not(.is-active) .splide__slide {
    flex-shrink: 1;
    width: calc((100% - var(--semantic-space-inner-m)*2)/3)
}

@media screen and (max-width: 767px) {
    .c-carousel--tile.is-initialized:not(.is-active) .splide__slide {
        width: 100%
    }
}

.c-carousel--tile .splide__track {
    max-width: 960px;
    margin-inline: auto;
    overflow: visible
}

.c-carousel--tile .c-carousel__controller {
    max-width: 960px;
    margin: auto;
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.c-carousel--tile .c-carousel__controller .splide__arrow {
    pointer-events: all;
    border: 1px solid var(--ui-line-status-link);
    background-color: var(--ui-surface-default)
}

.c-carousel--tile .c-carousel__controller .splide__arrow svg {
    fill: var(--ui-icon-brand-primary)
}

.c-carousel--tile .c-carousel__controller .splide__arrow--prev {
    left: -22px
}

@media screen and (max-width: 1024px) {
    .c-carousel--tile .c-carousel__controller .splide__arrow--prev {
        left: var(--semantic-space-inner-m)
    }
}

.c-carousel--tile .c-carousel__controller .splide__arrow--next {
    right: -22px
}

@media screen and (max-width: 1024px) {
    .c-carousel--tile .c-carousel__controller .splide__arrow--next {
        right: var(--semantic-space-inner-m)
    }
}

@media(hover: hover) {
    .c-carousel--tile .c-carousel__controller .splide__arrow:hover {
        background-color: var(--ui-background-emphasize-mid-tertiary) !important
    }
}

.c-carousel--tile .c-carousel__controller .splide__arrow:active {
    background-color: var(--ui-background-emphasize-mid-quaternary) !important
}

.c-contactList {
    display: flex;
    gap: var(--semantic-space-inner-l);
    flex-direction: column;
    margin-top: var(--semantic-space-inner-ll)
}

.c-contactList:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-contactList {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-contactList:first-child {
        margin-top: 0
    }
}

.c-contactList--cols2 {
    flex-direction: row;
    flex-wrap: wrap
}

.c-contactList__item {
    width: 100%
}

.c-contactList--cols2 .c-contactList__item {
    width: 50%;
    width: calc(50% - var(--semantic-space-inner-l)/2)
}

.c-contactList__data {
    margin-top: var(--semantic-space-inner-m)
}

.c-contactList__data .c-definitionList__item {
    flex-direction: row
}

.c-contactList__department,
.c-contactList__name {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 500;
    font-feature-settings: "palt";
    margin-top: var(--semantic-space-inner-s)
}

html[lang=en] .c-contactList__department,
html[lang=en] .c-contactList__name {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px
}

.c-heading--h3+.c-contactList__department {
    margin-top: var(--semantic-space-inner-ll)
}

@media screen and (max-width: 767px) {
    .c-heading--h3+.c-contactList__department {
        margin-top: var(--semantic-space-inner-l)
    }
}

.c-heading--h4+.c-contactList__department {
    margin-top: var(--semantic-space-inner-m)
}

.c-hero {
    position: relative;
    display: block;
    margin-inline: calc(50% - 50vw);
    width: 100vw;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .c-hero {
        display: flex;
        flex-direction: column-reverse
    }
}

@media(hover: hover) {
    .c-hero[href]:hover {
        outline: var(--semantic-line-thickness-bold) solid var(--ui-line-status-hover);
        outline-offset: calc(var(--semantic-line-thickness-bold)*-1)
    }
}

.c-hero[href]:active {
    outline: var(--semantic-line-thickness-bold) solid var(--ui-line-status-active);
    outline-offset: calc(var(--semantic-line-thickness-bold)*-1)
}

.c-hero[href]:focus-visible {
    outline: var(--semantic-line-thickness-bold) solid var(--ui-line-status-focus);
    outline-offset: calc(var(--semantic-line-thickness-bold)*-1)
}

.c-hero:not(.c-hero--person) .c-hero__body {
    color: #fff;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.54) 34.65%, rgba(0, 0, 0, 0.54) 38.31%, rgba(0, 0, 0, 0.53) 41.23%, rgba(0, 0, 0, 0.51) 43.56%, rgba(0, 0, 0, 0.49) 45.44%, rgba(0, 0, 0, 0.46) 47.01%, rgba(0, 0, 0, 0.43) 48.4%, rgba(0, 0, 0, 0.39) 49.78%, rgba(0, 0, 0, 0.35) 51.26%, rgba(0, 0, 0, 0.31) 53%, rgba(0, 0, 0, 0.26) 55.14%, rgba(0, 0, 0, 0.21) 57.82%, rgba(0, 0, 0, 0.16) 61.18%, rgba(0, 0, 0, 0.11) 65.36%, rgba(0, 0, 0, 0.06) 70.5%, rgba(0, 0, 0, 0) 76.75%)
}

@media screen and (max-width: 767px) {
    .c-hero:not(.c-hero--person) .c-hero__body {
        color: var(--ui-text-default);
        background: none
    }
}

.c-hero__body {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    padding-top: var(--semantic-space-inner-l);
    padding-bottom: var(--semantic-space-inner-l);
    padding-inline: var(--semantic-space-inner-ll);
    min-height: 196px
}

@media screen and (max-width: 767px) {
    .c-hero__body {
        position: initial;
        width: 100%;
        padding-top: var(--semantic-space-inner-m);
        padding-bottom: var(--semantic-space-inner-s);
        padding-inline: var(--semantic-space-inner-m);
        min-height: 0
    }
}

.c-hero__body .container {
    max-width: none;
    padding: 0
}

.c-hero__title {
    display: flex;
    flex-direction: column-reverse;
    row-gap: var(--semantic-space-inner-m)
}

@media screen and (max-width: 767px) {
    .c-hero__title {
        row-gap: var(--semantic-space-inner-s)
    }
}

.c-hero__subTitle {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 1.31px;
    font-weight: 700;
    font-feature-settings: "palt";
    margin-top: var(--semantic-space-inner-ms)
}

html[lang=en] .c-hero__subTitle {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: .48px
}

@media screen and (max-width: 767px) {
    .c-hero__subTitle {
        margin-top: var(--semantic-space-inner-sss)
    }
}

.c-hero__heading {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 1.4px;
    font-weight: 700;
    font-feature-settings: "palt";
    margin-top: 0
}

html[lang=en] .c-hero__heading {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: .5px
}

@media screen and (max-width: 767px) {
    .c-hero__heading {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 1.32px;
        font-weight: 700;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-hero__heading {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: .4px
    }
}

.c-hero__shoulder {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 0
}

html[lang=en] .c-hero__shoulder {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.c-hero__description {
    margin-top: var(--semantic-space-inner-m);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-hero__description {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

@media screen and (max-width: 767px) {
    .c-hero__description {
        margin-top: var(--semantic-space-inner-s)
    }
}

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

.c-hero__image>* {
    margin-top: 0
}

.c-hero__image img {
    width: 100%
}

.c-hero--media .c-hero__body {
    width: 100%
}

@media screen and (max-width: 767px) {
    .c-hero--media .c-hero__body {
        padding-top: var(--semantic-space-inner-mms)
    }
}

@media screen and (max-width: 767px) {
    .c-hero--media .c-hero__heading {
        font-size: 18.29px;
        line-height: 24px;
        letter-spacing: 1.2px;
        font-weight: 800;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-hero--media .c-hero__heading {
        font-size: 18.29px;
        line-height: 24px;
        letter-spacing: .4px;
        font-weight: 700
    }
}

.c-hero--media .c-hero__mediaInfo {
    width: 50%;
    border-radius: 8px;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 767px) {
    .c-hero--media .c-hero__mediaInfo {
        width: 100%
    }
}

.c-hero--media .c-hero__mediaInfo time {
    margin-top: var(--semantic-space-inner-s)
}

@media screen and (max-width: 767px) {
    .c-hero--media .c-hero__mediaInfo time {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: .25px;
        font-weight: 500;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-hero--media .c-hero__mediaInfo time {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: .2px
    }
}

.c-hero--media .c-hero__mediaInfo__tag {
    margin-top: var(--semantic-space-inner-mms);
    display: flex;
    gap: var(--semantic-space-inner-s)
}

.c-hero--person {
    color: var(--ui-text-default);
    margin-inline: calc(50% - 50vw);
    width: 100vw
}

.c-hero--person .c-hero__body {
    width: 100%;
    max-width: calc(960px + var(--semantic-space-inner-ll)*2);
    margin-right: auto;
    margin-left: auto;
    padding-right: var(--semantic-space-inner-ll);
    padding-left: var(--semantic-space-inner-ll);
    top: 0
}

@media screen and (max-width: 767px) {
    .c-hero--person .c-hero__body {
        min-width: calc(320px - var(--semantic-space-inner-m)*2);
        padding-right: var(--semantic-space-inner-m);
        padding-left: var(--semantic-space-inner-m)
    }
}

.c-hero--person .c-hero__heading {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 1.7px;
    font-weight: 400;
    font-feature-settings: "palt"
}

html[lang=en] .c-hero--person .c-hero__heading {
    font-size: 40px;
    line-height: 52px;
    letter-spacing: .85px
}

@media screen and (max-width: 767px) {
    .c-hero--person .c-hero__heading {
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 1.4px;
        font-weight: 400;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-hero--person .c-hero__heading {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: .5px
    }
}

.c-hero--person .c-hero__description {
    margin-top: var(--semantic-space-inner-ll)
}

@media screen and (max-width: 767px) {
    .c-hero--person .c-hero__description {
        margin-top: var(--semantic-space-inner-m)
    }
}

.c-linkList {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: var(--semantic-space-inner-ms);
    padding-left: 0;
    margin-bottom: 0;
    margin-top: var(--semantic-space-inner-ll)
}

.c-linkList:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-linkList {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-linkList:first-child {
        margin-top: 0
    }
}

.c-linkList--horizontal {
    flex-direction: row;
    gap: var(--semantic-space-inner-l)
}

@media screen and (max-width: 767px) {
    .c-linkList--horizontal {
        flex-direction: column
    }
}

.c-linkList__item {
    list-style-type: none
}

@media screen and (max-width: 767px) {
    .c-linkList__item {
        width: 100%
    }
}

.c-linkList__item .c-utilityLink {
    display: block
}

.c-linkList--button {
    flex-direction: row;
    gap: var(--semantic-space-inner-ll)
}

@media screen and (max-width: 767px) {
    .c-linkList--button {
        flex-direction: column
    }
}

.c-linkList--button .c-linkList__item {
    width: calc(33.3333% - var(--semantic-space-inner-ll)*2/3)
}

@media screen and (max-width: 767px) {
    .c-linkList--button .c-linkList__item {
        width: 100%
    }
}

.c-linkList--button .c-linkList__link {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: var(--semantic-space-inner-m);
    min-height: 96px
}

.c-linkList--button .c-linkList__link .icon {
    width: var(--semantic-size-icon-mml);
    height: var(--semantic-size-icon-mml)
}

html[lang=en] .c-linkList--button .c-linkList__link .icon {
    margin-top: 0
}

.c-linkList--related {
    flex-direction: column;
    gap: var(--semantic-space-inner-ms)
}

@media screen and (max-width: 767px) {
    .c-linkList--related .c-linkList__item {
        width: 100%
    }
}

.c-linkList--related .c-linkList__link {
    width: 100%;
    background-color: var(--ui-background-emphasize-mid-tertiary);
    padding: var(--semantic-space-hairline-l) var(--semantic-space-inner-s);
    justify-content: space-between;
    border-radius: var(--semantic-corner-radius-ms)
}

@media(hover: hover) {
    .c-linkList--related .c-linkList__link:hover {
        background-color: var(--ui-background-emphasize-mid-quaternary)
    }
}

.c-linkList--related .c-linkList__link:active {
    background-color: var(--ui-background-emphasize-mid-quaternary)
}

.c-linkList--related .c-linkList__link .c-link__icon {
    flex: none
}

.c-linkListSection {
    margin-top: var(--semantic-space-inner-ll)
}

.c-linkListSection:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-linkListSection {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-linkListSection:first-child {
        margin-top: 0
    }
}

.c-breadcrumb {
    color: var(--ui-text-inverted);
    background-color: var(--ui-background-brand-primary)
}

.c-breadcrumb__nav {
    max-width: 1440px;
    margin-inline: auto;
    padding-inline: var(--semantic-space-inner-ll)
}

@media screen and (max-width: 1024px) {
    .c-breadcrumb__nav {
        padding-inline: var(--semantic-space-inner-m)
    }
}

.c-breadcrumb__list {
    margin: 0;
    padding: var(--semantic-space-inner-ss) 0px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--semantic-space-inner-mms)
}

.c-breadcrumb__item {
    display: flex;
    align-items: center
}

.c-breadcrumb__item:not(:first-child)::before {
    content: "";
    margin-right: var(--semantic-space-inner-mms);
    width: 46px;
    height: 1px;
    background: var(--ui-line-white-transparent-ultra-light)
}

.c-breadcrumb__link {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    color: currentColor;
    border-radius: var(--semantic-corner-radius-s);
    text-decoration: none
}

html[lang=en] .c-breadcrumb__link {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

@media(hover: hover) {
    .c-breadcrumb__link:hover {
        color: var(--ui-text-status-hover);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-breadcrumb__link:active {
    color: var(--ui-text-status-active);
    background-color: var(--ui-background-emphasize-mid-quaternary)
}

.c-breadcrumb__link:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px var(--ui-line-status-focus);
    outline: 2px solid var(--primitive-canary-700)
}

.c-breadcrumb__text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    font-weight: 700;
    font-feature-settings: "palt"
}

html[lang=en] .c-breadcrumb__text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .4px
}

.c-entryList {
    margin-top: var(--semantic-space-inner-l);
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    border-top: var(--semantic-line-thickness-default) solid var(--ui-line-default);
    margin-top: var(--semantic-space-inner-ll)
}

.c-entryList:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-entryList {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-entryList:first-child {
        margin-top: 0
    }
}

.c-entryList__item {
    position: relative;
    list-style-type: none;
    border-bottom: var(--semantic-line-thickness-default) solid var(--ui-line-default)
}

.c-entryList__link {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0 var(--semantic-space-inner-ll);
    text-decoration: none;
    color: var(--ui-text-status-link);
    padding-top: var(--semantic-space-inner-ms);
    padding-bottom: var(--semantic-space-inner-m)
}

@media screen and (max-width: 767px) {
    .c-entryList__link {
        flex-direction: column;
        padding-block: var(--semantic-space-inner-m)
    }
}

@media(hover: hover) {
    .c-entryList__link:hover {
        color: var(--ui-text-status-hover);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }

    .c-entryList__link:hover .c-entryList__text {
        text-decoration: none
    }
}

.c-entryList__link:active {
    color: var(--ui-text-status-active)
}

.c-entryList__link:focus-visible {
    outline: 2px solid var(--ui-line-status-focus)
}

.c-entryList__date {
    padding-top: var(--semantic-space-inner-sss);
    flex: 1 0 auto;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    font-feature-settings: "palt";
    color: var(--ui-text-default);
    width: calc(16.6666% - var(--semantic-space-inner-m))
}

html[lang=en] .c-entryList__date {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

@media screen and (max-width: 767px) {
    .c-entryList__date {
        padding: 0;
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .5px;
        font-weight: 500;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-entryList__date {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .4px
    }
}

.c-entryList__body {
    position: relative;
    width: 100%;
    padding-right: var(--semantic-space-inner-ll)
}

.c-entryList__tags {
    flex-basis: 18%;
    min-width: 168px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--semantic-space-inner-sss);
    margin-top: var(--semantic-space-inner-mms)
}

.c-entryList__text {
    margin-left: auto;
    text-decoration: underline;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-entryList__text {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

@media screen and (max-width: 767px) {
    .c-entryList__text {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0;
        font-weight: 400
    }

    html[lang=en] .c-entryList__text {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.c-entryList__icon {
    position: absolute;
    right: var(--semantic-space-inner-s);
    top: 0;
    margin: auto;
    width: var(--semantic-size-icon-mml);
    height: var(--semantic-size-icon-mml);
    margin-block: var(--semantic-space-inner-sss)
}

html[lang=en] .c-entryList__icon {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-entryList__icon {
        width: var(--semantic-size-icon-m);
        height: var(--semantic-size-icon-m)
    }
}

.c-entryList--event {
    border-top: 0
}

.c-entryList--event .c-entryList__link {
    gap: var(--semantic-space-inner-m);
    align-items: stretch
}

@media screen and (max-width: 767px) {
    .c-entryList--event .c-entryList__link {
        flex-wrap: wrap
    }
}

.c-entryList--event .c-entryList__item {
    border: 0;
    margin-top: var(--semantic-space-inner-ll)
}

.c-entryList--event .c-entryList__item:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-entryList--event .c-entryList__item {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-entryList--event .c-entryList__item:first-child {
        margin-top: 0
    }
}

.c-entryList--event .c-entryList__link {
    padding-top: var(--semantic-space-inner-mms);
    padding-bottom: var(--semantic-space-inner-m);
    column-gap: var(--semantic-space-inner-ll);
    border: var(--semantic-line-thickness-default) solid var(--ui-line-default);
    border-radius: var(--semantic-corner-radius-m)
}

@media screen and (max-width: 767px) {
    .c-entryList--event .c-entryList__link {
        flex-direction: column
    }
}

@media(hover: hover) {
    .c-entryList--event .c-entryList__link:hover {
        border-color: var(--ui-line-status-hover)
    }
}

.c-entryList--event .c-entryList__link:active {
    border-color: var(--ui-line-status-active)
}

.c-entryList--event .c-entryList__link:focus-visible {
    outline-offset: 0;
    outline-color: var(--ui-line-status-focus);
    border-color: var(--ui-line-status-focus)
}

.c-entryList--event .c-entryList__body {
    display: block
}

.c-entryList--event .c-entryList__schedule {
    padding-left: var(--semantic-space-inner-l);
    width: 22.5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1.32px;
    font-weight: 700;
    font-feature-settings: "palt"
}

html[lang=en] .c-entryList--event .c-entryList__schedule {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: .4px
}

@media screen and (max-width: 767px) {
    .c-entryList--event .c-entryList__schedule {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 1px;
        font-weight: 700;
        font-feature-settings: "palt";
        padding-left: 0;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        padding-inline: var(--semantic-space-inner-m)
    }

    html[lang=en] .c-entryList--event .c-entryList__schedule {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .36px
    }
}

.c-entryList--event .c-entryList__scheduleStart,
.c-entryList--event .c-entryList__scheduleEnd {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    flex-direction: column;
    word-break: keep-all
}

@media screen and (max-width: 767px) {
    .c-entryList--event .c-entryList__scheduleStart {
        display: grid;
        grid-template-columns: max-content
    }
}

.c-entryList--event .c-entryList__scheduleEnd {
    flex-basis: 100%
}

@media screen and (max-width: 767px) {
    .c-entryList--event .c-entryList__scheduleEnd {
        display: grid;
        grid-template-columns: 1fr max-content;
        align-items: end
    }

    html[lang=en] .c-entryList--event .c-entryList__scheduleEnd {
        align-items: normal
    }
}

.c-entryList--event .c-entryList__scheduleEnd::before {
    content: "";
    display: block;
    width: 100%;
    min-height: 22px;
    flex-basis: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%221001%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.563%20989.854.854%201000.56V.146h2v995.586l7.293-7.293%201.415%201.415Z%22%20fill%3D%22%231C3177%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: var(--semantic-space-inner-ss) bottom
}

@media screen and (max-width: 767px) {
    .c-entryList--event .c-entryList__scheduleEnd::before {
        grid-area: 1/1/3/2;
        min-width: 22px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221001%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22m989.707%200%2010.703%2010.707H0v-2h995.586l-7.293-7.293L989.707%200Z%22%20fill%3D%22%231C3177%22%2F%3E%3C%2Fsvg%3E");
        background-position: calc(100% - 6px) var(--semantic-space-inner-sss);
        margin-left: 4px
    }
}

.c-entryList--event .c-entryList__scheduleYear {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    font-feature-settings: "palt"
}

html[lang=en] .c-entryList--event .c-entryList__scheduleYear {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

@media screen and (max-width: 767px) {
    .c-entryList--event .c-entryList__scheduleYear {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .5px;
        font-weight: 700;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-entryList--event .c-entryList__scheduleYear {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .4px
    }
}

.c-entryList--event .c-entryList__image {
    width: 31.25%
}

@media screen and (max-width: 767px) {
    .c-entryList--event .c-entryList__image {
        width: 100%
    }
}

.c-entryList--event .c-entryList__image .c-image img {
    aspect-ratio: 16/9;
    object-fit: cover
}

.c-entryList--event .c-entryList__data {
    width: 31.25%
}

@media screen and (max-width: 767px) {
    .c-entryList--event .c-entryList__data {
        width: 100%;
        padding-inline: var(--semantic-space-inner-m)
    }
}

.c-entryList--event .c-entryList__dataIcon {
    vertical-align: text-top
}

.c-entryList--event .c-entryList__title {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 800;
    font-feature-settings: "palt"
}

html[lang=en] .c-entryList--event .c-entryList__title {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px;
    font-weight: 700
}

.c-entryList--event .c-entryList__period,
.c-entryList--event .c-entryList__time,
.c-entryList--event .c-entryList__venue {
    color: var(--ui-text-default);
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    padding-left: 20px;
    position: relative
}

html[lang=en] .c-entryList--event .c-entryList__period,
html[lang=en] .c-entryList--event .c-entryList__time,
html[lang=en] .c-entryList--event .c-entryList__venue {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-entryList--event .c-entryList__period .c-entryList__dataIcon,
.c-entryList--event .c-entryList__time .c-entryList__dataIcon,
.c-entryList--event .c-entryList__venue .c-entryList__dataIcon {
    position: absolute;
    left: 0;
    top: 5px
}

.c-entryList--event .c-entryList__period {
    margin-top: var(--semantic-space-inner-sss)
}

.c-entryList--event .c-entryList__time {
    display: flex
}

.c-entryList--event .c-entryList__timeEnd::before {
    content: "〜"
}

html[lang=en] .c-entryList--event .c-entryList__timeEnd::before {
    content: " - ";
    white-space: pre-wrap
}

.c-entryList--event .c-entryList__venue {
    margin-top: 0
}

.c-entryList--event .c-entryList__icon {
    width: var(--semantic-size-icon-ml);
    height: var(--semantic-size-icon-ml);
    bottom: 0;
    height: 100%;
    margin: 0
}

@media screen and (max-width: 767px) {
    .c-entryList--event .c-entryList__icon {
        display: none
    }
}

.c-facilityList {
    display: flex;
    gap: var(--semantic-space-inner-l);
    margin-top: var(--semantic-space-inner-ll)
}

.c-facilityList:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-facilityList {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-facilityList:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .c-facilityList {
        flex-direction: column;
        gap: var(--semantic-space-inner-m)
    }
}

.c-facilityList__body {
    width: 68.75%
}

@media screen and (max-width: 767px) {
    .c-facilityList__body {
        width: 100%
    }
}

.c-facilityList__title {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    font-feature-settings: "palt";
    margin-top: 0;
    padding-top: var(--semantic-space-inner-s)
}

html[lang=en] .c-facilityList__title {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

.c-facilityList__description {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: var(--semantic-space-inner-s)
}

html[lang=en] .c-facilityList__description {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-facilityList__items {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: var(--semantic-space-inner-ml)
}

html[lang=en] .c-facilityList__items {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-facilityList__items .c-definitionList__item {
    flex-wrap: wrap;
    align-items: baseline;
    flex-direction: row
}

.c-facilityList__items .c-list {
    display: block;
    flex-wrap: wrap
}

.c-facilityList__items .c-list__item {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 0;
    display: inline
}

html[lang=en] .c-facilityList__items .c-list__item {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-facilityList__items .c-list__item::before {
    content: none
}

.c-facilityList__items .c-list__item:last-child::after {
    content: none
}

.c-facilityList__items .c-list__item::after {
    content: "／";
    margin-right: 0
}

.c-facilityList__button {
    width: auto;
    margin-top: var(--semantic-space-inner-m);
    min-width: 84px;
    min-height: 48px;
    padding: var(--semantic-space-inner-mms) var(--semantic-space-inner-l)
}

.c-facilityList__map {
    width: 31.25%
}

@media screen and (max-width: 767px) {
    .c-facilityList__map {
        width: 100%
    }
}

.c-importantNotice {
    margin-top: var(--semantic-space-inner-ll);
    padding: var(--semantic-space-inner-s) var(--semantic-space-inner-l) var(--semantic-space-inner-m) var(--semantic-space-inner-l);
    border-radius: var(--semantic-corner-radius-ll);
    border: var(--semantic-line-thickness-bold) solid var(--ui-line-status-caution)
}

.c-importantNotice:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-importantNotice {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-importantNotice:first-child {
        margin-top: 0
    }
}

.c-importantNotice:first-child {
    margin-top: var(--semantic-space-inner-ll)
}

@media screen and (max-width: 767px) {
    .c-importantNotice:first-child {
        margin-top: var(--semantic-space-inner-m)
    }
}

@media screen and (max-width: 767px) {
    .c-importantNotice {
        padding: var(--semantic-space-inner-sss) var(--semantic-space-inner-m) var(--semantic-space-inner-mms) var(--semantic-space-inner-m)
    }
}

.c-importantNotice__heading {
    margin: 0;
    color: var(--ui-text-status-caution);
    padding: var(--semantic-space-inner-m) 0 var(--semantic-space-inner-sss);
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 800;
    font-feature-settings: "palt"
}

html[lang=en] .c-importantNotice__heading {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .c-importantNotice__heading {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 1px;
        font-weight: 700;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-importantNotice__heading {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .36px
    }
}

.c-importantNotice__body {
    margin-top: var(--semantic-space-inner-s)
}

@media screen and (max-width: 767px) {
    .c-importantNotice__body {
        margin-top: var(--semantic-space-inner-m)
    }
}

.c-importantNotice__body .c-entryList {
    border: 0
}

.c-importantNotice__body .c-entryList__item {
    border: 0
}

.c-importantNotice__body .c-entryList__link {
    padding-block: var(--semantic-space-inner-s)
}

.c-mediaHeading {
    display: flex;
    flex-direction: column;
    margin-top: var(--semantic-space-outer-ss);
    position: relative;
    padding-bottom: var(--semantic-space-inner-l)
}

.c-mediaHeading__title {
    width: 100%;
    margin: 0;
    background: rgba(0, 0, 0, 0)
}

.c-mediaHeading .c-heading__inner {
    padding: 0;
    max-width: none
}

.c-mediaHeading .c-heading__shoulder {
    margin-bottom: var(--semantic-space-inner-ms);
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 1.31px;
    font-weight: 700;
    font-feature-settings: "palt"
}

html[lang=en] .c-mediaHeading .c-heading__shoulder {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: .48px
}

.c-mediaHeading__copy {
    margin-top: var(--semantic-space-inner-ll)
}

.c-mediaHeading__copyText {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-mediaHeading__copyText {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0
}

.c-mediaHeading__meta {
    display: flex;
    order: 1;
    gap: var(--semantic-space-inner-l);
    margin-top: 0;
    position: absolute;
    bottom: var(--semantic-space-inner-l);
    right: 0;
    padding-bottom: var(--semantic-space-inner-s)
}

@media screen and (max-width: 1024px) {
    .c-mediaHeading__meta {
        position: static;
        margin-top: var(--semantic-space-inner-m)
    }
}

.c-mediaHeading__meta>.c-paragraph {
    margin-top: 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-mediaHeading__meta>.c-paragraph {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

.c-mediaHeading__labels {
    padding-right: 30%
}

@media screen and (max-width: 1024px) {
    .c-mediaHeading__labels {
        padding-right: 0
    }
}

.c-mediaHeading__labels .c-label__text {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-mediaHeading__labels .c-label__text {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.c-updateHistory {
    margin-top: var(--semantic-space-inner-ll);
    margin-top: calc(var(--semantic-space-inner-ll) + var(--semantic-space-outer-ss));
    border: var(--semantic-line-thickness-default) solid var(--ui-line-status-link);
    padding: var(--semantic-space-inner-lll) var(--semantic-space-inner-llll);
    border-radius: var(--semantic-corner-radius-ll)
}

.c-updateHistory:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .c-updateHistory {
        margin-top: var(--semantic-space-inner-l)
    }

    .c-updateHistory:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .c-updateHistory {
        margin-top: calc(var(--semantic-space-inner-l) + var(--semantic-space-outer-ss));
        padding: var(--semantic-space-inner-l)
    }
}

.c-updateHistory__heading {
    margin-top: 0;
    padding-bottom: var(--semantic-space-inner-s);
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 1.4px;
    font-weight: 700;
    font-feature-settings: "palt"
}

html[lang=en] .c-updateHistory__heading {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: .5px
}

@media screen and (max-width: 767px) {
    .c-updateHistory__heading {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 1.32px;
        font-weight: 700;
        font-feature-settings: "palt"
    }

    html[lang=en] .c-updateHistory__heading {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: .4px
    }
}

.c-updateHistory__body {
    margin-top: var(--semantic-space-inner-ll)
}

@media screen and (max-width: 767px) {
    .c-updateHistory__body {
        margin-top: var(--semantic-space-inner-s)
    }
}

@media screen and (max-width: 767px) {
    .c-updateHistory__body .c-list {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0;
        font-weight: 400
    }

    html[lang=en] .c-updateHistory__body .c-list {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.c-globalHeader {
    padding: var(--semantic-space-inner-s)
}

@media screen and (max-width: 1024px) {
    .c-globalHeader {
        padding: 0
    }
}

@media screen and (max-width: 1024px) {
    .c-globalHeader__title {
        min-height: 50px;
        padding-right: 97.4px
    }

    html[lang=en] .c-globalHeader__title {
        padding-right: 95.29px
    }
}

.c-globalHeader__logo {
    display: inline-flex;
    align-items: flex-start;
    color: var(--ui-text-brand-primary);
    text-decoration: none
}

@media screen and (max-width: 1024px) {
    .c-globalHeader__logo {
        flex-wrap: wrap
    }
}

.c-globalHeader__logo svg {
    width: 262.44px;
    height: auto;
    padding: 14.297px 15.118px 8.396px 15.119px;
    color: currentColor
}

@media screen and (max-width: 1024px) {
    .c-globalHeader__logo svg {
        width: 187.457px;
        padding: 10.212px 10.798px 5.997px 10.799px;
        margin-bottom: -16.073px
    }

    html[lang=en] .c-globalHeader__logo svg {
        margin-bottom: -14.06px;
        margin-right: -1.514px
    }
}

.c-globalHeader__label {
    margin-top: 0;
    padding: 27.5px 18px 0px 13px;
    font-feature-settings: "palt" on;
    font-size: 19.7px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: 1.2px
}

html[lang=en] .c-globalHeader__label {
    padding: 31px 18px 0px 13px;
    font-size: 25px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0
}

@media screen and (max-width: 1024px) {
    .c-globalHeader__label {
        padding: 19.643px 12.857px 13px 10.8px;
        font-size: 14.071px;
        line-height: 17.143px;
        letter-spacing: .857px
    }

    html[lang=en] .c-globalHeader__label {
        font-size: 17.8575471698px;
        line-height: 17.143px;
        padding: 0;
        padding: 22.14px 12.857px 6.92px 11.286px;
        letter-spacing: 0
    }
}

.g-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
    transition: transform .3s
}

.g-header.is-hidden {
    transform: translateY(-100%)
}

.g-header:not(.g-header.is-menuOpen) .c-globalNavigation__navMenu,
.g-header:not(.g-header.is-menuOpen) .c-globalNavigation__footer {
    display: none
}

@media screen and (max-width: 1024px) {

    .g-header:not(.g-header.is-menuOpen) .c-globalNavigation__navMenu,
    .g-header:not(.g-header.is-menuOpen) .c-globalNavigation__footer {
        display: block
    }

    .g-header:not(.g-header.is-menuOpen) .c-globalNavigation__inner {
        display: none
    }
}

.g-header.is-menuOpen {
    z-index: 20;
    color: var(--ui-text-inverted);
    background-color: var(--ui-background-brand-primary)
}

.g-header.is-menuOpen .c-globalHeader__logo {
    color: var(--ui-text-inverted)
}

.g-header.is-menuOpen .c-globalNavigation__inner {
    height: calc(100vh - 53px - 86px);
    overflow-y: auto
}

@media screen and (max-width: 1024px) {
    .g-header.is-menuOpen .c-globalNavigation__inner {
        height: calc(100svh - 51px);
        padding-bottom: var(--semantic-space-inner-ml)
    }
}

.g-header.is-menuOpen .c-globalNavigation__button {
    color: currentColor
}

.g-header.is-menuOpen .c-globalNavigation__navList {
    visibility: hidden
}

.g-header.is-menuOpen .c-globalNavigation__navMenu,
.g-header.is-menuOpen .c-globalNavigation__footer {
    display: block
}

@media screen and (max-width: 1024px) {
    .g-header.is-menuOpen .c-globalHeader {
        border-bottom: 1px solid var(--ui-line-inverted)
    }

    .g-header.is-menuOpen .c-globalNavigation__inner {
        display: block
    }
}

.c-globalNavigation ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.c-globalNavigation a {
    color: var(--ui-text-inverted);
    text-decoration: none
}

@media(hover: hover) {
    .c-globalNavigation a:hover {
        text-decoration: none;
        color: var(--ui-text-status-hover);
        border-radius: var(--semantic-corner-radius-ss);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation {
        overflow-y: auto
    }
}

.c-globalNavigation__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline: var(--semantic-space-inner-m);
    padding-bottom: var(--semantic-space-inner-ml)
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__header {
        padding-bottom: 0
    }
}

.c-globalNavigation__footer {
    padding: var(--semantic-space-inner-l);
    background-color: var(--ui-background-brand-primary);
    border-top: 1px solid var(--ui-line-inverted)
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__footer {
        padding: 0;
        border-color: var(--ui-line-white-transparent-ultra-light)
    }
}

.c-globalNavigation__footerNav {
    display: flex;
    gap: var(--semantic-space-inner-m)
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__footerNav {
        flex-direction: column;
        align-items: flex-start;
        padding: var(--semantic-space-inner-m) !important
    }
}

.c-globalNavigation__footerNav a {
    display: flex;
    padding: var(--semantic-space-inner-ss) var(--semantic-space-inner-mms);
    justify-content: center;
    align-items: center;
    gap: var(--semantic-space-hairline-m);
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    font-feature-settings: "palt";
    text-decoration: none
}

html[lang=en] .c-globalNavigation__footerNav a {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__footerNav a {
        font-size: 20px;
        line-height: 35px;
        letter-spacing: 0;
        font-weight: 700;
        padding: 0
    }

    html[lang=en] .c-globalNavigation__footerNav a {
        font-size: 20px;
        line-height: 35px;
        letter-spacing: 0
    }
}

.c-globalNavigation__footerNav a .icon {
    width: 1.25em;
    height: 1.25em
}

.c-globalNavigation__footerSub {
    display: flex;
    align-items: center;
    column-gap: var(--semantic-space-inner-s);
    margin-top: var(--semantic-space-inner-l)
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__footerSub {
        display: block;
        margin-top: 0
    }
}

.c-globalNavigation__footerSub a {
    display: block;
    padding: var(--semantic-space-inner-ss) var(--semantic-space-inner-mms);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    font-weight: 700;
    font-feature-settings: "palt";
    text-decoration: none
}

html[lang=en] .c-globalNavigation__footerSub a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .4px
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__footerSub a {
        font-size: 18.29px;
        line-height: 32px;
        letter-spacing: 0;
        font-weight: 700;
        padding: 0
    }

    html[lang=en] .c-globalNavigation__footerSub a {
        font-size: 18.29px;
        line-height: 32px;
        letter-spacing: 0
    }
}

.c-globalNavigation__footerSub .sublink__list {
    display: flex;
    align-items: center;
    column-gap: var(--semantic-space-inner-s)
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__footerSub .sublink__list {
        flex-direction: column;
        align-items: flex-start;
        padding: var(--semantic-space-inner-m);
        row-gap: var(--semantic-space-inner-mms);
        border-top: var(--semantic-line-thickness-default) solid var(--ui-line-white-transparent-ultra-light);
        border-bottom: var(--semantic-line-thickness-default) solid var(--ui-line-white-transparent-ultra-light)
    }
}

.c-globalNavigation__button {
    display: flex;
    align-items: center;
    gap: var(--semantic-space-hairline-m);
    padding: var(--semantic-space-inner-ss) var(--semantic-space-inner-mms);
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    font-feature-settings: "palt";
    border: none;
    border-radius: var(--semantic-corner-radius-s);
    color: var(--ui-text-status-link);
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer
}

html[lang=en] .c-globalNavigation__button {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__button {
        position: absolute;
        top: 9.64px;
        right: 0;
        padding: var(--semantic-space-inner-ss) var(--semantic-space-inner-mms);
        border-radius: var(--semantic-corner-radius-ms)
    }

    html[lang=en] .c-globalNavigation__button {
        top: 8.25px;
        padding-inline: var(--semantic-space-inner-mms);
        padding-block: var(--semantic-space-inner-s) var(--semantic-space-inner-sss);
        align-items: end
    }
}

@media(hover: hover) {
    .c-globalNavigation__button:hover {
        color: var(--ui-text-status-hover) !important;
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-globalNavigation__button[aria-expanded=false] .icon-close {
    display: none
}

.c-globalNavigation__button[aria-expanded=true] .icon-menu {
    display: none
}

.c-globalNavigation__button .icon {
    width: var(--semantic-size-icon-mml);
    height: var(--semantic-size-icon-mml)
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__button .icon {
        width: var(--semantic-size-icon-ml);
        height: var(--semantic-size-icon-ml)
    }
}

html[lang=en] .c-globalNavigation__button .icon {
    margin-top: 0
}

.c-globalNavigation__navList {
    display: flex;
    column-gap: var(--semantic-space-inner-s)
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__navList {
        display: none
    }
}

.c-globalNavigation__navList>li {
    display: flex
}

.c-globalNavigation__navList>li a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    font-weight: 700;
    font-feature-settings: "palt";
    padding: var(--semantic-space-inner-ss) var(--semantic-space-inner-mms);
    text-decoration: none;
    border-bottom: var(--semantic-line-thickness-default) solid var(--ui-line-status-link);
    color: var(--ui-text-status-link)
}

html[lang=en] .c-globalNavigation__navList>li a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .4px
}

.c-globalNavigation__subMenu {
    display: flex;
    align-items: center;
    gap: var(--semantic-space-inner-s);
    position: absolute;
    top: 30px;
    right: var(--semantic-space-inner-l);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-globalNavigation__subMenu {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__subMenu {
        font-size: 18.29px;
        line-height: 32px;
        letter-spacing: 0;
        font-weight: 400
    }

    html[lang=en] .c-globalNavigation__subMenu {
        font-size: 18.29px;
        line-height: 32px;
        letter-spacing: 0
    }
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__subMenu {
        position: initial;
        flex-wrap: wrap;
        row-gap: var(--semantic-space-inner-l);
        padding-inline: var(--semantic-space-inner-m);
        padding-bottom: var(--semantic-space-inner-l);
        background-color: var(--ui-background-brand-primary)
    }
}

.c-globalNavigation__subMenuLink {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--semantic-space-inner-s);
    color: currentColor
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__subMenuLink {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--semantic-space-inner-sss)
    }
}

.c-globalNavigation__subMenuLink>li {
    display: flex;
    align-items: center;
    gap: var(--semantic-space-hairline-m)
}

.c-globalNavigation__subMenuLink>li>a {
    padding: var(--semantic-space-inner-sss) var(--semantic-space-inner-s);
    border-radius: var(--semantic-corner-radius-s)
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__subMenuLink>li>a {
        padding: 0
    }
}

@media(hover: hover) {
    .c-globalNavigation__subMenuLink>li>a:hover {
        color: var(--ui-text-status-hover);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-globalNavigation__subMenu a {
    display: flex;
    gap: var(--semantic-space-hairline-m);
    align-items: center;
    text-decoration: none;
    color: currentColor
}

.c-globalNavigation__search {
    position: relative
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__search {
        width: 100%
    }
}

.c-globalNavigation__searchBtn {
    border: none;
    padding: var(--semantic-space-inner-sss) var(--semantic-space-inner-s);
    border-radius: var(--semantic-corner-radius-s);
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    gap: var(--semantic-space-hairline-m);
    align-items: center;
    cursor: pointer;
    color: currentColor;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .c-globalNavigation__searchBtn {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__searchBtn {
        display: none
    }
}

@media(hover: hover) {
    .c-globalNavigation__searchBtn:hover {
        color: var(--ui-text-status-hover);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-globalNavigation__searchBtn .icon {
    width: 16px;
    height: 16px
}

.c-globalNavigation__searchPopup {
    z-index: 1;
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 360px;
    flex-direction: column;
    gap: var(--semantic-space-inner-s);
    padding: 24px 32px;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .3), 0px 4px 16px 3px rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: var(--Semantic-Corner-Radius-M, 8px)
}

.c-globalNavigation__searchPopup.is-active {
    display: flex
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__searchPopup {
        color: var(--ui-text-inverted);
        position: initial;
        width: 100%;
        padding: 0;
        background: rgba(0, 0, 0, 0);
        box-shadow: none;
        display: flex
    }
}

.c-globalNavigation__searchPopup .popup_label {
    margin-top: 0;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    font-feature-settings: "palt";
    color: var(--ui-text-default)
}

html[lang=en] .c-globalNavigation__searchPopup .popup_label {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__searchPopup .popup_label {
        color: currentColor
    }
}

.c-globalNavigation__searchPopup .popup_input {
    position: relative
}

.c-globalNavigation__searchPopup .popup_input input {
    width: 100%;
    padding: var(--semantic-space-inner-mms) var(--semantic-space-inner-m);
    padding-right: calc(32px + var(--semantic-space-inner-m));
    border-radius: 8px;
    border: 1px solid var(--ui-line-bold)
}

.c-globalNavigation__searchPopup .popup_input button {
    border: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 50%;
    right: var(--semantic-space-inner-m);
    transform: translateY(-50%);
    width: var(--semantic-size-icon-mml);
    height: var(--semantic-size-icon-mml);
    cursor: pointer
}

.c-globalNavigation__searchPopup .popup_input button .icon {
    width: var(--semantic-size-icon-mml);
    height: var(--semantic-size-icon-mml)
}

html[lang=en] .c-globalNavigation__searchPopup .popup_input button .icon {
    margin-top: 0
}

.c-globalNavigation__searchPopup .popup_close {
    padding: var(--semantic-space-inner-s);
    border: none;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer
}

.c-globalNavigation__searchPopup .popup_close .icon {
    width: 20px;
    height: 20px
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__searchPopup .popup_close {
        display: none
    }
}

.c-globalNavigation__lang {
    display: flex;
    align-items: center;
    column-gap: var(--semantic-space-hairline-m);
    padding: var(--semantic-space-inner-sss) var(--semantic-space-inner-s)
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__lang {
        column-gap: var(--semantic-space-inner-sss);
        padding: 0;
        color: var(--ui-text-inverted)
    }

    .c-globalNavigation__lang .icon {
        width: 24px;
        height: 24px
    }
}

.c-globalNavigation__lang ul {
    display: flex;
    align-items: center
}

.c-globalNavigation__lang ul li:first-child {
    padding-right: var(--semantic-space-inner-ss);
    border-right: 1px solid currentColor
}

.c-globalNavigation__lang ul li:last-child {
    padding-left: var(--semantic-space-inner-ss)
}

.c-globalNavigation__lang ul li a {
    border-radius: var(--semantic-corner-radius-s)
}

@media(hover: hover) {
    .c-globalNavigation__lang ul li a:hover {
        text-decoration: none
    }
}

.c-globalNavigation__lang ul li .is-current {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-weight: 800;
    font-feature-settings: "palt"
}

html[lang=en] .c-globalNavigation__lang ul li .is-current {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px;
    font-weight: 700
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__lang ul li .is-current {
        font-size: 18.29px;
        line-height: 32px;
        letter-spacing: 0;
        font-weight: 700
    }

    html[lang=en] .c-globalNavigation__lang ul li .is-current {
        font-size: 18.29px;
        line-height: 32px;
        letter-spacing: 0
    }
}

.c-globalNavigation__navMenu {
    min-height: calc(100vh - 149px - 53px - 86px);
    padding-inline: var(--semantic-space-inner-m);
    padding-bottom: var(--semantic-space-inner-l);
    background-color: var(--ui-background-brand-primary)
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__navMenu {
        height: auto;
        min-height: auto
    }
}

.c-globalNavigation .c-globalNavigation__category {
    display: flex;
    flex-wrap: wrap;
    padding-top: var(--semantic-space-inner-m);
    padding-inline: var(--semantic-space-inner-s);
    row-gap: var(--semantic-space-inner-ll);
    margin-inline: calc(var(--semantic-space-inner-ll)/2*-1)
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation .c-globalNavigation__category {
        margin: 0;
        flex-direction: column;
        row-gap: var(--semantic-space-inner-m);
        padding-inline: 0
    }
}

.c-globalNavigation .c-globalNavigation__category>li {
    flex: 1 1 20%;
    padding-inline: calc(var(--semantic-space-inner-ll)/2)
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation .c-globalNavigation__category>li {
        padding-inline: 0
    }
}

.c-globalNavigation .c-globalNavigation__categoryLink {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: var(--semantic-space-inner-ss)
}

html[lang=en] .c-globalNavigation .c-globalNavigation__categoryLink {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0
}

.c-globalNavigation .c-globalNavigation__categoryLink .icon {
    width: 1.4em;
    height: 1.4em;
    flex-shrink: 0
}

.c-globalNavigation .c-globalNavigation__lower {
    margin-top: var(--semantic-space-inner-m);
    display: flex;
    flex-direction: column;
    gap: var(--semantic-space-inner-s);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .c-globalNavigation .c-globalNavigation__lower {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation .c-globalNavigation__lower {
        display: none
    }
}

.c-globalNavigation__sitemap {
    padding-inline: var(--semantic-space-inner-s);
    border-right: 1px solid var(--ui-line-white-transparent-light);
    border-left: 1px solid var(--ui-line-white-transparent-light)
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation__sitemap {
        border: 0;
        border-bottom: var(--semantic-line-thickness-default) solid var(--ui-line-white-transparent-ultra-light);
        padding: var(--semantic-space-inner-m)
    }
}

.c-globalNavigation .c-globalNavigation__snsLink {
    display: flex;
    column-gap: var(--semantic-space-inner-s)
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation .c-globalNavigation__snsLink {
        padding: var(--semantic-space-inner-s)
    }
}

.c-globalNavigation .c-globalNavigation__snsLink a {
    display: block;
    padding: var(--semantic-space-inner-mms)
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation .c-globalNavigation__snsLink a {
        padding: var(--semantic-space-inner-m)
    }
}

.c-globalNavigation .c-globalNavigation__snsLink a .icon {
    display: block;
    width: 20px;
    height: 20px
}

@media screen and (max-width: 1024px) {
    .c-globalNavigation .c-globalNavigation__snsLink a .icon {
        width: 24px;
        height: 24px
    }
}

.c-pageTop {
    z-index: 1;
    position: fixed;
    right: 16px;
    bottom: 16px;
    display: flex;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;
    color: var(--ui-icon-default);
    background-color: var(--ui-background-default);
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .3), 0px 4px 16px 3px rgba(0, 0, 0, .1);
    border-radius: var(--semantic-corner-radius-pill);
    transition: transform .4s ease-out;
    visibility: hidden;
    opacity: 0
}

.c-pageTop.is-active {
    visibility: visible;
    opacity: 1
}

@media(hover: hover) {
    .c-pageTop:hover {
        cursor: pointer;
        transform: translateY(-5px);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-pageTop:active {
    background-color: var(--ui-background-emphasize-mid-quaternary)
}

.c-pageTop .icon {
    width: 24px;
    height: 24px
}

.c-sideNavi__sitemap>a,
.c-sideNavi .c-sideNavi__subListItem>a,
.c-sideNavi__listItem>a {
    padding-inline: var(--semantic-space-inner-s);
    text-decoration: none;
    color: var(--ui-text-default);
    border-radius: var(--semantic-corner-radius-s, 4px)
}

@media(hover: hover) {

    .c-sideNavi__sitemap>a:hover,
    .c-sideNavi .c-sideNavi__subListItem>a:hover,
    .c-sideNavi__listItem>a:hover {
        color: var(--ui-text-status-hover);
        background-color: #fff;
        background: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-sideNavi {
    z-index: 15;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateX(calc(100% + 8px)) translateY(-50%)
}

@media screen and (max-width: 1024px) {
    .c-sideNavi {
        display: none
    }
}

.c-sideNavi.is-open {
    transform: translateX(0) translateY(-50%)
}

html[lang=en] .c-sideNavi.is-open .c-sideNavi__button .icon {
    margin-top: 0
}

.c-sideNavi.is-open .c-sideNavi__button .c-iconButton {
    border-radius: var(--semantic-corner-radius-ms)
}

.c-sideNavi.is-open .c-sideNavi__button .c-iconButton .icon-open {
    display: none
}

.c-sideNavi.is-open .c-sideNavi__button .c-iconButton .icon-close {
    display: block
}

.c-sideNavi__button {
    border: none;
    position: absolute;
    right: calc(100% + 8px);
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.c-sideNavi__button .c-iconButton {
    margin-top: 0;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .3), 0px 4px 16px 3px rgba(0, 0, 0, .1);
    border-radius: 6px 0px 0px 6px
}

.c-sideNavi__button .c-iconButton .icon {
    width: 1.25em;
    height: 1.25em
}

.c-sideNavi__button .c-iconButton .icon-close {
    display: none
}

.c-sideNavi__tab {
    width: 174px;
    padding-top: var(--semantic-space-inner-m);
    padding-left: var(--semantic-space-inner-s);
    border-top-left-radius: var(--semantic-corner-radius-ll);
    border-bottom-left-radius: var(--semantic-corner-radius-ll);
    background: var(--ui-background-ultra-light);
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .3), 0px 4px 16px 3px rgba(0, 0, 0, .1)
}

html[lang=en] .c-sideNavi__tab {
    width: 186px
}

.c-sideNavi__list {
    display: flex;
    flex-direction: column;
    row-gap: var(--semantic-space-inner-mms);
    list-style: none;
    margin: 0;
    padding: 0 var(--semantic-space-inner-sss) var(--semantic-space-inner-m) 0
}

.c-sideNavi__listItem {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    font-feature-settings: "palt"
}

html[lang=en] .c-sideNavi__listItem {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

.c-sideNavi__listItem>a {
    display: flex;
    gap: var(--semantic-space-hairline-m);
    padding: var(--semantic-space-inner-ss) var(--semantic-space-inner-s)
}

.c-sideNavi__listItem>a .icon {
    width: 1.25em;
    height: 1.25em
}

.c-sideNavi .c-sideNavi__sub {
    display: flex;
    flex-direction: column;
    row-gap: var(--semantic-space-inner-ms)
}

.c-sideNavi .c-sideNavi__subList {
    display: flex;
    flex-direction: column;
    row-gap: var(--semantic-space-inner-s);
    border-top: 1px solid var(--ui-line-default);
    border-bottom: 1px solid var(--ui-line-default);
    list-style: none;
    margin: 0;
    padding: 0 var(--semantic-space-inner-sss) 0 0;
    padding-block: var(--semantic-space-inner-ms)
}

.c-sideNavi .c-sideNavi__subListItem {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-weight: 700;
    font-feature-settings: "palt"
}

html[lang=en] .c-sideNavi .c-sideNavi__subListItem {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

.c-sideNavi .c-sideNavi__subListItem>a {
    display: flex;
    padding: var(--semantic-space-inner-sss) var(--semantic-space-inner-s)
}

.c-sideNavi__sitemap {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-weight: 700;
    font-feature-settings: "palt";
    padding-right: var(--semantic-space-inner-sss)
}

html[lang=en] .c-sideNavi__sitemap {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

.c-sideNavi__sitemap>a {
    display: flex;
    padding: var(--semantic-space-inner-sss) var(--semantic-space-inner-s)
}

.c-sideNavi .c-sideNavi__snsList {
    display: flex;
    flex-wrap: wrap;
    gap: var(--semantic-space-inner-sss);
    list-style: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: var(--semantic-space-inner-ms);
    padding-bottom: var(--semantic-space-inner-mms);
    border-top: 1px solid var(--ui-line-default)
}

.c-sideNavi .c-sideNavi__snsList .c-iconButton {
    width: 36px;
    min-height: 36px;
    color: var(--ui-text-default);
    background-color: rgba(0, 0, 0, 0)
}

@media(hover: hover) {
    .c-sideNavi .c-sideNavi__snsList .c-iconButton:hover {
        color: var(--ui-text-status-hover);
        background-color: var(--ui-background-emphasize-mid-tertiary)
    }
}

.c-sideNavi .c-sideNavi__snsList .c-iconButton .icon {
    width: 20px;
    height: 20px
}

.u-flex {
    display: flex
}

.u-flex--row {
    flex-direction: row
}

.u-flex--rowReverse {
    flex-direction: row-reverse
}

.u-flex--column {
    flex-direction: column
}

.u-flex--columnReverse {
    flex-direction: column-reverse
}

.u-flex--justifyNormal {
    justify-content: normal
}

.u-flex--justifyCenter {
    justify-content: center
}

.u-flex--justifyStart {
    justify-content: flex-start
}

.u-flex--justifyEnd {
    justify-content: flex-end
}

.u-flex--justifyBetween {
    justify-content: space-between
}

.u-flex--justifyAround {
    justify-content: space-around
}

.u-flex--justifyEvenly {
    justify-content: space-evenly
}

.u-flex--justifyStretch {
    justify-content: stretch
}

.u-flex--itemsStretch {
    align-items: stretch
}

.u-flex--itemsCenter {
    align-items: center
}

.u-flex--itemsStart {
    align-items: flex-start
}

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

.u-flex--itemsBaseline {
    align-items: baseline
}

@media screen and (max-width: 1024px) {
    .md\:u-flex {
        display: flex
    }

    .md\:u-flex--row {
        flex-direction: row
    }

    .md\:u-flex--rowReverse {
        flex-direction: row-reverse
    }

    .md\:u-flex--column {
        flex-direction: column
    }

    .md\:u-flex--columnReverse {
        flex-direction: column-reverse
    }

    .md\:u-flex--justifyNormal {
        justify-content: normal
    }

    .md\:u-flex--justifyCenter {
        justify-content: center
    }

    .md\:u-flex--justifyStart {
        justify-content: flex-start
    }

    .md\:u-flex--justifyEnd {
        justify-content: flex-end
    }

    .md\:u-flex--justifyBetween {
        justify-content: space-between
    }

    .md\:u-flex--justifyAround {
        justify-content: space-around
    }

    .md\:u-flex--justifyEvenly {
        justify-content: space-evenly
    }

    .md\:u-flex--justifyStretch {
        justify-content: stretch
    }

    .md\:u-flex--itemsStretch {
        align-items: stretch
    }

    .md\:u-flex--itemsCenter {
        align-items: center
    }

    .md\:u-flex--itemsStart {
        align-items: flex-start
    }

    .md\:u-flex--itemsEnd {
        align-items: flex-end
    }

    .md\:u-flex--itemsBaseline {
        align-items: baseline
    }
}

@media screen and (max-width: 767px) {
    .sm\:u-flex {
        display: flex
    }

    .sm\:u-flex--row {
        flex-direction: row
    }

    .sm\:u-flex--rowReverse {
        flex-direction: row-reverse
    }

    .sm\:u-flex--column {
        flex-direction: column
    }

    .sm\:u-flex--columnReverse {
        flex-direction: column-reverse
    }

    .sm\:u-flex--justifyNormal {
        justify-content: normal
    }

    .sm\:u-flex--justifyCenter {
        justify-content: center
    }

    .sm\:u-flex--justifyStart {
        justify-content: flex-start
    }

    .sm\:u-flex--justifyEnd {
        justify-content: flex-end
    }

    .sm\:u-flex--justifyBetween {
        justify-content: space-between
    }

    .sm\:u-flex--justifyAround {
        justify-content: space-around
    }

    .sm\:u-flex--justifyEvenly {
        justify-content: space-evenly
    }

    .sm\:u-flex--justifyStretch {
        justify-content: stretch
    }

    .sm\:u-flex--itemsStretch {
        align-items: stretch
    }

    .sm\:u-flex--itemsCenter {
        align-items: center
    }

    .sm\:u-flex--itemsStart {
        align-items: flex-start
    }

    .sm\:u-flex--itemsEnd {
        align-items: flex-end
    }

    .sm\:u-flex--itemsBaseline {
        align-items: baseline
    }
}

.u-m-none {
    margin: 0
}

.u-mt-none {
    margin-top: 0
}

.u-mr-none {
    margin-right: 0
}

.u-mb-none {
    margin-bottom: 0
}

.u-ml-none {
    margin-left: 0
}

.u-mx-none {
    margin-left: 0;
    margin-right: 0
}

.u-my-none {
    margin-top: 0;
    margin-bottom: 0
}

.u-m-sss {
    margin: var(--semantic-space-inner-sss)
}

.u-mt-sss {
    margin-top: var(--semantic-space-inner-sss)
}

.u-mr-sss {
    margin-right: var(--semantic-space-inner-sss)
}

.u-mb-sss {
    margin-bottom: var(--semantic-space-inner-sss)
}

.u-ml-sss {
    margin-left: var(--semantic-space-inner-sss)
}

.u-mx-sss {
    margin-left: var(--semantic-space-inner-sss);
    margin-right: var(--semantic-space-inner-sss)
}

.u-my-sss {
    margin-top: var(--semantic-space-inner-sss);
    margin-bottom: var(--semantic-space-inner-sss)
}

.u-m-ss {
    margin: var(--semantic-space-inner-ss)
}

.u-mt-ss {
    margin-top: var(--semantic-space-inner-ss)
}

.u-mr-ss {
    margin-right: var(--semantic-space-inner-ss)
}

.u-mb-ss {
    margin-bottom: var(--semantic-space-inner-ss)
}

.u-ml-ss {
    margin-left: var(--semantic-space-inner-ss)
}

.u-mx-ss {
    margin-left: var(--semantic-space-inner-ss);
    margin-right: var(--semantic-space-inner-ss)
}

.u-my-ss {
    margin-top: var(--semantic-space-inner-ss);
    margin-bottom: var(--semantic-space-inner-ss)
}

.u-m-s {
    margin: var(--semantic-space-inner-s)
}

.u-mt-s {
    margin-top: var(--semantic-space-inner-s)
}

.u-mr-s {
    margin-right: var(--semantic-space-inner-s)
}

.u-mb-s {
    margin-bottom: var(--semantic-space-inner-s)
}

.u-ml-s {
    margin-left: var(--semantic-space-inner-s)
}

.u-mx-s {
    margin-left: var(--semantic-space-inner-s);
    margin-right: var(--semantic-space-inner-s)
}

.u-my-s {
    margin-top: var(--semantic-space-inner-s);
    margin-bottom: var(--semantic-space-inner-s)
}

.u-m-ms {
    margin: var(--semantic-space-inner-ms)
}

.u-mt-ms {
    margin-top: var(--semantic-space-inner-ms)
}

.u-mr-ms {
    margin-right: var(--semantic-space-inner-ms)
}

.u-mb-ms {
    margin-bottom: var(--semantic-space-inner-ms)
}

.u-ml-ms {
    margin-left: var(--semantic-space-inner-ms)
}

.u-mx-ms {
    margin-left: var(--semantic-space-inner-ms);
    margin-right: var(--semantic-space-inner-ms)
}

.u-my-ms {
    margin-top: var(--semantic-space-inner-ms);
    margin-bottom: var(--semantic-space-inner-ms)
}

.u-m-mms {
    margin: var(--semantic-space-inner-mms)
}

.u-mt-mms {
    margin-top: var(--semantic-space-inner-mms)
}

.u-mr-mms {
    margin-right: var(--semantic-space-inner-mms)
}

.u-mb-mms {
    margin-bottom: var(--semantic-space-inner-mms)
}

.u-ml-mms {
    margin-left: var(--semantic-space-inner-mms)
}

.u-mx-mms {
    margin-left: var(--semantic-space-inner-mms);
    margin-right: var(--semantic-space-inner-mms)
}

.u-my-mms {
    margin-top: var(--semantic-space-inner-mms);
    margin-bottom: var(--semantic-space-inner-mms)
}

.u-m-m {
    margin: var(--semantic-space-inner-m)
}

.u-mt-m {
    margin-top: var(--semantic-space-inner-m)
}

.u-mr-m {
    margin-right: var(--semantic-space-inner-m)
}

.u-mb-m {
    margin-bottom: var(--semantic-space-inner-m)
}

.u-ml-m {
    margin-left: var(--semantic-space-inner-m)
}

.u-mx-m {
    margin-left: var(--semantic-space-inner-m);
    margin-right: var(--semantic-space-inner-m)
}

.u-my-m {
    margin-top: var(--semantic-space-inner-m);
    margin-bottom: var(--semantic-space-inner-m)
}

.u-m-ml {
    margin: var(--semantic-space-inner-ml)
}

.u-mt-ml {
    margin-top: var(--semantic-space-inner-ml)
}

.u-mr-ml {
    margin-right: var(--semantic-space-inner-ml)
}

.u-mb-ml {
    margin-bottom: var(--semantic-space-inner-ml)
}

.u-ml-ml {
    margin-left: var(--semantic-space-inner-ml)
}

.u-mx-ml {
    margin-left: var(--semantic-space-inner-ml);
    margin-right: var(--semantic-space-inner-ml)
}

.u-my-ml {
    margin-top: var(--semantic-space-inner-ml);
    margin-bottom: var(--semantic-space-inner-ml)
}

.u-m-l {
    margin: var(--semantic-space-inner-l)
}

.u-mt-l {
    margin-top: var(--semantic-space-inner-l)
}

.u-mr-l {
    margin-right: var(--semantic-space-inner-l)
}

.u-mb-l {
    margin-bottom: var(--semantic-space-inner-l)
}

.u-ml-l {
    margin-left: var(--semantic-space-inner-l)
}

.u-mx-l {
    margin-left: var(--semantic-space-inner-l);
    margin-right: var(--semantic-space-inner-l)
}

.u-my-l {
    margin-top: var(--semantic-space-inner-l);
    margin-bottom: var(--semantic-space-inner-l)
}

.u-m-ll {
    margin: var(--semantic-space-inner-ll)
}

.u-mt-ll {
    margin-top: var(--semantic-space-inner-ll)
}

.u-mr-ll {
    margin-right: var(--semantic-space-inner-ll)
}

.u-mb-ll {
    margin-bottom: var(--semantic-space-inner-ll)
}

.u-ml-ll {
    margin-left: var(--semantic-space-inner-ll)
}

.u-mx-ll {
    margin-left: var(--semantic-space-inner-ll);
    margin-right: var(--semantic-space-inner-ll)
}

.u-my-ll {
    margin-top: var(--semantic-space-inner-ll);
    margin-bottom: var(--semantic-space-inner-ll)
}

.u-m-lll {
    margin: var(--semantic-space-inner-lll)
}

.u-mt-lll {
    margin-top: var(--semantic-space-inner-lll)
}

.u-mr-lll {
    margin-right: var(--semantic-space-inner-lll)
}

.u-mb-lll {
    margin-bottom: var(--semantic-space-inner-lll)
}

.u-ml-lll {
    margin-left: var(--semantic-space-inner-lll)
}

.u-mx-lll {
    margin-left: var(--semantic-space-inner-lll);
    margin-right: var(--semantic-space-inner-lll)
}

.u-my-lll {
    margin-top: var(--semantic-space-inner-lll);
    margin-bottom: var(--semantic-space-inner-lll)
}

.u-m-llll {
    margin: var(--semantic-space-inner-llll)
}

.u-mt-llll {
    margin-top: var(--semantic-space-inner-llll)
}

.u-mr-llll {
    margin-right: var(--semantic-space-inner-llll)
}

.u-mb-llll {
    margin-bottom: var(--semantic-space-inner-llll)
}

.u-ml-llll {
    margin-left: var(--semantic-space-inner-llll)
}

.u-mx-llll {
    margin-left: var(--semantic-space-inner-llll);
    margin-right: var(--semantic-space-inner-llll)
}

.u-my-llll {
    margin-top: var(--semantic-space-inner-llll);
    margin-bottom: var(--semantic-space-inner-llll)
}

@media screen and (max-width: 1024px) {
    .md\:u-m-none {
        margin: 0
    }

    .md\:u-mt-none {
        margin-top: 0
    }

    .md\:u-mr-none {
        margin-right: 0
    }

    .md\:u-mb-none {
        margin-bottom: 0
    }

    .md\:u-ml-none {
        margin-left: 0
    }

    .md\:u-mx-none {
        margin-left: 0;
        margin-right: 0
    }

    .md\:u-my-none {
        margin-top: 0;
        margin-bottom: 0
    }

    .md\:u-m-sss {
        margin: var(--semantic-space-inner-sss)
    }

    .md\:u-mt-sss {
        margin-top: var(--semantic-space-inner-sss)
    }

    .md\:u-mr-sss {
        margin-right: var(--semantic-space-inner-sss)
    }

    .md\:u-mb-sss {
        margin-bottom: var(--semantic-space-inner-sss)
    }

    .md\:u-ml-sss {
        margin-left: var(--semantic-space-inner-sss)
    }

    .md\:u-mx-sss {
        margin-left: var(--semantic-space-inner-sss);
        margin-right: var(--semantic-space-inner-sss)
    }

    .md\:u-my-sss {
        margin-top: var(--semantic-space-inner-sss);
        margin-bottom: var(--semantic-space-inner-sss)
    }

    .md\:u-m-ss {
        margin: var(--semantic-space-inner-ss)
    }

    .md\:u-mt-ss {
        margin-top: var(--semantic-space-inner-ss)
    }

    .md\:u-mr-ss {
        margin-right: var(--semantic-space-inner-ss)
    }

    .md\:u-mb-ss {
        margin-bottom: var(--semantic-space-inner-ss)
    }

    .md\:u-ml-ss {
        margin-left: var(--semantic-space-inner-ss)
    }

    .md\:u-mx-ss {
        margin-left: var(--semantic-space-inner-ss);
        margin-right: var(--semantic-space-inner-ss)
    }

    .md\:u-my-ss {
        margin-top: var(--semantic-space-inner-ss);
        margin-bottom: var(--semantic-space-inner-ss)
    }

    .md\:u-m-s {
        margin: var(--semantic-space-inner-s)
    }

    .md\:u-mt-s {
        margin-top: var(--semantic-space-inner-s)
    }

    .md\:u-mr-s {
        margin-right: var(--semantic-space-inner-s)
    }

    .md\:u-mb-s {
        margin-bottom: var(--semantic-space-inner-s)
    }

    .md\:u-ml-s {
        margin-left: var(--semantic-space-inner-s)
    }

    .md\:u-mx-s {
        margin-left: var(--semantic-space-inner-s);
        margin-right: var(--semantic-space-inner-s)
    }

    .md\:u-my-s {
        margin-top: var(--semantic-space-inner-s);
        margin-bottom: var(--semantic-space-inner-s)
    }

    .md\:u-m-ms {
        margin: var(--semantic-space-inner-ms)
    }

    .md\:u-mt-ms {
        margin-top: var(--semantic-space-inner-ms)
    }

    .md\:u-mr-ms {
        margin-right: var(--semantic-space-inner-ms)
    }

    .md\:u-mb-ms {
        margin-bottom: var(--semantic-space-inner-ms)
    }

    .md\:u-ml-ms {
        margin-left: var(--semantic-space-inner-ms)
    }

    .md\:u-mx-ms {
        margin-left: var(--semantic-space-inner-ms);
        margin-right: var(--semantic-space-inner-ms)
    }

    .md\:u-my-ms {
        margin-top: var(--semantic-space-inner-ms);
        margin-bottom: var(--semantic-space-inner-ms)
    }

    .md\:u-m-mms {
        margin: var(--semantic-space-inner-mms)
    }

    .md\:u-mt-mms {
        margin-top: var(--semantic-space-inner-mms)
    }

    .md\:u-mr-mms {
        margin-right: var(--semantic-space-inner-mms)
    }

    .md\:u-mb-mms {
        margin-bottom: var(--semantic-space-inner-mms)
    }

    .md\:u-ml-mms {
        margin-left: var(--semantic-space-inner-mms)
    }

    .md\:u-mx-mms {
        margin-left: var(--semantic-space-inner-mms);
        margin-right: var(--semantic-space-inner-mms)
    }

    .md\:u-my-mms {
        margin-top: var(--semantic-space-inner-mms);
        margin-bottom: var(--semantic-space-inner-mms)
    }

    .md\:u-m-m {
        margin: var(--semantic-space-inner-m)
    }

    .md\:u-mt-m {
        margin-top: var(--semantic-space-inner-m)
    }

    .md\:u-mr-m {
        margin-right: var(--semantic-space-inner-m)
    }

    .md\:u-mb-m {
        margin-bottom: var(--semantic-space-inner-m)
    }

    .md\:u-ml-m {
        margin-left: var(--semantic-space-inner-m)
    }

    .md\:u-mx-m {
        margin-left: var(--semantic-space-inner-m);
        margin-right: var(--semantic-space-inner-m)
    }

    .md\:u-my-m {
        margin-top: var(--semantic-space-inner-m);
        margin-bottom: var(--semantic-space-inner-m)
    }

    .md\:u-m-ml {
        margin: var(--semantic-space-inner-ml)
    }

    .md\:u-mt-ml {
        margin-top: var(--semantic-space-inner-ml)
    }

    .md\:u-mr-ml {
        margin-right: var(--semantic-space-inner-ml)
    }

    .md\:u-mb-ml {
        margin-bottom: var(--semantic-space-inner-ml)
    }

    .md\:u-ml-ml {
        margin-left: var(--semantic-space-inner-ml)
    }

    .md\:u-mx-ml {
        margin-left: var(--semantic-space-inner-ml);
        margin-right: var(--semantic-space-inner-ml)
    }

    .md\:u-my-ml {
        margin-top: var(--semantic-space-inner-ml);
        margin-bottom: var(--semantic-space-inner-ml)
    }

    .md\:u-m-l {
        margin: var(--semantic-space-inner-l)
    }

    .md\:u-mt-l {
        margin-top: var(--semantic-space-inner-l)
    }

    .md\:u-mr-l {
        margin-right: var(--semantic-space-inner-l)
    }

    .md\:u-mb-l {
        margin-bottom: var(--semantic-space-inner-l)
    }

    .md\:u-ml-l {
        margin-left: var(--semantic-space-inner-l)
    }

    .md\:u-mx-l {
        margin-left: var(--semantic-space-inner-l);
        margin-right: var(--semantic-space-inner-l)
    }

    .md\:u-my-l {
        margin-top: var(--semantic-space-inner-l);
        margin-bottom: var(--semantic-space-inner-l)
    }

    .md\:u-m-ll {
        margin: var(--semantic-space-inner-ll)
    }

    .md\:u-mt-ll {
        margin-top: var(--semantic-space-inner-ll)
    }

    .md\:u-mr-ll {
        margin-right: var(--semantic-space-inner-ll)
    }

    .md\:u-mb-ll {
        margin-bottom: var(--semantic-space-inner-ll)
    }

    .md\:u-ml-ll {
        margin-left: var(--semantic-space-inner-ll)
    }

    .md\:u-mx-ll {
        margin-left: var(--semantic-space-inner-ll);
        margin-right: var(--semantic-space-inner-ll)
    }

    .md\:u-my-ll {
        margin-top: var(--semantic-space-inner-ll);
        margin-bottom: var(--semantic-space-inner-ll)
    }

    .md\:u-m-lll {
        margin: var(--semantic-space-inner-lll)
    }

    .md\:u-mt-lll {
        margin-top: var(--semantic-space-inner-lll)
    }

    .md\:u-mr-lll {
        margin-right: var(--semantic-space-inner-lll)
    }

    .md\:u-mb-lll {
        margin-bottom: var(--semantic-space-inner-lll)
    }

    .md\:u-ml-lll {
        margin-left: var(--semantic-space-inner-lll)
    }

    .md\:u-mx-lll {
        margin-left: var(--semantic-space-inner-lll);
        margin-right: var(--semantic-space-inner-lll)
    }

    .md\:u-my-lll {
        margin-top: var(--semantic-space-inner-lll);
        margin-bottom: var(--semantic-space-inner-lll)
    }

    .md\:u-m-llll {
        margin: var(--semantic-space-inner-llll)
    }

    .md\:u-mt-llll {
        margin-top: var(--semantic-space-inner-llll)
    }

    .md\:u-mr-llll {
        margin-right: var(--semantic-space-inner-llll)
    }

    .md\:u-mb-llll {
        margin-bottom: var(--semantic-space-inner-llll)
    }

    .md\:u-ml-llll {
        margin-left: var(--semantic-space-inner-llll)
    }

    .md\:u-mx-llll {
        margin-left: var(--semantic-space-inner-llll);
        margin-right: var(--semantic-space-inner-llll)
    }

    .md\:u-my-llll {
        margin-top: var(--semantic-space-inner-llll);
        margin-bottom: var(--semantic-space-inner-llll)
    }
}

@media screen and (max-width: 767px) {
    .sm\:u-m-none {
        margin: 0
    }

    .sm\:u-mt-none {
        margin-top: 0
    }

    .sm\:u-mr-none {
        margin-right: 0
    }

    .sm\:u-mb-none {
        margin-bottom: 0
    }

    .sm\:u-ml-none {
        margin-left: 0
    }

    .sm\:u-mx-none {
        margin-left: 0;
        margin-right: 0
    }

    .sm\:u-my-none {
        margin-top: 0;
        margin-bottom: 0
    }

    .sm\:u-m-sss {
        margin: var(--semantic-space-inner-sss)
    }

    .sm\:u-mt-sss {
        margin-top: var(--semantic-space-inner-sss)
    }

    .sm\:u-mr-sss {
        margin-right: var(--semantic-space-inner-sss)
    }

    .sm\:u-mb-sss {
        margin-bottom: var(--semantic-space-inner-sss)
    }

    .sm\:u-ml-sss {
        margin-left: var(--semantic-space-inner-sss)
    }

    .sm\:u-mx-sss {
        margin-left: var(--semantic-space-inner-sss);
        margin-right: var(--semantic-space-inner-sss)
    }

    .sm\:u-my-sss {
        margin-top: var(--semantic-space-inner-sss);
        margin-bottom: var(--semantic-space-inner-sss)
    }

    .sm\:u-m-ss {
        margin: var(--semantic-space-inner-ss)
    }

    .sm\:u-mt-ss {
        margin-top: var(--semantic-space-inner-ss)
    }

    .sm\:u-mr-ss {
        margin-right: var(--semantic-space-inner-ss)
    }

    .sm\:u-mb-ss {
        margin-bottom: var(--semantic-space-inner-ss)
    }

    .sm\:u-ml-ss {
        margin-left: var(--semantic-space-inner-ss)
    }

    .sm\:u-mx-ss {
        margin-left: var(--semantic-space-inner-ss);
        margin-right: var(--semantic-space-inner-ss)
    }

    .sm\:u-my-ss {
        margin-top: var(--semantic-space-inner-ss);
        margin-bottom: var(--semantic-space-inner-ss)
    }

    .sm\:u-m-s {
        margin: var(--semantic-space-inner-s)
    }

    .sm\:u-mt-s {
        margin-top: var(--semantic-space-inner-s)
    }

    .sm\:u-mr-s {
        margin-right: var(--semantic-space-inner-s)
    }

    .sm\:u-mb-s {
        margin-bottom: var(--semantic-space-inner-s)
    }

    .sm\:u-ml-s {
        margin-left: var(--semantic-space-inner-s)
    }

    .sm\:u-mx-s {
        margin-left: var(--semantic-space-inner-s);
        margin-right: var(--semantic-space-inner-s)
    }

    .sm\:u-my-s {
        margin-top: var(--semantic-space-inner-s);
        margin-bottom: var(--semantic-space-inner-s)
    }

    .sm\:u-m-ms {
        margin: var(--semantic-space-inner-ms)
    }

    .sm\:u-mt-ms {
        margin-top: var(--semantic-space-inner-ms)
    }

    .sm\:u-mr-ms {
        margin-right: var(--semantic-space-inner-ms)
    }

    .sm\:u-mb-ms {
        margin-bottom: var(--semantic-space-inner-ms)
    }

    .sm\:u-ml-ms {
        margin-left: var(--semantic-space-inner-ms)
    }

    .sm\:u-mx-ms {
        margin-left: var(--semantic-space-inner-ms);
        margin-right: var(--semantic-space-inner-ms)
    }

    .sm\:u-my-ms {
        margin-top: var(--semantic-space-inner-ms);
        margin-bottom: var(--semantic-space-inner-ms)
    }

    .sm\:u-m-mms {
        margin: var(--semantic-space-inner-mms)
    }

    .sm\:u-mt-mms {
        margin-top: var(--semantic-space-inner-mms)
    }

    .sm\:u-mr-mms {
        margin-right: var(--semantic-space-inner-mms)
    }

    .sm\:u-mb-mms {
        margin-bottom: var(--semantic-space-inner-mms)
    }

    .sm\:u-ml-mms {
        margin-left: var(--semantic-space-inner-mms)
    }

    .sm\:u-mx-mms {
        margin-left: var(--semantic-space-inner-mms);
        margin-right: var(--semantic-space-inner-mms)
    }

    .sm\:u-my-mms {
        margin-top: var(--semantic-space-inner-mms);
        margin-bottom: var(--semantic-space-inner-mms)
    }

    .sm\:u-m-m {
        margin: var(--semantic-space-inner-m)
    }

    .sm\:u-mt-m {
        margin-top: var(--semantic-space-inner-m)
    }

    .sm\:u-mr-m {
        margin-right: var(--semantic-space-inner-m)
    }

    .sm\:u-mb-m {
        margin-bottom: var(--semantic-space-inner-m)
    }

    .sm\:u-ml-m {
        margin-left: var(--semantic-space-inner-m)
    }

    .sm\:u-mx-m {
        margin-left: var(--semantic-space-inner-m);
        margin-right: var(--semantic-space-inner-m)
    }

    .sm\:u-my-m {
        margin-top: var(--semantic-space-inner-m);
        margin-bottom: var(--semantic-space-inner-m)
    }

    .sm\:u-m-ml {
        margin: var(--semantic-space-inner-ml)
    }

    .sm\:u-mt-ml {
        margin-top: var(--semantic-space-inner-ml)
    }

    .sm\:u-mr-ml {
        margin-right: var(--semantic-space-inner-ml)
    }

    .sm\:u-mb-ml {
        margin-bottom: var(--semantic-space-inner-ml)
    }

    .sm\:u-ml-ml {
        margin-left: var(--semantic-space-inner-ml)
    }

    .sm\:u-mx-ml {
        margin-left: var(--semantic-space-inner-ml);
        margin-right: var(--semantic-space-inner-ml)
    }

    .sm\:u-my-ml {
        margin-top: var(--semantic-space-inner-ml);
        margin-bottom: var(--semantic-space-inner-ml)
    }

    .sm\:u-m-l {
        margin: var(--semantic-space-inner-l)
    }

    .sm\:u-mt-l {
        margin-top: var(--semantic-space-inner-l)
    }

    .sm\:u-mr-l {
        margin-right: var(--semantic-space-inner-l)
    }

    .sm\:u-mb-l {
        margin-bottom: var(--semantic-space-inner-l)
    }

    .sm\:u-ml-l {
        margin-left: var(--semantic-space-inner-l)
    }

    .sm\:u-mx-l {
        margin-left: var(--semantic-space-inner-l);
        margin-right: var(--semantic-space-inner-l)
    }

    .sm\:u-my-l {
        margin-top: var(--semantic-space-inner-l);
        margin-bottom: var(--semantic-space-inner-l)
    }

    .sm\:u-m-ll {
        margin: var(--semantic-space-inner-ll)
    }

    .sm\:u-mt-ll {
        margin-top: var(--semantic-space-inner-ll)
    }

    .sm\:u-mr-ll {
        margin-right: var(--semantic-space-inner-ll)
    }

    .sm\:u-mb-ll {
        margin-bottom: var(--semantic-space-inner-ll)
    }

    .sm\:u-ml-ll {
        margin-left: var(--semantic-space-inner-ll)
    }

    .sm\:u-mx-ll {
        margin-left: var(--semantic-space-inner-ll);
        margin-right: var(--semantic-space-inner-ll)
    }

    .sm\:u-my-ll {
        margin-top: var(--semantic-space-inner-ll);
        margin-bottom: var(--semantic-space-inner-ll)
    }

    .sm\:u-m-lll {
        margin: var(--semantic-space-inner-lll)
    }

    .sm\:u-mt-lll {
        margin-top: var(--semantic-space-inner-lll)
    }

    .sm\:u-mr-lll {
        margin-right: var(--semantic-space-inner-lll)
    }

    .sm\:u-mb-lll {
        margin-bottom: var(--semantic-space-inner-lll)
    }

    .sm\:u-ml-lll {
        margin-left: var(--semantic-space-inner-lll)
    }

    .sm\:u-mx-lll {
        margin-left: var(--semantic-space-inner-lll);
        margin-right: var(--semantic-space-inner-lll)
    }

    .sm\:u-my-lll {
        margin-top: var(--semantic-space-inner-lll);
        margin-bottom: var(--semantic-space-inner-lll)
    }

    .sm\:u-m-llll {
        margin: var(--semantic-space-inner-llll)
    }

    .sm\:u-mt-llll {
        margin-top: var(--semantic-space-inner-llll)
    }

    .sm\:u-mr-llll {
        margin-right: var(--semantic-space-inner-llll)
    }

    .sm\:u-mb-llll {
        margin-bottom: var(--semantic-space-inner-llll)
    }

    .sm\:u-ml-llll {
        margin-left: var(--semantic-space-inner-llll)
    }

    .sm\:u-mx-llll {
        margin-left: var(--semantic-space-inner-llll);
        margin-right: var(--semantic-space-inner-llll)
    }

    .sm\:u-my-llll {
        margin-top: var(--semantic-space-inner-llll);
        margin-bottom: var(--semantic-space-inner-llll)
    }
}

.u-p-none {
    padding: 0
}

.u-pt-none {
    padding-top: 0
}

.u-pr-none {
    padding-right: 0
}

.u-pb-none {
    padding-bottom: 0
}

.u-pl-none {
    padding-left: 0
}

.u-px-none {
    padding-left: 0;
    padding-right: 0
}

.u-py-none {
    padding-top: 0;
    padding-bottom: 0
}

.u-p-sss {
    padding: var(--semantic-space-inner-sss)
}

.u-pt-sss {
    padding-top: var(--semantic-space-inner-sss)
}

.u-pr-sss {
    padding-right: var(--semantic-space-inner-sss)
}

.u-pb-sss {
    padding-bottom: var(--semantic-space-inner-sss)
}

.u-pl-sss {
    padding-left: var(--semantic-space-inner-sss)
}

.u-px-sss {
    padding-left: var(--semantic-space-inner-sss);
    padding-right: var(--semantic-space-inner-sss)
}

.u-py-sss {
    padding-top: var(--semantic-space-inner-sss);
    padding-bottom: var(--semantic-space-inner-sss)
}

.u-p-ss {
    padding: var(--semantic-space-inner-ss)
}

.u-pt-ss {
    padding-top: var(--semantic-space-inner-ss)
}

.u-pr-ss {
    padding-right: var(--semantic-space-inner-ss)
}

.u-pb-ss {
    padding-bottom: var(--semantic-space-inner-ss)
}

.u-pl-ss {
    padding-left: var(--semantic-space-inner-ss)
}

.u-px-ss {
    padding-left: var(--semantic-space-inner-ss);
    padding-right: var(--semantic-space-inner-ss)
}

.u-py-ss {
    padding-top: var(--semantic-space-inner-ss);
    padding-bottom: var(--semantic-space-inner-ss)
}

.u-p-s {
    padding: var(--semantic-space-inner-s)
}

.u-pt-s {
    padding-top: var(--semantic-space-inner-s)
}

.u-pr-s {
    padding-right: var(--semantic-space-inner-s)
}

.u-pb-s {
    padding-bottom: var(--semantic-space-inner-s)
}

.u-pl-s {
    padding-left: var(--semantic-space-inner-s)
}

.u-px-s {
    padding-left: var(--semantic-space-inner-s);
    padding-right: var(--semantic-space-inner-s)
}

.u-py-s {
    padding-top: var(--semantic-space-inner-s);
    padding-bottom: var(--semantic-space-inner-s)
}

.u-p-ms {
    padding: var(--semantic-space-inner-ms)
}

.u-pt-ms {
    padding-top: var(--semantic-space-inner-ms)
}

.u-pr-ms {
    padding-right: var(--semantic-space-inner-ms)
}

.u-pb-ms {
    padding-bottom: var(--semantic-space-inner-ms)
}

.u-pl-ms {
    padding-left: var(--semantic-space-inner-ms)
}

.u-px-ms {
    padding-left: var(--semantic-space-inner-ms);
    padding-right: var(--semantic-space-inner-ms)
}

.u-py-ms {
    padding-top: var(--semantic-space-inner-ms);
    padding-bottom: var(--semantic-space-inner-ms)
}

.u-p-mms {
    padding: var(--semantic-space-inner-mms)
}

.u-pt-mms {
    padding-top: var(--semantic-space-inner-mms)
}

.u-pr-mms {
    padding-right: var(--semantic-space-inner-mms)
}

.u-pb-mms {
    padding-bottom: var(--semantic-space-inner-mms)
}

.u-pl-mms {
    padding-left: var(--semantic-space-inner-mms)
}

.u-px-mms {
    padding-left: var(--semantic-space-inner-mms);
    padding-right: var(--semantic-space-inner-mms)
}

.u-py-mms {
    padding-top: var(--semantic-space-inner-mms);
    padding-bottom: var(--semantic-space-inner-mms)
}

.u-p-m {
    padding: var(--semantic-space-inner-m)
}

.u-pt-m {
    padding-top: var(--semantic-space-inner-m)
}

.u-pr-m {
    padding-right: var(--semantic-space-inner-m)
}

.u-pb-m {
    padding-bottom: var(--semantic-space-inner-m)
}

.u-pl-m {
    padding-left: var(--semantic-space-inner-m)
}

.u-px-m {
    padding-left: var(--semantic-space-inner-m);
    padding-right: var(--semantic-space-inner-m)
}

.u-py-m {
    padding-top: var(--semantic-space-inner-m);
    padding-bottom: var(--semantic-space-inner-m)
}

.u-p-ml {
    padding: var(--semantic-space-inner-ml)
}

.u-pt-ml {
    padding-top: var(--semantic-space-inner-ml)
}

.u-pr-ml {
    padding-right: var(--semantic-space-inner-ml)
}

.u-pb-ml {
    padding-bottom: var(--semantic-space-inner-ml)
}

.u-pl-ml {
    padding-left: var(--semantic-space-inner-ml)
}

.u-px-ml {
    padding-left: var(--semantic-space-inner-ml);
    padding-right: var(--semantic-space-inner-ml)
}

.u-py-ml {
    padding-top: var(--semantic-space-inner-ml);
    padding-bottom: var(--semantic-space-inner-ml)
}

.u-p-l {
    padding: var(--semantic-space-inner-l)
}

.u-pt-l {
    padding-top: var(--semantic-space-inner-l)
}

.u-pr-l {
    padding-right: var(--semantic-space-inner-l)
}

.u-pb-l {
    padding-bottom: var(--semantic-space-inner-l)
}

.u-pl-l {
    padding-left: var(--semantic-space-inner-l)
}

.u-px-l {
    padding-left: var(--semantic-space-inner-l);
    padding-right: var(--semantic-space-inner-l)
}

.u-py-l {
    padding-top: var(--semantic-space-inner-l);
    padding-bottom: var(--semantic-space-inner-l)
}

.u-p-ll {
    padding: var(--semantic-space-inner-ll)
}

.u-pt-ll {
    padding-top: var(--semantic-space-inner-ll)
}

.u-pr-ll {
    padding-right: var(--semantic-space-inner-ll)
}

.u-pb-ll {
    padding-bottom: var(--semantic-space-inner-ll)
}

.u-pl-ll {
    padding-left: var(--semantic-space-inner-ll)
}

.u-px-ll {
    padding-left: var(--semantic-space-inner-ll);
    padding-right: var(--semantic-space-inner-ll)
}

.u-py-ll {
    padding-top: var(--semantic-space-inner-ll);
    padding-bottom: var(--semantic-space-inner-ll)
}

.u-p-lll {
    padding: var(--semantic-space-inner-lll)
}

.u-pt-lll {
    padding-top: var(--semantic-space-inner-lll)
}

.u-pr-lll {
    padding-right: var(--semantic-space-inner-lll)
}

.u-pb-lll {
    padding-bottom: var(--semantic-space-inner-lll)
}

.u-pl-lll {
    padding-left: var(--semantic-space-inner-lll)
}

.u-px-lll {
    padding-left: var(--semantic-space-inner-lll);
    padding-right: var(--semantic-space-inner-lll)
}

.u-py-lll {
    padding-top: var(--semantic-space-inner-lll);
    padding-bottom: var(--semantic-space-inner-lll)
}

.u-p-llll {
    padding: var(--semantic-space-inner-llll)
}

.u-pt-llll {
    padding-top: var(--semantic-space-inner-llll)
}

.u-pr-llll {
    padding-right: var(--semantic-space-inner-llll)
}

.u-pb-llll {
    padding-bottom: var(--semantic-space-inner-llll)
}

.u-pl-llll {
    padding-left: var(--semantic-space-inner-llll)
}

.u-px-llll {
    padding-left: var(--semantic-space-inner-llll);
    padding-right: var(--semantic-space-inner-llll)
}

.u-py-llll {
    padding-top: var(--semantic-space-inner-llll);
    padding-bottom: var(--semantic-space-inner-llll)
}

@media screen and (max-width: 1024px) {
    .md\:u-p-none {
        padding: 0
    }

    .md\:u-pt-none {
        padding-top: 0
    }

    .md\:u-pr-none {
        padding-right: 0
    }

    .md\:u-pb-none {
        padding-bottom: 0
    }

    .md\:u-pl-none {
        padding-left: 0
    }

    .md\:u-px-none {
        padding-left: 0;
        padding-right: 0
    }

    .md\:u-py-none {
        padding-top: 0;
        padding-bottom: 0
    }

    .md\:u-p-sss {
        padding: var(--semantic-space-inner-sss)
    }

    .md\:u-pt-sss {
        padding-top: var(--semantic-space-inner-sss)
    }

    .md\:u-pr-sss {
        padding-right: var(--semantic-space-inner-sss)
    }

    .md\:u-pb-sss {
        padding-bottom: var(--semantic-space-inner-sss)
    }

    .md\:u-pl-sss {
        padding-left: var(--semantic-space-inner-sss)
    }

    .md\:u-px-sss {
        padding-left: var(--semantic-space-inner-sss);
        padding-right: var(--semantic-space-inner-sss)
    }

    .md\:u-py-sss {
        padding-top: var(--semantic-space-inner-sss);
        padding-bottom: var(--semantic-space-inner-sss)
    }

    .md\:u-p-ss {
        padding: var(--semantic-space-inner-ss)
    }

    .md\:u-pt-ss {
        padding-top: var(--semantic-space-inner-ss)
    }

    .md\:u-pr-ss {
        padding-right: var(--semantic-space-inner-ss)
    }

    .md\:u-pb-ss {
        padding-bottom: var(--semantic-space-inner-ss)
    }

    .md\:u-pl-ss {
        padding-left: var(--semantic-space-inner-ss)
    }

    .md\:u-px-ss {
        padding-left: var(--semantic-space-inner-ss);
        padding-right: var(--semantic-space-inner-ss)
    }

    .md\:u-py-ss {
        padding-top: var(--semantic-space-inner-ss);
        padding-bottom: var(--semantic-space-inner-ss)
    }

    .md\:u-p-s {
        padding: var(--semantic-space-inner-s)
    }

    .md\:u-pt-s {
        padding-top: var(--semantic-space-inner-s)
    }

    .md\:u-pr-s {
        padding-right: var(--semantic-space-inner-s)
    }

    .md\:u-pb-s {
        padding-bottom: var(--semantic-space-inner-s)
    }

    .md\:u-pl-s {
        padding-left: var(--semantic-space-inner-s)
    }

    .md\:u-px-s {
        padding-left: var(--semantic-space-inner-s);
        padding-right: var(--semantic-space-inner-s)
    }

    .md\:u-py-s {
        padding-top: var(--semantic-space-inner-s);
        padding-bottom: var(--semantic-space-inner-s)
    }

    .md\:u-p-ms {
        padding: var(--semantic-space-inner-ms)
    }

    .md\:u-pt-ms {
        padding-top: var(--semantic-space-inner-ms)
    }

    .md\:u-pr-ms {
        padding-right: var(--semantic-space-inner-ms)
    }

    .md\:u-pb-ms {
        padding-bottom: var(--semantic-space-inner-ms)
    }

    .md\:u-pl-ms {
        padding-left: var(--semantic-space-inner-ms)
    }

    .md\:u-px-ms {
        padding-left: var(--semantic-space-inner-ms);
        padding-right: var(--semantic-space-inner-ms)
    }

    .md\:u-py-ms {
        padding-top: var(--semantic-space-inner-ms);
        padding-bottom: var(--semantic-space-inner-ms)
    }

    .md\:u-p-mms {
        padding: var(--semantic-space-inner-mms)
    }

    .md\:u-pt-mms {
        padding-top: var(--semantic-space-inner-mms)
    }

    .md\:u-pr-mms {
        padding-right: var(--semantic-space-inner-mms)
    }

    .md\:u-pb-mms {
        padding-bottom: var(--semantic-space-inner-mms)
    }

    .md\:u-pl-mms {
        padding-left: var(--semantic-space-inner-mms)
    }

    .md\:u-px-mms {
        padding-left: var(--semantic-space-inner-mms);
        padding-right: var(--semantic-space-inner-mms)
    }

    .md\:u-py-mms {
        padding-top: var(--semantic-space-inner-mms);
        padding-bottom: var(--semantic-space-inner-mms)
    }

    .md\:u-p-m {
        padding: var(--semantic-space-inner-m)
    }

    .md\:u-pt-m {
        padding-top: var(--semantic-space-inner-m)
    }

    .md\:u-pr-m {
        padding-right: var(--semantic-space-inner-m)
    }

    .md\:u-pb-m {
        padding-bottom: var(--semantic-space-inner-m)
    }

    .md\:u-pl-m {
        padding-left: var(--semantic-space-inner-m)
    }

    .md\:u-px-m {
        padding-left: var(--semantic-space-inner-m);
        padding-right: var(--semantic-space-inner-m)
    }

    .md\:u-py-m {
        padding-top: var(--semantic-space-inner-m);
        padding-bottom: var(--semantic-space-inner-m)
    }

    .md\:u-p-ml {
        padding: var(--semantic-space-inner-ml)
    }

    .md\:u-pt-ml {
        padding-top: var(--semantic-space-inner-ml)
    }

    .md\:u-pr-ml {
        padding-right: var(--semantic-space-inner-ml)
    }

    .md\:u-pb-ml {
        padding-bottom: var(--semantic-space-inner-ml)
    }

    .md\:u-pl-ml {
        padding-left: var(--semantic-space-inner-ml)
    }

    .md\:u-px-ml {
        padding-left: var(--semantic-space-inner-ml);
        padding-right: var(--semantic-space-inner-ml)
    }

    .md\:u-py-ml {
        padding-top: var(--semantic-space-inner-ml);
        padding-bottom: var(--semantic-space-inner-ml)
    }

    .md\:u-p-l {
        padding: var(--semantic-space-inner-l)
    }

    .md\:u-pt-l {
        padding-top: var(--semantic-space-inner-l)
    }

    .md\:u-pr-l {
        padding-right: var(--semantic-space-inner-l)
    }

    .md\:u-pb-l {
        padding-bottom: var(--semantic-space-inner-l)
    }

    .md\:u-pl-l {
        padding-left: var(--semantic-space-inner-l)
    }

    .md\:u-px-l {
        padding-left: var(--semantic-space-inner-l);
        padding-right: var(--semantic-space-inner-l)
    }

    .md\:u-py-l {
        padding-top: var(--semantic-space-inner-l);
        padding-bottom: var(--semantic-space-inner-l)
    }

    .md\:u-p-ll {
        padding: var(--semantic-space-inner-ll)
    }

    .md\:u-pt-ll {
        padding-top: var(--semantic-space-inner-ll)
    }

    .md\:u-pr-ll {
        padding-right: var(--semantic-space-inner-ll)
    }

    .md\:u-pb-ll {
        padding-bottom: var(--semantic-space-inner-ll)
    }

    .md\:u-pl-ll {
        padding-left: var(--semantic-space-inner-ll)
    }

    .md\:u-px-ll {
        padding-left: var(--semantic-space-inner-ll);
        padding-right: var(--semantic-space-inner-ll)
    }

    .md\:u-py-ll {
        padding-top: var(--semantic-space-inner-ll);
        padding-bottom: var(--semantic-space-inner-ll)
    }

    .md\:u-p-lll {
        padding: var(--semantic-space-inner-lll)
    }

    .md\:u-pt-lll {
        padding-top: var(--semantic-space-inner-lll)
    }

    .md\:u-pr-lll {
        padding-right: var(--semantic-space-inner-lll)
    }

    .md\:u-pb-lll {
        padding-bottom: var(--semantic-space-inner-lll)
    }

    .md\:u-pl-lll {
        padding-left: var(--semantic-space-inner-lll)
    }

    .md\:u-px-lll {
        padding-left: var(--semantic-space-inner-lll);
        padding-right: var(--semantic-space-inner-lll)
    }

    .md\:u-py-lll {
        padding-top: var(--semantic-space-inner-lll);
        padding-bottom: var(--semantic-space-inner-lll)
    }

    .md\:u-p-llll {
        padding: var(--semantic-space-inner-llll)
    }

    .md\:u-pt-llll {
        padding-top: var(--semantic-space-inner-llll)
    }

    .md\:u-pr-llll {
        padding-right: var(--semantic-space-inner-llll)
    }

    .md\:u-pb-llll {
        padding-bottom: var(--semantic-space-inner-llll)
    }

    .md\:u-pl-llll {
        padding-left: var(--semantic-space-inner-llll)
    }

    .md\:u-px-llll {
        padding-left: var(--semantic-space-inner-llll);
        padding-right: var(--semantic-space-inner-llll)
    }

    .md\:u-py-llll {
        padding-top: var(--semantic-space-inner-llll);
        padding-bottom: var(--semantic-space-inner-llll)
    }
}

@media screen and (max-width: 767px) {
    .sm\:u-p-none {
        padding: 0
    }

    .sm\:u-pt-none {
        padding-top: 0
    }

    .sm\:u-pr-none {
        padding-right: 0
    }

    .sm\:u-pb-none {
        padding-bottom: 0
    }

    .sm\:u-pl-none {
        padding-left: 0
    }

    .sm\:u-px-none {
        padding-left: 0;
        padding-right: 0
    }

    .sm\:u-py-none {
        padding-top: 0;
        padding-bottom: 0
    }

    .sm\:u-p-sss {
        padding: var(--semantic-space-inner-sss)
    }

    .sm\:u-pt-sss {
        padding-top: var(--semantic-space-inner-sss)
    }

    .sm\:u-pr-sss {
        padding-right: var(--semantic-space-inner-sss)
    }

    .sm\:u-pb-sss {
        padding-bottom: var(--semantic-space-inner-sss)
    }

    .sm\:u-pl-sss {
        padding-left: var(--semantic-space-inner-sss)
    }

    .sm\:u-px-sss {
        padding-left: var(--semantic-space-inner-sss);
        padding-right: var(--semantic-space-inner-sss)
    }

    .sm\:u-py-sss {
        padding-top: var(--semantic-space-inner-sss);
        padding-bottom: var(--semantic-space-inner-sss)
    }

    .sm\:u-p-ss {
        padding: var(--semantic-space-inner-ss)
    }

    .sm\:u-pt-ss {
        padding-top: var(--semantic-space-inner-ss)
    }

    .sm\:u-pr-ss {
        padding-right: var(--semantic-space-inner-ss)
    }

    .sm\:u-pb-ss {
        padding-bottom: var(--semantic-space-inner-ss)
    }

    .sm\:u-pl-ss {
        padding-left: var(--semantic-space-inner-ss)
    }

    .sm\:u-px-ss {
        padding-left: var(--semantic-space-inner-ss);
        padding-right: var(--semantic-space-inner-ss)
    }

    .sm\:u-py-ss {
        padding-top: var(--semantic-space-inner-ss);
        padding-bottom: var(--semantic-space-inner-ss)
    }

    .sm\:u-p-s {
        padding: var(--semantic-space-inner-s)
    }

    .sm\:u-pt-s {
        padding-top: var(--semantic-space-inner-s)
    }

    .sm\:u-pr-s {
        padding-right: var(--semantic-space-inner-s)
    }

    .sm\:u-pb-s {
        padding-bottom: var(--semantic-space-inner-s)
    }

    .sm\:u-pl-s {
        padding-left: var(--semantic-space-inner-s)
    }

    .sm\:u-px-s {
        padding-left: var(--semantic-space-inner-s);
        padding-right: var(--semantic-space-inner-s)
    }

    .sm\:u-py-s {
        padding-top: var(--semantic-space-inner-s);
        padding-bottom: var(--semantic-space-inner-s)
    }

    .sm\:u-p-ms {
        padding: var(--semantic-space-inner-ms)
    }

    .sm\:u-pt-ms {
        padding-top: var(--semantic-space-inner-ms)
    }

    .sm\:u-pr-ms {
        padding-right: var(--semantic-space-inner-ms)
    }

    .sm\:u-pb-ms {
        padding-bottom: var(--semantic-space-inner-ms)
    }

    .sm\:u-pl-ms {
        padding-left: var(--semantic-space-inner-ms)
    }

    .sm\:u-px-ms {
        padding-left: var(--semantic-space-inner-ms);
        padding-right: var(--semantic-space-inner-ms)
    }

    .sm\:u-py-ms {
        padding-top: var(--semantic-space-inner-ms);
        padding-bottom: var(--semantic-space-inner-ms)
    }

    .sm\:u-p-mms {
        padding: var(--semantic-space-inner-mms)
    }

    .sm\:u-pt-mms {
        padding-top: var(--semantic-space-inner-mms)
    }

    .sm\:u-pr-mms {
        padding-right: var(--semantic-space-inner-mms)
    }

    .sm\:u-pb-mms {
        padding-bottom: var(--semantic-space-inner-mms)
    }

    .sm\:u-pl-mms {
        padding-left: var(--semantic-space-inner-mms)
    }

    .sm\:u-px-mms {
        padding-left: var(--semantic-space-inner-mms);
        padding-right: var(--semantic-space-inner-mms)
    }

    .sm\:u-py-mms {
        padding-top: var(--semantic-space-inner-mms);
        padding-bottom: var(--semantic-space-inner-mms)
    }

    .sm\:u-p-m {
        padding: var(--semantic-space-inner-m)
    }

    .sm\:u-pt-m {
        padding-top: var(--semantic-space-inner-m)
    }

    .sm\:u-pr-m {
        padding-right: var(--semantic-space-inner-m)
    }

    .sm\:u-pb-m {
        padding-bottom: var(--semantic-space-inner-m)
    }

    .sm\:u-pl-m {
        padding-left: var(--semantic-space-inner-m)
    }

    .sm\:u-px-m {
        padding-left: var(--semantic-space-inner-m);
        padding-right: var(--semantic-space-inner-m)
    }

    .sm\:u-py-m {
        padding-top: var(--semantic-space-inner-m);
        padding-bottom: var(--semantic-space-inner-m)
    }

    .sm\:u-p-ml {
        padding: var(--semantic-space-inner-ml)
    }

    .sm\:u-pt-ml {
        padding-top: var(--semantic-space-inner-ml)
    }

    .sm\:u-pr-ml {
        padding-right: var(--semantic-space-inner-ml)
    }

    .sm\:u-pb-ml {
        padding-bottom: var(--semantic-space-inner-ml)
    }

    .sm\:u-pl-ml {
        padding-left: var(--semantic-space-inner-ml)
    }

    .sm\:u-px-ml {
        padding-left: var(--semantic-space-inner-ml);
        padding-right: var(--semantic-space-inner-ml)
    }

    .sm\:u-py-ml {
        padding-top: var(--semantic-space-inner-ml);
        padding-bottom: var(--semantic-space-inner-ml)
    }

    .sm\:u-p-l {
        padding: var(--semantic-space-inner-l)
    }

    .sm\:u-pt-l {
        padding-top: var(--semantic-space-inner-l)
    }

    .sm\:u-pr-l {
        padding-right: var(--semantic-space-inner-l)
    }

    .sm\:u-pb-l {
        padding-bottom: var(--semantic-space-inner-l)
    }

    .sm\:u-pl-l {
        padding-left: var(--semantic-space-inner-l)
    }

    .sm\:u-px-l {
        padding-left: var(--semantic-space-inner-l);
        padding-right: var(--semantic-space-inner-l)
    }

    .sm\:u-py-l {
        padding-top: var(--semantic-space-inner-l);
        padding-bottom: var(--semantic-space-inner-l)
    }

    .sm\:u-p-ll {
        padding: var(--semantic-space-inner-ll)
    }

    .sm\:u-pt-ll {
        padding-top: var(--semantic-space-inner-ll)
    }

    .sm\:u-pr-ll {
        padding-right: var(--semantic-space-inner-ll)
    }

    .sm\:u-pb-ll {
        padding-bottom: var(--semantic-space-inner-ll)
    }

    .sm\:u-pl-ll {
        padding-left: var(--semantic-space-inner-ll)
    }

    .sm\:u-px-ll {
        padding-left: var(--semantic-space-inner-ll);
        padding-right: var(--semantic-space-inner-ll)
    }

    .sm\:u-py-ll {
        padding-top: var(--semantic-space-inner-ll);
        padding-bottom: var(--semantic-space-inner-ll)
    }

    .sm\:u-p-lll {
        padding: var(--semantic-space-inner-lll)
    }

    .sm\:u-pt-lll {
        padding-top: var(--semantic-space-inner-lll)
    }

    .sm\:u-pr-lll {
        padding-right: var(--semantic-space-inner-lll)
    }

    .sm\:u-pb-lll {
        padding-bottom: var(--semantic-space-inner-lll)
    }

    .sm\:u-pl-lll {
        padding-left: var(--semantic-space-inner-lll)
    }

    .sm\:u-px-lll {
        padding-left: var(--semantic-space-inner-lll);
        padding-right: var(--semantic-space-inner-lll)
    }

    .sm\:u-py-lll {
        padding-top: var(--semantic-space-inner-lll);
        padding-bottom: var(--semantic-space-inner-lll)
    }

    .sm\:u-p-llll {
        padding: var(--semantic-space-inner-llll)
    }

    .sm\:u-pt-llll {
        padding-top: var(--semantic-space-inner-llll)
    }

    .sm\:u-pr-llll {
        padding-right: var(--semantic-space-inner-llll)
    }

    .sm\:u-pb-llll {
        padding-bottom: var(--semantic-space-inner-llll)
    }

    .sm\:u-pl-llll {
        padding-left: var(--semantic-space-inner-llll)
    }

    .sm\:u-px-llll {
        padding-left: var(--semantic-space-inner-llll);
        padding-right: var(--semantic-space-inner-llll)
    }

    .sm\:u-py-llll {
        padding-top: var(--semantic-space-inner-llll);
        padding-bottom: var(--semantic-space-inner-llll)
    }
}

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

.docs-typography_fontWeight,
.docs-typography_fontStyle {
    padding: 20px !important;
    border: 1px solid rgba(38, 85, 115, .15);
    box-shadow: rgba(0, 0, 0, .1) 0 1px 3px 0
}

.docs-typography_fontWeight .c-definitionList__term,
.docs-typography_fontStyle .c-definitionList__term {
    min-width: 140px;
    font-weight: 400;
    color: var(--mono-800)
}

.docs-typography_fontWeight:not(.lang\:en) .c-definitionList__description>p,
.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description>p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 1.7px;
    font-feature-settings: "palt"
}

.docs-typography_fontWeight.lang\:en .c-definitionList__description>p,
.docs-typography_fontStyle.lang\:en .c-definitionList__description>p {
    font-family: "Hind", sans-serif;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: .85px
}

.docs-typography_fontWeight .c-definitionList__item+.c-definitionList__item {
    margin-top: var(--semantic-space-inner-l)
}

.docs-typography_fontWeight .c-definitionList__description.docs-typography_fontWeight-thin {
    font-weight: 100
}

.docs-typography_fontWeight .c-definitionList__description.docs-typography_fontWeight-light {
    font-weight: 300
}

.docs-typography_fontWeight .c-definitionList__description.docs-typography_fontWeight-regular {
    font-weight: 400
}

.docs-typography_fontWeight .c-definitionList__description.docs-typography_fontWeight-medium {
    font-weight: 500
}

.docs-typography_fontWeight .c-definitionList__description.docs-typography_fontWeight-semiBold {
    font-weight: 600
}

.docs-typography_fontWeight .c-definitionList__description.docs-typography_fontWeight-bold {
    font-weight: 700
}

.docs-typography_fontWeight .c-definitionList__description.docs-typography_fontWeight-extraBold {
    font-weight: 800
}

.docs-typography_fontWeight .c-definitionList__description.docs-typography_fontWeight-black {
    font-weight: 900
}

.docs-typography_fontStyle .c-definitionList__item {
    align-items: baseline;
    margin-top: 0
}

.docs-typography_fontStyle .c-definitionList__description {
    overflow: hidden;
    margin-bottom: 0
}

.docs-typography_fontStyle .c-definitionList__description>p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-displayL>p {
    font-size: 60px;
    line-height: 88px;
    letter-spacing: 2.6px;
    font-weight: 400;
    font-feature-settings: "palt"
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-displayL>p {
    font-size: 60px;
    line-height: 80px;
    letter-spacing: 1.8px
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-displayM>p {
    font-size: 48px;
    line-height: 72px;
    letter-spacing: 1.8px;
    font-weight: 400;
    font-feature-settings: "palt"
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-displayM>p {
    font-size: 48px;
    line-height: 64px;
    letter-spacing: 1px
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-displayS>p {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 1.7px;
    font-weight: 400;
    font-feature-settings: "palt"
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-displayS>p {
    font-size: 40px;
    line-height: 52px;
    letter-spacing: .85px
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-headingL>p {
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 1.55px;
    font-weight: 400;
    font-feature-settings: "palt"
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-headingL>p {
    font-size: 32px;
    line-height: 44px;
    letter-spacing: .75px
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-headingM>p {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 1.4px;
    font-weight: 400;
    font-feature-settings: "palt"
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-headingM>p {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: .5px
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-headingS>p {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1.32px;
    font-weight: 400;
    font-feature-settings: "palt"
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-headingS>p {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: .4px
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-titleL>p {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 1.31px;
    font-weight: 400;
    font-feature-settings: "palt"
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-titleL>p {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: .48px
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-titleM>p {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: 1.2px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-titleM>p {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-titleS>p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-titleS>p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-bodyLL>p {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-bodyLL>p {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-bodyL>p {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-bodyL>p {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-bodyM>p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-bodyM>p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-bodyS>p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-bodyS>p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-bodySS>p {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-bodySS>p {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-labelL>p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-labelL>p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .4px
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-labelM>p {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .25px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-labelM>p {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-labelS>p {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: .2px;
    font-weight: 500;
    font-feature-settings: "palt"
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-labelS>p {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: .17px
}

.docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-labelSS>p {
    font-size: 10px;
    line-height: 12px;
    letter-spacing: .17px;
    font-weight: 400;
    font-feature-settings: "palt"
}

html[lang=en] .docs-typography_fontStyle:not(.lang\:en) .c-definitionList__description.docs-typography_fontStyle-labelSS>p {
    font-size: 10px;
    line-height: 12px;
    letter-spacing: .12px
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-displayL>p {
    font-size: 60px;
    line-height: 80px;
    letter-spacing: 1.8px
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-displayM>p {
    font-size: 48px;
    line-height: 64px;
    letter-spacing: 1px
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-displayS>p {
    font-size: 40px;
    line-height: 52px;
    letter-spacing: .85px
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-headingL>p {
    font-size: 32px;
    line-height: 44px;
    letter-spacing: .75px
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-headingM>p {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: .5px
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-headingS>p {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: .4px
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-titleL>p {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: .48px
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-titleM>p {
    font-size: 18.29px;
    line-height: 24px;
    letter-spacing: .4px
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-titleS>p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .36px
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-bodyLL>p {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-bodyL>p {
    font-size: 18.29px;
    line-height: 32px;
    letter-spacing: 0
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-bodyM>p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-bodyS>p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-bodySS>p {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-labelL>p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .4px
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-labelM>p {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-labelS>p {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: .17px
}

.docs-typography_fontStyle.lang\:en .c-definitionList__description.docs-typography_fontStyle-labelSS>p {
    font-size: 10px;
    line-height: 12px;
    letter-spacing: .12px
}

.docs-size {
    list-style: none !important;
    padding: 0 !important;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px
}

.docs-size li {
    margin: 0 !important;
    padding: 10px;
    border: 1px solid rgba(38, 85, 115, .15);
    box-shadow: rgba(0, 0, 0, .1) 0 1px 3px 0
}

.docs-size li::after {
    content: "";
    display: block;
    margin-top: 4px;
    background-color: var(--brand-secondary)
}

.docs-size_icon-ssss::after {
    width: var(--semantic-size-icon-ssss);
    height: var(--semantic-size-icon-ssss)
}

.docs-size_icon-sss::after {
    width: var(--semantic-size-icon-sss);
    height: var(--semantic-size-icon-sss)
}

.docs-size_icon-ss::after {
    width: var(--semantic-size-icon-ss);
    height: var(--semantic-size-icon-ss)
}

.docs-size_icon-s::after {
    width: var(--semantic-size-icon-s);
    height: var(--semantic-size-icon-s)
}

.docs-size_icon-ms::after {
    width: var(--semantic-size-icon-ms);
    height: var(--semantic-size-icon-ms)
}

.docs-size_icon-mms::after {
    width: var(--semantic-size-icon-mms);
    height: var(--semantic-size-icon-mms)
}

.docs-size_icon-m::after {
    width: var(--semantic-size-icon-m);
    height: var(--semantic-size-icon-m)
}

.docs-size_icon-mml::after {
    width: var(--semantic-size-icon-mml);
    height: var(--semantic-size-icon-mml)
}

.docs-size_icon-ml::after {
    width: var(--semantic-size-icon-ml);
    height: var(--semantic-size-icon-ml)
}

.docs-size_icon-l::after {
    width: var(--semantic-size-icon-l);
    height: var(--semantic-size-icon-l)
}

.docs-size_icon-ll::after {
    width: var(--semantic-size-icon-ll);
    height: var(--semantic-size-icon-ll)
}

.docs-size_icon-lll::after {
    width: var(--semantic-size-icon-lll);
    height: var(--semantic-size-icon-lll)
}

.docs-size_section-sss::after {
    width: var(--semantic-size-section-sss);
    height: var(--semantic-size-section-sss)
}

.docs-size_section-ss::after {
    width: var(--semantic-size-section-ss);
    height: var(--semantic-size-section-ss)
}

.docs-size_section-s::after {
    width: var(--semantic-size-section-s);
    height: var(--semantic-size-section-s)
}

.docs-size_section-ms::after {
    width: var(--semantic-size-section-ms);
    height: var(--semantic-size-section-ms)
}

.docs-size_section-m::after {
    width: var(--semantic-size-section-m);
    height: var(--semantic-size-section-m)
}

.docs-size_section-ml::after {
    width: var(--semantic-size-section-ml);
    height: var(--semantic-size-section-ml)
}

.docs-size_section-l::after {
    width: var(--semantic-size-section-l);
    height: var(--semantic-size-section-l)
}

.docs-size_section-ll::after {
    width: var(--semantic-size-section-ll);
    height: var(--semantic-size-section-ll)
}

.docs-size_radius-sss::after {
    width: var(--semantic-size-icon-ss);
    height: var(--semantic-size-icon-ss);
    border-radius: var(--semantic-corner-radius-sss)
}

.docs-size_radius-ss::after {
    width: var(--semantic-size-icon-ms);
    height: var(--semantic-size-icon-ms);
    border-radius: var(--semantic-corner-radius-ss)
}

.docs-size_radius-s::after {
    width: var(--semantic-size-icon-ml);
    height: var(--semantic-size-icon-ml);
    border-radius: var(--semantic-corner-radius-s)
}

.docs-size_radius-ms::after {
    width: var(--semantic-size-icon-lll);
    height: var(--semantic-size-icon-lll);
    border-radius: var(--semantic-corner-radius-ms)
}

.docs-size_radius-m::after {
    width: var(--semantic-size-section-ss);
    height: var(--semantic-size-section-ss);
    border-radius: var(--semantic-corner-radius-m)
}

.docs-size_radius-ml::after {
    width: var(--semantic-size-section-ms);
    height: var(--semantic-size-section-ms);
    border-radius: var(--semantic-corner-radius-ml)
}

.docs-size_radius-l::after {
    width: var(--semantic-size-section-ml);
    height: var(--semantic-size-section-ml);
    border-radius: var(--semantic-corner-radius-l)
}

.docs-size_radius-ll::after {
    width: var(--semantic-size-section-l);
    height: var(--semantic-size-section-l);
    border-radius: var(--semantic-corner-radius-ll)
}

.docs-size_radius-lll::after {
    width: var(--semantic-size-section-ll);
    height: var(--semantic-size-section-ll);
    border-radius: var(--semantic-corner-radius-lll)
}

.docs-size_radius-pill::after {
    width: var(--semantic-size-section-ms);
    height: var(--semantic-size-section-ms);
    border-radius: var(--semantic-corner-radius-pill)
}

.docs-elevation {
    list-style: none !important;
    padding: 0 !important;
    display: flex;
    gap: var(--semantic-space-outer-s)
}

.docs-elevation li {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-weight: 700;
    gap: var(--semantic-space-inner-s)
}

.docs-elevation li::before {
    content: "";
    display: block;
    width: var(--semantic-size-section-ml);
    height: var(--semantic-size-section-ml);
    border-radius: var(--semantic-corner-radius-l);
    border: var(--semantic-line-thickness-default) solid var(--ui-line-brand-secondary)
}

.docs-elevation_lv1::before {
    border: 0 !important;
    box-shadow: var(--elevation-lv1)
}

.docs-elevation_lv2::before {
    border: 0 !important;
    box-shadow: var(--elevation-lv2)
}