@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap");
:root {
  --Schemes-Primary: #000000;
  --Schemes-Surface-Tint: #5E5E5E;
  --Schemes-On-Primary: #FFFFFF;
  --Schemes-Primary-Container: #1B1B1B;
  --Schemes-On-Primary-Container: #848484;
  --Schemes-Secondary: #5D5F5F;
  --Schemes-On-Secondary: #FFFFFF;
  --Schemes-Secondary-Container: #F2F2F2;
  --Schemes-On-Secondary-Container: #6D6E6E;
  --Schemes-Tertiary: #5D5E5F;
  --Schemes-On-Tertiary: #FFFFFF;
  --Schemes-Tertiary-Container: #CCCCCC;
  --Schemes-On-Tertiary-Container: #555657;
  --Schemes-Error: #BA1A1A;
  --Schemes-On-Error: #FFFFFF;
  --Schemes-Error-Container: #FFDAD6;
  --Schemes-On-Error-Container: #93000A;
  --Schemes-Background: #F9F9F9;
  --Schemes-On-Background: #1B1B1B;
  --Schemes-Surface: #FCF8F8;
  --Schemes-On-Surface: #1C1B1B;
  --Schemes-Surface-Variant: #E0E3E3;
  --Schemes-On-Surface-Variant: #444748;
  --Schemes-Outline: #747878;
  --Schemes-Outline-Variant: #C4C7C8;
  --Schemes-Shadow: #000000;
  --Schemes-Scrim: #000000;
  --Schemes-Inverse-Surface: #313030;
  --Schemes-Inverse-On-Surface: #F4F0EF;
  --Schemes-Inverse-Primary: #C6C6C6;
  --Schemes-Primary-Fixed: #E2E2E2;
  --Schemes-On-Primary-Fixed: #1B1B1B;
  --Schemes-Primary-Fixed-Dim: #C6C6C6;
  --Schemes-On-Primary-Fixed-Variant: #474747;
  --Schemes-Secondary-Fixed: #E2E2E2;
  --Schemes-On-Secondary-Fixed: #1A1C1C;
  --Schemes-Secondary-Fixed-Dim: #C6C6C7;
  --Schemes-On-Secondary-Fixed-Variant: #454747;
  --Schemes-Tertiary-Fixed: #E3E2E2;
  --Schemes-On-Tertiary-Fixed: #1A1C1C;
  --Schemes-Tertiary-Fixed-Dim: #C6C6C6;
  --Schemes-On-Tertiary-Fixed-Variant: #464747;
  --Schemes-Surface-Dim: #DDD9D9;
  --Schemes-Surface-Bright: #FCF8F8;
  --Schemes-Surface-Container-Lowest: #FFFFFF;
  --Schemes-Surface-Container-Low: #F6F3F2;
  --Schemes-Surface-Container: #F1EDEC;
  --Schemes-Surface-Container-High: #EBE7E7;
  --Schemes-Surface-Container-Highest: #E5E2E1;
  --fundamental-brightness-80: rgba(255, 255, 255, 0.80);
  --fundamental-brightness-40: rgba(255, 255, 255, 0.40);
  --fundamental-brightness-12: rgba(0, 0, 0, 0.12);
  --fundamental-brightness-60: rgba(0, 0, 0, 0.60);
  --surfaces-surface-tint-5: rgba(94, 94, 94, 0.05);
  --surfaces-surface-tint-8: rgba(94, 94, 94, 0.08);
  --surfaces-surface-tint-11: rgba(94, 94, 94, 0.11);
  --surfaces-surface-tint-12: rgba(94, 94, 94, 0.12);
  --surfaces-surface-tint-14: rgba(94, 94, 94, 0.14);
}

