@charset "utf-8";


@media (min-width:1440px) {  

    #registration {}
    #registration .cont + .cont {
        margin-top:80px;
    }
    
    #registration .target {
        border-radius:50px;
        box-shadow:0 0 20px 0 rgba(161,225,138,0.75);
        padding:40px;
        text-align:center;
    }
    #registration .target .target_T {
        font-size:24px;
        font-weight:bold;
        color:#8AB947;
        letter-spacing:-0.6px;
    }
    #registration .target .target_ti {
        font-size:24px;
        font-weight:bold;
        letter-spacing:-0.6px;
    }


    #registration .step {
        text-align:center;
    }
    #registration .step .pc {
        display:block;
    }
    #registration .step .mo {
        display:none;
    }


    #registration .downBtn {
       display:block; 
       width:280px;
       margin:0 auto;
       border-radius:30px;
       border:3px solid #8AB947;
       text-align:center;
       font-size:24px;
       font-weight:bold;
       padding:5px 0;
    }
    #registration .downBtn:hover {
        background-color:#8AB947;
        color:#fff;
    }



    #registration .info {
        border:3px solid #8AB947;
        border-radius:50px;
        background-color:#c1df96;
        padding:30px 15px;
        display:flex;
    }
    #registration .info .box {
        flex:1;
        margin:0 15px;
        border:3px solid #8AB947;
        border-radius:40px;
        background-color:#fff;
        display:flex;
        justify-content:center;
        padding:20px 0;
    }
    #registration .info .box .info_T {
        font-size:24px;
        font-weight:bold;
        color:#8AB947;
        margin-right:10px;
    }
    #registration .info .box .info_ti {
        font-size:24px;;
        font-weight:600;
    }




}


@media  (max-width:1439px) and (min-width:1024px) {

    #registration {}
    #registration .cont + .cont {
        margin-top:50px;
    }
    
    #registration .target {
        border-radius:50px;
        box-shadow:0 0 20px 0 rgba(161,225,138,0.75);
        padding:30px;
        text-align:center;
    }
    #registration .target .target_T {
        font-size:20px;
        font-weight:bold;
        color:#8AB947;
        letter-spacing:-0.6px;
    }
    #registration .target .target_ti {
        font-size:20px;
        font-weight:bold;
        letter-spacing:-0.6px;
    }


    #registration .step {
        text-align:center;
    }
    #registration .step .pc {
        display:block;
    }
    #registration .step .pc img {
        max-width:1000px;
        width:100%;
    }
    #registration .step .mo {
        display:none;
    }


    #registration .downBtn {
       display:block; 
       width:280px;
       margin:0 auto;
       border-radius:30px;
       border:3px solid #8AB947;
       text-align:center;
       font-size:20px;
       font-weight:bold;
       padding:5px 0;
    }
    #registration .downBtn:hover {
        background-color:#8AB947;
        color:#fff;
    }



    #registration .info {
        border:3px solid #8AB947;
        border-radius:50px;
        background-color:#c1df96;
        padding:20px 10px;
        display:flex;
    }
    #registration .info .box {
        flex:1;
        margin:0 5px;
        border:3px solid #8AB947;
        border-radius:40px;
        background-color:#fff;
        display:flex;
        justify-content:center;
        padding:20px 0;
    }
    #registration .info .box .info_T {
        font-size:20px;
        font-weight:bold;
        color:#8AB947;
        margin-right:10px;
    }
    #registration .info .box .info_ti {
        font-size:20px;;
        font-weight:600;
    }


}



@media  (max-width:1023px) {
    
    #registration {}
    #registration .cont + .cont {
        margin-top:50px;
    }
    
    #registration .target {
        border-radius:50px;
        box-shadow:0 0 20px 0 rgba(161,225,138,0.75);
        padding:20px;
        text-align:center;
    }
    #registration .target .target_T {
        font-size:18px;
        font-weight:bold;
        color:#8AB947;
        letter-spacing:-0.6px;
    }
    #registration .target .target_ti {
        font-size:18px;
        font-weight:bold;
        letter-spacing:-0.6px;
    }


    #registration .step {
        text-align:center;
    }
    #registration .step .pc {
        display:none;
    }
    #registration .step .mo {
        display:block;
    }
    #registration .step .mo img {
        max-width:500px;
        width:100%;
    }

    #registration .downBtn {
       display:block; 
       width:280px;
       margin:0 auto;
       border-radius:30px;
       border:3px solid #8AB947;
       text-align:center;
       font-size:18px;
       font-weight:bold;
       padding:5px 0;
    }
    #registration .downBtn:hover {
        background-color:#8AB947;
        color:#fff;
    }



    #registration .info {
        border:3px solid #8AB947;
        border-radius:50px;
        background-color:#c1df96;
        padding:10px;
        display:flex;
        flex-wrap:wrap;
    }
    #registration .info .box {
        flex:1 1 100%;
        margin:1%;
        border:3px solid #8AB947;
        border-radius:40px;
        background-color:#fff;
        display:flex;
        justify-content:center;
        padding:20px 0;
    }
    #registration .info .box .info_T {
        font-size:17px;
        font-weight:bold;
        color:#8AB947;
        margin-right:5px;
    }
    #registration .info .box .info_ti {
        font-size:17px;;
        font-weight:600;
    }

 
}