body{overflow-x: hidden;}
    .animation{width:100vw;}

    svg{width:100vw; height:100vw;  top:-400px;}

    main{background-color: #000;}
    main > section {
        position: fixed; top: 0; left: 0; width: 100vw;height: 100vh; overflow: hidden;}
    .home{display:none;}
    #first{display:none;}
    #second{display:none;}
    #third{display:none;}
    #fifth{display:none;}


    section {        
        /* background: #000; */
        
    }
 
    #fourth {
        left: 0;
        overflow: visible;
    }


    .container {
        width: 100%;
        position:relative; left: 0; top:-650px;
        opacity: 1;
   
    }
    .gradation_bk{position: absolute; left:0; bottom:0; z-index:20;}

    @media screen and (min-width: 1024px) and (max-width: 1470px) {
        .gradation_bk{bottom:-20vh;}
    }


    @media (max-width: 1024px) {
    svg{width:100vw; height:100vw;  top:-400px;}
    .container {width:100%; position:absolute; left: 0; top:auto; bottom:0;}
    }


    
    .svgHeight_adj{position:relative; z-index:15; transform:translateY(-50px);}

    
    .prd_cover{position: absolute; left:50%; transform:translate(-50%, 0); bottom:0; z-index:10;}

    @media all and (max-width: 768px){ 
        .container{top:0;}
    }