.header{position:fixed;top:0;z-index:10;width:100%;height:60px;background-color:white}@media only screen and (min-width: 641px){.header{height:80px}}.header-menu{position:absolute;top:14px;left:10px;width:32px;height:32px;cursor:pointer}.header-menu:hover{opacity:0.7}@media only screen and (min-width: 641px){.header-menu{top:24px}}.header-menu .header-menu__img{display:block;margin:10px auto}.header-logo{width:80px;margin:15px auto 0}@media only screen and (min-width: 641px){.header-logo{width:106px;margin:20px auto 0}}.header-logo .header-logo__link{display:inline-block}.header-logo .header-logo__link:hover{opacity:0.7}.header-logo .header-logo__img{width:100%}.header-navi{position:absolute;top:16px;right:14px;height:28px;display:flex}@media only screen and (min-width: 641px){.header-navi{top:26px}}.header-navi .hader-navi__item{display:flex;align-items:center}.header-navi .hader-navi__item.pc{display:none}@media only screen and (min-width: 641px){.header-navi .hader-navi__item.pc{display:flex}}.header-navi .hader-navi__item .hader-navi__item--link{color:black;font-size:14px;font-weight:bold;text-decoration:underline}.header-navi .hader-navi__item .hader-navi__item--link:hover{text-decoration:none}.header-navi .hader-navi__item .hader-navi__item--btn{display:inline-block;color:white;background:#333;font-size:12px;line-height:1;font-weight:bold;text-decoration:none;padding:8px 15px;border-radius:100px;margin-left:36px}.header-navi .hader-navi__item .hader-navi__item--btn:hover{opacity:0.7}.header-empty{height:60px}@media only screen and (min-width: 641px){.header-empty{height:80px}}