body.dark-mode {
  --Schemes-Primary: #C6C6C6;
  --Schemes-Surface-Tint: #C6C6C6;
  --Schemes-On-Primary: #303030;
  --Schemes-Primary-Container: #000000;
  --Schemes-On-Primary-Container: #757575;
  --Schemes-Secondary: #FFFFFF;
  --Schemes-On-Secondary: #2F3131;
  --Schemes-Secondary-Container: #E2E2E2;
  --Schemes-On-Secondary-Container: #636565;
  --Schemes-Tertiary: #E8E8E8;
  --Schemes-On-Tertiary: #2F3131;
  --Schemes-Tertiary-Container: #CCCCCC;
  --Schemes-On-Tertiary-Container: #555657;
  --Schemes-Error: #FFB4AB;
  --Schemes-On-Error: #690005;
  --Schemes-Error-Container: #93000A;
  --Schemes-On-Error-Container: #FFDAD6;
  --Schemes-Background: #131313;
  --Schemes-On-Background: #E2E2E2;
  --Schemes-Surface: #141313;
  --Schemes-On-Surface: #E5E2E1;
  --Schemes-Surface-Variant: #444748;
  --Schemes-On-Surface-Variant: #C4C7C8;
  --Schemes-Outline: #8E9192;
  --Schemes-Outline-Variant: #444748;
  --Schemes-Shadow: #000000;
  --Schemes-Scrim: #000000;
  --Schemes-Inverse-Surface: #E5E2E1;
  --Schemes-Inverse-On-Surface: #313030;
  --Schemes-Inverse-Primary: #5E5E5E;
  --Schemes-Primary-Fixed: #E2E2E2;
  --Schemes-On-Primary-Fixed: #1B1B1B;
  --Schemes-Primary-Fixed-Dim: #C6C6C6;
  --Schemes-On-Primary-Fixed-Variant: #474747;
  --Schemes-Secondary-Fixed: #E2E2E2;
  --Schemes-On-Secondary-Fixed: #1A1C1C;
  --Schemes-Secondary-Fixed-Dim: #C6C6C7;
  --Schemes-On-Secondary-Fixed-Variant: #454747;
  --Schemes-Tertiary-Fixed: #E3E2E2;
  --Schemes-On-Tertiary-Fixed: #1A1C1C;
  --Schemes-Tertiary-Fixed-Dim: #C6C6C6;
  --Schemes-On-Tertiary-Fixed-Variant: #464747;
  --Schemes-Surface-Dim: #141313;
  --Schemes-Surface-Bright: #3A3939;
  --Schemes-Surface-Container-Lowest: #313030;
  --Schemes-Surface-Container-Low: #1C1B1B;
  --Schemes-Surface-Container: #201F1F;
  --Schemes-Surface-Container-High: #2A2A2A;
  --Schemes-Surface-Container-Highest: #353434;
  --fundamental-brightness-80: rgba(0, 0, 0, 0.80);
  --fundamental-brightness-40: rgba(0, 0, 0, 0.40);
  --fundamental-brightness-12: rgba(255, 255, 255, 0.12);
  --fundamental-brightness-60: rgba(255, 255, 255, 0.60);
  --surfaces-surface-tint-5: rgba(198, 198, 198, 0.05);
  --surfaces-surface-tint-8: rgba(198, 198, 198, 0.08);
  --surfaces-surface-tint-11: rgba(198, 198, 198, 0.11);
  --surfaces-surface-tint-12: rgba(198, 198, 198, 0.12);
  --surfaces-surface-tint-14: rgba(198, 198, 198, 0.14);
}

