/*----------　ヘッダー　----------*/
header{
  width: 100%;
  padding: 10px 0;
}
.sp_header{
  display:none;
}

header .company{
  display:flex;
  justify-content: space-between;
  width:95%;
  margin:0 auto;
  align-items: center;
}
header .logo{
  width:35%;
  display: flex;
  align-items: center;
}
.header-contact{
  width: 20%;
}
.header-contact img{
  width: 100%;
}
header img{
  width:100%;
}

@media screen and (max-width: 500px){
  header .logo {
     width: 35%;
      /* margin-top: 10px; */
      display: flex;
      align-items: center;
  }
  .header-contact {
      width: 55%;
  }
}