@media (max-width: 768px) {
    .detail-wrap .price {
        padding:20px;
        font-size: 20px;
    }
    .detail-wrap .price .item .price-ttl {
        width: 100%;
        border-right: none;
    }
    .detail-wrap .price .item .price-value {
        width: 100%;
    }

    .detail-wrap .school_info img{
        max-width: inherit;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    .detail-wrap .data-table{
        display: block;
        width: 100%;
    }
    .detail-wrap .data-table tbody{
        display: block;
        width: 100%;
    }
    .detail-wrap .data-table tr {
        display: block;
        width: 100%;
    }
    .detail-wrap .data-table th {
        width: 100%;
        padding: 10px;
        display: block;
    }
    .detail-wrap .data-table td {
        width: 100%;
        padding: 10px;
        display: block;
    }
}