@layer tokens{:root{--torem: .0625rem ;--torlh: .0625rlh ;--tovi: calc(100vi / var(--viewport));--tovi-sm: calc(100vi / var(--design-width-sm));--tovi-md: calc(100vi / var(--design-width-md, 768));--tovi-lg: calc(100vi / var(--design-width-lg));--tovw-sm: calc(100vw / var(--design-width-sm));--tovw-md: calc(100vw / var(--design-width-md, 768));--tovw-lg: calc(100vw / var(--design-width-lg));--toremvw: calc((var(--torem) * .5) + (var(--viewport) * .5));--toremvi-sm: calc((var(--torem) * .5) + (var(--tovi-sm) * .5));--toremvi-md: calc((var(--torem) * .5) + (var(--tovi-md) * .5));--toremvi-lg: calc((var(--torem) * .5) + (var(--tovi-lg) * .5));--design-ratio: calc(100% / var(--viewport));--min-viewport: 375;--max-viewport: 1440;--design-width-sm: 375;--design-width-lg: 1440;--color-blue-50: #1e1a07;--color-grey: #b5b4ac;--base-background-color: #fff;--base-color: var(--color-dark);--base-line-height: 1.5;--font-sans-ja: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "Meiryo", sans-serif;--font-sans-en: "Montserrat", "Helvetica Neue", "Arial", system-ui, sans-serif;--font-sans-mix: "Montserrat", "Noto Sans JP", sans-serif;--base-font-family: var(--font-sans-ja);--font-base: 16;--font-ratio: 8;--font-2xs: calc(var(--font-base) * var(--font-ratio) / 12 * var(--torem));--font-xs: calc(var(--font-base) * var(--font-ratio) / 10 * var(--torem));--font-sm: calc(var(--font-base) * var(--font-ratio) / 9 * var(--torem));--font-md: calc(var(--font-base) * var(--font-ratio) / 8 * var(--torem));--font-lg: calc(var(--font-base) * var(--font-ratio) / 7 * var(--torem));--font-xl: calc(var(--font-base) * var(--font-ratio) / 5 * var(--torem));--font-2xl: calc(var(--font-base) * var(--font-ratio) / 3 * var(--torem));--font-fluid-xs: clamp(.666687rem, calc(.63433rem + .138058vi), .8rem);--font-fluid-sm: clamp(.888875rem, calc(.861903rem + .115081vi), 1rem);--font-fluid-md: clamp(1rem, calc(.965322rem + .147961vi), 1.14288rem);--font-fluid-lg: clamp(1.125rem, calc(1.07444rem + .215728vi), 1.33331rem);--font-fluid-xl: clamp(1.6rem, calc(1.50291rem + .414239vi), 2rem);--font-fluid-2xl: clamp(2rem, calc(1.83818rem + .690421vi), 2.66669rem);--font-fluid-3xl: clamp(2.66669rem, calc(2.34307rem + 1.38078vi) , 4rem);--leading-base: 4;--leading-xs: calc(var(--leading-base) * 3 * var(--torem));--leading-sm: calc(var(--leading-base) * 4 * var(--torem));--leading-md: calc(var(--leading-base) * 5 * var(--torem));--leading-lg: calc(var(--leading-base) * 6 * var(--torem));--leading-xl: calc(var(--leading-base) * 7 * var(--torem));--leading-2xl: calc(var(--leading-base) * 8 * var(--torem));--leading-3xl: calc(var(--leading-base) * 9 * var(--torem));--leading-4xl: calc(var(--leading-base) * 10 * var(--torem));--leading-none: 1;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-loose: 2;--tracking-tigher: -.05em;--tracking-tight: -.025em;--tracking-normal: normal;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--container-size-4xs: 460px;--container-size-3xs: 480px;--container-size-2xs: 600px;--container-size-xs: 640px;--container-size-sm: 768px;--container-size-md: 1200px;--container-size-lg: 1440px;--container-size-xl: 1500px;--container-size-2xl: 1640px;--offset-xs: 1.5vw;--offset-sm: 2.8vw;--offset-md: 5.5vw;--offset-lg: 7.3vw;--offset-xl: 13vw;--space-base: 8;--space-2xs: calc(var(--space-base) * var(--torem));--space-xs: calc(var(--space-base) * 2 * var(--torem));--space-sm: calc(var(--space-base) * 3 * var(--torem));--space-md: calc(var(--space-base) * 5 * var(--torem));--space-lg: calc(var(--space-base) * 8 * var(--torem));--space-xl: calc(var(--space-base) * 13 * var(--torem));--radius-sm: 1rem;--radius-md: 2rem;--radius-lg: 2.5rem;--radius-full: 50%;--grid-fit-sm: repeat(auto-fit, minmax(min(280px, 100%), 1fr));--grid-fit-md: repeat(auto-fit, minmax(min(320px, 100%), 1fr));--grid-fit-lg: repeat(auto-fit, minmax(min(400px, 100%), 1fr));--grid-fill-sm: repeat(auto-fill, minmax(min(280px, 100%), 1fr));--grid-fill-md: repeat(auto-fill, minmax(min(320px, 100%), 1fr));--grid-fill-lg: repeat(auto-fill, minmax(min(400px, 100%), 1fr));--grid-1: repeat(1, minmax(0, 1fr));--grid-2: repeat(2, minmax(0, 1fr));--grid-3: repeat(3, minmax(0, 1fr));--grid-4: repeat(4, minmax(0, 1fr));--grid-5: repeat(5, minmax(0, 1fr));--grid-6: repeat(6, minmax(0, 1fr));--grid-7: repeat(7, minmax(0, 1fr));--grid-8: repeat(8, minmax(0, 1fr));--grid-9: repeat(9, minmax(0, 1fr));--grid-10: repeat(10, minmax(0, 1fr));--grid-11: repeat(11, minmax(0, 1fr));--grid-12: repeat(12, minmax(0, 1fr));--arrow-width: 10%;--arrow-prev: polygon( 75% var(--arrow-width), calc(75% - var(--arrow-width)) 0, calc(25% - var(--arrow-width)) 50%, calc(75% - var(--arrow-width)) 100%, 75% calc(100% - var(--arrow-width)), calc(25% + var(--arrow-width)) 50%, 75% var(--arrow-width) );--arrow-next: polygon( 25% var(--arrow-width), calc(25% + var(--arrow-width)) 0, calc(75% + var(--arrow-width)) 50%, calc(25% + var(--arrow-width)) 100%, 25% calc(100% - var(--arrow-width)), calc(75% - var(--arrow-width)) 50%, 25% var(--arrow-width) );--arrow-down: polygon( var(--arrow-width) 25%, 0 calc(25% + var(--arrow-width)), 50% calc(75% + var(--arrow-width)), 100% calc(25% + var(--arrow-width)), calc(100% - var(--arrow-width)) 25%, 50% calc(75% - var(--arrow-width)), var(--arrow-width) 25% );--duration-fast: .3s;--duration-normal: .6s;--duration-slow: 1.6s;--ease-in-sine: cubic-bezier(.12, 0, .39, 0);--ease-out-sine: cubic-bezier(.61, 1, .88, 1);--ease-in-out-sine: cubic-bezier(.37, 0, .63, 1);--ease-in-cubic: cubic-bezier(.32, 0, .67, 0);--ease-out-cubic: cubic-bezier(.33, 1, .68, 1);--ease-in-out-cubic: cubic-bezier(.65, 0, .35, 1);--ease-in-quint: cubic-bezier(.64, 0, .78, 0);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-in-out-quint: cubic-bezier(.83, 0, .17, 1);--ease-in-circ: cubic-bezier(.55, 0, 1, .45);--ease-out-circ: cubic-bezier(0, .55, .45, 1);--ease-in-out-circ: cubic-bezier(.85, 0, .15, 1);--ease-in-quad: cubic-bezier(.11, 0, .5, 0);--ease-out-quad: cubic-bezier(.5, 1, .89, 1);--ease-in-out-quad: cubic-bezier(.45, 0, .55, 1);--ease-in-quart: cubic-bezier(.5, 0, .75, 0);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--ease-in-expo: cubic-bezier(.7, 0, .84, 0);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-expo: cubic-bezier(.87, 0, .13, 1);--ease-in-back: cubic-bezier(.36, 0, .66, -.56);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out-back: cubic-bezier(.68, -.6, .32, 1.6);--viewport: var(--design-width-sm)}@media(min-width:48rem){:root{--viewport: var(--design-width-md, var(--design-width-sm))}}@media(min-width:64rem){:root{--viewport: var(--design-width-lg)}}}@layer reset{*,:before,:after{box-sizing:border-box;min-inline-size:0;padding:0;margin:0;border-width:1px}:where(html){scrollbar-gutter:stable;line-height:1.5;line-break:strict;overflow-wrap:anywhere;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;text-spacing-trim:trim-start;text-autospace:normal;-webkit-tap-highlight-color:transparent;interpolate-size:allow-keywords}:where(html:has(dialog:modal[open])){overflow:hidden}:where(body){min-block-size:100svb;overflow-x:clip}:where(:is(h1,h2,h3,h4,h5,h6):lang(en)){text-wrap:balance}:where(hr){block-size:0;color:inherit;border-width:0;border-block-start:1px solid}:where(ul,ol){list-style-type:""}:where(pre){text-autospace:no-autospace}:where(address:lang(ja)){font-style:unset}:where(p:lang(en)){text-wrap:pretty}:where(b,strong){font-weight:700}:where(small){font-size:max(.625rem,.8em)}:where(code,kbd,samp){font-family:ui-monospace,monospace}:where(em:lang(ja),i:lang(ja),cite:lang(ja),dfn:lang(ja)){font-style:normal}:where(:any-link){color:unset;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg,video){max-inline-size:100%;block-size:auto}:where(iframe){border:unset}:where(table){border-collapse:collapse}:where(caption,th){text-align:unset}:where(th){font-weight:700}:where(input,button,textarea,select,optgroup){font:unset;font-variation-settings:inherit;font-feature-settings:inherit;color:unset;word-spacing:inherit;letter-spacing:inherit}:where(button,input:is([type=button i],[type=submit i],[type=reset i])){touch-action:manipulation;background-color:unset;border-style:solid;border-radius:unset}:where(input:not([type=button i],[type=submit i],[type=reset i]),textarea,[contenteditable]){text-autospace:no-autospace}:where(input:is([type=radio i],[type=checkbox i])){margin:unset}:where(input[type=search i]){-webkit-appearance:textfield}:where(input:is([type=tel i],[type=url i],[type=email i],[type=number i]):not(:placeholder-shown)){direction:ltr}:where(textarea){resize:block}:where(textarea:not([rows])){min-block-size:10em}:where(fieldset){padding:unset;border:unset}:where(legend){padding-inline:unset}:where(progress){vertical-align:unset}:where(:is(input,textarea))::placeholder{opacity:unset}:where(dialog,[popover]){max-inline-size:unset;max-block-size:unset;overscroll-behavior-block:contain;color:unset;background-color:unset;border-style:none}:where(dialog){margin:auto}:where(dialog:not([open],[popover]),[popover]:not(:popover-open)){display:none}:where(summary){list-style-type:""}:where(summary)::-webkit-details-marker{display:none}:where(button,label,select,summary,[role=button],[role=link],[role=option],[role=tab]){cursor:pointer}:where(input[type=file i])::-webkit-file-upload-button{cursor:pointer}:where(input[type=file i])::file-selector-button{cursor:pointer}:where([disabled],label:has(>input:disabled),label:has(+input:disabled)),:where([aria-disabled=true]){cursor:not-allowed}:where([aria-busy=true]){cursor:progress}:where([role=button],[role=tab],[role=option]){touch-action:manipulation}:where([hidden]:not([hidden=until-found])){display:none}:where(:focus:not(:focus-visible)){outline:none}:where(:focus-visible,:target){scroll-margin-block:8vh}@media(prefers-reduced-motion:reduce){*,:before,:after,::backdrop{scroll-behavior:auto!important;transition-delay:unset!important;transition-duration:.01ms!important;view-transition-name:none!important;animation-duration:.01ms!important;animation-delay:unset!important;animation-iteration-count:1!important}}}@layer base{:where(html){font-family:var(--base-font-family, sans-serif);line-height:var(--base-line-height, 1.5);color:var(--base-color);color-scheme:light dark;background-color:var(--base-background-color);-webkit-font-smoothing:antialiased;--lightningcss-light: initial;--lightningcss-dark: }@media(prefers-color-scheme:dark){:where(html){--lightningcss-light: ;--lightningcss-dark: initial}}:where(:any-link){text-underline-offset:.25em}:where(h1,h2,h3,h4,h5,h6){font-weight:700}}@layer components{:where(.grid){--grid-fit: repeat( auto-fit, minmax(min(var(--grid-min, 400px), 100%), 1fr) );--grid-fill: repeat( auto-fill, minmax(min(var(--grid-min, 400px), 100%), 1fr) );--grid-cols: none;--gap: 0;display:grid;grid-template-columns:var(--grid-cols);gap:var(--gap)}:where(.container){--container-name: container;--layout: flow-root;--max-size: none;--offset-start: 0;--offset-end: 0;--offset: var(--offset-start) var(--offset-end);box-sizing:content-box;display:block var(--layout);max-inline-size:var(--max-size);padding-inline:var(--offset);margin-inline:auto}}@layer utilities{.visually-hidden:not(:focus-within,:active){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}}h1{color:red}picture img{max-width:75%;margin:0 auto}