table.VehicleInfoTable {
    color: #000000;
}

td.VehicleInfoTitle{
    text-align: left;
    border-right:0px;
}

td.VehicleInfoValue {
    text-align: left;
    border-right:0px;
}

td.VehicleInfoLabel {
    text-align: left;
    border-right:0px;
}


@media (min-width: 421px) {
    /* 横幅が421px以上の場合に適用するスタイル */
    td.VehicleInfoTitle{
        font-size: 1rem;
    }

    td.VehicleInfoValue {
        font-size: 1rem;
        padding-left: 3px; 
    }

    td.VehicleInfoLabel {
        text-align: left;
        font-size: 1rem;
    }
}

@media (max-width: 420.99px) {
    /* 横幅が420px以下の場合に適用するスタイル */
    table.VehicleInfoTable {
        width: 150px;
    }

    td.VehicleInfoTitle{
        font-size: 0.8rem;
    }

    td.VehicleInfoValue {
        font-size: 0.8rem;
        padding-left: 1px; 
    }

    td.VehicleInfoLabel {
        font-size: 0.8rem;
    }
}