header{width:100%;padding:0 2%;margin-top:2vh;margin-bottom:10vh;display:flex;align-items:center;justify-content:space-between}header h1 a .logo{width:200px;margin-left:100px}header ul.pc-menu{display:flex;list-style:none;margin-right:10vw}header ul.pc-menu li{margin-left:40px}header ul.pc-menu li a{text-decoration:none;color:#333;font-family:'Noto Sans JP', sans-serif;padding:0.1em;transition:0.3s;background-image:linear-gradient(to right, transparent 50%, #000 50%);background-position:0 0;background-size:200% auto;font-size:1.8rem}header ul.pc-menu li a:hover{background-position:-100% 0;color:#fff}.menu-btn{position:fixed;top:20px;right:20px;display:flex;height:80px;width:80px;justify-content:center;align-items:center;z-index:90}#menu-btn-check{display:none}.menu-btn span,.menu-btn span:before,.menu-btn span:after{content:'';display:block;height:3px;width:25px;border-radius:3px;background-color:#000000;position:absolute;transition:0.3s}.menu-btn span:before{bottom:8px}.menu-btn span:after{top:8px}#menu-btn-check:checked ~ .menu-btn span{background-color:rgba(255,255,255,0)}#menu-btn-check:checked ~ .menu-btn span::before{bottom:0;transform:rotate(45deg)}#menu-btn-check:checked ~ .menu-btn span::after{top:0;transform:rotate(-45deg)}.menu-content{width:100%;height:100%;position:fixed;top:0;left:100%;z-index:30;background-color:#FFFFFF;transition:all 0.3s}.menu-content ul{padding:70px 10px 0}.menu-content ul li{border-bottom:solid 1px #ffffff;list-style:none}.menu-content ul li a{display:block;width:100%;font-size:15px;box-sizing:border-box;color:#000000;text-decoration:none;padding:9px 15px 10px 0;position:relative}@media screen and (min-width: 1201px){.hamburger-menu,.menu-content{display:none}}@media screen and (max-width: 1200px){nav{display:none}}@media screen and (max-width: 480px){nav{display:none}}