@charset "UTF-8";
@media screen and (min-width:961px) {
  

.header{
    width: 100%;
    background-color: #ffffff;
}
.header .inner{
padding:24px;
overflow: hidden;
}

.header .inner .logo{
 float:left;
 overflow: hidden;
}
.header .inner .logo img{
  width: 200px;

}

  img {
    vertical-align: top;
    border: 0px;
  }


  /*---スマホ用ヘッダー---*/
  #header_sp {
    display: none;
  }
}


/* ---------------------------------------------------------------------for sp--------------------------------------------------------------------- */

@media screen and (max-width:960px) {

.header{
    width: 96%;
    padding:2%;
    overflow: hidden;
}

.header img{
  width: 120px;
}

.header .inner .logo{
  float:left;
  overflow: hidden;
  padding: 12px;
 }
}