body{font-family:"Sawarabi Mincho",sans-serif}.wrapper{overflow:hidden}.loading{width:100vw;height:100vh;background-color:#2a2929;position:fixed;top:0;left:0;z-index:5}.loaded{animation:loadFade 1s forwards}.spinner{width:100px;height:100px;margin:200px auto;background-color:#fff;border-radius:100%;animation:sk-scaleout 1s infinite ease-in-out}@keyframes loadFade{0%{opacity:1}50%{opacity:.5}100%{opacity:0;visibility:hidden}}@keyframes sk-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}header{background:rgba(42,41,41,.3);padding:2%;display:flex;justify-content:space-between;position:fixed;width:100%;z-index:2}@keyframes logoFade{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}.yutashiku{width:30%;fill:#fff}.yutashiku .path1{animation:logoFade .4s forwards}.yutashiku .path2{animation:logoFade .6s forwards}.yutashiku .path3{animation:logoFade .8s forwards}.yutashiku .path4{animation:logoFade 1s forwards}@keyframes navOpen1{0%{transform:translateY(5px)}50%{transform:translateY(12px)}100%{transform:translateY(12px) rotate(45deg)}}@keyframes navOpen3{0%{transform:translateY(19px)}50%{transform:translateY(12px)}100%{transform:translateY(12px) rotate(-45deg)}}@keyframes navClose1{0%{transform:translateY(12px) rotate(45deg)}50%{transform:translateY(12px)}100%{transform:translateY(5px)}}@keyframes navClose3{0%{transform:translateY(12px) rotate(-45deg)}50%{transform:translateY(12px)}100%{transform:translateY(19px)}}.burger{position:relative;width:24px;height:20px;cursor:pointer}.burger.open span:first-of-type{animation:navOpen1 .3s forwards}.burger.open span:nth-of-type(2){opacity:0;transition:.3s}.burger.open span:last-of-type{animation:navOpen3 .3s forwards}.burger span{height:2px;width:100%;background:#fff;display:block;position:absolute}.burger span:first-of-type{transform:translateY(5px);animation:navClose1 .3s forwards}.burger span:nth-of-type(2){transform:translateY(12px);opacity:1;transition:.3s}.burger span:last-of-type{transform:translateY(19px);animation:navClose3 .3s forwards}nav{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#2a2929;z-index:-1;transform:translateX(3000px);transition:all .5s;opacity:.8}nav ul{text-align:center;height:100vh;color:#fff;font-size:40px}nav li:first-of-type{margin-top:260px}nav li:nth-of-type(n+2){margin-top:100px}nav.open{transform:translateX(0);transition:all .3s}footer{text-align:center;background:#2a2929;color:#fff;padding:2%}footer .yutashiku{display:block;margin:0 auto 5px;width:20%;max-width:190px}.footerLink{display:inline-flex;flex-wrap:wrap;gap:2ch;margin:1rem auto;padding:1rem}@media screen and (min-width: 1000px){header{padding:1%}header .yutashiku{width:35%}}