.title-tab-bar a {
    text-decoration: none !important;
}
@media screen and (max-width: 800px) {
    .page-sub-title {
        font-size: 3rem;
        text-align: left;
    }
    .ptop {
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }
    .ptop .thumb img {
        width: 100%;
        margin: 0;
    }
    .ptop .thumb .bg {
        display: none;
    }
    .ptop.row {
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .ptop.row .col-xs-6 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .ptop.row .col-xs-6:first-child {
        width: 40%;
    }
    .ptop.row .col-xs-6:last-child {
        width: 60%;
    }
    .zju-panel__hd strong {
        font-size: 2rem;
    }
    .resource-01 .col-xs-12 {
        padding: 0;
    }
    .resource-01 .calendar-wrap .item .contents {
        padding: 2rem;
    }
    .resource-01 .calendar-wrap .item .contents table td, 
    .resource-01 .calendar-wrap .item .contents table th {
        word-break: break-word !important;
    }
    .resource-02 h1 {
        font-size: 2.4rem !important;
        padding: 2rem 0 !important;
        display: flex !important;
        align-items: center !important;
    }
    .resource-02 h1 .arrow {
        position: static !important;
        margin-top: 0 !important;
        background-size: 100% auto!important;
        width: 14px !important;
        height: 7px !important;
        flex-shrink: 0;
    }
    .title-tab-bar table td {
        width: 50% !important;
        font-size: 2rem !important;
    }
    .title-tab-bar a {
        display: block !important;
        line-height: 1 !important;
    }
    .detail-02 table {
        width: 100% !important;
    }
    .detail-02 table * {
        font-size: 1.7rem !important;
        line-height: 1.2 !important;
        height: auto !important;
    }
    .resource-02 .box table {
        width: 100% !important;
    }
}

@media screen and (max-width: 500px) {
    .ptop.row {
        margin-left: 0;
        margin-right: 0;
    }
    .ptop.row .col-xs-6 {
        width: 100% !important;
        padding: 0;
    }
    .ptop.row .col-xs-6:first-child {
        margin-bottom: 2rem;
    }
    .ptop .thumb img {
        width: 50%;
    }
    .ptop p {
        font-size: 1.8rem;
    }
    .detail-02 table tr,
    .resource-02 .box table tr {
        display: block !important;
        padding: 0 0 2rem !important;
        border-bottom: 1px solid #eee !important; 
        margin: 0 0 2rem !important;
    }
    .detail-02 table td,
    .resource-02 .box table td {
        display: block;
        width: 100% !important;
    }
    .detail-02 table td p,
    .resource-02 .box table td p {
        padding: 0 !important;
    }
}