.gmenu_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}

.header_wrapper {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
.header_wrapper .header_container {
  width: 100%;
  position: absolute;
  top: 0;
}
.header_wrapper .header_container .header_container_bg {
  width: 100%;
  background: url(../img/common/header_bg.png) center top no-repeat;
  position: absolute;
  top: 0;
}
@media only screen and (max-width: 768px) {
  .header_wrapper .header_container .header_container_bg {
    padding-top: 22%;
    background-size: 450%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {
  .header_wrapper .header_container .header_container_bg {
    padding-top: 15.25%;
    background-size: 200%;
  }
}
@media print, screen and (min-width: 1281px) {
  .header_wrapper .header_container .header_container_bg {
    padding-top: 12.07%;
    background-size: 100%;
  }
}
.header_wrapper .header_container header {
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .header_wrapper .header_container header {
    width: 94%;
    padding: 2% 0;
  }
}
@media print, screen and (min-width: 769px) {
  .header_wrapper .header_container header {
    width: 90%;
    max-width: 1200px;
    padding: 35px 0;
  }
}
.header_wrapper .header_container header .header_logo {
  float: left;
}
@media only screen and (max-width: 768px) {
  .header_wrapper .header_container header .header_logo {
    width: 33%;
    margin-top: 2%;
  }
}
@media print, screen and (min-width: 769px) {
  .header_wrapper .header_container header .header_logo {
    width: 193px;
  }
}
.header_wrapper .header_container header .header_logo img {
  width: 100%;
  display: block;
}
.header_wrapper .gmenu_container {
  width: 100%;
  background: rgba(255, 255, 255, 0.8) url(../img/common/gmenu_bg.png) center bottom;
  box-shadow: 0 10px 10px -10px #999;
  position: absolute;
  top: 0;
  background-size: 100px;
  overflow-y: auto;
}
.header_wrapper .gmenu_container nav {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .header_wrapper .gmenu_container nav {
    width: 94%;
    padding: 2% 0;
  }
}
@media print, screen and (min-width: 769px) {
  .header_wrapper .gmenu_container nav {
    width: 90%;
    max-width: 1200px;
    padding: 35px 0;
  }
}
.header_wrapper .gmenu_container nav .gmenu_title {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .header_wrapper .gmenu_container nav .gmenu_title {
    width: 30.75%;
    float: left;
    margin-top: 2.5%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .header_wrapper .gmenu_container nav .gmenu_title {
    width: 165px;
    margin-bottom: -36px;
    float: left;
  }
}
@media print, screen and (min-width: 1025px) {
  .header_wrapper .gmenu_container nav .gmenu_title {
    width: 165px;
    margin-bottom: -36px;
  }
}
.header_wrapper .gmenu_container nav .gmenu_title img {
  width: 100%;
  display: block;
}
.header_wrapper .gmenu_container nav .gmenu_menuArea:before {
  content: "";
  display: block;
  clear: both;
}
@media only screen and (max-width: 768px) {
  .header_wrapper .gmenu_container nav .gmenu_menuArea {
    margin-top: 6.78%;
  }
}
@media print, screen and (min-width: 769px) {
  .header_wrapper .gmenu_container nav .gmenu_menuArea {
    margin-top: 97px;
  }
}
.header_wrapper .gmenu_container nav .gmenu_menuArea > li {
  float: left;
}
@media only screen and (max-width: 480px) {
  .header_wrapper .gmenu_container nav .gmenu_menuArea > li {
    width: 30%;
    margin: 5% 5% 0 0;
  }
  .header_wrapper .gmenu_container nav .gmenu_menuArea > li:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .header_wrapper .gmenu_container nav .gmenu_menuArea > li {
    width: 22%;
    margin: 4% 4% 0 0;
  }
  .header_wrapper .gmenu_container nav .gmenu_menuArea > li:nth-child(4n) {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .header_wrapper .gmenu_container nav .gmenu_menuArea > li {
    width: 10.8%;
    margin-right: 0.3%;
  }
  .header_wrapper .gmenu_container nav .gmenu_menuArea > li:last-child {
    margin-right: 0;
  }
}
.header_wrapper .gmenu_container nav .gmenu_menuArea > li img {
  width: 100%;
}
.header_wrapper .header_btnArea {
  float: right;
  list-style: none;
}
@media only screen and (max-width: 768px) {
  .header_wrapper .header_btnArea {
    width: 36%;
  }
  .header_wrapper .header_btnArea .pc {
    display: none !important;
  }
}
@media print, screen and (min-width: 769px) {
  .header_wrapper .header_btnArea {
    width: 274px;
  }
  .header_wrapper .header_btnArea .sp {
    display: none !important;
  }
}
.header_wrapper .header_btnArea .header_btn {
  float: left;
}
.header_wrapper .header_btnArea .header_btn:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 768px) {
  .header_wrapper .header_btnArea .header_btn {
    margin-left: 5%;
  }
  .header_wrapper .header_btnArea .header_btn.header_visitBtn {
    width: 30%;
  }
  .header_wrapper .header_btnArea .header_btn.header_contactBtn {
    width: 30%;
  }
  .header_wrapper .header_btnArea .header_btn.header_menuBtn {
    width: 30%;
  }
}
@media print, screen and (min-width: 769px) {
  .header_wrapper .header_btnArea .header_btn {
    margin-left: 1.82%;
  }
  .header_wrapper .header_btnArea .header_btn.header_visitBtn {
    width: 32.12%;
  }
  .header_wrapper .header_btnArea .header_btn.header_contactBtn {
    width: 32.12%;
  }
  .header_wrapper .header_btnArea .header_btn.header_menuBtn {
    width: 32.12%;
  }
}
.header_wrapper .header_btnArea .header_btn img {
  width: 100%;
  display: block;
}
.header_wrapper .header_btnArea .header_btn a:hover img {
  opacity: 1;
}