html:has(.hp-scope){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark:has(.hp-scope){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.hp-scope{--hp-bg:#fff;--hp-surface:#f6f7f9;--hp-ink:#0b0c10;--hp-ink-2:#464953;--hp-ink-3:#6b6f7b;--hp-line:#e7e8ec;--hp-line-2:#d5d7de;--hp-blue:#2952e3;--hp-blue-soft:#edf1fd;--hp-blue-line:#bfcdf7;--hp-fill:#2952e3;--hp-fill-hover:#1f44c9;--hp-on-blue:#fff;--hp-pill-bg:#0b0c10;--hp-pill-ink:#fff;--hp-bar:#0b0c10;--hp-shadow:0 1px 2px #0b0c100d, 0 14px 34px -18px #0b0c1038;--hp-shadow-tile:0 3px 10px -6px #0b0c104d;--hp-shadow-board:0 1px 2px #0b0c100d, 0 18px 30px -18px #0b0c1059;--hp-sans:"Satoshi", "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;--hp-mono:var(--hp-mono-font), ui-monospace, SFMono-Regular, Menlo, "Hiragino Sans", "Noto Sans JP", monospace;--hp-rail:1180px;--hp-header:64px;background:var(--hp-bg);min-height:100vh;color:var(--hp-ink);font:400 17px/1.6 var(--hp-sans);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}.dark .hp-scope{--hp-bg:#0a0a0a;--hp-surface:#141416;--hp-ink:#f5f5f5;--hp-ink-2:#b4b6bd;--hp-ink-3:#8b8e97;--hp-line:#232327;--hp-line-2:#34353b;--hp-blue:#8aa0f0;--hp-blue-soft:#141b33;--hp-blue-line:#2d3c70;--hp-fill:#4063e0;--hp-fill-hover:#4d6fe6;--hp-pill-bg:#34353b;--hp-pill-ink:#f5f5f5;--hp-bar:#b4b6bd;--hp-shadow:0 1px 2px #00000080, 0 14px 34px -18px #000000d9;--hp-shadow-tile:0 3px 10px -6px #000c;--hp-shadow-board:0 1px 2px #00000080, 0 18px 30px -18px #000000e6}.hp-scope:lang(ja) h1,.hp-scope:lang(ja) h2,.hp-scope:lang(ja) h3,.hp-scope:lang(ja) h4{letter-spacing:0;line-height:1.35}.hp-scope:lang(ja) :is(h1,h2,h3,h4,.hp-fact span,.hp-big span,.hp-wr dd,.hp-proof){line-break:strict}@supports (word-break:auto-phrase){.hp-scope:lang(ja) :is(h1,h2,h3,h4,.hp-fact span,.hp-big span,.hp-wr dd,.hp-proof){word-break:auto-phrase}}.hp-scope:lang(ja) h1{font-size:clamp(28px,3.6vw,48px);line-height:1.2}.hp-scope:lang(ja) h2{font-size:clamp(24px,3vw,40px)}.hp-scope:lang(ja) .hp-big b,.hp-scope:lang(ja) .hp-thesis p{letter-spacing:0}.hp-scope:lang(ja) p,.hp-scope:lang(ja) dd,.hp-scope:lang(ja) li,.hp-scope:lang(ja) blockquote{line-break:strict}.hp-scope h1,.hp-scope h2,.hp-scope h3,.hp-scope h4{text-wrap:balance}.hp-scope :focus-visible{outline:2px solid var(--hp-blue);outline-offset:3px;border-radius:4px}.hp-scope section[id]{scroll-margin-top:calc(var(--test-banner-h,0px) + var(--hp-header))}.hp-wrap{max-width:var(--hp-rail);margin-inline:auto;padding-inline:24px}.hp-mono{font-family:var(--hp-mono)}.hp-top{top:var(--test-banner-h,0px);z-index:20;background:color-mix(in srgb, var(--hp-bg) 90%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--hp-line);position:sticky}.hp-top .hp-wrap{height:var(--hp-header);align-items:center;gap:28px;display:flex}.hp-brand{white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.hp-brand img{width:24px;height:26px}.hp-brand b{letter-spacing:-.01em;font-weight:700}.hp-brand span{color:var(--hp-ink-3);font-size:15px}.hp-nav{gap:26px;margin-left:auto;font-size:15px;display:flex}.hp-nav a{color:var(--hp-ink-2);white-space:nowrap}.hp-nav a:hover{color:var(--hp-ink)}.hp-nav a[aria-current=page]{color:var(--hp-ink);font-weight:500}.hp-tools{flex-shrink:0;align-items:center;gap:8px;display:flex}.hp-top a.hp-btn{flex-shrink:0}.hp-scope .hp-icon-btn,.hp-lang{border:1px solid var(--hp-line-2);height:34px;color:var(--hp-ink-2);border-radius:9px}.hp-scope .hp-icon-btn{cursor:pointer;place-items:center;width:34px;display:grid}.hp-scope .hp-icon-btn:hover{color:var(--hp-ink);background:var(--hp-surface)}.hp-lang{display:flex;overflow:hidden}.hp-lang button{font:500 12px/1 var(--hp-sans);letter-spacing:.04em;white-space:nowrap;color:var(--hp-ink-3);cursor:pointer;padding:0 9px}.hp-lang button+button{border-left:1px solid var(--hp-line)}.hp-lang button:hover{color:var(--hp-ink)}.hp-lang button[aria-pressed=true]{color:var(--hp-ink);background:var(--hp-surface)}.hp-scope a.hp-btn{background:var(--hp-fill);height:46px;color:var(--hp-on-blue);font:500 16px/1 var(--hp-sans);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:0 20px;transition:background-color .15s,transform .15s;display:inline-flex}.hp-scope a.hp-btn:hover{background:var(--hp-fill-hover)}.hp-scope a.hp-btn:active{transform:translateY(1px)}.hp-scope a.hp-btn-sm{height:38px;padding:0 14px;font-size:15px}.hp-scope a.hp-btn-ghost{background:var(--hp-bg);color:var(--hp-ink);box-shadow:inset 0 0 0 1px var(--hp-line-2)}.hp-scope a.hp-btn-ghost:hover{background:var(--hp-surface)}.hp-scope main{flex:1;position:relative}.hp-sec{border-top:1px solid var(--hp-line);padding-block:120px;position:relative}@media (min-width:1240px){.hp-scope main:before{content:"";top:0;bottom:0;left:calc(50% - var(--hp-rail) / 2);width:var(--hp-rail);border-inline:1px solid var(--hp-line);pointer-events:none;position:absolute}.hp-sec:before,.hp-sec:after{content:"";pointer-events:none;background:linear-gradient(var(--hp-line-2), var(--hp-line-2)) center / 1px 100% no-repeat, linear-gradient(var(--hp-line-2), var(--hp-line-2)) center / 100% 1px no-repeat;width:11px;height:11px;position:absolute;top:-6px}.hp-sec:before{left:calc(50% - var(--hp-rail) / 2 - 5px)}.hp-sec:after{left:calc(50% + var(--hp-rail) / 2 - 6px)}}.hp-head{max-width:760px;margin-bottom:56px}.hp-scope h2{font:700 clamp(30px, 3.8vw, 50px)/1.06 var(--hp-sans);letter-spacing:-.035em}.hp-head p{color:var(--hp-ink-2);max-width:56ch;margin-top:16px;font-size:18px}.hp-facts{padding-block:40px 34px}.hp-facts-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.hp-fact{min-width:0;padding:4px 24px 4px 0}.hp-fact+.hp-fact{border-left:1px solid var(--hp-line);padding-left:24px}.hp-fact b{font:700 clamp(30px, 3.2vw, 44px)/1.05 var(--hp-sans);letter-spacing:-.035em;font-variant-numeric:tabular-nums;display:block}.hp-fact span{color:var(--hp-ink-2);margin-top:6px;font-size:15px;line-height:1.35;display:block}.hp-src{font:400 12px/1.4 var(--hp-mono);color:var(--hp-ink-3);margin-top:22px}.hp-scope a.hp-more{color:var(--hp-blue);margin-top:28px;font-weight:500;display:inline-block}.hp-scope a.hp-more:hover{text-decoration:underline}.hp-cta-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px;display:flex}.hp-closing h2{max-width:18ch}.hp-closing p{color:var(--hp-ink-2);max-width:52ch;margin-top:16px;font-size:18px}.hp-or{color:var(--hp-ink-3);font-size:15px}.hp-scope a.hp-mail-addr{font:500 15px/1.4 var(--hp-mono);white-space:nowrap;color:var(--hp-ink)}.hp-scope a.hp-mail-addr:hover{text-decoration:underline}.hp-foot{border-top:1px solid var(--hp-line);color:var(--hp-ink-3);padding-block:28px 40px;font-size:14px}.hp-foot .hp-wrap{flex-wrap:wrap;gap:10px 24px;display:flex}.hp-foot a:hover{color:var(--hp-ink);text-decoration:underline}.hp-menu{display:none;position:relative}.hp-menu>summary{list-style:none}.hp-menu>summary::-webkit-details-marker{display:none}.hp-menu .is-open,.hp-menu[open] .is-closed{display:none}.hp-menu[open] .is-open{display:block}.hp-menu-panel{z-index:30;border:1px solid var(--hp-line-2);background:var(--hp-bg);width:min(300px,100vw - 32px);box-shadow:var(--hp-shadow);border-radius:14px;gap:2px;padding:10px;display:grid;position:absolute;top:calc(100% + 12px);right:0}.hp-menu-panel a:not(.hp-btn){color:var(--hp-ink-2);border-radius:9px;padding:11px 12px;font-size:16px}.hp-menu-panel a:not(.hp-btn):hover,.hp-menu-panel a[aria-current=page]{background:var(--hp-surface);color:var(--hp-ink)}.hp-scope .hp-menu-panel a.hp-btn{margin-top:8px}.hp-scope .hp-skip{z-index:40;background:var(--hp-ink);color:var(--hp-bg);border-radius:8px;padding:8px 12px;font-size:15px;position:absolute;top:-60px;left:12px}.hp-scope .hp-skip:focus{top:calc(var(--test-banner-h,0px) + 10px)}@media (max-width:1080px){.hp-nav{display:none}.hp-menu{display:block}.hp-top .hp-wrap{gap:12px}.hp-tools{margin-left:auto}}@media (max-width:860px){.hp-sec{padding-block:72px}.hp-facts{padding-block:32px 28px}}@media (max-width:760px){.hp-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.hp-fact:nth-child(3){border-left:0;padding-left:0}}@media (max-width:700px){.hp-brand span{display:none}}@media (max-width:600px){.hp-wrap{padding-inline:16px}.hp-top .hp-wrap>a.hp-btn{display:none}}@media (prefers-reduced-motion:reduce){.hp-scope a.hp-btn{transition:none}}@media (max-width:400px){.hp-tools{gap:6px}.hp-lang button{padding:0 7px}}
.hp-page-head{border-top:0;padding-block:88px 64px}.hp-scope .hp-page-head h1{font:700 clamp(34px, 4.4vw, 56px)/1.04 var(--hp-sans);letter-spacing:-.04em;max-width:18ch}.hp-scope .hp-page-head.is-project h1{max-width:26ch}.hp-scope:lang(ja) .hp-page-head h1{letter-spacing:0;font-size:clamp(28px,3.4vw,44px);line-height:1.3}.hp-page-lede{color:var(--hp-ink-2);max-width:52ch;margin-top:22px;font-size:clamp(18px,1.5vw,20px);line-height:1.5}.hp-page-meta{font:400 13px/1.4 var(--hp-mono);color:var(--hp-ink-3);margin-top:18px}.hp-scope a.hp-back{color:var(--hp-ink-3);margin-bottom:28px;font-size:15px;display:inline-block}.hp-scope a.hp-back:hover{color:var(--hp-ink)}.hp-page-body{border-top:0;padding-top:0}.hp-page-body:before,.hp-page-body:after{display:none}.hp-proj-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hp-proj-grid.is-featured{grid-template-columns:repeat(3,minmax(0,1fr))}.hp-proj-grid>li{display:flex}.hp-scope a.hp-proj{border:1px solid var(--hp-line);background:var(--hp-bg);border-radius:14px;flex-direction:column;flex:1;gap:12px;padding:24px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.hp-scope a.hp-proj:hover{border-color:var(--hp-blue-line);box-shadow:var(--hp-shadow);transform:translateY(-2px)}.hp-proj-top{font:400 12.5px/1.4 var(--hp-mono);color:var(--hp-ink-3);gap:2px;display:grid}.hp-scope .hp-proj :is(h2,h3){font:700 21px/1.25 var(--hp-sans);letter-spacing:-.02em}.hp-proj p{color:var(--hp-ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15.5px;display:-webkit-box;overflow:hidden}.hp-proj-foot{color:var(--hp-ink-2);flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:6px;font-size:14px;display:flex}.hp-status{font:500 11.5px/1 var(--hp-mono);border:1px solid var(--hp-line-2);color:var(--hp-ink-3);border-radius:99px;padding:5px 8px}.hp-status.is-ongoing{border-color:var(--hp-blue-line);background:var(--hp-blue-soft);color:var(--hp-blue)}.hp-tags{flex-wrap:wrap;gap:6px;display:flex}.hp-tag{font:400 12px/1 var(--hp-mono);background:var(--hp-surface);color:var(--hp-ink-2);border-radius:7px;padding:6px 8px}.hp-detail{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:56px;display:grid}.hp-detail-body p{color:var(--hp-ink-2);max-width:62ch;font-size:18px}.hp-detail-body p+p{margin-top:18px}.hp-facts-box{top:calc(var(--test-banner-h,0px) + var(--hp-header) + 24px);border:1px solid var(--hp-line);background:var(--hp-surface);border-radius:14px;gap:16px;padding:22px;display:grid;position:sticky}.hp-facts-box dt{font:400 12px/1.4 var(--hp-mono);color:var(--hp-ink-3)}.hp-facts-box dd{margin-top:3px;font-size:15.5px}.hp-facts-box .hp-tag{background:var(--hp-bg)}.hp-skills{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.hp-skill{border:1px solid var(--hp-line);border-radius:14px;padding:20px}.hp-skill h3{font:700 16px/1.3 var(--hp-sans);margin-bottom:12px}.hp-skill li{color:var(--hp-ink-2);font-size:14.5px;line-height:1.55}.hp-profile{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:center;gap:64px;display:grid}.hp-profile img{aspect-ratio:891/1200;object-fit:cover;border-radius:18px;width:100%;height:auto}.hp-tagline{font:400 14px/1.5 var(--hp-mono);color:var(--hp-ink-3);max-width:44ch;margin-top:16px}.hp-prose{max-width:62ch}.hp-prose p{color:var(--hp-ink-2);font-size:18px}.hp-prose p+p{margin-top:16px}.hp-about-cols{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:56px;display:grid}.hp-scope .hp-about-cols h2{margin-bottom:18px;font-size:clamp(24px,2.4vw,30px)}.hp-legal-lines{white-space:pre-line}.hp-course{border:1px solid var(--hp-line);background:var(--hp-surface);border-radius:18px;padding:36px}.hp-course-label{font:400 12.5px/1.4 var(--hp-mono);color:var(--hp-ink-3)}.hp-scope .hp-course h2{margin-top:10px;font-size:clamp(26px,2.8vw,36px)}.hp-course>p{color:var(--hp-ink-2);max-width:58ch;margin-top:14px;font-size:17px}.hp-voices{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.hp-voice{background:var(--hp-bg);border:1px solid var(--hp-line);border-radius:14px;flex-direction:column;justify-content:space-between;gap:18px;padding:22px;display:flex}.hp-voice blockquote{font-size:15.5px;line-height:1.55}.hp-voice figcaption{align-items:center;gap:12px;font-size:14px;display:flex}.hp-voice img{object-fit:cover;border-radius:50%;width:40px;height:40px}.hp-voice figcaption span{color:var(--hp-ink-3);display:block}.hp-course-links{flex-wrap:wrap;gap:8px 24px;margin-top:24px;display:flex}.hp-scope .hp-course-links a{color:var(--hp-blue);font-weight:500}.hp-scope .hp-course-links a:hover{text-decoration:underline}.hp-legal{max-width:68ch}.hp-scope .hp-legal h2{font:700 19px/1.3 var(--hp-sans);letter-spacing:-.01em;margin-top:40px}.hp-legal p,.hp-legal li,.hp-legal dd{color:var(--hp-ink-2);font-size:16px}.hp-legal p{margin-top:8px}.hp-legal ul{margin-top:10px;padding-left:20px;list-style:outside}.hp-legal-rows{grid-template-columns:180px minmax(0,1fr);gap:10px 24px;display:grid}.hp-legal-rows dt{font:400 13px/1.6 var(--hp-mono);color:var(--hp-ink-3)}.hp-legal-rows dd{white-space:pre-line}.hp-scope .hp-legal a{color:var(--hp-blue)}.hp-missing-links{flex-wrap:wrap;gap:10px 28px;margin-top:28px;display:flex}.hp-scope .hp-missing-links a{color:var(--hp-blue);font-weight:500}@media (max-width:960px){.hp-proj-grid.is-featured{grid-template-columns:minmax(0,1fr)}.hp-about-cols{grid-template-columns:minmax(0,1fr);gap:40px}.hp-skills{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-detail{grid-template-columns:minmax(0,1fr);gap:32px}.hp-facts-box{position:static}}@media (max-width:760px){.hp-proj-grid,.hp-voices{grid-template-columns:minmax(0,1fr)}.hp-profile{grid-template-columns:minmax(0,1fr);gap:32px}.hp-profile img{max-width:300px}.hp-page-head{padding-block:48px 40px}.hp-course{padding:24px 20px}}@media (max-width:600px){.hp-skill{padding:16px}.hp-legal-rows{grid-template-columns:minmax(0,1fr);gap:2px}.hp-legal-rows div+div dt{margin-top:12px}}@media (prefers-reduced-motion:reduce){.hp-scope a.hp-proj{transition:none}.hp-scope a.hp-proj:hover{transform:none}}