@charset "UTF-8";
/* CSS Document */

header {
  height: 64px;
  padding-top: 14px;
}
  .open .header_logoarea {
  }
.header_logoarea{
  z-index: 9999;
  position: relative;
  margin-left: 4%;
}
  .header_logo{
    width: 90px;
    height: auto;
    padding-left: 5%;
    z-index: 9999;
  }
    .open .header_logo{
    }
  .header_logoarea p{
    font-size: 1.6rem;
  }
  .open .header_logoarea p{
  }
#navbtn {
  top: 18px;
}
.menu-trigger,
.menu-trigger span {
}
.menu-trigger {
  width: 28px;
  height: 28px;
}
.menu-trigger span {
}
.menu-trigger span:nth-of-type(1) {
}
.menu-trigger span:nth-of-type(2) {
  top: 12px;
  left: -10px;
}
.menu-trigger span:nth-of-type(3) {
}
  .open .menu-trigger span{
  }
  .open .menu-trigger span:nth-of-type(1) {
    transform: translateY(10px) rotate(-45deg);
  }
  .open .menu-trigger span:nth-of-type(2) {
  }
  .open .menu-trigger span:nth-of-type(3) {
    transform: translateY(-16px) rotate(45deg);
  }

.nav{
  padding-bottom: 120px;
  background-size: cover;
}
  .nav ul{
    width: 88%;
    display: block;
    margin-top: 94px;
    margin-bottom: 32px;
  }
  .nav ul li{
      width:100%;
      margin-bottom: 2vh;      
    }
  .nav ul li a{
    line-height: 1.2;
    font-size: 3.8rem;
  }
  .nav ul li a span{
    font-size: 1.4rem;
    display: block;
    }
.open .nav{
}
.nav ul li {
} 
.open .nav ul li {
  }
.nav_banner{
    width: 88%;
    margin: 0px auto;
    display: block;
    padding-bottom: 12rem;
  }
  .open .nav_banner{
    }
  .nav_banner_bm{
      width: 78%;
      margin-bottom: 20px;
    }
  .nav_banner_cynd{
      width: 60%;
    }
      .nav_banner_cynd a img{
        width: 80%;
      }
    .nav_banner img {
    }
  .nav_banner_btn{
    height: 28px;
    border-radius: 14px;
    line-height: 28px;
    font-size: 1.4rem;
  }
  .nav_banner_btn:after{
  }
  .nav .btn_entry{
    width: 88%;
    margin: 0px auto 125px;
  }
  .nav .btn_entry a{
    width: 100%;
    margin-top: 32px;
  }
  .nav .btn_entry a span{
    }