@media only screen and (max-width: 1200px) {
  #header{
    width:375px;
    height: 300px;
    position: relative;
    } 
  #header:before{
    width: 375px;
    height: 300px;
  background:url(restop.png) no-repeat center;
  background-size:cover;
  }
  .imgdark {
    position:fixed;
    top:0;
    left:0;
    width: 375px;
    height:300px;
  }
  #name{
    font-size: 8px;
  }
  .line-1{
    font-size: 10px;
}
  #header h1{
    position: absolute;
    top: 160px;
    left: 190px;
    font-size: 13px
  }
  #container{
    width: 375px;
    font-size: 8px;
    letter-spacing: 3px;
    }
  .content1{width: 375px}
  .content1 table{
      width: 375px;
    }
  .content1 td{
      display: inline;
      width: 100%;
    }
    .content1 img{
      width: 350px;
      height: 100%;
    }
    .content1 video{
      width: 350px;
    }

    .content2 img{
      width: 100%;
    }
    /*ロゴフェードイン*/
  .logo_fadein p {
    position: fixed;
    left: 230px;
    top: 250px;
  }
  .logo_fadein img{
    width: 200px;
  }
  .left{display: none;}
  h2{font-size: 13px;}
  
}