:root{--space-50:.125rem;--space-100:.25rem;--space-150:.375rem;--space-200:.5rem;--space-300:.75rem;--space-400:1rem;--space-500:1.25rem;--space-600:1.5rem;--space-1000:2.5rem;--space-2000:5rem;--space-page-inline:1.5rem;--space-section:2.5rem;--radius-xs:.125rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-full:9999px;--radius-mark:.125rem;--radius-control:.375rem;--radius-surface:.625rem;--radius-pill:9999px;--border-width-thin:1px;--border-width-thick:2px}@font-face{font-family:LINE Seed JP;src:url(/assets/LINESeedJP-Regular-DWYFgYPx.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LINE Seed JP;src:url(/assets/LINESeedJP-Bold-COcYo0OG.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-family-sans:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-weight-regular:400;--font-weight-bold:700;--font-line-height-tight:1.3;--font-line-height-ui:1.5;--font-line-height-body:1.75;--typography-title-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-title-font-size:1.5rem;--typography-title-font-weight:700;--typography-title-letter-spacing:0px;--typography-title-line-height:1.3;--typography-heading-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-heading-font-size:1.25rem;--typography-heading-font-weight:700;--typography-heading-letter-spacing:0px;--typography-heading-line-height:1.3;--typography-body-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-body-font-size:1rem;--typography-body-font-weight:400;--typography-body-letter-spacing:0px;--typography-body-line-height:1.75;--typography-ui-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-ui-font-size:1rem;--typography-ui-font-weight:400;--typography-ui-letter-spacing:0px;--typography-ui-line-height:1.5;--typography-control-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-control-font-size:1rem;--typography-control-font-weight:700;--typography-control-letter-spacing:0px;--typography-control-line-height:1.5;--typography-caption-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-caption-font-size:.875rem;--typography-caption-font-weight:400;--typography-caption-letter-spacing:0px;--typography-caption-line-height:1.5;--size-control-height-sm:2rem;--size-control-height-md:2.5rem;--size-control-height-lg:3rem;--size-control-min-width-sm:4.5rem;--size-control-min-width-md:6rem;--size-control-min-width-lg:7.5rem;--size-target-min:1.5rem;--duration-80:80ms;--duration-120:.12s;--duration-160:.16s;--duration-900:.9s;--duration-state:.12s;--duration-press:.16s;--duration-entrance:.9s;--duration-stagger:80ms;--easing-standard:cubic-bezier(.25, .1, .25, 1);--easing-out:cubic-bezier(0, 0, .58, 1);--easing-entrance:cubic-bezier(.22, 1, .36, 1)}:where(.hg) :where(*){box-sizing:border-box}:where(.hg) :where(h1,h2,h3,p,ul,ol,figure){margin:0}:where(.hg) :where(ul,ol){padding:0;list-style:none}.hg-standalone{--color-primary:#2b2b2b;--color-on-primary:#fffdf9;--color-secondary:#c9171e;--color-on-secondary:#fffdf9;--color-background:#f9f8f8;--color-surface:#fefefe;--color-on-surface:#1f1f1f;--color-surface-container:#f0efef;--color-surface-variant:#e3dede;--color-on-surface-variant:#4d4d4d;--color-outline:#757575;--color-focus:#525252;min-block-size:100vh}.hg{--hg-bg:var(--color-background);--hg-surface:var(--color-surface-container);--hg-ink:var(--color-on-surface);--hg-muted:var(--color-on-surface-variant);--hg-line:var(--color-surface-variant);--hg-line-strong:var(--color-outline);--hg-dot:var(--color-secondary);--hg-focus:var(--color-focus);--hg-inline:var(--space-page-inline,1.5rem);background:var(--hg-bg);color:var(--hg-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--typography-ui-font-family);font-size:var(--typography-ui-font-size);line-height:var(--typography-ui-line-height);font-feature-settings:"palt";position:relative;overflow-x:clip}@media (prefers-color-scheme:dark){.hg{--lightningcss-light: ;--lightningcss-dark:initial}.hg-standalone:not([data-theme=light]){--color-secondary-container:#861318;--color-background:#1b1a1a;--color-surface:#272525;--color-on-surface:#f0f0f0;--color-surface-container:#343232;--color-surface-variant:#4c3e3e;--color-on-surface-variant:#c9c9c9;--color-outline:#9c8b8b;--color-focus:#b8b8b8}}@media (width>=48rem){.hg{--hg-inline:var(--space-1000)}}.hg a{color:inherit;text-decoration:none}.hg :focus-visible{outline:var(--border-width-thick) solid var(--hg-focus);outline-offset:3px}.hg .hg-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.hg .hg-pause{inline-size:var(--size-control-height-lg);block-size:var(--size-control-height-lg);border-radius:var(--radius-full);background:color-mix(in srgb, var(--hg-surface) 82%, transparent);color:var(--hg-ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color var(--duration-state) var(--easing-standard);border:0;place-items:center;padding:0;display:inline-grid}.hg .hg-pause svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;block-size:1.25rem;inline-size:1.25rem}.hg .hg-pause[aria-pressed=true] svg{fill:currentColor}@media (hover:hover) and (pointer:fine){.hg .hg-pause:hover{background:var(--hg-line)}}.hg[data-paused=true] *,.hg [data-paused=true] *{animation-play-state:paused!important}.df{--df-draw:cubic-bezier(.65, 0, .35, 1)}.df .df-hero{min-block-size:100svh;padding:var(--space-2000) var(--hg-inline) clamp(2.5rem, 8vh, 5rem);isolation:isolate;align-content:end;display:grid;position:relative;overflow:clip}.df .df-field{z-index:-1;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 8% 92%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.df .df-field canvas{block-size:100%;inline-size:100%;display:block}.df .df-copy{gap:var(--space-600);pointer-events:none;max-inline-size:min(100%,40rem);display:grid}.df .df-eyebrow{gap:var(--space-600);color:var(--hg-muted);font-size:var(--font-size-sm);letter-spacing:.24em;font-weight:700;display:flex}.df .df-eyebrow>span{animation:df-rise .7s var(--easing-entrance) backwards;animation-delay:calc(1.1s + var(--n,0) * 80ms)}.df .df-eyebrow>span:nth-child(2){--n:1}.df .df-eyebrow>span:nth-child(3){--n:2}.df .df-title{margin:0;line-height:0}.df .df-lockup{block-size:auto;inline-size:min(100%,36rem);display:block;overflow:visible}.df .lk-stroke{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;animation:df-draw .52s var(--df-draw) backwards;animation-delay:calc(1.25s + var(--i) * 55ms)}@keyframes df-draw{0%{stroke-dashoffset:1.02px}to{stroke-dashoffset:0}}.df .lk-dot{fill:var(--hg-dot);transform-box:fill-box;transform-origin:50%;animation:df-pop .6s var(--easing-entrance) backwards}.df .lk-dot--mark{animation-delay:1.5s}.df .lk-dot--period{animation-delay:1.95s}@keyframes df-pop{0%{transform:scale(0)}60%{transform:scale(1.5)}}@keyframes df-rise{0%{opacity:0;translate:0 .6em}}@keyframes df-focus{0%{opacity:0;filter:blur(12px);translate:0 .25em}}.df .df-pause{position:absolute;inset-block-end:var(--space-600);inset-inline-end:var(--hg-inline)}@media (width<40rem){.df .df-pause{inset-block:0 auto}}.df .df-works{padding:var(--space-2000) var(--hg-inline) calc(var(--space-2000) * 1.5)}.df .df-works__head{align-items:center;gap:var(--space-400);font-size:var(--font-size-sm);letter-spacing:.24em;margin-block-end:var(--space-1000);font-weight:700;display:flex}.df .df-works__rule{background:radial-gradient(circle, var(--hg-line-strong) 1.2px, transparent 1.8px) 0 50% / 8px 6px repeat-x;flex:1;block-size:6px}.df .df-grid{gap:var(--space-400);display:grid}@media (width>=40rem){.df .df-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.df .df-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.df .df-tile{opacity:0;transition:opacity .7s var(--easing-entrance), translate 1s var(--easing-entrance);transition-delay:calc(var(--i) * 80ms);animation:none;translate:0 2rem}.df .df-tile[data-seen]{opacity:1;translate:0}.df .df-tile__link{gap:var(--space-400);min-block-size:17rem;padding:var(--space-600);border-radius:var(--radius-surface);background:var(--hg-surface);isolation:isolate;transition:transform .4s var(--easing-entrance);grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden;container-type:inline-size}.df .df-tile__field{z-index:-1;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.df .df-tile__num{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;letter-spacing:.08em;font-weight:700}.df .df-tile__label{letter-spacing:-.02em;align-self:end;font-size:clamp(1.75rem,12cqi,2.75rem);font-weight:700;line-height:1.05}@media (hover:hover) and (pointer:fine){.df .df-tile__link:hover{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.df *,.df :before{transition-duration:1ms!important;transition-delay:0s!important;animation:none!important}.df .lk-stroke{stroke-dasharray:none}.df .df-tile{opacity:1;translate:0}}
