@media(max-width:1030px){
  .header-left{
   margin:0px auto;
  }
  .top-wrapper{
    height:600px;
    padding:200px 0px;
  }
  .menu{
    display:none;
  }
  .top-wrapper h1{
    text-align: left;
    font-size:80px;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 1;
  }
  .head{
    text-align: center;
  }
  .content{
    width: 100%;
    text-align: center;
  }
  
  .content h5{
    left:180px;
  }
 
  .footer-logo{
    width:90px;
    float:left;
    margin:45px 60px;
  }


  .footer-bottom p{
    color: #FFFFFF;
    font-size: 8px;
    font-weight: 100;
    margin:40px 0px;
    text-align: center;
  
  }
  .footer-menu a{
    font-size:14px;
  }
  .footer-menu li{
    padding:88px 60px 0px 0px ;
  }
}
@media (max-width:750px){
  .top-wrapper h1{
    margin:0 auto;
    text-align: auto;
    font-size:36px;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 1;
  }
  .content img{
    width:345px;
    height: auto;
  }
  .content h3{
    top:80px;
    font-size:46px;
    font-weight: 400;
    width: 100%;
    text-align: center;
  }
  .content h4{
    top:120px;
    font-size:26px;
    font-weight: 300;
    width: 100%;
    text-align: center;
  }
  .content h5{
    top: 180px;
    left: 130px;
    font-size: 28px;
    font-weight: 400;
    padding-right: 40px;
    width: 100%;
  }
  .movie{
    width: 100%;
    margin:0 auto;
    height: 180px;
    display: block;
  }
  .video p{
    font-size:12px;
    text-align: center;
    margin:10px;
  }
  .video-wrapper a{
    display: block;
    color:black;
    font-size: 14px;
    /* text-align: center; */
    margin: 20px;
    width:100%;
  }

  .question p{
    margin: 0 auto;
    text-align: center;
    padding:20px 0px;
    font-size:12px;
    width:95%;
  }
  .contact h3{
    font-size:13px;
    padding:20px;
    font-weight: 400;
    width: 95%;
    margin: 0px auto;
  
  }
  .contact a{
    display: block;
    width:100%;
    margin: 20px auto;
    color:white;
    font-size:14px;
    font-weight: 200;
    background-color:black;
    padding:10px 20px;
  }
  footer{
    height:300px;
    background-color: black;
    width:100%;
  }
  .footer-left {
    width:60px; /*.footer-logoのwidthと連動させる*/
    margin:0 auto;

  }
  .footer-logo{
    width:60px;
    float:left;
    margin: 45px auto;
  }


  .footer-bottom p{
    color: #FFFFFF;
    font-size: 8px;
    font-weight: 100;
    margin:40px 0px;
    text-align: center;
  
  }
  .footer-menu{
    display: none;
  }




}