/* common */

.company_box{
        width: 100%;
    }

.company_box th{
    background: #eee;
}

.company_box h4{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 120%;
}

.cancel_price table{
    width: 90%;
    margin: 0 auto;
}

.logoimg{
    height: 20px;
    width: auto;
}

.payment dt{
    font-weight: bold;
}


/* mobile only*/
@media all and (max-width: 767px) {
 
    .logoimg{
    width: 90%;
        height: auto;
}
    
    .company_box th , .company_box td{
        display: block;
    }
    
    .company_box th{
        border-radius: 5px;
        border:1px solid #ccc;
        padding: 5px;
        margin-bottom: 5px;
}
    
    .company_box td{
        margin-bottom: 15px;
    }
    
    
    
}

/* PC only*/
@media all and (min-width: 768px) {
    
    .company_box th , .company_box td{
        border:1px solid rgba(103,97,97,0.2);
        text-align: left;
        padding: 20px;
    }
    
    .company_box th{
        width: 15em;
    }
    
    .cancel_price table{
    width: 90%;
    margin-left: 20px;
        margin-bottom: 20px;
}
    
    .cancel_price th{
        width: 330px;
    }
    
    .payment dt{
    float: left;
    clear: left;
    width: 7em;
    margin-right: 1em;
}

.payment dd{
    padding-left: 8em;
}


}

@media all and (min-width: 1200px) {

}