@media (max-width: 1024px) {
    .drawer_nav {
      background: white;
      padding: 10rem 0 0 0;
      position: fixed;
      top: -250%;
      left: 0;
      width: 100%;
      height: 100vh;
      -webkit-transition: all 0.6s;
      transition: all 0.6s;
      z-index: 3;
    }
    .drawer_nav.active {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      overflow-y: scroll;
      height: 100%;
    }
    .drawer_nav .is__address {
      margin: 2rem 1rem 1rem 1rem;
      font-size: 1.4rem;
    }
    .drawer_nav .is__tel {
      margin: 0 1rem 2rem 1rem;
      font-size: 1.3rem;
    }
    .drawer_nav .is__policy {
      margin: 0 1rem;
      font-size: 1.4rem;
    }
    .drawer_nav .is__policy li {
      margin: 0 0 0.5rem 0;
    }
  }
  
  @media (max-width: 576px) {
    .drawer_nav {
      padding: 7rem 0 0 0;
    }
  }
  
  .drawer_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 2rem 0 0;
  }
  
  .drawer_menu li {
    margin: 0 2rem;
    font-weight: 500;
  }
  
  .drawer_menu li a {
    display: block;
    color: #000;
    padding: 1.5rem 1rem;
  }
  
  .drawer_menu li.is__contact a {
    background: #0057B1;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1rem 2.5rem;
  }
  
  .drawer_menu li.is__contact a:hover {
    background: #162d6d;
  }
  
  @media (max-width: 1280px) {
    .drawer_menu {
      margin: 0 1rem 0 0;
    }
    .drawer_menu li {
      margin: 0 1rem;
    }
    .drawer_menu li.is__contact a {
      padding: 1rem 2rem;
    }
  }
  
  @media (max-width: 1024px) {
    .drawer_menu {
      display: block;
      margin: 0;
    }
    .drawer_menu li {
      font-size: 1.5rem;
    }
    .drawer_menu li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      border-bottom: #0057B1 dashed 1px;
    }
    .drawer_menu li a span {
      color: #0057B1;
      font-size: 1.3rem;
      font-weight: 300;
    }
    .drawer_menu li.is__contact {
      margin: 5rem 1rem 0 1rem;
      border-bottom: #DEDEDE solid 1px;
      padding-bottom: 3rem;
    }
  }
  
  .openbtn {
    display: none;
  }
  
  @media (max-width: 1024px) {
    .openbtn {
      display: block;
      position: fixed;
      top: 0;
      right: 0;
      cursor: pointer;
      width: 50px;
      height: 50px;
      border-radius: 5px;
      z-index: 1000;
    }
    .openbtn span {
      display: inline-block;
      -webkit-transition: all .4s;
      transition: all .4s;
      position: absolute;
      left: 14px;
      height: 3px;
      border-radius: 3px;
      background: #004894;
      width: 55%;
    }
    .openbtn span:nth-child(1) {
      top: 23px;
    }
    .openbtn span:nth-child(2) {
      top: 31px;
    }
    .openbtn span:nth-child(3) {
      top: 39px;
    }
    .openbtn.active span:nth-child(1) {
      top: 23px;
      left: 18px;
      -webkit-transform: translateY(6px) rotate(-45deg);
              transform: translateY(6px) rotate(-45deg);
      width: 55%;
    }
    .openbtn.active span:nth-child(2) {
      opacity: 0;
    }
    .openbtn.active span:nth-child(3) {
      top: 35px;
      left: 18px;
      -webkit-transform: translateY(-6px) rotate(45deg);
              transform: translateY(-6px) rotate(45deg);
      width: 55%;
    }
  }
  
  @media (max-width: 576px) {
    .openbtn span:nth-child(1) {
      top: 20px;
    }
    .openbtn span:nth-child(2) {
      top: 28px;
    }
    .openbtn span:nth-child(3) {
      top: 36px;
    }
    .openbtn.active span:nth-child(1) {
      top: 20px;
      left: 18px;
    }
    .openbtn.active span:nth-child(3) {
      top: 32px;
      left: 18px;
    }
  }
  