@charset "utf-8";
.section-price {
    padding: 160px 4.8%;
}

.price-list {
    margin: 0 0 20px;
    text-align: center;
    font-family: "Zen Kaku Gothic New";
    font-weight: 400;
}

.price-list2 {
    margin-top: 70px;
}

.price-list p:nth-child(1) {
    font-size: 2.0rem;
}

.price-list p:nth-child(2) {
    font-size: 1.6rem;
    margin-top: 10px;
}

.price-list p:nth-child(3) {
    font-size: 1.6rem;
    margin-top: 20px;
}


table {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    table-layout: fixed;
}

table th,
table td {
    padding: 25px;
}

table th {
    font-family: "Zen Kaku Gothic New";
    font-size: 2.0rem;
    font-weight: 400;
}

table thead tr{
    background-color: var(--sub-color);
    color:#fff;
}

table tbody th {
    background: #76AAC6;
    color: #fff;
}

.price{
    text-align: right;
    font-family: "Zen Kaku Gothic New";
    font-size: 1.8rem;
    font-weight: 400;
    background-color: var(--white);
    text-align: center;
}

.price span {
    font-size: 1.6rem;
}

.non{
    background: var(--main-color)
}

@media screen and (max-width: 768px) {
    .section-price {
        padding: 140px 4.8%;
    }

    table {
        width:100%
    }

    table tbody th {
        background: var(--sub-color);
    }

    table th{
        background-color: var(--sub-color);
        display: block;
        font-size: 1.8rem;
    }

    table thead {
        height: 1px;
        overflow: hidden;
        position: absolute;
    }

    table tr {
        display: block;
        margin-bottom: 40px;
    }

    table td {
        border-bottom: 1px solid var(--sub-color);
        display: block;
        position: relative;
        padding: 32px;
        padding-right: 12%;
    }

    table td::before {
        content: attr(data-label);
        position: absolute;
        left: 15%;
        font-family: "Zen Kaku Gothic New";
        font-size: 1.8rem;
        font-weight: 400;
    }

    table td:last-child {
        border-bottom: 0;
    }

    table tbody th {
        color: #fff;
    }

    .price {
        font-size: 1.6rem;
        text-align: right;
    }

    .price span {
        font-size: 1.4rem;
    }
    
}

/* 料金説明 */
.price-detail {
    padding: 40px 0 0;
}

.price-detail p {
    font-family: "Zen Kaku Gothic New";
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
}

.price-detail-point {
    margin-top: 40px;
}

.price-detail-point p {
    margin-top: 10px;
}

/* 料金説明 pc*/
@media screen and (min-width: 769px) {
    .price-detail {
        max-width: 1280px;
        margin: 0 auto;
    }

}