body,html{margin:0;overflow-x:hidden;padding:0}@font-face{font-family:englishfont;src:url(../fonts/BakbakOne-Regular.ttf) format("truetype")}@font-face{font-family:kanjifont;font-weight:700;src:url(../fonts/Kaisotai-Next-UP-B.ttf) format("truetype")}@font-face{font-family:kanafont;src:url(../fonts/03スマートフォントUI.otf) format("opentype");unicode-range:u+3040-309f,u+30a0-30ff}@font-face{font-family:titlefont;src:url(../fonts/intro-demo-black-caps.otf) format("opentype")}*{font-family:englishfont,kanafont,kanjifont,"sans-serif"}.title{display:block;font-family:titlefont,kanafont,kanjifont,"sans-serif";font-size:5lvh;margin:20px auto;position:relative;text-align:center;width:-moz-fit-content;width:fit-content}.title:after{bottom:-1.5lvh;content:"";height:1lvh;left:50%;position:absolute;transform:translate(-50%);width:7lvh}.first-letter{font-family:titlefont,kanafont,kanjifont,"sans-serif"}button{color:#101010}header{align-items:center;background-color:#101010;border-bottom:3px solid;-o-border-image:linear-gradient(90deg,#ed76cc,#6fe1e1,#f0f429) 1;border-image:linear-gradient(90deg,#ed76cc,#6fe1e1,#f0f429) 1;box-sizing:border-box;display:flex;height:10lvh;justify-content:space-between;left:0;padding:0 1rem;position:fixed;top:0;width:100%;z-index:1000}.menu_button{background-color:transparent;border:2px solid transparent;justify-content:center;outline:none;transition:transform .3s ease-in-out}.menu_icon_button{height:5lvh;width:auto}.menu_button:hover{transform:scale(1.1)}@keyframes rotateOnce{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.menu_icon_button.rotate{animation:rotateOnce .6s ease-in-out}.menu_list{background-color:#f6f6f6;border-left:1px solid #ccc;border-radius:0 0 10px 10px;box-shadow:-2px 0 4px #0000001a;height:80lvh;overflow-y:auto;padding:20px 20px 120px;position:fixed;right:0;top:10lvh;width:50%;z-index:1000}.menu_list ul{list-style:none;margin:0;padding:0}.menu_list li{align-items:center;display:flex;gap:10px;padding:10px 0;position:relative}.menu_list li:hover img.menu_icon{transform:scale(1.2)}.menu_list li img.menu_icon{border-radius:50%;height:40px;transition:transform .3s ease-in-out;width:40px}.menu_list li:after{background-color:#101010;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.menu_list li:hover:after,.overlay{width:100%}.overlay{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;z-index:999}.overlay.active{display:block}.clickable_image{cursor:pointer;height:8lvh;margin-left:2lvw;margin-top:1lvh;transition:opacity .3s;width:auto}.clickable_image:hover{opacity:.7}body{margin:0;padding-top:5lvh}.content,body{background-color:#101010}.content{display:flex;flex-direction:column;min-height:90lvh}h1{color:#f6f6f6}footer p{color:#101010;line-height:1.2rem;text-align:center}footer{background-color:#e7ed76;bottom:0;font-size:2lvh;height:auto;margin:3lvh 0 0;padding:2lvh 2lvw;position:relative;width:96vw}footer:before{background:#101010;clip-path:polygon(0 100%,100% 0,0 0);content:"";height:2lvh;left:-1px;position:absolute;top:-1px;width:100lvw;z-index:1}footer ul{-moz-column-count:2;column-count:2;-moz-column-gap:1rem;column-gap:1rem;list-style:none}footer ul li a{color:#101010;text-decoration:none;transition:all .3s ease-in-out}footer ul li a:hover{text-decoration:underline}
