@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@300..900&family=Noto+Sans+JP:wght@300&family=Plus+Jakarta+Sans:wght@200..800&family=Unbounded:wght@200..900&family=Zen+Kaku+Gothic+New:wght@500;700&display=swap");[data-theme=dark]{--background:#000;--headback:#141414;--foreground:#fff;--taga:#7db5ea;--background-secondary:#111}[data-theme=light]{--background:#fff;--headback:#f5f5f5;--foreground:#000;--taga:#378090;--background-secondary:#f2f2f2}a{color:var(--taga);text-decoration:none}body{margin:75px 0 0;background-color:var(--background);font-family:Plus Jakarta Sans,Zen Kaku Gothic New,sans-serif;font-weight:500;font-style:normal}html{scroll-behavior:smooth}a:hover{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)"}h1{font-weight:700;font-style:normal;margin:50px 0;text-align:center}h2{font-size:2rem;margin:60px auto 10px;border-bottom:2px solid var(--foreground);padding:8px 0}h2,h3{font-weight:500;font-style:normal}h3{font-size:1.1rem;height:25px;overflow:hidden;margin:4px auto 10px 5px;letter-spacing:1px}h4{font-size:1.1rem;margin:auto}h4,li,p,td,th{font-weight:500;font-style:normal}li,p,td,th{font-size:.8rem;line-height:1.4rem;margin:10px 0}.work{width:calc(100% - 50px);margin:-50px auto auto;display:flex;flex-wrap:wrap;justify-content:center}.work h2{width:100%;text-align:center;border:none}.works{width:400px;margin:20px 8px}.icon{width:25px;height:25px;border-radius:20px;margin:auto 8px auto auto}.samune{width:100%;aspect-ratio:16/9;height:auto;border-radius:5px;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.samune:hover{transform:scale(1.02)}.subtitle{margin:auto 5px;display:flex;justify-content:space-between}.works p{margin:auto 10px auto 0}.private{opacity:.5}.id{color:#666;font-size:.6rem}header{top:0;width:100%;position:fixed;z-index:999999;background-color:#e5e5e5;background-color:var(--headback)}.menu-items{width:100%;height:75px;display:flex;transition:all .5s}.menu-items a{text-decoration:none;color:var(--foreground)}.title{width:140px;line-height:1.62rem;margin:auto 40px;font-family:Figtree,sans-serif;font-optical-sizing:auto;font-size:2.3rem;letter-spacing:-1.8px}.menubar,.title{transition:all .5s}.menubar{display:flex}.menubars{margin:auto 20px;font-size:.7rem;line-height:.7rem}.menubars .en{font-family:Unbounded,serif;font-size:1.7rem;line-height:1.5rem;font-family:Figtree,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.fade-enter{opacity:0;transition:opacity .5s ease-in}.fade-enter-active{opacity:1}.fade-exit{opacity:1;transition:opacity .5s ease-in}.fade-exit-active{opacity:0}.menu-btn{display:none}.menu-btn__burger{width:40px;height:4px;background-color:var(--foreground);margin:6px 0;transition:.4s}.open .menu-btn__burger:first-child{transform:rotate(-45deg) translate(-8px,8px)}.open .menu-btn__burger:nth-child(2){opacity:0}.open .menu-btn__burger:nth-child(3){transform:rotate(45deg) translate(-5px,-7px)}.custom-switch{transition:background-color .3s ease,transform .3s ease}.custom-switch[data-state=checked]{background-color:#4ade80;transform:scale(1.1)}.custom-switch[data-state=unchecked]{background-color:#e5e5e5}.custom-switch svg{width:1.5rem;height:1.5rem;fill:#fff}body.dark-mode .custom-switch[data-state=checked]{background-color:#2563eb}body.dark-mode .custom-switch[data-state=unchecked] svg{fill:#000}.status{align-items:center;font-size:.6rem}.insubtitle,.status{display:flex}.inprivate,.inunlisted{opacity:.7;margin:auto;border:1px solid var(--foreground);padding:1px 5px;border-radius:5px}.subtitle p{margin:auto 0}.sicon{margin-right:5px}.entitle{font-size:3.4rem;margin:150px 0 0}.jatitle{font-size:1rem;margin:0 0 100px}@media screen and (max-width:1315px){.works{width:calc(33.333% - 16px)}}@media screen and (max-width:900px){.justify-end{display:block;position:fixed;z-index:9999;top:26px;right:85px}.menu-btn__burger{width:40px;height:4px;margin:6px 0;transition:.4s}.menu-btn__burger,.open .menu-btn__burger{background-color:var(--foreground)}.hamburger-menu{width:100%;height:75px;transition:all .5s;background-color:var(--headback)}.menu-btn{display:block;position:fixed;cursor:pointer;z-index:100;top:20px;right:20px;width:auto;height:auto}.title{margin:10px 20px}@media screen and (max-width:700px){.justify-end{display:block;position:fixed;z-index:9999;top:10px;right:65px}.hamburger-menu{height:45px}.menu-btn{top:5px;right:15px}.title{width:100%;font-size:2rem;margin:10px 20px}.menu-btn__burger{width:34px;height:3px}}.open{width:100%;height:100vh;position:fixed;z-index:9999}.hea,.menubar{display:block;opacity:.3;width:75%;height:auto}.menu-items{flex-wrap:nowrap;position:absolute;left:0;bottom:0;flex-wrap:wrap-reverse}.menu-items,.open .menu-items{width:75%;background-color:var(--headback);opacity:1}.open .menu-items{height:auto;padding:10px;left:9.5%}.open .hea,.open .menubar{opacity:1}.menubar{flex-wrap:wrap}.menubars{width:100%;font-size:4vw;line-height:4vw;margin:30px auto;z-index:10}.menubars .en{font-size:16vw;line-height:16vw}.open .title{margin:auto 0;transition:all .5s}.works{width:calc(50% - 16px)}}@media screen and (max-width:700px){body{margin-top:45px}h2{font-size:1.5rem}h3{margin:3px auto 6px 5px}h3,h4{font-size:1rem}li,p,td,th{font-size:.7rem}.icon{width:20px;height:20px}}@media screen and (max-width:500px){.works{width:100%}.work{width:94%}}.theme-switch-wrapper{display:flex;align-items:center;margin:auto 20px;position:fixed;top:22.5px;right:10px}.theme-switch{position:relative;display:inline-block;width:60px;height:30px}.theme-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;z-index:2}.slider-icons{position:absolute;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 8px;box-sizing:border-box}.slider-icons .moon,.slider-icons .sun{font-size:14px;line-height:1}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(30px)}@media screen and (max-width:700px){.theme-switch{width:50px;height:25px}.theme-switch-wrapper{position:fixed;top:9px;right:43px}.slider:before{height:18px;width:18px;left:4px;bottom:3.5px}input:checked+.slider:before{transform:translateX(24px)}.slider-icons{padding:0 6px}.slider-icons .moon,.slider-icons .sun{font-size:12px}}