.pg_works_demand,
    .pg_works_proposal {
        width: 100%;
        table-layout: fixed;
    }
    
    .pg_works_demand th,
    .pg_works_proposal th {
        width: 25%;
        min-width: 170px;
        background: #003d5c;
        box-shadow: 0 0 0 2px #003d5c inset, 0 0 0 5px #fff inset;
        color: #fff;
        font-weight: bolder;
        font-size: 1.3em;
        padding: 10%;
        text-align: center;
        box-sizing: border-box;
        display: inline-table;
        vertical-align: top;
    }
    
    .pg_works_demand td,
    .pg_works_proposal td {
        padding: 1%;
        width: 74%;
        box-sizing: border-box;
    }
    
    .pg_works_data {
        margin-bottom: 3%;
    }
    
    .pg_works_data th {
        width: 15%;
        background: #eee;
        padding: 2%;
        text-align: center;
        font-size: 1.1em;
    }
    
    .pg_works_data td {
        width: 30%;
        vertical-align: top;
        padding: 2%;
    }
    
    .pg_works_data th,
    .pg_works_data td {
        box-sizing: border-box;
        border-bottom: solid #bbb 1px;
    }
    
    .pg_works_construction {
        background: #003d5c;
        box-shadow: 0 0 0 2px #003d5c inset, 0 0 0 5px #fff inset;
        color: #fff;
        font-weight: bolder;
        width: 100%;
        font-size: 1.5em;
        letter-spacing: 1px;
        padding: 3% 1%;
        margin: 3% 0 1% 0;
        text-align: center;
        box-sizing: border-box;
    }
    
    @media screen and (max-width:640px) {
        .pg_works_demand th,
        .pg_works_proposal th,
        .pg_works_demand td,
        .pg_works_proposal td {
            width: 100%;
            display: block;
        }
        .pg_works_demand th,
        .pg_works_proposal th {
            padding: 5%;
        }
        .pg_works_construction {
            font-size: 1.2em;
        }
    }