.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: .8em 1.2rem;
  height: 120px;
}
.logo {
  margin:auto;

}
.button {
  position: absolute;
  
  left: 1.2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bar-navi {
  position: absolute;
  
  right: 1.2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);

}

.bar-navi-txt {
  font-size: 14px;
  line-height: 1.2;
  text-align: right;
  padding-right: 100px;


}



@media only screen and (max-width: 767px) {
.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: .2em .5rem;
  height: 70px;
}

.logo {
  width: 180px;

}

.logo img{
  width: 100%;

}

  }