:root{color-scheme:light dark;--color-black:#0e191e;--color-text-white:#ededed;--color-ash-gray:#f6f4f1;--color-bg:light-dark(var(--color-ash-gray),var(--color-black));--color-text:light-dark(var(--color-black),var(--color-text-white));--color-text-light:light-dark(#282828,var(--color-ash-gray));--color-grid:#ffffff1a;--color-txt:#eaeaea;--color-lblue:#c1d1cf}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--fs-ttl-section:2.4rem;--fs-ttl-year:2rem;--fs-project-title:16px;--fs-l:16px;--fs-m:15px;--fs-s:12px;--fs-tiny:10px;--fs-l-en:18px}@media (width>=960px){:root{--fs-ttl-section:1.4rem;--fs-ttl-year:2.8rem;--fs-project-title:20px;--fs-l:18px;--fs-m:16px;--fs-s:14px;--fs-tiny:11px;--fs-l-en:18px;--fs-m-en:16px;--fs-s-en:14px;--fs-tiny-en:12px}}:root{--margin:20px;--columns:6;--gutter-ratio:.036;--frame:min(calc(var(--vw) - var(--margin) * 2), 1600px);--vw:calc(100vw - var(--scrollbar,0px));--col:calc((var(--frame) - var(--gutter) * (var(--columns) - 1)) / var(--columns));--gutter:calc(var(--frame) * var(--gutter-ratio));--g1:calc(var(--col) + var(--gutter));--header-height:calc((var(--g1) - var(--gutter))/2 + var(--margin)*2)}@media (width>=768px){:root{--margin:32px;--columns:12;--gutter-ratio:.023}}@media (width>=960px){:root{--margin:40px;--gutter-ratio:.021}}@font-face{font-display:swap;font-family:Zen Kaku Gothic New;font-style:normal;font-weight:400;src:url(/assets/fonts/zen-kaku-gothic-new-v18-japanese_latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Zen Kaku Gothic New;font-style:normal;font-weight:500;src:url(/assets/fonts/zen-kaku-gothic-new-v18-japanese_latin-500.woff2)format("woff2")}@font-face{font-display:swap;font-family:Zen Kaku Gothic New;font-style:normal;font-weight:700;src:url(/assets/fonts/zen-kaku-gothic-new-v18-japanese_latin-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:Archivo;font-style:normal;font-weight:400;src:url(/assets/fonts/archivo-v25-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Archivo;font-style:normal;font-weight:500;src:url(/assets/fonts/archivo-v25-latin-500.woff2)format("woff2")}@font-face{font-display:swap;font-family:Archivo;font-style:normal;font-weight:600;src:url(/assets/fonts/archivo-v25-latin-600.woff2)format("woff2")}@font-face{font-display:swap;font-family:Archivo;font-style:normal;font-weight:700;src:url(/assets/fonts/archivo-v25-latin-700.woff2)format("woff2")}:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:before,:after{box-sizing:border-box}html{text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}img{max-block-size:100%;max-inline-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}html{font-size:100%}:root{--vh:100vh}body{color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"palt" 1;font-feature-settings:"palt" 1;overscroll-behavior-y:none;touch-action:manipulation;overflow-wrap:anywhere;word-break:normal;line-break:strict;background:var(--color-bg);font-family:Archivo,Zen Kaku Gothic New,sans-serif;font-weight:500;line-height:1.5}a{color:#000;text-decoration:none}li{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:400}.textbox{text-box:trim-both cap alphabetic}header{z-index:10;width:100%;position:fixed;top:0;left:0}header .header_inner{width:var(--frame);margin-inline:auto;position:relative}header h1{top:var(--gutter);font-size:2rem;font-weight:700;line-height:.8;position:absolute;left:0}footer{width:100%;position:relative}footer .footer_inner{width:var(--frame);padding:var(--margin) 0;justify-content:space-between;align-items:flex-end;margin-inline:auto;display:flex}footer .footer_inner p{font-size:var(--fs-tiny)}footer .footer_inner a{text-decoration:underline}button{cursor:pointer}#bg{pointer-events:none;width:100%;height:100vh;position:fixed;top:0;left:0}#bg canvas{width:100%;height:100%;position:absolute}main{width:var(--frame);margin-inline:auto;padding-top:0;position:relative}main section{z-index:2;position:relative}main section#profile{margin-top:calc(var(--col) + var(--gutter))}.u-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.c-ttl_section{margin-bottom:calc(var(--gutter) * 2)}.c-ttl_section h2{font-weight:700;font-size:var(--fs-ttl-section);line-height:1}.c-ui{top:var(--gutter);right:var(--margin);z-index:10;--btn-theme-width:26px;position:fixed}.c-ui button#theme-toggle{width:var(--btn-theme-width);height:var(--btn-theme-width);border:1px solid var(--color-text);border-radius:100vmax;justify-content:center;align-items:center;display:flex}.c-ui button#theme-toggle span{width:calc(var(--btn-theme-width) - 12px);height:calc(var(--btn-theme-width) - 12px);backgrond:var(--color-btn-toggle);background:var(--color-text);border-radius:100vmax;display:block}#profile{padding-top:calc(var(--g1))}#profile h3,#profile p{color:var(--color-text)}#profile .info h3{--fs-name:30px}#profile .info h3 span{display:block}#profile .info h3 span.u-ja{font-size:var(--fs-name);letter-spacing:.1em;font-family:Zen Kaku Gothic New,sans-serif;font-style:normal;font-weight:700;line-height:1.25}#profile .info h3 span.u-en{font-weight:700;font-size:var(--fs-l-en);text-align:justify;line-height:1.25}#profile .info p{font-size:var(--fs-m);margin-top:1em;font-weight:700}#profile .info dl{column-gap:.5em;display:flex}#profile .info dl dt,#profile .info dl dd{font-size:var(--fs-m);font-weight:700}#profile .info a{text-underline-offset:.25em;color:var(--color-text);text-decoration:underline}#profile .info .c-links{margin-top:var(--gutter)}#profile .info .c-links ul{column-gap:var(--gutter);display:flex}#profile .info .c-links a{font-size:var(--fs-m);color:var(--color-text);font-weight:700}#profile .about{margin-top:var(--gutter)}#profile .about .description{margin-top:calc(var(--gutter) * 2)}#profile .about .description p.label{font-weight:700;font-size:var(--fs-s);margin-bottom:1em}#profile .about .description h4{font-family:Zen Kaku Gothic New,sans-serif;font-style:normal;font-weight:700;font-size:var(--fs-l);margin-bottom:.5em}#profile .about .description p{font-weight:500;font-size:var(--fs-m);text-align:justify}#profile .about .description p br{display:none}#works{margin-top:calc(var(--g1) * 2)}#works .c-ttl_section{top:var(--header-height);position:sticky}#works h3,#works h4,#works p,#works a{color:var(--color-text)}#works .year .c-ttl_year{top:calc(var(--header-height) + var(--gutter) * 3);margin-bottom:calc(var(--gutter) * 2);position:sticky}#works .year .c-ttl_year h3{font-size:var(--fs-ttl-year);width:fit-content;font-weight:700;line-height:.9}#works .c-list_project{padding-bottom:calc(var(--gutter) * 6);--list-width:100%;--list-rowgap:calc(var(--gutter)*2)}#works .c-list_project ul{row-gap:var(--list-rowgap);--link-dot-width:8px;flex-direction:column;display:flex}#works .c-list_project ul li{width:var(--list-width);flex-direction:column;row-gap:.5em;display:flex}#works .c-list_project ul .ttl_project{width:100%;position:relative}#works .c-list_project ul .ttl_project:has(h4 a):after{content:"";width:var(--link-dot-width);height:var(--link-dot-width);background:var(--color-txt);margin-top:calc(var(--link-dot-width) / -2);border-radius:100vmax;display:block;position:absolute;top:50%;right:0}#works .c-list_project ul h4{width:calc(100% - var(--gutter));font-size:var(--fs-project-title);font-weight:700;line-height:1.4}#works .c-list_project ul h4 a{display:block}#works .c-list_project ul .c-relative{align-items:center;column-gap:var(--gutter);display:flex}#works .c-list_project ul .c-relative a{font-size:var(--fs-s);text-transform:capitalize;width:fit-content;font-weight:500;line-height:1;display:block}#works .c-notes h3,#works .c-notes li{color:var(--color-text);font-weight:400}#works .c-notes h3{font-size:var(--fs-s)}#works .c-notes ul{margin-top:.5em}#works .c-notes ul li{font-size:var(--fs-tiny)}@media (width>=768px){#works{width:calc(100% - var(--profile-width) - var(--g1))}#works .c-list_project{--list-width:calc(var(--col)*5.5 + var(--gutter)*5.5);--list-rowgap:calc(var(--gutter)*1.5);--list-colgap:var(--col)}#works .c-list_project ul{column-gap:var(--list-colgap);flex-flow:wrap;display:flex}#works .c-list_project ul .c-relative{margin-top:.3em}}@media (width>=960px){.c-ui{top:var(--gutter);right:calc(var(--margin) / 2);z-index:10;--btn-theme-width:26px;position:fixed}.c-ui button#theme-toggle{width:var(--btn-theme-width);height:var(--btn-theme-width);border:1px solid var(--color-text);border-radius:100vmax;justify-content:center;align-items:center;display:flex}.c-ui button#theme-toggle span{width:calc(var(--btn-theme-width) - 12px);height:calc(var(--btn-theme-width) - 12px);backgrond:var(--color-btn-toggle);background:var(--color-text);border-radius:100vmax;display:block}#profile{padding-top:calc(var(--g1))}#profile .c-cols{--info-width:calc(var(--g1)*4);justify-content:space-between;display:flex}#profile .c-cols .info{width:var(--info-width)}#profile .c-cols .about{width:calc(var(--g1) * 7);margin-top:0}#profile .c-cols .about .description{margin-top:0}#profile .info h3{--fs-name:30px}#profile .info p{font-size:var(--fs-m);margin-top:1em;font-weight:700}#profile .info dl{column-gap:.5em;display:flex}#profile .info dl dt,#profile .info dl dd{font-size:var(--fs-m);font-weight:700}#profile .info a{text-underline-offset:.25em;text-decoration:underline}#profile .about{margin-top:var(--gutter)}#profile .about .description{margin-top:calc(var(--gutter) * 2)}#profile .about .description p br{display:none}#profile .about .c-links{margin-top:var(--gutter)}#profile .about .c-links ul{column-gap:var(--gutter);display:flex}#profile .about .c-links a{font-size:var(--fs-m);font-weight:700}#works{width:100%}#works .c-list_project{--list-width:calc(var(--col)*5.5 + var(--gutter)*5.5);--list-rowgap:calc(var(--gutter)*1.5);--list-colgap:var(--col)}#works .c-list_project ul .c-relative{margin-top:.3em}}@media (width>=1280px){main{--profile-width:calc(var(--g1)*3 + var(--gutter)*4);--main-top:calc(var(--col) + var(--gutter));justify-content:space-between;display:flex}#profile{width:var(--profile-width);padding-top:calc(var(--gutter))}#profile .s-inner{top:calc(var(--g1) + var(--gutter));position:sticky;left:0}#profile .c-cols{justify-content:revert;--info-width:100%;display:block}#profile .c-cols .info{width:var(--info-width)}#profile .c-cols .about{width:100%;margin-top:0}#profile .c-cols .about .description{margin-top:calc(var(--gutter) * 2)}#works{width:calc(100% - var(--profile-width) - var(--col));margin-top:calc(var(--g1) + var(--gutter))}#works .c-ttl_section{top:calc(var(--g1) + var(--gutter));position:sticky}#works .year .c-ttl_year{top:calc(var(--g1) + var(--gutter) * 2);margin-bottom:calc(var(--gutter));position:sticky}#works .c-list_project{--list-width:calc(var(--col)*3.5 + var(--gutter)*2);--list-rowgap:calc(var(--gutter)*2);--list-colgap:var(--col)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@property --custom-inherit-color{syntax:"<color>";inherits:true;initial-value:red}@media (any-hover:hover){.c-relative a{position:relative}.c-relative a span{z-index:2;color:var(--color-text-light);position:relative}.c-relative a:hover{text-underline-offset:4px;text-decoration:underline}}.grid[data-astro-cid-pdio43k3]{z-index:1;pointer-events:none;width:100%;height:100vh;position:fixed;top:0;left:0;& .grid_inner{width:var(--frame);height:100%;top:0;left:var(--margin);column-gap:var(--gutter);display:flex;position:absolute}& span{width:var(--g1);border-right:1px solid var(--color-grid);border-left:1px solid var(--color-grid);height:100%;display:block;&.u-tab{display:none}&.v{width:100%;height:var(--col);border-top:1px solid var(--color-grid);border-bottom:1px solid var(--color-grid)}}& .grid_v{width:100%;height:auto;top:var(--gutter);row-gap:var(--gutter);flex-direction:column;display:flex;position:relative}}@media (width>=768px){.grid[data-astro-cid-pdio43k3]{& span{&.u-tab{display:block}}}}@media (width>=1600px){.grid[data-astro-cid-pdio43k3]{& .grid_inner{margin-left:calc(var(--frame)/-2);left:50%}}}