header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 21.3333333333vw;
  background-color: #FFF;
  z-index: 999;
  border-bottom: 2px solid #d6a51a;
}
header .top-header {
  padding: 4vw 5.3333333333vw;
  display: flex;
  justify-content: space-between;
}
header .top-header .header-logo {
  display: inline-block;
}
header .top-header .header-logo .logo {
  width: 59.4666666667vw;
}
header .top-header .home-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 85.3333333333vw;
  height: 21.3333333333vw;
}
header .top-header .btn_nav {
  color: #d6a51a;
  font-size: 8vw;
  text-decoration: none;
}
header .top-header .btn_nav:focus, header .top-header .btn_nav:focus-visible {
  outline: none;
  outline-offset: none;
}
header .top-header .nav-toggle .btn_open {
  display: block;
}
header .top-header .nav-toggle .btn_close {
  display: none;
}
header .top-header .nav-toggle.active .btn_open {
  display: none;
}
header .top-header .nav-toggle.active .btn_close {
  display: block;
}
header .top-header .nav {
  width: 10.6666666667vw;
  float: right;
}
header .menu {
  position: absolute;
  top: 21.3333333333vw;
  width: 100vw;
  height: 100vh;
  background-color: transparent;
  transition: background-color 0.3s;
  pointer-events: none;
}
header .menu.active {
  background-color: rgba(255, 255, 255, 0.7);
  pointer-events: initial;
}
header .menu.active .menu_bg {
  right: 0;
}
header .menu .menu_bg {
  width: 75vw;
  height: 100vh;
  position: absolute;
  top: 0;
  right: -100vw;
  background: linear-gradient(180deg, #FFF 0%, #FFF 100%);
  transition: right 0.3s;
}
header .menu .menu_bg .menu_close {
  width: 10.6666666667vw;
  float: right;
  margin: 5.3333333333vw 8vw;
}
header .menu .menu-link {
  display: block;
  text-align: center;
  color: #696b71;
  text-decoration: none;
  padding: 4vw 0;
  font-size: 4.2666666667vw;
  border-bottom: 2px solid #d6a51a;
}
header .menu .menu-link:hover, header .menu .menu-link:active, header .menu .menu-link:focus, header .menu .menu-link:visited {
  color: #696b71;
  text-decoration: none;
}
header .menu .menu-link.active {
  background-color: #d6a51a;
  color: #FFF;
}

footer {
  border-top: 2px solid #d6a51a;
  background-color: #FFF;
  color: #696b71;
  font-size: 3.7333333333vw;
  padding: 5.3333333333vw 0;
}
footer a, footer a:hover, footer a:active, footer a:visited {
  color: #696b71;
  text-decoration: underline;
}
footer .txt-link {
  display: inline-block;
  padding: 0 1.3333333333vw;
}
footer .copyright {
  font-size: 3.2vw;
}

main {
  margin-top: 21.3333333333vw;
}

.container-fluid.max {
  max-width: 1140px;
}

@media (min-width: 992px) {
  header {
    position: relative;
    height: auto;
  }
  header .top-header {
    padding: 1.3888888889vw 1.3888888889vw;
  }
  header .top-header .header-logo .logo {
    width: 223px;
  }
  header .top-header .home-area {
    background-color: #FF0000;
    position: absolute;
    left: 0;
    top: 0;
    width: 16.6666666667vw;
    height: 4.1666666667vw;
  }
  header .top-header .btn_nav {
    font-size: 1.5625vw;
  }
  header .top-header .nav-toggle .btn_open {
    display: none;
  }
  header .top-header .nav-toggle .btn_close {
    display: none;
  }
  header .top-header .nav-toggle.active .btn_open {
    display: none;
  }
  header .top-header .nav-toggle.active .btn_close {
    display: none;
  }
  header .top-header .nav {
    width: 2.0833333333vw;
    float: right;
  }
  header .menu {
    display: none;
  }
  header .menu_list a {
    display: inline-block;
    padding: 0 0.6944444444vw;
    font-weight: 500;
    font-size: 18px;
    color: #696b71;
  }
  header .menu_list a.active {
    color: #d6a51a;
  }
  header .menu_list a:hover, header .menu_list a:active, header .menu_list a:focus {
    color: #d6a51a;
    text-decoration: none;
  }
  footer {
    padding: 1.3888888889vw 0;
  }
  footer section p {
    font-size: 16px;
  }
  footer section p.smaller {
    font-size: 12px;
  }
  footer .txt-link {
    padding: 0 0.3472222222vw;
  }
  footer .copyright {
    font-size: 12px;
  }
  main {
    margin-top: 0;
  }
}/*# sourceMappingURL=utils.css.map */