@media screen and (max-width: 479px) { /*ウィンドウ幅が0～479pxの場合にcssを適用*/
    * {
        box-sizing: border-box;
        margin:0 auto;
        
    }

    header{
        width: 100%;
        height:60px ;
    
    }

    nav{
        width:100%;
        height:3.5em ;
      
    }
    
    ul.gnav-list-1 img{
        display:inline-block;
        width:20%;
        margin-top:4%;
        margin-right: 70%;
    }

    ul.gnav-list-1 li{
        display:none;
    
    }

    .sec1{
        flex-wrap:wrap;
        width:100%;
        height:auto;
        margin:0 auto; 
    }


    .sec1-1{
        display: block;
        width:100%;
        height: auto;
        margin:0 auto;
        text-align: center;
        
    }

    .sec1-1 h1{
        display: block;
        font-size: 1.1em;
        margin-top:8% ;
        margin-left: 15%;
        margin-right: 15%;
        text-align: center;
    
    }

    .sec1-1 a i {
        margin-top: 5%;
        margin-bottom: 5%;
        font-size: 1.5em;
        color:rgb(215, 215, 215);
    }

    .sec1-2{
        display: block;
        width: 100%;
        height: auto;
        margin:0 auto;
        text-align: center;
    }

    .sec1-2 img{
        width:100%;
        display: block;
        
    
    }

    .sec2{
        flex-wrap:wrap;
        width:100%;
        height:auto;
        margin:0 auto; 
        background-color: #F0F0F0;
    }

    .sec2-1{
        width:100%;
        height:auto;
        margin:0 auto ;
       
    }

    .sec2-1 img {
        width:100%;
        display: block;
        margin-top:2%;
        
    }

    .sec2-2{
        display: block;
        width: 347px;
        height: auto;
        margin:0 auto;
        text-align: center;
    }

    .sec2-2 h2{
        display: block;
        font-size: 3em;
        margin-top:10% ;
        margin-bottom: 2%;
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
    
    }

    .sec2-2 a p{
        margin-bottom:15%;
    }

    .sec3{
        flex-wrap:wrap;
        width:100%;
        height:auto;
        margin:0 auto; 
    }

    .sec3-1{
        display: block;
        width: 316px;
        height: auto;
        margin:0 auto;
        text-align: center;
    }
    .sec3-1 h2{
        display: block;
        font-size: 3em;
        margin-top:10% ;
        margin-bottom: 2%;
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
    
    }

    .sec3-1 a p{
        margin-bottom:6%;
    }

    .sec3-2{
        display: block;
        width:453px;
        height: auto;
        margin:0 auto ;
       
       
    }
    .sec3-2 img {
        width:100%;
        display: block;
        margin-top:6%;
        
    }

    .sec4{
        flex-wrap:wrap;
        width:100%;
        height:auto;
    
    
    }
    .sec4-1{
        display: block;
        width:100%;
        height:auto;
        margin:0 auto ;
       
       
    }
    .sec4-1 img {
        width:100%;
        display: block;
        margin-top:2%;
        
    }

    .sec4-2{
        display: block;
        width: 100%;
        height: auto;
        margin:0 auto;
        text-align: center;
    }

    .sec4-2 h2{
        display: block;
        font-size: 3em;
        margin-top:11% ;
        margin-bottom: 2%;
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
    
    }
    .sec4-2 a p{
        margin-bottom:13%;
    }
    .sec5{
        flex-wrap: wrap;
        width:100%;
        height: auto;
        margin:0 auto; 
    }
    .sec5-1{
        display: block;
        width: 393px;
        height: auto;
   
    }
    .sec5-1 h2{
        display: block;
        font-size: 3em;
        margin-top:10% ;
        margin-bottom: 2%;
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
    
    }
    .sec5-1 .otop{
        margin-bottom:6%;
    }
    .sec5-2{
        display: block;
        width:100%;
        height: auto;
        margin:0 auto ;
       
    }

    /*
    .sec5-2 img {
        width:100%; 
    } */

    .sec5-2 video {
        width:100%; 
    } 



    .sec6{
        flex-wrap:wrap;
        width:100%;
        height:auto;
    }
    .sec6-1{
        display: block;
        width:100%;
        height: auto;
        margin:0 auto ;
       
       
    }

    .sec6-1 img {
        margin-top:2%;
        
    }
    .sec6-2{
    
        width: 100%;
        height: auto;
        
    }

    .sec6-2 h2{
        display: block;
        font-size: 3em;
        margin-top:10% ;
        margin-bottom: 2%;
    }

    .sec6-2 a p{
        margin-bottom:13%;
    }
    .sec7{
        flex-wrap: wrap;
        width:100%;
        height: auto;
    }
    .sec7-1{
        width: 100%;
        height: auto;
     
    }
    .sec7-1 h2{
       
        font-size: 3em;
        margin-top:10% ;
        margin-bottom: 2%;
    }
    .sec7-1 a p{
        margin-bottom:10%;
    }


    .sec7-2{
        width:100%;
        height: auto;
        margin:0 auto ;
    }
    .sec7-2 img {
        width:100%;
        margin-top:0;
        
    }

    .sec8{
        flex-wrap:wrap;
        width:100%;
        height:auto;
    }
    .sec8-1{
        display: block;
        width:100%;
        height: auto;
        margin:0 auto ;
       
       
    }

    .sec8-1 img {
        margin-top:2%;
        
    }
    .sec8-2{
    
        width: 100%;
        height: auto;
        
    }

    .sec8-2 h2{
        display: block;
        font-size: 3em;
        margin-top:10% ;
        margin-bottom: 2%;
    }

    .sec8-2 a p{
        margin-bottom:13%;
    }




    /*footer*/

    footer{
        flex-wrap: wrap;
        width: 100%;

    }
    .footer-inner2{
        display:none;
    
    }

    .footer-inner1{
        width: 100%;
        max-width: 100%;
        height:auto ;
        margin:0 auto;
        background-color:#403F3F ;
    }
    .footer-inner1 img{
        max-width: 70%;
        margin-top:45px;
    }
    .footer-left p{
        font-size: 1em;
    }

    address{
        font-size: 0.8em;
        color: rgb(255, 255, 255);
        margin-top: 5px;
        line-height: 2em;
    }
    .footer-left{
        margin-left: 5%;
    
    }

    .copy{
        margin-top:8%;
        margin-bottom:5%;
        color: white;
        font-size: 0.8em;
        font-family: 'Hiragino Kaku Gothic ProN W3','ヒラギノ角ゴProN W3', sans-serif ;
    }
 
    
    }