@charset "UTF-8";

@media screen and (min-width:1441px) {
    #ec_works {
        width: 102vw;
        left: -1vw;
    }

    #ec_works .outer {
        width: 17vw;
    }
}

/* NPC */
@media screen and (max-width:1440px) {
    #ec_works {
        width: 100vw;
        left: 0;
    }

    #ec_works .outer {
        width: 20vw;
    }

    #ec_help_bt {
        width: 80px;
    }
}

@media screen and (min-width:1251px) {}

@media screen and (max-width:1250px) {
    #ec_works .outer {
        width: 25vw;
    }
}

/* タブレット */
@media screen and (max-width:1024px) {}

@media screen and (min-width:801px) {}

/* タブレット - SP */
@media screen and (max-width:800px) {
    #ec_works {
        width: 102vw;
        left: -1vw;
    }

    #ec_works .outer {
        width: 34vw;
    }
    #ec_help_close_bt{
        width: 50px;
    }
}

/* SP */
@media screen and (max-width:500px) {
    #ec_works {
        width: 100vw;
        left: 0;
    }

    #ec_works .outer {
        width: 50vw;
    }
    #ec_help .outer .inner{
        padding: 40px 30px;
    }
}

/* ノートPCの高さで判定 */
@media screen and (max-height:768px) {}