.c-gnav__button{display:none}@media only screen and (max-width:768px){.c-gnav__button{display:block}}@media only screen and (max-width:768px){.c-gnav{position:fixed;z-index:10;top:0;right:0;width:100%;height:100%;background-color:#fff}.c-gnav__list{padding:160px 0}.c-gnav__item{font-size:2rem;display:block;text-align:center}.c-gnav__item:nth-child(n+2){margin-top:40px;border:none}.c-gnav__button{position:fixed;z-index:100;top:15px;right:20px;display:block;width:50px;height:50px;cursor:pointer;border:none;outline:none;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.c-gnav__button:active{-webkit-animation:anim-scale .5s ease-out;animation:anim-scale .5s ease-out}.c-gnav__button-item{font-family:Alegreya Sans SC,YuGothic,Yu Gothic Medium,Yu Gothic,Verdana,Meiryo,sans-serif;font-size:1.6rem;position:absolute;left:50%;display:block;transition:.5s ease;transform:translateX(-50%);color:#666360}@-webkit-keyframes anim-scale{0%{transform:scale(.4)}40%{transform:scale(1.2)}60%{transform:scale(1)}80%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes anim-scale{0%{transform:scale(.4)}40%{transform:scale(1.2)}60%{transform:scale(1)}80%{transform:scale(1.1)}to{transform:scale(1)}}.right-enter-active,.right-leave-active{transition:transform 225ms cubic-bezier(0,0,.2,1) 0ms;transform:translate(0)}.right-enter,.right-leave-to{transform:translateX(100vw) translateX(0)}}.c-skills{position:relative}.c-skills .c-panel{padding:20px}