.header-nav-wrap{
  top:-110%;
  z-index: 2000;
  width: 100%;

  height: 100%;
  position: fixed;
transition: all 0.6s;
background-color:white;
}
.header-nav-wrap2{
  right:-110%;
  z-index: 9000;
  width: 100%;
  height: 100%;
  position: fixed;
transition: all 0.6s;
background-color:white;
}
.migi{
  right: 0!important;
}
.moveue{
  top: 0;
}
.navrec{
margin-top: 50px;
}
  
.nav_menublock{
  white-space: nowrap;
font-size: 1.7rem;
padding: 1px 10px;
border: 1px solid black;
font-weight: bold;
margin-top: 50px;
}
.nav_menublock a{
  color: black;
}
.nav_menublock a:hover{
color: white;
}
.nav_menublock:hover{
background-color: black;
}
.nav_back {
  margin-top: 220px;
width: 900px;
position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
}
.nav_menu li{
text-align: left;
}
.nav_menu1 {
width: 121px;
}
.nav_menut {
margin-top: 1rem;
}
.nav_menu2 {
max-width:202px;
}
.nav_menu3 {
max-width:312px;
}
.nav_menu4 {
max-width:400px;
}
.nav_menu5 {
max-width:138px;
}
.nav_menu6{
max-width:200px;
}
.nav_menul,.nav_menul2{
  line-height: 6rem;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 900;
  color: #6c6c6c;
}
.nav_menul a,.nav_menul2 a{
    color: black;
}
.nav_menul a:hover,.nav_menul2 a:hover{
    color: #6c6c6c;
}
.nav_box{

  z-index: 30000;
  position: fixed;
  top: 163px;
  left: 50%;
  display: none;
  transform:translateX(-50%);
  -webkit- transform: translateX(-50%);
}

.nav_box2{
  height: 420px;
  z-index: 30000;
  position: absolute;
  top: 163px;
  left: 50%;
  top:50%;
  transform:translate(-50%,-50%);

  -webkit- transform: translateX(-50%);
}


@media screen and (max-width: 650px) {
  .navrec{
        margin-top: 29px!important;
        transform: scale(0.7, 0.7);
        position: inherit;
    z-index: 600;
  }
.nav_menul2{
  color: black;
      font-weight: bold;
    font-size: 2rem;
}
.nav_menu li{
line-height: 1em;
	font-size:50px;
}
.header-nav-wrap{
  z-index: 2000;
  width: 100%;
  height: 100vh;
  position: fixed;
}
.header-nav-wrap2{
  right: -110%;
  z-index: 9000;
  width: 100%;
  height: 100vh;
  position: fixed;
}

.nav_menu1 {
    max-width: 41px;
}

.nav_menu3 {
    margin: 50px auto;
    max-width: 300px;
}
.box-lnav{
  border-radius: 5px;
  padding: 15px 15px;
  max-width: 133px;
}

.box-rnav{
    border-radius: 5px;
  padding: 15px 15px;
  max-width: 133px;
}
.pageboxnav{
max-width: 340px;
}
.nav_box{
    margin: 110px auto 0;
}
.nav_box2{
    margin: 20px auto 0;
}
.nav_menut{
font-size: 12px;
}

.nav_back {
    width: 381px;}

.nav_menut {
margin-top: 0.1rem;
}

.nav_box,.nav_box2{
    overflow: visible;
width: auto;
height: 470px;
      -webkit-overflow-scrolling: touch;
}

}