.main_ani_left{
    animation:main_ani_left both;
}


@keyframes main_ani_left{
    0% {
        transform: rotate(0%);
    }

    16% {
        transform: translateX(-1.8%);
    }

    32% {
        transform: translateX(0.3%) ;
    }

    42% {
        transform: translateX(-1.8%);
    }

    52% {
        transform: translateX(0.7%);
    }

    60% {
        transform: translateX(-1.2%) ;
    }

    68% {
        transform: translateX(0.6%) ;
    }

    74% {
        transform: translateX(-0.8%) ;
    }

    86% {
        transform: translateX(0.4%);
    }
    98% {
        transform: translateX(-0.2%);
    }
    100% {
        transform: translateX(0);
    }
}


.main_left_tree06{
    animation-duration: 1.6s;
    animation-delay: 0s;
}
.main_left_tree05{
    animation-duration: 1.4s;
    animation-delay: 0.4s;
}
.main_left_tree04{
    animation-duration: 1.2s;
    animation-delay: 0.8s;
}
.main_left_tree03{
    animation-duration: 1.2s;
    animation-delay:1.2s;
}
.main_left_tree02{
    animation-duration: 1.2s;
    animation-delay: 1.5s;
}
.main_left_tree01{
    animation-duration: 1.2s;
    animation-delay: 1.6s;
}



.grass_left_ani{
    animation:grass_left_ani 1s both;
}

@keyframes grass_left_ani{
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(-1.8deg);
    }

    30% {
        transform: rotate(0.3deg) ;
    }

    40% {
        transform: rotate(-1.8deg);
    }

    50% {
        transform: rotate(0.7deg);
    }

    60% {
        transform: rotate(-1.2deg) ;
    }

    65% {
        transform: rotate(0.6deg) ;
    }

    70% {
        transform: rotate(-0.8deg) ;
    }

    80% {
        transform: rotate(0.4deg);
    }
    90% {
        transform: rotate(-0.2deg);
    }
    100% {
        transform: rotate(0);
    }
}

.main_left_grass01{
    animation-delay:1.3s;
}
.main_left_grass02{
    animation-delay: 0.2s;
}









.main_ani_right{
    animation:main_ani_right both;
}


@keyframes main_ani_right{
    0% {
        transform: translateX(0%);
    }

    16% {
        transform: translateX(1.8%);
    }

    32% {
        transform: translateX(-0.3%) ;
    }

    42% {
        transform: translateX(1.8%);
    }

    52% {
        transform: translateX(-0.7%);
    }

    60% {
        transform: translateX(1.2%) ;
    }

    68% {
        transform: translateX(-0.6%) ;
    }

    74% {
        transform: translateX(0.8%) ;
    }

    86% {
        transform: translateX(-0.4%);
    }
    98% {
        transform: translateX(0.2%);
    }
    100% {
        transform: translateX(0);
    }
}

.main_right_tree06{
    animation-duration: 1.6s;
    animation-delay: 0s;
}
.main_right_tree05{
    animation-duration: 1.4s;
    animation-delay: 0.4s;
}
.main_right_tree04{
    animation-duration: 1.2s;
    animation-delay: 0.8s;
}
.main_right_tree03{
    animation-duration: 1.2s;
    animation-delay:1.2s;
}
.main_right_tree02{
    animation-duration: 1.2s;
    animation-delay: 1.5s;
}
.main_right_tree01{
    animation-duration: 1.2s;
    animation-delay: 1.6s;
}


.grass_right_ani{
    animation:grass_right_ani 1.2s both;
}

@keyframes grass_right_ani{
    0% {
        transform: rotate(0);
    }

    16% {
        transform: rotate(1.8deg);
    }

    32% {
        transform: rotate(-0.3deg) ;
    }

    42% {
        transform: rotate(1.8deg);
    }

    52% {
        transform: rotate(-0.7deg);
    }

    60% {
        transform: rotate(1.2deg) ;
    }

    68% {
        transform: rotate(-0.6deg) ;
    }

    74% {
        transform: rotate(0.8deg) ;
    }

    86% {
        transform: rotate(-0.4deg);
    }
    98% {
        transform: rotate(0.2deg);
    }
    100% {
        transform: rotate(0);
    }
}

.main_right_grass01{
    animation-delay: 0.8s;
}
.main_right_grass02{
    animation-delay: 0.2s;
}
.main_right_grass03{
    animation-delay: 0.1s;
}



















.story_ani_left{
    animation:story_ani_left 1s cubic-bezier(.35,1.38,.64,1) both;
}


@keyframes story_ani_left{
    from{
        transform:translateX(-30%) rotate(-40deg);
    }
    to{
        transform:translateX(-5%) rotate(0);
    }
}


