@import "https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap";*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[class],ol[class]{padding:0;list-style:none}body{text-rendering:optimizespeed;min-height:100vh;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bg-color:#f5f5f5;--text-color:#444;--border-color:#ddd;--accent-color:#ff7a7a;--bg-color-a:#f5f5f599;--hero-illustration:url(/hero-light.webp)}html.dark{--bg-color:#121212;--text-color:#f3f4f6;--border-color:#333;--accent-color:#818cf8;--bg-color-a:#12121299;--hero-illustration:url(/hero-dark.webp)}a{color:var(--accent-color);text-decoration:none}.fixed-illustration{background-image:var(--hero-illustration);z-index:-10;pointer-events:none;background-position:100% 100%;background-repeat:no-repeat;background-size:contain;width:100vw;height:100vh;transition:background-image .3s;position:fixed;bottom:0;right:0}body{background-color:var(--bg-color);color:var(--text-color);font-optical-sizing:auto;margin:0;padding:0;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:400;transition:background-color .3s,color .3s}button{color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:6px;padding:8px 16px}.illustration-light{display:block}.illustration-dark,html.dark .illustration-light{display:none}html.dark .illustration-dark{display:block}.site-title{font-family:Black Ops One,system-ui;font-size:8rem;font-style:normal;font-weight:400;z-index:-1!important}.top-content{position:absolute;top:50%;left:3%;transform:translateY(-50%)}.top-menu{justify-content:center;font-size:1.5rem}.top-menu li{color:var(--text-color);border-radius:20px;margin:0;padding:5px 10px}.top-menu li a{color:var(--text-color)}.top-menu li a:hover{color:var(--accent-color)}.top-footer{text-align:left}.container{width:100%;padding:5rem}.center{position:absolute;top:50%;transform:translateY(-50%)}.page-title{padding-left:2rem;font-size:4rem}.content{backdrop-filter:blur(8px);background-color:var(--bg-color-a);z-index:10;border-radius:12px;width:100%;max-width:500px;padding:2rem 1rem 2rem 2rem}.content p{margin:1rem 0}.w-content{margin-top:30px}.work-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:90%;max-width:700px;padding:2rem;display:grid}.work-item{border:var(--border-color) 1px solid;background-color:var(--bg-color-a);border-radius:12px;overflow:hidden}.work-item img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.work-detail{padding:1rem}.work-detail h3{color:var(--text-color);font-size:1.5rem}.work-detail ul{flex-wrap:wrap;margin:15px 0 0;padding:0;list-style:none;display:flex}.work-detail ul li{background-color:var(--accent-color);border-radius:12px;margin:3px;padding:3px 6px;font-size:.8rem}.top-link{color:var(--text-color);margin-top:2rem;padding-left:5rem;font-family:Black Ops One,system-ui;font-style:normal;font-weight:400;display:inline-block}.wrapper{width:100%}.content-wrapper{border-left:1px solid #444;border-right:1px solid #444;width:95%;max-width:1200px;min-height:100vh;margin:0 auto}.hero-header{width:100%;height:350px;position:relative}.hero-header img{object-fit:cover;width:100%;height:100%}.header-overlay{z-index:1;background:linear-gradient(#0000001a,#00000080);position:absolute;inset:0}.work-title{color:#fff;z-index:10;font-size:2rem;position:absolute;bottom:4%;left:2%}.work-main{padding:2rem}.work-img-item img{object-fit:contain;width:100%;height:100%}.work-post-text{margin:4rem 0;padding:0 5rem}.nav{justify-content:center;list-style:none;display:flex}.nav li{margin:0 20px}.site-btn{background-color:var(--accent-color);color:var(--text-color);border-radius:12px;margin-top:1.5rem;padding:10px 15px;display:inline-block}.theme{z-index:1000;background-color:var(--bg-color);display:flex;position:fixed;top:1%;right:2%}.h3-a{border-left:var(--accent-color) 5px solid;margin:1.5rem 0;padding-left:1rem}@media (width<=1500px){.fixed-illustration{z-index:-1;opacity:.35;background-size:cover}}@media (width<=800px){main{z-index:100}.site-title{text-align:center;font-size:clamp(20px,15vw,120px)}.container{width:95%;margin:0 auto;padding:1rem}.content{margin:0 auto}.top-link{padding-left:1rem}.work-title{font-size:clamp(14px,6vw,30px)}.work-main{padding:1rem}.work-post-text{padding:10px}}@media (width<=500px){.fixed-illustration{background-position:90%}.hero-header{height:30vh}}.btn-text-dark[data-astro-cid-l6lhmie6],html.dark .btn-text-light[data-astro-cid-l6lhmie6]{display:none}html.dark .btn-text-dark[data-astro-cid-l6lhmie6]{display:inline}