@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 381px) and (max-width: 512px){

    .public_div {
        margin: 0 3%;
    }
    .bar-ewm {
        width:80px;
    }

    /*.mian-wrap .bar-text{
        width:19rem;
    }*/

    .bar-wrap .mian-wrap{
        width:94%
    }

    .mian-wrap .bar-text{
        width:75%;
    }
    .mian-wrap .bar-ewm{
        width:25%;
    }
    .mian-wrap .bar-ewm img{
        width:100%;
    }
}

@media screen and (max-width: 380px){

    .public_div {
        margin: 0 3%;
    }
    .bar-ewm {
        width:80px;
    }

    .mian-wrap .bar-text{
        width:19rem;
    }

    .main-right .right-text-6 {
        width:5.5rem;
        right:-5.5rem;
    }


    .main-right .right-text-7{
        width: 6rem;
        left:-5.5rem;
    }

    .main-right .right-text-8{
        width:5.5rem;
        right:-5.5rem;
    }

    .main-wrap .main-text{
        font-size: 1.8rem;
    }
    .main-right .right-text-5{
        width:5rem;
        left:-4.8rem;
    }
}