@charset "UTF-8";



.p-head{

    padding-top: var(--page-top-padding-top);

}

.p-head__text{

    font-size: var(--fs-base);

    line-height: var(--lh-base);

    text-align: center;

}

@media screen and (max-width: 767px) {

    .p-head__text{

        text-align: left;

    }

}



.p-table{

    width: calc(600 * var(--px));

    margin: calc(30 * var(--px)) auto 0;

    border-collapse: separate;

    border-spacing: 0;

}

.p-table th,

.p-table td{

    border: 1px solid var(--gray-color);

    vertical-align: middle;

    padding: calc(12 * var(--px));

    font-size: var(--fs-base);

    line-height: var(--lh-base);

    text-align: center;

}

.p-table tr:not(:last-child) th,

.p-table tr:not(:last-child) td{

    border-bottom: none;

}

.p-table th{

    width: calc(200 * var(--px));

    text-align: center;

    background: var(--gray-color-light);

}

.p-table tr:first-child th{

    border-top-left-radius: var(--radius-base);

}

.p-table tr:first-child td{

    border-top-right-radius: var(--radius-base);

}

.p-table tr:last-child th{

    border-bottom-left-radius: var(--radius-base);

}

.p-table tr:last-child td{

    border-bottom-right-radius: var(--radius-base);

}

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

    .p-table td{

        border-left: none;

    }

}

@media screen and (max-width: 767px) {

    .p-table{

        width: 100%;

        margin-top: calc(20 * var(--px));

    }

    .p-table,

    .p-table tbody,

    .p-table th,

    .p-table td{

        display: block;

    }

    .p-table tr{

        display: flex;

        flex-wrap: wrap;

    }

    .p-table th{

        width: calc(130 * var(--px));

        border-right: none;

    }

    .p-table td{

        width: calc(100% - (130 * var(--px)));

    }

    .p-table th,

    .p-table td{

        display: flex;

        align-items: center;

        justify-content: center;

    }

}



.p-fee{

    padding-top: var(--section-margin-top);

}

.p-fee__text{

    font-size: var(--fs-base);

    line-height: var(--lh-base);

    text-align: center;

    margin-top: var(--text-margin-top);

}

.p-table + .p-fee__text{

    margin-top: calc(60 * var(--px));

}

@media screen and (max-width: 767px) {

    .p-fee__text{

        text-align: left;

        margin-top: var(--text-margin-top);

    }

    .p-table + .p-fee__text{

        margin-top: calc(30 * var(--px));

    }

}



.p-payment{

    padding-top: var(--section-margin-top);

}

.p-payment__text{

    font-size: var(--fs-base);

    line-height: var(--lh-base);

    text-align: center;

    margin-top: var(--text-margin-top);

}

.p-payment__list{

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: calc(20 * var(--px));;

}

.p-payment__item{

    margin-right: calc(30 * var(--px));

}

.p-payment__item:last-child{

    margin-right: 0;

}

.p-payment__item img{

    width: calc(100 * var(--px));

    height: auto;

}

@media screen and (max-width: 767px) {

    .p-payment__text{

        text-align: left;

    }

    .p-payment__list{

        flex-wrap: wrap;

    }

    .p-payment__item{

        width: 17.2%;

        margin-right: 3.5%;

    }

    .p-payment__item:nth-child(-n+3){

        margin-top: 0;

    }

    .p-payment__item img{

        width: 100%;

        height: auto;

    }

}