/* 作成者: 羽祢田 */
.header_container {
  position: fixed;
  top: 0;
  left: 0;
  max-width: 128rem;
  margin: 0 auto;
  height: 0;
  z-index: 10000;
}
/* header_btn_wrapper */
.header_btn_wrapper {
  max-width: 100%;
  width: 100%;
  padding: 2rem 3rem;
  background-color: #FFFFFF;
  transition: .2s;
  transition-delay: .1s;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 100;
}
.header_btn_wrapper.color {
  background-color: transparent;
}
.header_logo_link {
  display: block;
}
.header_logo_svg {
  width: 9.948rem;
  height: 4.95rem;
  
}
.hamburger_menu_btn {
  width: 5.4rem;
  height: 5.4rem;
  background-color: #003790;
  position: relative;
  cursor: pointer;
  transition: all 1.8s;
}
.hamburger_menu_border {
  position: absolute;
  left: 1rem;
  display: block;
  width: 3.4rem;
  height: 0.1rem;
  background-color: #FFFFFF;
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger_menu_border:first-child {
  top: 2rem;
}
.hamburger_menu_border:nth-child(2),
.hamburger_menu_border:nth-child(3) {
  top: 2.6rem;
}
.hamburger_menu_border:last-child {
  bottom: 2rem;
}
/* active */
.hamburger_menu_btn.active {
  background-color: #003790;
}
.hamburger_menu_btn.active .hamburger_menu_border {
  background-color: #FFFFFF;
}
.hamburger_menu_btn.active .hamburger_menu_border:first-child {
  transform: translateX(4rem) scale(0);
}
.hamburger_menu_btn.active .hamburger_menu_border:nth-child(2) {
  transform: rotate(30deg) scale(1.2);
}
.hamburger_menu_btn.active .hamburger_menu_border:nth-child(3) {
  transform: rotate(-30deg) scale(1.2);
}
.hamburger_menu_btn.active .hamburger_menu_border:last-child {
  transform: translateX(-4rem) scale(0);
}
/* header_menu_wrapper */
.header_menu_wrapper {
  transform: translateX(100%);
  transition: transform 0.2s;
  /* background-color: var(--blue); */
  background-color: #262626;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.header_menu_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}

.header_slide_image{
  opacity: 0;
  transition: all .5s;
}

/* active */
.header_menu_wrapper.hmb_nav_active {
  transform: translateX(0);
}
.header_menu_slide {
  width: 50%;
  height: 100%;
  position: relative;
  background-color: #ffffff99;
}
.header_slide_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header_menu_slide::after {
  content: "";
  width: 17rem;
  height: 25rem;
  /* background-color: #ED1E34; */
  background-color: #4A4A4A;
  opacity: 0.7;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  position: absolute;
  bottom: 0;
  right: 0;
}
.header_nav {
  flex-grow: 2;
}
.header_nav_list {
  font-size: 2rem;
  color: var(--white);
  text-align: center;
}
.header_nav_items {
  padding-bottom: 2.4rem;
}
.header_nav_items:last-child {
  padding-bottom: 0;
}
@media screen and (max-width:699.98px) {
  .header_container {
    max-width: 100%;
    z-index: 10000;
  }
  /* header_btn_wrapper */
  .header_btn_wrapper {
    width: 100%;
    padding: 1.5rem;
  }
  /* SPのみハンバーガーメニューを開いたときにロゴの文字色を白にする */
  /* .header_logo_svg.active .cls-1 {
    fill: var(--white);
  } */
}