.story_left:nth-child(3){
    animation-delay:0.1s;
}
.story_left:nth-child(2){
    animation-delay:0.16s;
}
.story_left:nth-child(1){
    animation-delay:0.24s;
}




.story_ani_right{
    animation:story_ani_right 1s cubic-bezier(.35,1.38,.64,1) both;
}

@keyframes story_ani_right{
    from{
        transform:translateX(30%) rotate(40deg);
    }
    to{
        transform:translateX(5%) rotate(0);
    }
}

.story_right:nth-child(3){
    animation-delay:0.1s;
}
.story_right:nth-child(2){
    animation-delay:0.16s;
}
.story_right:nth-child(1){
    animation-delay:0.24s;
}


@media screen and (min-width:320px){
   
    @keyframes shadow_ani {
        from{
            transform:scale(0);
        }
        to{
            transform:scale(0.4);
        }
    } 
}

@media screen and (min-width:375px){
   
    @keyframes shadow_ani {
        from{
            transform:scale(0);
        }
        to{
            transform:scale(0.5);
        }
    } 
}
@media screen and (min-width:640px){
   
    @keyframes shadow_ani {
        from{
            transform:scale(0);
        }
        to{
            transform:scale(0.6);
        }
    } 
}

@media screen and (min-width:744px){
   
    @keyframes shadow_ani {
        from{
            transform:scale(0);
        }
        to{
            transform:scale(0.7);
        }
    } 
}
@media screen and (min-width:1024px){
   
    @keyframes shadow_ani {
        from{
            transform:scale(0);
        }
        to{
            transform:scale(0.6);
        }
    } 
}
@media screen and (min-width:1280px){
   
    @keyframes shadow_ani {
        from{
            transform:scale(0);
        }
        to{
            transform:scale(0.7);
        }
    } 
}

@media screen and (min-width:1366px){
   
    @keyframes shadow_ani {
        from{
            transform:scale(0);
        }
        to{
            transform:scale(0.7);
        }
    } 
}
@media screen and (min-width:1500px){
   
    @keyframes shadow_ani {
        from{
            transform:scale(0);
        }
        to{
            transform:scale(0.8);
        }
    } 
}
@media screen and (min-width:1630px){
   
    @keyframes shadow_ani {
        from{
            transform:scale(0);
        }
        to{
            transform:scale(0.9);
        }
    } 
}

.value_leftTop_shadow01{
    transform-origin:left top;
}
.value_leftTop_shadow02{
    transform-origin:left top;
    animation-delay:0.2s;
}
.value_leftTop_shadow03{
    transform-origin:left top;
    animation-delay:0.4s;
}

.value_leftBottom_shadow01{
    transform-origin:left bottom;
}
.value_leftBottom_shadow02{
    transform-origin:left bottom;
    animation-delay:0.3s;
}
.value_rightTop_shadow01{
    transform-origin:right top;
}
.value_rightTop_shadow02{
    transform-origin:right top;
    animation-delay:0.2s;
}
.value_rightTop_shadow03{
    transform-origin:right top;
    animation-delay:0.4s;
}
.value_rightBottom_shadow01{
    transform-origin:right bottom;
}
.value_rightBottom_shadow02{
    transform-origin:right bottom;
    animation-delay:0.3s;
}


.center_ani{
    animation:center_ani 1.2s cubic-bezier(0.68, -0.6, 0.32, 1.6) both;
}

@keyframes center_ani{
    from{
        transform:scaleY(0); 
    }
    to{
        transform:scaleY(1);
    }
}


.center:nth-child(1){
    animation-delay:0.6s;
}
.center:nth-child(2){
    animation-delay:0.8s;
}
.center:nth-child(3){
    animation-delay:0.87s;
}
.center:nth-child(4){
    animation-delay:0.8s;
}
.center:nth-child(5){
    animation-delay:0.94s;
}
.center:nth-child(6){
    animation-delay:1.01s;
}
.center:nth-child(7){
    animation-delay:1.08s;
}
.center:nth-child(8){
    animation-delay:1.14s;
}
.center:nth-child(9){
    animation-delay:1.2s;
}
.center:nth-child(10){
    animation-delay:1.26s;
}
.center:nth-child(11){
    animation-delay:1.31s;
}
.center:nth-child(12){
    animation-delay:1.36s;
}
.center:nth-child(13){
    animation-delay:0.6s;
}
.center:nth-child(14){
    animation-delay:0.6s;
}
.center:nth-child(15){
    animation-delay:1.4s;
}
.center:nth-child(16){
    animation-delay:1.44s;
}
.center:nth-child(17){
    animation-delay:0.6s;
}


.service_ani{
    animation:service_ani cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards;
}

@keyframes service_ani{
    from{
        transform:scaleY(0);
    }
    to{
        transform:scaleY(1);
    }
}


