@font-face {
font-family: '__notojp_3e1455';
src: url(/_next/static/media/9d572535e4807bab-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 300;
}

@font-face {
font-family: '__notojp_3e1455';
src: url(/_next/static/media/8c09ca7af6c79c67-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 400;
}

@font-face {
font-family: '__notojp_3e1455';
src: url(/_next/static/media/9d33c0408a4494d4-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 500;
}

@font-face {
font-family: '__notojp_3e1455';
src: url(/_next/static/media/8ec85107df7e5376-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 700;
}@font-face {font-family: '__notojp_Fallback_3e1455';src: local("Arial");ascent-override: 110.26%;descent-override: 27.38%;line-gap-override: 0.00%;size-adjust: 105.20%
}.__className_3e1455 {font-family: '__notojp_3e1455', '__notojp_Fallback_3e1455'
}.__variable_3e1455 {--font-family-default: '__notojp_3e1455', '__notojp_Fallback_3e1455'
}

*,
*::before,
*::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

:where([hidden]:not([hidden="until-found"])) {
  display: none !important;
}

:where(html) {
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  scrollbar-gutter: stable;
}

:where(html:has(dialog:modal[open])) {
  overflow: clip;
}

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}

:where(body) {
  font-family: system-ui, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

:where(button) {
  all: unset;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role="button"], [role="option"]) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: not-allowed;
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}

:where(a) {
  color: inherit;
  text-underline-offset: 0.2ex;
}

:where(ul, ol) {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg, video) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
  text-wrap: balance;
}

:where(hr) {
  block-size: 0;
  overflow: visible;
  color: inherit;
  border: none;
  border-block-start: 1px solid;
}

:where(dialog) {
  inset: unset;
  max-width: unset;
  max-height: unset;
  background: none;
  border: none;
}

:where(dialog:not([open])) {
  display: none !important;
}

:where(:focus-visible) {
  outline: none;
  outline-offset: 1px;
  box-shadow: 0 0 0 5px Canvas;
}

:where(:focus-visible, :target) {
  scroll-margin-block: 8vh;
}

:where(.visually-hidden:not(:focus-within, :active)) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body {
  .dev {
    border: 1px solid red;
  }
}

:root {
  --project-comp-primary-0: rgb(0 0 0 / 100%);
  --project-comp-secondary-0: rgb(0 0 0 / 100%);
  --project-comp-secondary-10: rgb(39 25 5 / 100%);
  --project-comp-secondary-20: rgb(62 45 22 / 100%);
  --project-comp-secondary-30: rgb(87 67 43 / 100%);
  --project-comp-secondary-40: rgb(112 91 64 / 100%);
  --project-comp-secondary-50: rgb(138 115 87 / 100%);
  --project-comp-secondary-60: rgb(165 141 111 / 100%);
  --project-comp-secondary-70: rgb(193 167 136 / 100%);
  --project-comp-secondary-80: rgb(222 194 162 / 100%);
  --project-comp-secondary-90: rgb(251 222 188 / 100%);
  --project-comp-secondary-98: rgb(254 248 244 / 100%);
  --project-comp-secondary-100: rgb(255 255 255 / 100%);
  --project-comp-teritiary-0: rgb(0 0 0 / 100%);
  --project-comp-teritiary-10: rgb(17 31 3 / 100%);
  --project-comp-teritiary-20: rgb(37 53 21 / 100%);
  --project-comp-teritiary-30: rgb(59 76 41 / 100%);
  --project-comp-teritiary-40: rgb(82 100 63 / 100%);
  --project-comp-teritiary-50: rgb(106 125 86 / 100%);
  --project-comp-teritiary-60: rgb(132 151 109 / 100%);
  --project-comp-teritiary-70: rgb(158 178 134 / 100%);
  --project-comp-teritiary-80: rgb(185 205 160 / 100%);
  --project-comp-teritiary-90: rgb(213 234 186 / 100%);
  --project-comp-teritiary-98: rgb(242 254 220 / 100%);
  --project-comp-teritiary-100: rgb(255 255 255 / 100%);
  --project-comp-neutral-0: rgb(0 0 0 / 100%);
  --project-comp-neutral-10: rgb(31 27 22 / 100%);
  --project-comp-neutral-20: rgb(53 48 42 / 100%);
  --project-comp-neutral-30: rgb(64 58 53 / 100%);
  --project-comp-neutral-40: rgb(100 93 87 / 100%);
  --project-comp-neutral-50: rgb(125 118 111 / 100%);
  --project-comp-neutral-60: rgb(151 143 136 / 100%);
  --project-comp-neutral-70: rgb(178 170 162 / 100%);
  --project-comp-neutral-80: rgb(206 197 189 / 100%);
  --project-comp-neutral-90: rgb(234 225 217 / 100%);
  --project-comp-neutral-98: rgb(247 245 243 / 100%);
  --project-comp-neutral-100: rgb(255 255 255 / 100%);
  --project-comp-error-0: rgb(0 0 0 / 100%);
  --project-comp-error-10: rgb(65 0 2 / 100%);
  --project-comp-error-20: rgb(105 0 5 / 100%);
  --project-comp-error-30: rgb(147 0 10 / 100%);
  --project-comp-error-40: rgb(186 26 26 / 100%);
  --project-comp-error-50: rgb(222 55 48 / 100%);
  --project-comp-error-60: rgb(255 84 73 / 100%);
  --project-comp-error-70: rgb(255 137 125 / 100%);
  --project-comp-error-80: rgb(255 180 171 / 100%);
  --project-comp-error-90: rgb(255 218 214 / 100%);
  --project-comp-error-98: rgb(254 248 247 / 100%);
  --project-comp-error-100: rgb(255 255 255 / 100%);
  --project-comp-success-0: rgb(0 0 0 / 100%);
  --project-comp-success-10: rgb(17 32 4 / 100%);
  --project-comp-success-20: rgb(32 54 10 / 100%);
  --project-comp-success-30: rgb(49 79 18 / 100%);
  --project-comp-success-40: rgb(67 106 27 / 100%);
  --project-comp-success-50: rgb(86 132 37 / 100%);
  --project-comp-success-60: rgb(106 161 48 / 100%);
  --project-comp-success-70: rgb(131 189 71 / 100%);
  --project-comp-success-80: rgb(157 217 94 / 100%);
  --project-comp-success-90: rgb(184 247 118 / 100%);
  --project-comp-success-98: rgb(242 254 222 / 100%);
  --project-comp-success-100: rgb(255 255 255 / 100%);
  --project-comp-primary-10: rgb(42 24 0 / 100%);
  --project-comp-primary-20: rgb(69 43 0 / 100%);
  --project-comp-primary-30: rgb(99 63 0 / 100%);
  --project-comp-primary-40: rgb(131 85 0 / 100%);
  --project-comp-primary-50: rgb(164 107 0 / 100%);
  --project-comp-primary-60: rgb(199 130 0 / 100%);
  --project-comp-primary-70: rgb(234 154 0 / 100%);
  --project-comp-primary-75: rgb(250 165 0 / 100%);
  --project-comp-primary-80: rgb(255 185 86 / 100%);
  --project-comp-primary-90: rgb(255 221 181 / 100%);
  --project-comp-primary-98: rgb(254 248 244 / 100%);
  --project-comp-primary-100: rgb(255 255 255 / 100%);
  --project-comp-link-0: rgb(0 0 0 / 100%);
  --project-comp-link-10: rgb(7 28 48 / 100%);
  --project-comp-link-20: rgb(17 50 80 / 100%);
  --project-comp-link-30: rgb(28 73 114 / 100%);
  --project-comp-link-40: rgb(40 98 149 / 100%);
  --project-comp-link-50: rgb(53 123 186 / 100%);
  --project-comp-link-60: rgb(69 150 223 / 100%);
  --project-comp-link-70: rgb(104 176 249 / 100%);
  --project-comp-link-80: rgb(160 203 250 / 100%);
  --project-comp-link-90: rgb(209 228 253 / 100%);
  --project-comp-link-98: rgb(247 249 254 / 100%);
  --project-comp-link-100: rgb(255 255 255 / 100%);
  --spacing-sp-none: 0px;
  --spacing-sp2: 2px;
  --spacing-sp4: 4px;
  --spacing-sp8: 8px;
  --spacing-sp12: 12px;
  --spacing-sp16: 16px;
  --spacing-sp20: 20px;
  --spacing-sp24: 24px;
  --spacing-sp32: 32px;
  --spacing-sp40: 40px;
  --spacing-sp56: 56px;
  --spacing-sp64: 64px;
  --spacing-sp72: 72px;
  --spacing-sp80: 80px;
  --spacing-sp120: 120px;
  --spacing-sp160: 160px;
  --spacing-sp200: 200px;
  --opacity-op100: 1;
  --opacity-op90: 0.9;
  --opacity-op80: 0.8;
  --opacity-op70: 0.7;
  --opacity-op60: 0.6;
  --opacity-op50: 0.5;
  --opacity-op40: 0.4;
  --opacity-op30: 0.3;
  --opacity-op20: 0.2;
  --border-width-bw-none: 0px;
  --border-width-bw1: 1px;
  --border-radius-br-none: 0px;
  --border-width-bw2: 2px;
  --border-width-bw4: 4px;
  --border-radius-br1: 1px;
  --border-radius-br2: 2px;
  --border-radius-br4: 4px;
  --border-radius-br6: 6px;
  --border-radius-br8: 8px;
  --border-radius-br12: 12px;
  --border-radius-br16: 16px;
  --border-radius-br20: 20px;
  --border-radius-br24: 24px;
  --border-radius-br-full: 9999px;
  --padding-gap-8884: 4px;
  --padding-gap-88812: 12px;
  --padding-gap-1212128: 8px;
  --padding-gap-12121216: 16px;
  --padding-gap-16161612: 12px;
  --padding-gap-16161620: 20px;
  --padding-gap-20202016: 16px;
  --padding-gap-20202024: 24px;
  --padding-gap-24242420: 20px;
  --padding-gap-24242432: 32px;
  --padding-gap-32323224: 24px;
  --padding-gap-32323240: 40px;
  --padding-gap-40404032: 32px;
  --padding-gap-40404056: 56px;
  --section-24242416: 16px;
  --section-24242440: 40px;
  --section-40404024: 24px;
  --section-40404056: 56px;
  --section-56565632: 32px;
  --section-56565672: 72px;
  --section-64646456: 56px;
  --section-64646480: 80px;
  --section-80808064: 64px;
  --section-808080120: 120px;
  --section-12012012080: 80px;
  --section-120120120160: 160px;
  --section-160160160120: 120px;
  --section-160160160200: 200px;
  --border-radius-label: 2px;
  --border-radius-panel: 2px;
  --border-radius-card: 6px;
  --border-radius-section: 20px;
  --border-radius-button: 6px;
  --grid-breakpoint: sm;
  --grid-frame-widthfigma: 393px;
  --grid-container-widthfigma: 353px;
  --grid-margin: 20px;
  --grid-gutter: 16px;
  --grid-count: 2px;
  --background-default: rgb(255 255 255 / 100%);
  --background-subtle: rgb(234 225 217 / 100%);
  --background-inverse: rgb(53 48 42 / 100%);
  --background-error: rgb(186 26 26 / 100%);
  --background-success: rgb(67 106 27 / 100%);
  --background-primary-action-enabled: rgb(250 165 0 / 100%);
  --background-primary-action-hovered: rgb(234 154 0 / 100%);
  --background-primary-action-disabled: rgb(206 197 189 / 100%);
  --background-secondary-action-enabled: rgb(255 255 255 / 100%);
  --background-secondary-action-hovered: rgb(250 165 0 / 100%);
  --background-secondary-action-disabled: rgb(255 255 255 / 100%);
  --text-default: rgb(31 27 22 / 100%);
  --text-subtle: rgb(100 93 87 / 100%);
  --text-inverse: rgb(255 255 255 / 100%);
  --text-inversed-subtle: rgb(234 225 217 / 100%);
  --text-accent: rgb(250 165 0 / 100%);
  --text-link: rgb(69 150 223 / 100%);
  --text-error: rgb(186 26 26 / 100%);
  --text-success: rgb(67 106 27 / 100%);
  --text-primary-action-enabled: rgb(31 27 22 / 100%);
  --text-primary-action-hovered: rgb(31 27 22 / 100%);
  --text-primary-action-disabled: rgb(100 93 87 / 100%);
  --text-secondary-action-enabled: rgb(31 27 22 / 100%);
  --text-secondary-action-hovered: rgb(31 27 22 / 100%);
  --text-secondary-action-disabled: rgb(100 93 87 / 100%);
  --border-default: rgb(234 225 217 / 100%);
  --border-subtle: rgb(247 245 243 / 100%);
  --border-strong: rgb(31 27 22 / 100%);
  --border-inverse: rgb(178 170 162 / 100%);
  --border-accent: rgb(250 165 0 / 100%);
  --border-success: rgb(67 106 27 / 100%);
  --border-error: rgb(186 26 26 / 100%);
  --border-primary-action-enabled: rgb(250 165 0 / 100%);
  --border-primary-action-hovered: rgb(234 154 0 / 100%);
  --border-primary-action-disabled: rgb(206 197 189 / 100%);
  --border-primary-action-idle: rgb(234 225 217 / 100%);
  --border-secondary-action-enabled: rgb(250 165 0 / 100%);
  --border-secondary-action-hovered: rgb(250 165 0 / 100%);
  --border-secondary-action-disabled: rgb(206 197 189 / 100%);
  --border-secondary-action-idle: rgb(234 225 217 / 100%);
  --font-weight-300: light;
  --font-weight-400: regular;
  --font-weight-500: medium;
  --font-size-10: 10px;
  --font-weight-700: bold;
  --font-size-20: 12px;
  --font-size-30: 14px;
  --font-size-40: 16px;
  --font-size-50: 20px;
  --font-size-60: 24px;
  --font-size-70: 28px;
  --font-size-80: 34px;
  --font-size-90: 40px;
  --font-size-button: 14px;
  --font-size-input: 16px;
  --font-size-label: 12px;
  --line-height-10: 20px;
  --line-height-20: 24px;
  --line-height-30: 28px;
  --line-height-40: 32px;
  --line-height-50: 40px;
  --line-height-60: 44px;
  --line-height-70: 48px;
  --line-height-80: 56px;
  --line-height-90: 64px;
  --line-height-button: 14px;
  --line-height-input: 32px;
  --line-height-label: 12px;
  --letter-spacingdocument-string: 8%;
  --settingsdocument-palt: true;
}

@media (width >= 768px) {
  :root {
    --padding-gap-8884: 8px;
    --padding-gap-88812: 8px;
    --padding-gap-1212128: 12px;
    --padding-gap-12121216: 12px;
    --padding-gap-16161612: 16px;
    --padding-gap-16161620: 16px;
    --padding-gap-20202016: 20px;
    --padding-gap-20202024: 20px;
    --padding-gap-24242420: 24px;
    --padding-gap-24242432: 24px;
    --padding-gap-32323224: 32px;
    --padding-gap-32323240: 32px;
    --padding-gap-40404032: 40px;
    --padding-gap-40404056: 40px;
    --section-24242416: 24px;
    --section-24242440: 24px;
    --section-40404024: 40px;
    --section-40404056: 40px;
    --section-56565632: 56px;
    --section-56565672: 56px;
    --section-64646456: 64px;
    --section-64646480: 64px;
    --section-80808064: 80px;
    --section-808080120: 80px;
    --section-12012012080: 120px;
    --section-120120120160: 120px;
    --section-160160160120: 160px;
    --section-160160160200: 160px;
    --border-radius-label: 2px;
    --border-radius-panel: 4px;
    --border-radius-card: 8px;
    --border-radius-section: 24px;
    --border-radius-button: 6px;
    --grid-breakpoint: md;
    --grid-frame-widthfigma: 768px;
    --grid-container-widthfigma: 706px;
    --grid-margin: 20px;
    --grid-gutter: 24px;
    --grid-count: 12px;
    --font-weight-300: light;
    --font-weight-400: regular;
    --font-weight-500: medium;
    --font-size-10: 12px;
    --font-weight-700: bold;
    --font-size-20: 14px;
    --font-size-30: 16px;
    --font-size-40: 20px;
    --font-size-50: 24px;
    --font-size-60: 28px;
    --font-size-70: 34px;
    --font-size-80: 40px;
    --font-size-90: 48px;
    --font-size-button: 16px;
    --font-size-input: 16px;
    --font-size-label: 14px;
    --line-height-10: 24px;
    --line-height-20: 28px;
    --line-height-30: 32px;
    --line-height-40: 40px;
    --line-height-50: 44px;
    --line-height-60: 48px;
    --line-height-70: 56px;
    --line-height-80: 64px;
    --line-height-90: 72px;
    --line-height-button: 16px;
    --line-height-input: 32px;
    --line-height-label: 14px;
    --letter-spacingdocument-string: 8%;
    --settingsdocument-palt: true;
  }
}

@media (width >= 1120px) {
  :root {
    --padding-gap-8884: 8px;
    --padding-gap-88812: 8px;
    --padding-gap-1212128: 12px;
    --padding-gap-12121216: 12px;
    --padding-gap-16161612: 16px;
    --padding-gap-16161620: 16px;
    --padding-gap-20202016: 20px;
    --padding-gap-20202024: 20px;
    --padding-gap-24242420: 24px;
    --padding-gap-24242432: 24px;
    --padding-gap-32323224: 32px;
    --padding-gap-32323240: 32px;
    --padding-gap-40404032: 40px;
    --padding-gap-40404056: 40px;
    --section-24242416: 24px;
    --section-24242440: 24px;
    --section-40404024: 40px;
    --section-40404056: 40px;
    --section-56565632: 56px;
    --section-56565672: 56px;
    --section-64646456: 64px;
    --section-64646480: 64px;
    --section-80808064: 80px;
    --section-808080120: 80px;
    --section-12012012080: 120px;
    --section-120120120160: 120px;
    --section-160160160120: 160px;
    --section-160160160200: 160px;
    --border-radius-label: 2px;
    --border-radius-panel: 4px;
    --border-radius-card: 8px;
    --border-radius-section: 24px;
    --border-radius-button: 6px;
    --grid-breakpoint: lg;
    --grid-frame-widthfigma: 1120px;
    --grid-container-widthfigma: 960px;
    --grid-margin: 80px;
    --grid-gutter: 24px;
    --grid-count: 12px;
    --font-weight-300: light;
    --font-weight-400: regular;
    --font-weight-500: medium;
    --font-size-10: 12px;
    --font-weight-700: bold;
    --font-size-20: 14px;
    --font-size-30: 16px;
    --font-size-40: 20px;
    --font-size-50: 24px;
    --font-size-60: 28px;
    --font-size-70: 34px;
    --font-size-80: 40px;
    --font-size-90: 48px;
    --font-size-button: 16px;
    --font-size-input: 16px;
    --font-size-label: 14px;
    --line-height-10: 24px;
    --line-height-20: 28px;
    --line-height-30: 32px;
    --line-height-40: 40px;
    --line-height-50: 44px;
    --line-height-60: 48px;
    --line-height-70: 56px;
    --line-height-80: 64px;
    --line-height-90: 72px;
    --line-height-button: 16px;
    --line-height-input: 32px;
    --line-height-label: 14px;
    --letter-spacingdocument-string: 8%;
    --settingsdocument-palt: true;
  }
}

@media (width >= 1600px) {
  :root {
    --padding-gap-8884: 8px;
    --padding-gap-88812: 8px;
    --padding-gap-1212128: 12px;
    --padding-gap-12121216: 12px;
    --padding-gap-16161612: 16px;
    --padding-gap-16161620: 16px;
    --padding-gap-20202016: 20px;
    --padding-gap-20202024: 20px;
    --padding-gap-24242420: 24px;
    --padding-gap-24242432: 24px;
    --padding-gap-32323224: 32px;
    --padding-gap-32323240: 32px;
    --padding-gap-40404032: 40px;
    --padding-gap-40404056: 40px;
    --section-24242416: 24px;
    --section-24242440: 24px;
    --section-40404024: 40px;
    --section-40404056: 40px;
    --section-56565632: 56px;
    --section-56565672: 56px;
    --section-64646456: 64px;
    --section-64646480: 64px;
    --section-80808064: 80px;
    --section-808080120: 80px;
    --section-12012012080: 120px;
    --section-120120120160: 120px;
    --section-160160160120: 160px;
    --section-160160160200: 160px;
    --border-radius-label: 2px;
    --border-radius-panel: 4px;
    --border-radius-card: 8px;
    --border-radius-section: 24px;
    --border-radius-button: 6px;
    --grid-breakpoint: xl;
    --grid-frame-widthfigma: 1600px;
    --grid-container-widthfigma: 1440px;
    --grid-margin: 80px;
    --grid-gutter: 24px;
    --grid-count: 12px;
    --font-weight-300: light;
    --font-weight-400: regular;
    --font-weight-500: medium;
    --font-size-10: 12px;
    --font-weight-700: bold;
    --font-size-20: 14px;
    --font-size-30: 16px;
    --font-size-40: 20px;
    --font-size-50: 24px;
    --font-size-60: 28px;
    --font-size-70: 34px;
    --font-size-80: 40px;
    --font-size-90: 48px;
    --font-size-button: 16px;
    --font-size-input: 16px;
    --font-size-label: 14px;
    --line-height-10: 24px;
    --line-height-20: 28px;
    --line-height-30: 32px;
    --line-height-40: 40px;
    --line-height-50: 44px;
    --line-height-60: 48px;
    --line-height-70: 56px;
    --line-height-80: 64px;
    --line-height-90: 72px;
    --line-height-button: 16px;
    --line-height-input: 32px;
    --line-height-label: 14px;
    --letter-spacingdocument-string: 8%;
    --settingsdocument-palt: true;
  }
}