@media (min-width: 768px){

    .section3{
        margin: 0 auto;
        width: 90%;
    }
    .history-table{
        display: block;
        margin: 0 auto;
        width: 700px;
    }
    .table-line{
        border-bottom: 1px dashed #c8c8c8;
        height: 80px;
    }
    .table-title,.table-data{
        color: #646464;
        line-height: 2.0;
        vertical-align: middle;
    }
    .table-title{
        width: 120px;
    }
    .table-data-big{
        padding-top: 30px;
        padding-bottom:30px;
    }



    .common-title-line{
        width: 50%;
    }
}









@media (max-width: 767px){

    .section3{
        margin: 0 auto;
        width: 90%;
    }
    .history-table{
        margin: 0 auto;
        width: 90%;
    }
    .table-line{
        border-bottom: 1px dashed #c8c8c8;
        display: block;
    }
    .table-line:not(:last-child){
        margin-bottom: 30px;
    }
    .table-title,.table-data{
        color: #646464;
        display: block;
        font-size: 1.4rem;
        line-height: 2.0;
    }
    .table-title{
        border-bottom: 1px dashed #c8c8c8;
        display: block;
    }
    .table-data{
        padding-top: 10px;
        padding-bottom: 10px;
    }


    
}