.service_tree13{
    animation-delay: 0s;
    animation-duration: 0.8s;

}
.service_tree09{
    animation-delay: 0.05s;
    animation-duration: 0.8s;
}
.service_tree11{
    animation-delay: 0.1s;
    animation-duration: 0.8s;
    
}
.service_tree10{
    animation-delay: 0.15s;
    animation-duration: 0.8s;
    
}
.service_tree08{
    animation-delay: 0.2s;
    animation-duration: 0.8s;
    
}
.service_tree07{
    animation-delay: 0.25s;
    animation-duration: 0.8s;
   
}
.service_tree06{
    animation-delay: 0.3s;
    animation-duration: 0.8s;
  
}
.service_tree05{
    animation-delay: 0.35s;
    animation-duration: 0.8s;
   
}
.service_tree04{
    animation-delay: 0.4s;
    animation-duration: 1s;
   
}
.service_tree28{
    animation-delay: 0.45s;
    animation-duration: 1s; 
  
}    
.service_tree27{
    animation-delay:0.5s;
    animation-duration: 1s;
 
}
.service_tree26{
    animation-delay: 0.55s;
    animation-duration: 1s;   
}
.service_tree22{
    animation-delay:0.6s;
    animation-duration: 1s;  
}
.service_tree25{
    animation-delay: 0.65s;
    animation-duration: 1s;
}
.service_tree24{
    animation-delay: 0.7s;
    animation-duration: 1s;
}
.service_tree23{
    animation-delay: 0.75s;
    animation-duration: 1s;
}
.service_tree21{
    animation-delay: 0.8s;
    animation-duration: 1s;
}
.service_tree29{
    animation-delay: 0.85s;
    animation-duration: 1s;
}
.service_tree18{
    animation-delay: 0.9s;
    animation-duration: 1s;
}
.service_tree03{
    animation-delay: 0.95s;
    animation-duration: 1s;
}
.service_tree20{
    animation-delay: 1s;
    animation-duration: 1s;
}
.service_tree19{
    animation-delay: 1.05s;
    animation-duration: 1.2s;
}
.service_tree14{
    animation-delay: 1.1s;
    animation-duration: 1.2s;
}
.service_tree17{
    animation-delay: 1.15s;
    animation-duration: 1.2s;
}
.service_tree16{
    animation-delay: 1.2s;
    animation-duration: 1.2s;
}
.service_tree02{
    animation-delay: 1.2s;
    animation-duration: 1.2s;
}
.service_tree15{
    animation-delay: 1.23s;
    animation-duration: 1.2s;
}
.service_tree12{
    animation-delay: 1.26s;
    animation-duration: 1.2s;
}
.service_tree01{
    animation-delay: 1.3s;
    animation-duration: 1.2s;
} 


.fund_ani{
    animation:fund_ani 0.7s ease-out both;
}

@keyframes fund_ani{
    from{
        transform:translateY(80px);
        opacity:0;
    }
    to{
        transform:translateY(0);
        opacity:1;
    }
}








.contact_ani{
    animation:contact_ani 1s ease-in-out both;
}
@keyframes contact_ani{
    from{
        transform:translateY(50%);
        opacity:0;
    }
    to{
        transform:translateY(0px);
        opacity:1;
    }
}

.contact:nth-child(1){
    animation-delay:0s;
}
.contact:nth-child(2){
    animation-delay:0.04s;
}
.contact:nth-child(3){
    animation-delay:0.08s;
}
.contact:nth-child(4){
    animation-delay:0.12s;
}
.contact:nth-child(5){
    animation-delay:0.16s;
}
.contact:nth-child(6){
    animation-delay:0.2s;
}
.contact:nth-child(7){
    animation-delay:0.24s;
}
.contact:nth-child(8){
    animation-delay:0.28s;
}
.contact:nth-child(9){
    animation-delay:0.32s;
}




.rmi_my_recruit_button{
    position:relative;
    display:flex;
    justify-content: center;
    align-items: center;
    width:200px;
    height:56px;
    background:transparent radial-gradient(#009745 0%, #001F16 120%) 0% 0% no-repeat padding-box;
    border-radius: 2.4rem;
    margin-top:5vh;
    margin-top:5dvh;
    transform:translateY(20%);
    opacity:0;
    animation-delay : 1s;
    z-index: 500;
}

.rmi_my_recruit_button:hover{
    cursor:pointer;
}
.rmi_my_recruit_button_text p{ 
    font-size: 24px;
    color : white;
    font-weight: 400;
    position:relative;
}

.rmi_my_recruit_button_arrow{
    width:2rem;
    height:100%;
    position:relative;
    display:flex;
    align-items: center;
    margin-left: 12px;
}

.rmi_my_recruit_button_arrow img{
    position:relative;
    width:100%;
    height:auto;
    padding-top:0;
    padding-bottom:0;
}