:root{--bg-main:#000;--bg-sub:#111;--bg-nav:#8881;--txt-main:#fff;--txt-sub:#eee;--txt-ver:#aaa;--txt-link:#4af;--txt-link-hl:#39e;--txt-shadow:#000;--enh-light:#fff2;--kb-focus-main:#fb3}@media(prefers-color-scheme:light){:root{--bg-main:#eee;--bg-sub:#ddd;--bg-nav:#8881;--txt-main:#000;--txt-sub:#222;--txt-ver:#444;--txt-link:#00d;--txt-link-hl:#11e;--txt-shadow:#fff;--enh-light:#fff2;--kb-focus-main:#d60}}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-overflow-scrolling:touch;background-color:var(--bg-sub);color:var(--txt-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,hiragino kaku gothic pron,yu gothic,Meiryo,sans-serif;font-size:16px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}a{color:var(--txt-link);font-size:1rem;text-decoration:underline}header{background-color:var(--bg-sub);height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(12px,4vw,20px);position:fixed;top:0;left:0;right:0;z-index:98}.header-logo{height:100%;display:flex;align-items:center}.logo-img{height:36px;vertical-align:middle}.header-menu-btn{background:0 0;border:1px solid var(--enh-light);color:var(--txt-main);font-size:20px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--bg-main)}.header-menu-btn::after{content:"⋯";font-weight:700}.content-wrapper{background-color:var(--bg-main);display:flex;flex-direction:column;flex:1;border-radius:calc(30px + clamp(12px,4vw,20px));margin-top:40px;position:relative}.nav-menu{position:fixed;opacity:0;visibility:hidden}main{flex:1;display:flex;flex-direction:column;padding:8px clamp(12px,4vw,40px)24px}main .title{top:-10px;font-size:clamp(1.5rem,8vw,4rem);font-weight:400;text-align:center}main .name{font-size:clamp(1.5rem,7vw,4rem);font-weight:400;align-items:center;text-align:center;margin-top:auto;margin-bottom:auto}main p{font-size:1rem;text-align:left}main p+h2{margin-top:1rem}main li+li{margin-top:1rem}main h2{font-size:clamp(1.4rem,5vw,2rem);font-weight:400}footer{background-color:var(--bg-sub);padding:30px 24px 20px;font-size:12px}.footer-content{display:flex;justify-content:space-between;align-items:flex-end}.footer-left{display:flex;flex-direction:column;gap:12px}.footer-section p{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:400;color:var(--txt-main);margin-bottom:4px}.footer-links{display:flex;flex-wrap:wrap;gap:8px}.footer-license{font-size:clamp(.9rem,2.5vw,1.1rem);color:var(--txt-sub)}.footer-right{text-align:right}.site-id{font-size:clamp(1rem,5.3vw,1.5rem);color:var(--txt-main);letter-spacing:1px}.version{margin-top:10px;color:var(--txt-ver);font-size:11px}@media(max-width:320px){.nav-menu{right:12px;max-width:calc(100vw - 24px);padding:20px;border-radius:30px}.footer-links{gap:4px;flex-direction:column}}@media(min-width:321px) and (max-width:480px){}@media(min-width:481px) and (max-width:600px){}@media(max-width:600px){.footer-content{flex-direction:column;align-items:flex-start}.footer-right{width:100%;text-align:right;margin-top:16px}}@media(min-width:601px) and (max-width:768px){.footer-content{flex-direction:row}.footer-right{margin-top:0;margin-left:24px}}@media(min-width:769px) and (max-width:1024px){}