.header {
  position: relative;
  width: 100%;
  padding: 30px 0 22px;
}

.header .header_inner {
  width: 1280px;
  margin: 0 auto;
}

.header .header_inner .logo {
  float: left;
  width: 210px;
  margin-left: 25px;
}

.header .header_inner .logo a:hover {
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  opacity: .6;
  filter: alpha(opacity=60);
}

@media screen and (max-width: 768px) {
  .header {
    position: relative;
    padding: 15px 0 10px;
  }
  .header .header_inner {
    width: 100%;
    margin: 0 auto;
  }
  .header .header_inner .logo {
    float: left;
    width: 28%;
    margin-left: 4%;
  }
  .header .header_inner .logo a:hover {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