/*============================================
 Variable
============================================*/
:root {
  /* Font Size */
  --textformat-size-display-sm: 2.25rem;
  --textformat-size-display-md: 2.75rem;
  --textformat-size-display-lg: 3.5625rem;
  --textformat-size-headline-sm: 1.75rem;
  --textformat-size-headline-md: 1.75rem;
  --textformat-size-headline-lg: 2.25rem;
  --textformat-size-title-sm: .875rem;
  --textformat-size-title-md: .875rem;
  --textformat-size-title-lg: 1.25rem;
  --textformat-size-body-sm: .625rem;
  --textformat-size-body-md: .75rem;
  --textformat-size-body-lg: 1rem;
  --textformat-size-label-sm: .625rem;
  --textformat-size-label-md: .875rem;
  --textformat-size-label-lg: 1rem;
  --textformat-size-textinput-sm: .75rem;
  --textformat-size-textinput-md: .875rem;
  --textformat-size-textinput-lg: 1rem;
  /* Font Weight */
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-700: 700;
  /* Line Height */
  --textformat-height-display-sm: 1.222;
  --textformat-height-display-md: 1.182;
  --textformat-height-display-lg: 1.223;
  --textformat-height-headline-sm: 1.143;
  --textformat-height-headline-md: 1.29;
  --textformat-height-headline-lg: 1.222;
  --textformat-height-title-sm: 1.143;
  --textformat-height-title-md: 1.14;
  --textformat-height-title-lg: 1.1;
  --textformat-height-body-sm: 1.6;
  --textformat-height-body-md: 1.667;
  --textformat-height-body-lg: 1.5;
  --textformat-height-label-sm: 1.2;
  --textformat-height-label-md: 1.143;
  --textformat-height-label-lg: 1.125;
  --textformat-height-textinput-sm: 1.5;
  --textformat-height-textinput-md: 1.571;
  --textformat-height-textinput-lg: 1.5;
  /* Letter Spacing */
  --textformat-spacing-display-sm: 0;
  --textformat-spacing-display-md: 0;
  --textformat-spacing-display-lg: -0.25px;
  --textformat-spacing-headline-sm: 0;
  --textformat-spacing-headline-md: 0;
  --textformat-spacing-headline-lg: 0;
  --textformat-spacing-title-sm: 0.25px;
  --textformat-spacing-title-md: 0.1px;
  --textformat-spacing-title-lg: 0;
  --textformat-spacing-body-sm: -0.15px;
  --textformat-spacing-body-md: -0.15px;
  --textformat-spacing-body-lg: 0.4px;
  --textformat-spacing-label-sm: -0.15px;
  --textformat-spacing-label-md: 0.4px;
  --textformat-spacing-label-lg: 0.25px;
  --textformat-spacing-textinput-sm: -0.15px;
  --textformat-spacing-textinput-md: -0.15px;
  --textformat-spacing-textinput-lg: 0.4px;
  --textstyleset-sans-spacing-2xs: -0.15px;
  --textstyleset-sans-spacing-xs: 0.4px;
  --textstyleset-sans-spacing-sm: 0.25px;
  --textstyleset-sans-spacing-md: 0.1px;
  --textstyleset-sans-spacing-lg: 0;
  --textstyleset-sans-spacing-xl: 0;
  --textstyleset-sans-spacing-2xl: 0;
  --textstyleset-sans-spacing-3xl: 0;
  --textstyleset-sans-spacing-4xl: 0;
  --textstyleset-sans-spacing-5xl: -0.25px;
  /* Gap */
  --format-layout-gap-none: 0;
  --format-layout-gap-xs: 10px;
  --format-layout-gap-sm: 11px; /* 20250806 変更 */
  --format-layout-gap-md: 18px; /* 20250806 変更 */
  --format-layout-gap-lg: 24px;
  --format-layout-gap-xl: 32px;
  --format-layout-gap-2xl: 36px;
  /* Padding / Margin */
  --scale-padding-0px: 0;
  --scale-padding-1px: 1px;
  --scale-padding-2px: 2px;
  --scale-padding-4px: 4px;
  --scale-padding-5px: 5px;
  --scale-padding-6px: 6px;
  --scale-padding-8px: 8px;
  --scale-padding-10px: 10px;
  --scale-padding-12px: 12px;
  --scale-padding-16px: 16px;
  --scale-padding-20px: 20px;
  --scale-padding-24px: 24px;
  --scale-padding-25px: 25px;
  --scale-padding-28px: 28px;
  --scale-padding-32px: 32px;
  --scale-padding-40px: 40px;
  --scale-padding-44px: 44px;
  --scale-padding-48px: 48px;
  --scale-padding-50px: 50px;
  --scale-padding-80px: 80px;
  --scale-padding-96px: 96px;
  --scale-padding-100px: 100px;
  --scale-padding-192px: 192px;
  --format-layout-padding-none: 0px;
  --format-layout-padding-indent: 44px;
  --format-layout-padding-1px: 1px;
  --format-layout-padding-4px: 4px;
  --format-layout-padding-xs: 8px;
  --format-layout-padding-sm: 16px;
  --format-layout-padding-md: 24px;
  --format-layout-padding-lg: 48px;
  --format-layout-padding-xl: 96px;
  --format-layout-padding-2xl: 192px;
  /* Border Weight */
  --scale-stroke-weight-0px: 0;
  --scale-stroke-weight-halfpx: .5px;
  --scale-stroke-weight-1px: 1px;
  --scale-stroke-weight-2px: 2px;
  --scale-stroke-weight-3px: 3px;
  --scale-stroke-weight-4px: 4px;
  --scale-stroke-weight-5px: 5px;
  --scale-stroke-weight-6px: 6px;
  --scale-stroke-weight-8px: 8px;
  --scale-stroke-weight-9px: 9px;
  --scale-stroke-weight-10px: 10px;
  --scale-stroke-weight-12px: 12px;
  --scale-stroke-weight-16px: 16px;
  --scale-stroke-weight-18px: 18px;
  --format-layout-stroke-weight-none: 0;
  --format-layout-stroke-weight-halfpx: 18px;
  --format-layout-stroke-weight-1px: 1px;
  --format-layout-stroke-weight-lg: 2px;
  --format-layout-stroke-weight-xl: 4px;
  --format-layout-stroke-weight-2xl: 8px;
  /* Border Radius */
  --Corner-Full: 1000px;
  --scale-radius-0px: 0;
  --scale-radius-4px: 4px;
  --scale-radius-8px: 8px;
  --scale-radius-12px: 12px;
  --scale-radius-16px: 16px;
  --scale-radius-18px: 18px;
  --scale-radius-24px: 24px;
  --scale-radius-32px: 32px;
  --scale-radius-36px: 36px;
  --scale-radius-44px: 44px;
  --scale-radius-48px: 48px;
  --scale-radius-64px: 64px;
  --scale-radius-72px: 72px;
  --scale-radius-118px: 118px;
  --scale-radius-1000px: 1000px;
  --format-layout-radius-None: 0;
  --format-layout-radius-Extra-small: 4px;
  --format-layout-radius-Small: 8px;
  --format-layout-radius-Medium: 16px;
  --format-layout-radius-Large: 32px;
  --format-layout-radius-Extra-large: 48px;
  --format-layout-radius-Full: 1000px;
  --format-layout-radius-iOS: 44px;
  /* Shadow */
  --state-shadow-front-x-level0: 0;
  --state-shadow-front-x-level1: 0;
  --state-shadow-front-x-level2: 0;
  --state-shadow-front-x-level3: 0;
  --state-shadow-front-x-level4: 0;
  --state-shadow-front-x-level5: 0;
  --state-shadow-front-y-level0: 0;
  --state-shadow-front-y-level1: 1px;
  --state-shadow-front-y-level2: 1px;
  --state-shadow-front-y-level3: 1px;
  --state-shadow-front-y-level4: 2px;
  --state-shadow-front-y-level5: 4px;
  --state-shadow-front-blur-level0: 0;
  --state-shadow-front-blur-level1: 2px;
  --state-shadow-front-blur-level2: 2px;
  --state-shadow-front-blur-level3: 3px;
  --state-shadow-front-blur-level4: 3px;
  --state-shadow-front-blur-level5: 4px;
  --state-shadow-front-spread-level0: 0;
  --state-shadow-front-spread-level1: 0;
  --state-shadow-front-spread-level2: 0;
  --state-shadow-front-spread-level3: 0;
  --state-shadow-front-spread-level4: 0;
  --state-shadow-front-spread-level5: 0;
  --state-shadow-front-color-level0: rgba(255, 255, 255, 0);
  --state-shadow-front-color-level1: rgba(0, 0, 0, .03);
  --state-shadow-front-color-level2: rgba(0, 0, 0, .03);
  --state-shadow-front-color-level3: rgba(0, 0, 0, .03);
  --state-shadow-front-color-level4: rgba(0, 0, 0, .03);
  --state-shadow-front-color-level5: rgba(0, 0, 0, .03);
  --state-shadow-rear-x-level0: 0;
  --state-shadow-rear-x-level1: 0;
  --state-shadow-rear-x-level2: 0;
  --state-shadow-rear-x-level3: 0;
  --state-shadow-rear-x-level4: 0;
  --state-shadow-rear-x-level5: 0;
  --state-shadow-rear-y-level0: 0;
  --state-shadow-rear-y-level1: 1px;
  --state-shadow-rear-y-level2: 2px;
  --state-shadow-rear-y-level3: 4px;
  --state-shadow-rear-y-level4: 6px;
  --state-shadow-rear-y-level5: 8px;
  --state-shadow-rear-blur-level0: 0;
  --state-shadow-rear-blur-level1: 3px;
  --state-shadow-rear-blur-level2: 6px;
  --state-shadow-rear-blur-level3: 8px;
  --state-shadow-rear-blur-level4: 10px;
  --state-shadow-rear-blur-level5: 12px;
  --state-shadow-rear-spread-level0: 0;
  --state-shadow-rear-spread-level1: 1px;
  --state-shadow-rear-spread-level2: 2px;
  --state-shadow-rear-spread-level3: 3px;
  --state-shadow-rear-spread-level4: 4px;
  --state-shadow-rear-spread-leve5: 6px;
  --state-shadow-rear-color-level0: rgba(255, 255, 255, 0);
  --state-shadow-rear-color-level1: rgba(0, 0, 0, .15);
  --state-shadow-rear-color-level2: rgba(0, 0, 0, .15);
  --state-shadow-rear-color-level3: rgba(0, 0, 0, .15);
  --state-shadow-rear-color-level4: rgba(0, 0, 0, .15);
  --state-shadow-rear-color-level5: rgba(0, 0, 0, .15);
  /* Opacity */
  --scale-opacity-common-100: 100;
  --scale-opacity-common-80: 0.8;
  --scale-opacity-common-50: 0.5;
  --scale-opacity-common-38: 0.38;
  --scale-opacity-common-32: 0.32;
  --scale-opacity-common-20: 0.2;
  --scale-opacity-common-12: 0.12;
  --scale-opacity-common-4: 0.4;
  --scale-opacity-common-0: 0;
  --scale-opacity-state-layer-level0: 100;
  --scale-opacity-state-layer-level1: 0.95;
  --scale-opacity-state-layer-level2: 0.92;
  --scale-opacity-state-layer-level3: 0.89;
  --scale-opacity-state-layer-level4: 0.88;
  --scale-opacity-state-layer-level5: 0.86;
  /* 色の透過レベル */
  --state-state-layer-level0: rgba(255, 255, 255, 0);
  --state-state-layer-level1: rgba(255, 255, 255, .05);
  --state-state-layer-level1b: rgba(0, 0, 0, .05);
  --state-state-layer-level2: rgba(255, 255, 255, .08);
  --state-state-layer-level2b: rgba(0, 0, 0, .08);
  --state-state-layer-level3: rgba(255, 255, 255, .11);
  --state-state-layer-level3b: rgba(0, 0, 0, .11);
  --state-state-layer-level4: rgba(255, 255, 255, .12);
  --state-state-layer-level4b: rgba(0, 0, 0, .12);
  --state-state-layer-level5: rgba(255, 255, 255, .14);
  --state-state-layer-level5b: rgba(0, 0, 0, .14);
  --scale-brightness-130: 30%; /* #fff */
  --scale-brightness-115: 15%; /* #fff */
  --scale-brightness-114: 14%; /* #fff */
  --scale-brightness-112: 12%; /* #fff */
  --scale-brightness-111: 11%; /* #fff */
  --scale-brightness-108: 8%; /* #fff */
  --scale-brightness-105: 5%; /* #fff */
  --scale-brightness-100: 0; /* #fff */
  --scale-brightness-5: 5%; /* #000 */
  --scale-brightness-8: 8%; /* #000 */
  --scale-brightness-11: 11%; /* #000 */
  --scale-brightness-12: 12%; /* #000 */
  --scale-brightness-14: 14%; /* #000 */
  --scale-brightness-15: 15%; /* #000 */
  --scale-brightness-30: 30%; /* #000 */
}

