.header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 22px;
  z-index: 3;
}

.header-logo {
  width: 307px;
  height: 71px;
  text-decoration: none;
  display: inline-block;
}

.header-logo img {
  width: 100%;
}
/* ハンバーガーメニュー */

.header__hamburger {
  position: relative;
  background:#fff;
  cursor: pointer;
  width: 50px;
  height:50px;
  border-radius: 5px;
}

.header__hamburger span{
  display: inline-block;
  transition: all .4s;/*アニメーションの設定*/
  position: absolute;
  left: 14px;
  height: 2px;
  border-radius: 2px;
  background: #6D6B66;
  width: 45%;
}

.header__hamburger span:nth-of-type(1) {
  top:15px; 
}

.header__hamburger span:nth-of-type(2) {
  top:23px;
}

.header__hamburger span:nth-of-type(3) {
  top:31px;
}

@media screen and (max-width: 767px) {
  .header-logo {
    width: 138px;
    height: 33px;
  }
}