@media all and (max-width: 1024px){

 .vision__logo img{
   max-width: 25%;
 }


  .menus{
    display: none;
  }

  #nav-content {
    width: 40%;
  }

  #nav-drawer{
    display: block;
  }

  #nav-open{
    float: left;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
  }


  .vision__title dt{
    padding-left: 50px;
  }
  footer .container img{
    max-width: 10%
  }
}

@media all and (max-width: 768px){
  .homeMv__movie video{
    opacity: .09;
    max-width: 100%;
  }


  .vision__title h3{
   font-size: 25px;
 }

 .vision__title p{
   font-size: 13px;
   opacity: .5;
 }
 .vision__title dt{
   padding-left: 80px;
 }

 footer .container p{
   display: none;
 }
}

@media all and (max-width: 415px) {

  .vision__title h3{
    font-size: 20px;
  }
  .vision__title h2{
    font-size: 2.3em;
  }

  .vision__title dt{
    padding-left: 20px;
  }
}


@media all and (max-width: 375px) {

  .vision__contents{
    margin-top: 0;
  }

  .vision__title dt{
    padding-left: 20px;
    font-size: 10px;
    padding-top: 15px;
  }

}