@media screen and (min-width: 768px) {

    div.u-contents {
        margin: 0 auto 50px;
        width: 100%;
    }

    div.u-contents h3 {
        margin: 0 auto 15px;
        padding: 10px 25px;
        background: #efefef;
        font-size: 1.9rem;
        line-height: 3.2rem;
        font-weight: 500;
        border-radius: 10px;
    }

    div.c-tbl-list {
        margin: 0 auto 30px;
        width: 98%;
    }

    div.c-tbl-list__tr {
        margin: 0 auto 30px;
        width: 100%;
    }

    div.c-tbl-list h4 {
        margin: 0 auto 15px;
        padding: 10px 15px;
        font-size: 1.8rem;
        line-height: 2.7rem;
        font-weight: 500;
        border-top: 1px dotted var(--primary-color);
        border-bottom: 1px dotted var(--primary-color);
    }

    table.postage {
        margin: 0 auto;
        width: 100%;
    }

    table.postage thead th {
        padding: 15px 0;
        background: var(--primary-color);
        color: #ffffff;
        font-size: 1.8rem;
        line-height: 2.7rem;
        font-weight: 500;
        text-align: center;
        border: 1px solid var(--primary-color);
    }

    table.postage tbody th {
        padding: 15px 15px;
        width: 60%;
        background: #efefef;
        font-size: 1.6rem;
        line-height: 2.7rem;
        font-weight: 400;
        text-align: left;
        vertical-align: middle;
        border: 1px solid #dcdcdc;
    }

    table.postage tbody td {
        padding: 15px 15px;
        font-size: 1.6rem;
        line-height: 2.7rem;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #dcdcdc;
    }

}

/* スマホここから */
@media only screen and (max-width: 767px) {

    div.u-contents {
        margin: 0 auto 50px;
        width: 94%;
    }

    div.u-contents h3 {
        margin: 0 auto 15px;
        padding: 10px 25px;
        background: #efefef;
        font-size: 1.9rem;
        line-height: 3.2rem;
        font-weight: 500;
        border-radius: 10px;
    }

    div.c-tbl-list {
        margin: 0 auto 30px;
        width: 98%;
    }

    div.c-tbl-list__tr {
        margin: 0 auto 30px;
        width: 100%;
    }

    div.c-tbl-list h4 {
        margin: 0 auto 15px;
        padding: 10px 15px;
        font-size: 1.8rem;
        line-height: 2.7rem;
        font-weight: 500;
        border-top: 1px dotted var(--primary-color);
        border-bottom: 1px dotted var(--primary-color);
    }

    table.postage {
        margin: 0 auto;
        width: 100%;
    }

    table.postage thead th {
        padding: 15px 0;
        background: var(--primary-color);
        color: #ffffff;
        font-size: 1.8rem;
        line-height: 2.7rem;
        font-weight: 500;
        text-align: center;
        border: 1px solid var(--primary-color);
        display: block;
    }

    table.postage tbody th {
        padding: 15px 0;
        background: #efefef;
        font-size: 1.4rem;
        line-height: 2.7rem;
        font-weight: 400;
        text-align: center;
        border: 1px solid #dcdcdc;
        display: block;
    }

    table.postage tbody th span {
        font-size: 1.1rem;
    }

    table.postage tbody td {
        padding: 15px 0;
        font-size: 1.4rem;
        line-height: 2.7rem;
        font-weight: 400;
        text-align: center;
        border: 1px solid #dcdcdc;
        display: block;
    }

}