@charset "UTF-8";
@font-face {
  font-family: "ZenMaruGothic-Black";
  src: url(/fonts/ZenMaruGothic/ZenMaruGothic-Black.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "ZenMaruGothic-Bold";
  src: url(/fonts/ZenMaruGothic/ZenMaruGothic-Bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "ZenMaruGothic-Regular";
  src: url(/fonts/ZenMaruGothic/ZenMaruGothic-Regular.woff) format("woff");
  font-display: swap;
}
/*16*1.75/2*/
/*========*/
/* ヘッダ */
/*========*/
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 137px;
  padding: 40px 56px;
  transition: 0.4s;
  z-index: 10;
}
@media (max-width: 1023px) {
  header {
    height: 74px;
    padding: 24px 10px 24px 24px;
  }
}
header .h-logo {
  margin: 0 0 0 auto;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
@media (max-width: 1023px) {
  header .h-logo {
    max-width: 140px;
  }
}
header .h-logo img {
  display: block;
}

.side-bn a {
  position: fixed;
  top: min(370px, 19.27vw); /*370/1920*/
  right: max(-64px, -3.333%); /*64/1920*/
  z-index: 10;
  display: block;
  width: min(181px, 9.427%); /*181/1920*/
  transition: 0.5s all;
}
@media (max-width: 767px) {
  .side-bn a {
    top: 61px;
    right: -33px;
    width: 88px;
  }
}
@media (min-width: 768px) {
  .side-bn a:hover {
    right: max(-30px, -1.562%); /*30/1920*/
  }
}
.side-bn a:hover img {
  opacity: 1;
}
/*# sourceMappingURL=header.css.map */