@layer tokens,theme,foundation,layout,component,project,animation,utility,custom;@import"https://cdn.jsdelivr.net/npm/kiso.css@latest/kiso.css"layer(foundation);@layer tokens{@property --viewport-min{syntax: "<number>"; inherits: true; initial-value: 375;}@property --viewport-max{syntax: "<number>"; inherits: true; initial-value: 1280;}@property --content-max{syntax: "<number>"; inherits: true; initial-value: 900;}}@layer tokens{:root{--olive: oklch(78.49% .184 126.64);--olive-50: oklch(97% .079 126.64);--olive-100: oklch(93.44% .184 126.64);--olive-200: oklch(88.24% .184 126.64);--olive-300: oklch(82.16% .184 126.64);--olive-400: oklch(75.43% .184 126.64);--olive-500: oklch(68.16% .184 126.64);--olive-600: oklch(60.45% .181 126.64);--olive-700: oklch(52.34% .157 126.64);--olive-800: oklch(43.88% .132 126.64);--olive-900: oklch(35.09% .105 126.64);--olive-950: oklch(26% .078 126.64);--gray-50: oklch(97% 0 none);--gray-100: oklch(93.44% 0 none);--gray-200: oklch(88.24% 0 none);--gray-300: oklch(82.16% 0 none);--gray-400: oklch(75.43% 0 none);--gray-500: oklch(68.16% 0 none);--gray-600: oklch(60.45% 0 none);--gray-700: oklch(52.34% 0 none);--gray-800: oklch(43.88% 0 none);--gray-900: oklch(35.09% 0 none);--gray-950: oklch(26% 0 none);--blue-50: oklch(97% .016 262.29);--blue-100: oklch(93.44% .034 262.29);--blue-200: oklch(88.24% .063 262.29);--blue-300: oklch(82.16% .097 262.29);--blue-400: oklch(75.43% .137 262.29);--blue-500: oklch(68.16% .168 262.29);--blue-600: oklch(60.45% .168 262.29);--blue-700: oklch(52.34% .168 262.29);--blue-800: oklch(43.88% .168 262.29);--blue-900: oklch(35.09% .168 262.29);--blue-950: oklch(26% .152 262.29);--purple-50: oklch(97% .016 287.24);--purple-100: oklch(93.44% .036 287.24);--purple-200: oklch(88.24% .067 287.24);--purple-300: oklch(82.16% .103 287.24);--purple-400: oklch(75.43% .122 287.24);--purple-500: oklch(68.16% .122 287.24);--purple-600: oklch(60.45% .122 287.24);--purple-700: oklch(52.34% .122 287.24);--purple-800: oklch(43.88% .122 287.24);--purple-900: oklch(35.09% .122 287.24);--purple-950: oklch(26% .122 287.24);--red-50: oklch(97% .019 26.85);--red-100: oklch(93.44% .043 26.85);--red-200: oklch(88.24% .081 26.85);--red-300: oklch(82.16% .129 26.85);--red-400: oklch(75.43% .189 26.85);--red-500: oklch(68.16% .207 26.85);--red-600: oklch(60.45% .207 26.85);--red-700: oklch(52.34% .207 26.85);--red-800: oklch(43.88% .201 26.85);--red-900: oklch(35.09% .161 26.85);--red-950: oklch(26% .119 26.85)}}@layer tokens{:root{--viewport-min: 375;--viewport-max: 1280;--content-max: 900;--stack-foreground: 1;--stack-background: -1}}@layer theme{:root{--theme-bg: var(--olive);--theme-fg: var(--gray-950);--color-base-bg: light-dark(var(--gray-50), var(--olive-950));--color-text: light-dark(var(--gray-950), var(--gray-50));--color-text-light: light-dark(var(--gray-600), var(--gray-400));--color-shadow: light-dark(oklch(from var(--gray-950) l c h / 10%), oklch(from var(--gray-50) l c h / 10%));--color-error: light-dark(var(--red-700), var(--red-500));--color-link: light-dark(var(--blue-600), var(--blue-400)));--color-link-hover: light-dark(var(--blue-500), var(--blue-500)));--color-link-active: light-dark(var(--blue-400), var(--blue-600));--color-link-visited: light-dark(var(--purple-700), var(--purple-400));--color-link-visited-hover: light-dark(var(--purple-800), var(--purple-300));--color-link-visited-active: light-dark(var(--purple-900), var(--purple-200));color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}}@layer theme{:root{--content-inline-size: var(--content-max);--header-height: 0px;--scroll-margin: var(--header-height)}}@layer foundation{*,*:before,*:after{min-inline-size:0}:root:has(dialog[open]){overflow:hidden;scrollbar-gutter:stable}:where(html){container-type:scroll-state;font-size:100%;interpolate-size:allow-keywords}@media(prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}:where(body){background-color:var(--color-base-bg);color:var(--color-text);font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.5}:where(:any-link){text-decoration-color:color-mix(in oklch,currentColor,transparent 40%);text-decoration-line:revert;text-underline-offset:.25em}:where(:link){color:var(--color-link);&:focus-visible{color:var(--color-link-hover)}@media(any-hover:hover){&:hover{color:var(--color-link-hover)}}&:active{color:var(--color-link-active)}}:where(:visited){color:var(--color-link-visited);&:focus-visible{color:var(--color-link-visited-hover)}@media(any-hover:hover){&:hover{color:var(--color-link-visited-hover)}}&:active{color:var(--color-link-visited-active)}}:where(header a),:where(footer a){color:inherit;text-decoration:none}:where(:focus-visible){outline-offset:4px}:where([id]),:where(:focus){scroll-margin-block-start:var(--scroll-margin)}:where(button){inline-size:fit-content}:where(input[type=text]){font-size:1rem}:where(small){font-size:1rem}}@layer layout{.l-header{container-name:header;container-type:inline-size}.l-header__container{align-items:center;column-gap:1rem;display:grid;grid-template-columns:auto minmax(max-content,1fr);margin-inline:auto;max-inline-size:1024px}.l-header__inner{container-type:inline-size;display:grid;justify-content:end}}@layer layout{.l-footer{container-name:footer;container-type:inline-size;inline-size:100%;inset-block-start:100%;position:sticky}.l-footer__container{margin-inline:auto;max-inline-size:1024px}}@layer component{.c-menu{&:has([data-layout=vertical]){padding-block:.5rem}}.c-menu__list{display:flex;rule:1px solid;rule-inset:.25em}.c-menu__item{display:grid;white-space:nowrap;a{align-items:center;color:inherit;display:block;padding-block:.25em;padding-inline:.75em;text-decoration:none}}.c-menu__list[data-layout=horizontal]{flex-direction:row}.c-menu__list[data-layout=vertical]{flex-direction:column;gap:1rem;text-align:center}}@layer project{.p-breadcrumb{font-size:.875rem;letter-spacing:.125em;text-transform:uppercase}.p-breadcrumb__list{display:flex;flex-wrap:wrap;gap:.5rem;white-space:nowrap}.p-breadcrumb__item{align-items:center;display:grid}.p-breadcrumb__item:not(:first-child){gap:.5rem;grid-template-columns:1rem auto;&:before{background-color:currentColor;block-size:1px;content:"";display:block;inline-size:1rem}}}@layer project{.p-drawer{align-content:start;block-size:100%;inline-size:100%;margin-block:0;margin-inline:0;overflow:hidden;padding-block:2.5rem;padding-inline:4%;transition-behavior:allow-discrete;transition-duration:.6s;transition-property:display,translate;transition-timing-function:var(--ease-out-elastic);translate:0 -100%;row-gap:2.5rem;z-index:calc(infinity);&::backdrop{opacity:0;transition-behavior:allow-discrete;transition-duration:.6s;transition-property:display,opacity}}.p-drawer[open]{display:grid;translate:0;@starting-style{translate:0 -100%}&::backdrop{opacity:1;@starting-style{opacity:0}}}}@layer project{.p-logo{align-items:center;display:grid;grid-auto-flow:column;inline-size:fit-content;justify-content:start;position:relative}.p-logo__image{max-inline-size:none}.p-logo__text{font-size:1.5rem;padding-inline:.5rem;white-space:nowrap;a{color:inherit}a:after{content:"";inset:0;position:absolute}}}@layer project{.p-skip-link{inset-block-start:0;justify-self:center;position:absolute;z-index:calc(infinity);&:not(:focus-within){block-size:1px;inline-size:1px;opacity:0;overflow:clip;pointer-events:none}}.p-skip-link a{background-color:var(--theme-bg);border-radius:0 0 .25em .25em;color:var(--theme-fg);display:block;padding-block:.25rem;padding-inline:.5rem;text-decoration:none}}@layer animation{:root{--ease-out-elastic: cubic-bezier(0, 1.35, .5, 1)}}@layer animation{@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}}@layer animation{@keyframes slide-in-from-left{0%{translate:-100%}}@keyframes slide-in-from-right{0%{translate:100%}}@keyframes slide-out-to-left{to{translate:-100%}}@keyframes slide-out-to-right{to{translate:100%}}@keyframes slide-in-from-bottom{0%{translate:0 100%}}@keyframes slide-in-from-top{0%{translate:0 -100%}}@keyframes slide-out-to-bottom{to{translate:0 100%}}@keyframes slide-out-to-top{to{translate:0 -100%}}}@layer animation{@media(prefers-reduced-motion:reduce){*,*::before,*::after. *::backdrop{animation-delay:unset!important;animation-duration:1ms!important;animation-iteration-count:unset!important;background-attachment:unset!important;scroll-behavior:unset!important;transition-delay:unset!important;transition-duration:1ms!important;view-transition-name:none!important}}}@layer utility{.u-hidden-sp{@media(width<1024px){display:none!important}}.u-hidden-pc{@media(width>=1024px){display:none!important}}.u-visually-hidden{block-size:1px!important;border:0!important;clip-path:inset(50%)!important;inline-size:1px!important;margin:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;visibility:visible!important;white-space:nowrap!important}}@layer custom;
