.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-works{position:relative}.c-works .c-card:nth-child(n+4){margin-top:40px}@media only screen and (max-width:768px){.c-works .c-card:nth-child(n+4){margin-top:0}}.c-works .c-card__block{flex-wrap:wrap}.c-works .c-card__block.numtwo:after{display:inline-block;width:30%;height:100%;content:""}.c-works__box{margin-bottom:43px}@media only screen and (max-width:768px){.c-works__box{margin-bottom:40px}}.c-works .c-panel{padding:20px 20px 30px 20px}@media only screen and (max-width:768px){.c-works .c-panel{padding:10px}}.c-works .c-card__tit{width:100%;margin-bottom:0;border:none}.c-works .c-card__text:last-of-type{padding:20px 12px}@media only screen and (max-width:768px){.c-works .c-card__text:last-of-type{padding:10px}}.c-works__skills{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:0 12px 10px 2px}.c-works__skills-list{font-size:1.4rem;margin:10px 0 0 10px;padding:0 12px;color:#fff;background-color:#c6c0bb}.c-works__nopost{color:#666360}