@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&display=swap');

nav{
  width: 100%;
  height: 70px;
 position: fixed;
  background: #FFF;
  z-index: 999;
  padding: 0;
  margin: 0;
  top:0;
 }
h1 {
  width: 100%;
  text-align: center;
  padding: 1em 0 .5em;
}
h1 img{
  width: 120px;
  margin: 0 auto;
}
.menuTab ul{
  font-family: 'Alegreya SC', serif;
  display: flex;
  flex-wrap: wrap;
}
.menuTab li{
  width: 49.5%;
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding: .5em 0;
}
.menuTab li:nth-child(odd){
  border-right: 1px solid #ccc;
}
 .menu{
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition:ease .5s;
  transition:ease .5s;
  z-index:1000;
  background-color: #FFF;
 }
 .menu ul li{
  padding: .5em 1em;
  border-bottom: 1px solid #CCC;
  text-align: center;
 }
 .menu ul li img{
   width: 20vw;
 }
 .menu ul li.logo{
   display: none;
 }
 .menu ul li a{
   color: #000;
   letter-spacing: 0;
 }
 .menu ul li a:hover{
   color: #009EE7;
 }
 .menu ul li.companyBtn a{
   border: 1px solid #FFF;
   padding: 7px;
 }
 .menu ul li ul.subMenu,.menu ul li ul.hujinka{
  padding:0px 0px 0px 20px;
}
.menu ul li ul.subMenu li{
  border-bottom:none;
  padding: .15em;
}
 /*OPEN時の動き*/
 .menu.open {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
 }
  .counseBtn{
  background-color: #E2007F;
  text-align: center;
  line-height: 130%;
  height: 100%;
  letter-spacing: 0;
  font-size: 3.5vw;
  display: flex;
  align-items: center;
  width: 10em;
  position: absolute;
  right: 4.5em;
 }
 .counseBtn a{
   color: #FFF;
   margin: 0 auto;
 }
 @media screen and (min-width: 580px) {
  nav{
    display: flex;
 height: auto;
  }
   .menu{
   margin: 2em auto;
   justify-content: center;
   }
   .menu ul{
     margin: 0 auto;
   }
  .drawer{
    display: none;
    height: auto;
  }
  .menu ul li.logo{
    display: block;
    width: 18%;
   }
.navbar_toggle{
 display: none;
}

h1 img{
  width: 120px;
  padding: 0px 0 5px;
}
.menu{
 width: 100%;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 display: flex;
 justify-content: flex-end;
}

.menu ul{
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 padding: 0;
 width: 95%;
}
.menu ul li a,.menu ul li div{
  position: relative;
  display:block;
  padding:15px 0px;
  font-weight: 500;
  font-family: 'Cinzel', serif;
  
}
.menu ul li a.top{
  font-size: 1.3rem;
}

.menu ul li{
  width: 10%;
 padding: 0 .5em;
 border-bottom: none;
 font-size: 1rem;
 line-height: 100%;
 position: relative;
 height: 100%;
 display: flex;
 align-items: center;
}

.menu ul li img{
  width: 70%;
}
}