/*======================================================
 Foundation
======================================================*/
/*============================================
 Reset
============================================*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*============================================
 Base
============================================*/
*, *:before, *:after {
  box-sizing: border-box;
}

body {
  color: var(--Schemes-On-Surface, #1C1B1B);
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;
  font-size: var(--textformat-size-body-md, 0.75rem);
  font-weight: var(--font-weight-400, 400);
  letter-spacing: var(--textformat-spacing-body-md, -0.15px);
  line-height: var(--textformat-height-body-md, 1.667);
}

/*======================================================
 Layout
======================================================*/
/*============================================
 Main
============================================*/
.l-main {
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}

.l-body {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  gap: var(--format-layout-padding-md, 24px);
  padding: var(--format-layout-padding-md, 24px) var(--format-layout-padding-sm, 16px);
}

.l-section {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  gap: var(--format-layout-padding-xs, 8px);
}

.l-sub-section {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  gap: var(--format-layout-gap-md, 18px);
}

.l-contents {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  gap: var(--format-layout-padding-xs, 8px);
  padding-bottom: var(--format-layout-padding-sm, 16px);
}

/*======================================================
 Component
======================================================*/
/*============================================
 Base Text
============================================*/
.c-text-display-bold--sm {
  font-size: var(--textformat-size-display-sm, 2.25rem);
  letter-spacing: var(--textformat-spacing-display-sm, 0);
  line-height: var(--textformat-height-display-sm, 1.222);
}
.c-text-display-bold--md {
  font-size: var(--textformat-size-display-md, 2.75rem);
  letter-spacing: var(--textformat-spacing-display-md, 0);
  line-height: var(--textformat-height-display-md, 1.182);
}
.c-text-display-bold--lg {
  font-size: var(--textformat-size-display-lg, 3.5625rem);
  letter-spacing: var(--textformat-spacing-display-lg, -0.25px);
  line-height: var(--textformat-height-display-lg, 1.223);
}

.c-text-headline-bold--sm {
  font-size: var(--textformat-size-headline-sm, 1.75rem);
  letter-spacing: var(--textformat-spacing-headline-sm, 0);
  line-height: var(--textformat-height-headline-sm, 1.143);
}
.c-text-headline-bold--md {
  font-size: var(--textformat-size-headline-md, 2rem);
  letter-spacing: var(--textformat-spacing-headline-md, 0);
  line-height: var(--textformat-height-headline-md, 1.25);
}
.c-text-headline-bold--lg {
  font-size: var(--textformat-size-headline-lg, 2.25rem);
  letter-spacing: var(--textformat-spacing-headline-lg, 0);
  line-height: var(--textformat-height-headline-lg, 1.222);
}

.c-text-title-bold--sm {
  font-size: var(--textformat-size-title-sm, 0.875rem);
  letter-spacing: var(--textformat-spacing-title-sm, 0.25px);
  line-height: var(--textformat-height-title-sm, 1.143);
}
.c-text-title-bold--md {
  font-size: var(--textformat-size-title-md, 1rem);
  letter-spacing: var(--textformat-spacing-title-md, 0.1px);
  line-height: var(--textformat-height-title-md, 1.125);
}
.c-text-title-bold--lg {
  font-size: var(--textformat-size-title-lg, 1.25rem);
  letter-spacing: var(--textformat-spacing-title-lg, 0);
  line-height: var(--textformat-height-title-lg, 1.091);
}

.c-text-body--sm,
.c-text-body-bold--sm {
  font-size: var(--textformat-size-body-sm, 0.625rem);
  font-weight: var(--font-weight-400, 400);
  letter-spacing: var(--textformat-spacing-body-sm, -0.15px);
  line-height: var(--textformat-height-body-sm, 1.6);
}
.c-text-body--md,
.c-text-body-bold--md {
  font-size: var(--textformat-size-body-md, 0.75rem);
  font-weight: var(--font-weight-400, 400);
  letter-spacing: var(--textformat-spacing-body-md, -0.15px);
  line-height: var(--textformat-height-body-md, 1.667);
}
.c-text-body--lg,
.c-text-body-bold--lg {
  font-size: var(--textformat-size-body-lg, 1rem);
  font-weight: var(--font-weight-400, 400);
  letter-spacing: var(--textformat-spacing-body-lg, 0.4px);
  line-height: var(--textformat-height-body-lg, 1.5);
}

.c-text-label--sm,
.c-text-label-bold--sm {
  font-size: var(--textformat-size-label-sm, 0.625rem);
  font-weight: var(--font-weight-400, 400);
  letter-spacing: var(--textformat-spacing-label-sm, -0.15px);
  line-height: var(--textformat-height-label-sm, 1.2);
}
.c-text-label--md,
.c-text-label-bold--md {
  font-size: var(--textformat-size-label-md, 0.875rem);
  font-weight: var(--font-weight-400, 400);
  letter-spacing: var(--textformat-spacing-label-md, 0.4px);
  line-height: var(--textformat-height-label-md, 1.143);
}
.c-text-label--lg,
.c-text-label-bold--lg {
  font-size: var(--textformat-size-label-lg, 1rem);
  font-weight: var(--font-weight-400, 400);
  letter-spacing: var(--textformat-spacing-label-lg, 0.25px);
  line-height: var(--textformat-height-label-lg, 1.125);
}

.c-text-textinput--sm,
.c-text-textinput-bold--sm {
  font-size: var(--textformat-size-textinput-sm, 0.75rem);
  font-weight: var(--font-weight-400, 400);
  letter-spacing: var(--textformat-spacing-textinput-sm, -0.15px);
  line-height: var(--textformat-height-textinput-sm, 1.5);
}
.c-text-textinput--md,
.c-text-textinput-bold--md {
  font-size: var(--textformat-size-textinput-md, 0.875rem);
  font-weight: var(--font-weight-400, 400);
  letter-spacing: var(--textformat-spacing-textinput-md, -0.15px);
  line-height: var(--textformat-height-textinput-md, 1.571);
}
.c-text-textinput--lg,
.c-text-textinput-bold--lg {
  font-size: var(--textformat-size-textinput-lg, 1rem);
  font-weight: var(--font-weight-400, 400);
  letter-spacing: var(--textformat-spacing-textinput-lg, 0.4px);
  line-height: var(--textformat-height-textinput-lg, 1.5);
}

.c-text-display-bold--sm,
.c-text-display-bold--md,
.c-text-display-bold--lg,
.c-text-headline-bold--sm,
.c-text-headline-bold--md,
.c-text-headline-bold--lg,
.c-text-title-bold--sm,
.c-text-title-bold--md,
.c-text-title-bold--lg,
.c-text-body-bold--sm,
.c-text-body-bold--md,
.c-text-body-bold--lg,
.c-text-label-bold--sm,
.c-text-label-bold--md,
.c-text-label-bold--lg,
.c-text-textinput-bold--sm,
.c-text-textinput-bold--md,
.c-text-textinput-bold--lg,
.c-text-weight-70 {
  font-weight: var(--font-weight-700, 700);
}

.c-text-weight-500 {
  font-weight: var(--font-weight-500, 500);
}

.c-text-weight-400 {
  font-weight: var(--font-weight-400, 400);
}

/*============================================
 Leveld Text
============================================*/
.c-page-title {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  gap: var(--scale-padding-50px, 50px);
  padding: var(--format-layout-padding-sm, 16px);
  background: var(--Schemes-Secondary-Container, #F2F2F2);
}
.c-page-title__text {
  flex: 1 0 0;
  color: var(--Schemes-On-Secondary-Container, #6D6E6E);
  font-size: var(--textformat-size-title-lg, 1.25rem);
  font-weight: var(--font-weight-700, 700);
  line-height: var(--textformat-height-title-lg, 1.1);
  letter-spacing: var(--textformat-spacing-title-lg, 0);
}

.c-headline {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  gap: var(--scale-padding-50px, 50px);
  padding: var(--format-layout-padding-sm, 16px) var(--format-layout-padding-none, 0);
}
.c-headline__title {
  align-self: stretch;
  color: var(--Schemes-On-Surface-Variant, #444748);
  font-size: var(--textformat-size-headline-md, 1.75rem);
  font-weight: var(--font-weight-700, 700);
  line-height: var(--textformat-height-headline-md, 1.29);
  letter-spacing: var(--textformat-spacing-headline-md, 0);
}

.c-section-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: var(--scale-padding-50px, 50px);
  padding: var(--format-layout-padding-xs, 8px) var(--format-layout-padding-none, 0) var(--format-layout-padding-sm, 16px) var(--format-layout-padding-none, 0);
}
.c-section-title__text {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  color: var(--Schemes-Secondary, #5D5F5F);
  font-size: var(--textformat-size-title-lg, 1.25rem);
  font-weight: var(--font-weight-700, 700);
  line-height: var(--textformat-height-title-lg, 1.1);
  letter-spacing: var(--textformat-spacing-title-lg, 0);
  padding: var(--format-layout-padding-none, 0) var(--format-layout-padding-4px, 4px) var(--format-layout-padding-xs, 8px) var(--format-layout-padding-4px, 4px);
  border-bottom: var(--format-layout-stroke-weight-1px, 1px) solid var(--Schemes-Secondary, #5D5F5F);
}

.c-paragraph-title {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  gap: var(--scale-padding-4px, 4px);
  padding-bottom: var(--format-layout-gap-xs, 10px);
}
.c-paragraph-title__text {
  flex: 1 0 0;
  display: flex;
  align-items: center;
  min-height: 22px;
  font-size: var(--textformat-size-title-md, 0.875rem);
  font-weight: var(--font-weight-700, 700);
  line-height: var(--textformat-height-title-md, 1.14);
  letter-spacing: var(--textformat-spacing-title-md, 0.1px);
}

.c-text-regular {
  align-self: stretch;
  font-size: var(--textformat-size-body-md, 0.75rem);
  font-weight: var(--font-weight-400, 400);
  line-height: var(--textformat-height-body-md, 1.667);
  letter-spacing: var(--textformat-spacing-body-md, -0.15px);
}

/*============================================
 Divider
============================================*/
.c-divider--horizontal {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  gap: 4px;
}
.c-divider__line {
  width: 100%;
  height: 1px;
  opacity: var(--scale-opacity-common-50, 0.5);
}
.c-divider.c-divider--bg .c-divider__line--primay {
  background: var(--Schemes-Primary, #000000);
}
.c-divider.c-divider--bg .c-divider__line--outline {
  background: var(--Schemes-Outline, #747878);
}
.c-divider.c-divider--bg .c-divider__line--level4b {
  background: var(--state-state-layer-level4b, rgba(0, 0, 0, 0.12));
}
.c-divider.c-divider--dotted .c-divider__line {
  background-image: repeating-linear-gradient(to right, var(--Schemes-Outline, #747878), var(--Schemes-Outline, #747878) 2px, transparent 2px, transparent 4px);
}

/*============================================
 Table
============================================*/
.c-table {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}
.c-table__title {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-end;
}
.c-table__title .c-divider--bg .c-divider__line {
  height: 2px;
  background: var(--Schemes-Primary, #000000);
}
.c-table__title-list {
  display: flex;
  align-items: center;
  align-self: stretch;
}
.c-table__title-item-main {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--format-layout-padding-xs, 8px);
}
.c-table__title-col-main {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-direction: column;
}
.c-table__title-item {
  flex: 1 0 0;
  display: flex;
  align-items: flex-end;
  align-self: stretch;
  width: 110px;
  gap: var(--format-layout-padding-xs, 8px);
}
.c-table__title-col {
  flex: 1 0 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.c-table__row {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
}
.c-table__row .c-divider--bg .c-divider__line {
  background: var(--state-state-layer-level4b, rgba(0, 0, 0, 0.12));
}
.c-table__row-list {
  display: flex;
  align-items: center;
  align-self: stretch;
}
.c-table__row-item-main {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  gap: var(--format-layout-padding-xs, 8px);
}
.c-table__row-col-main {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  color: rgba(0, 0, 0, 0.8);
}
.c-table__row-item {
  flex: 1 0 0;
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  width: 110px;
  gap: var(--format-layout-padding-xs, 8px);
}
.c-table__row-col {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
}
.c-table__row-col--row {
  flex-direction: row;
  gap: var(--format-layout-padding-xs, 8px);
}
.c-table--list .c-table__title-col-main,
.c-table--list .c-table__title-col,
.c-table--list .c-table__row-col {
  align-items: flex-start;
}
.c-table--type1.c-table--md .c-table__title-item-main,
.c-table--type1.c-table--md .c-table__title-item {
  padding: var(--format-layout-padding-xs, 8px) var(--format-layout-padding-xs, 8px) var(--format-layout-padding-xs, 8px) var(--format-layout-padding-none, 0px);
}
.c-table--type1.c-table--md .c-table__row-item-main,
.c-table--type1.c-table--md .c-table__row-item {
  padding: 7px var(--format-layout-padding-xs, 8px) 7px var(--format-layout-padding-none, 0px);
}
.c-table--type1.c-table--sm .c-table__title-item-main,
.c-table--type1.c-table--sm .c-table__title-item,
.c-table--type1.c-table--sm .c-table__row-item-main,
.c-table--type1.c-table--sm .c-table__row-item {
  padding: 7px var(--format-layout-padding-xs, 8px) 7px var(--format-layout-padding-none, 0px);
}
.c-table--type1 .c-table__title-list .is-selected-default {
  background: var(--surfaces-surface-tint-14, rgba(94, 94, 94, 0.14));
}
.c-table--type1 .c-table__row-list .is-selected-default {
  background: var(--surfaces-surface-tint-5, rgba(94, 94, 94, 0.05));
}
.c-table--type2 .c-table__title-list {
  background: var(--Schemes-Surface-Container-Highest, #E5E2E1);
}
.c-table--type2 .c-table__row-item:nth-of-type(even) {
  background: var(--Schemes-Surface-Container-Low, #F6F3F2);
}
.c-table--type2 .c-table__row-item:nth-of-type(odd) {
  background: var(--Schemes-Surface-Bright, #FCF8F8);
}
.c-table--type2.c-table--md .c-table__title-item-main,
.c-table--type2.c-table--md .c-table__title-item {
  padding: var(--format-layout-padding-xs, 8px);
}
.c-table--type2.c-table--md .c-table__row-item-main,
.c-table--type2.c-table--md .c-table__row-item {
  padding: 7px var(--format-layout-padding-xs, 8px);
}
.c-table--type2.c-table--sm .c-table__title-item-main,
.c-table--type2.c-table--sm .c-table__title-item,
.c-table--type2.c-table--sm .c-table__row-item-main,
.c-table--type2.c-table--sm .c-table__row-item {
  padding: 7px var(--format-layout-padding-xs, 8px);
}
.c-table--type3 .c-table__title-list {
  background: var(--Schemes-Surface-Container-Highest, #E5E2E1);
}
.c-table--type3 .c-table__row:nth-of-type(odd) {
  background: var(--Schemes-Surface-Bright, #FCF8F8);
}
.c-table--type3 .c-table__row:nth-of-type(even) {
  background: var(--Schemes-Surface-Container-Low, #F6F3F2);
}
.c-table--type3.c-table--md .c-table__title-item-main,
.c-table--type3.c-table--md .c-table__title-item {
  padding: var(--format-layout-padding-xs, 8px);
}
.c-table--type3.c-table--md .c-table__row-item-main,
.c-table--type3.c-table--md .c-table__row-item {
  padding: 7px var(--format-layout-padding-xs, 8px);
}
.c-table--type3.c-table--sm .c-table__title-item-main,
.c-table--type3.c-table--sm .c-table__title-item,
.c-table--type3.c-table--sm .c-table__row-item-main,
.c-table--type3.c-table--sm .c-table__row-item {
  padding: 7px var(--format-layout-padding-xs, 8px);
}

/*============================================
 Table scroll
============================================*/
.c-table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  cursor: grab;
}
.c-table-scroll::-webkit-scrollbar {
  display: none;
}
.c-table-scroll .c-table {
  width: auto;
  min-width: max-content;
  /*white-space: nowrap;*/
}

/*============================================
 dot
============================================*/
.c-dot {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  aspect-ratio: 1/1;
  width: 22px;
  height: 22px;
  padding: var(--format-layout-padding-xs, 8px);
}
.c-dot__item {
  flex: 1 0 0;
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
}
.c-dot--disc .c-dot__item {
  border-radius: var(--format-layout-radius-Full, 1000px);
  background: var(--Schemes-On-Surface-Variant, #444748);
}
.c-dot--circle .c-dot__item {
  border: var(--format-layout-stroke-weight-1px, 1px) solid var(--Schemes-On-Surface-Variant, #444748);
  border-radius: var(--format-layout-radius-Full, 1000px);
}
.c-dot--square .c-dot__item {
  background: var(--Schemes-On-Surface-Variant, #444748);
}

/*============================================
 List Text
============================================*/
.c-list-text {
  display: flex;
  flex-direction: column;
  font-size: var(--textformat-size-body-md, 0.75rem);
  line-height: var(--textformat-height-body-md, 1.667);
  letter-spacing: var(--textformat-spacing-body-md, -0.15px);
  counter-reset: level1;
}
.c-list-text__level1-item {
  counter-increment: level1;
  counter-reset: level2;
}
.c-list-text__level1-item > .c-list-text__row {
  padding-bottom: var(--format-layout-padding-4px, 4px);
}
.c-list-text__level1-item > .c-list-text__row > .c-list-text__number {
  min-width: 25px;
  text-align: left;
}
.c-list-text__level2 {
  counter-reset: level2;
}
.c-list-text__level2-item {
  counter-increment: level2;
  counter-reset: level3;
}
.c-list-text__level3 {
  counter-reset: level3;
}
.c-list-text__level3-item {
  counter-increment: level3;
}
.c-list-text__row {
  display: grid;
  align-items: flex-start;
  grid-template-columns: auto 1fr;
}
.c-list-text__level2-item > .c-list-text__row {
  padding: var(--format-layout-padding-none, 0px) var(--format-layout-padding-none, 0px) var(--format-layout-padding-4px, 4px) var(--format-layout-padding-md, 24px);
}
.c-list-text__level3-item > .c-list-text__row {
  padding: var(--format-layout-padding-none, 0px) var(--format-layout-padding-none, 0px) var(--format-layout-padding-4px, 4px) var(--format-layout-padding-lg, 48px);
}
.c-list-text--number .c-list-text__level2-item > .c-list-text__row,
.c-list-text--number .c-list-text__level3-item > .c-list-text__row {
  gap: var(--format-layout-padding-4px, 4px);
}
.c-list-text--dot .c-list-text__row {
  gap: 2px;
}
.c-list-text__number {
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
}

/*======================================================
 Project
======================================================*/
/*============================================
 Static
============================================*/
.p-static {
  padding-top: 16px;
}
.p-static__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--format-layout-gap-sm, 11px);
  align-self: stretch;
}

/*============================================
 Size
============================================*/
.p-size__content {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  margin-right: -16px;
}
.p-size__title {
  justify-content: flex-end;
  padding-right: var(--format-layout-padding-sm, 16px);
}
.p-size__title-item {
  color: var(--Schemes-Tertiary, #5D5E5F);
}
.p-size__title-category {
  flex: 0 1 auto;
  color: var(--Schemes-Tertiary-Container, #CCC);
}

/*============================================
 Rank
============================================*/
.p-rank__list {
  display: flex;
  align-items: center;
  align-self: stretch;
}
.p-rank__term {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  width: 120px;
  gap: var(--format-layout-padding-xs, 8px);
  padding: 7px var(--format-layout-padding-xs, 8px) 7px var(--format-layout-padding-none, 0);
}
.p-rank__description {
  flex: 1 0 0;
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  gap: var(--format-layout-padding-xs, 8px);
  padding: 7px var(--format-layout-padding-xs, 8px) 7px var(--format-layout-padding-none, 0);
}

/*# sourceMappingURL=style.css.map */