@charset "UTF-8";

.p-table{
   padding: var(--page-top-padding-top) 0 var(--section-margin-top);
}
.p-table__table{
    border-collapse: separate;
    border-spacing: 0;
}
.p-table__table th,
.p-table__table td{
    border: 1px solid var(--gray-color);
    vertical-align: middle;
    padding: calc(25 * var(--px));
    font-size: var(--fs-small-text);
    line-height: var(--lh-tight);
}
.p-table__table th{
    width: calc(250 * var(--px));
    background: var(--gray-color-light);
}
@media screen and (min-width: 768px) {
    .p-table__table tr:not(:last-child) th,
    .p-table__table tr:not(:last-child) td{
        border-bottom: none;
    }
    .p-table__table tr:first-child th{
        border-top-left-radius: var(--radius-base);
    }
    .p-table__table tr:first-child td{
        border-top-right-radius: var(--radius-base);
    }
    .p-table__table tr:last-child th{
        border-bottom-left-radius: var(--radius-base);
    }
    .p-table__table tr:last-child td{
        border-bottom-right-radius: var(--radius-base);
    }
    .p-table__table td{
        border-left: none;
    }
}
@media screen and (max-width: 767px) {
    .p-table__table,
    .p-table__table tbody,
    .p-table__table tr,
    .p-table__table th,
    .p-table__table td{
        display: block;
    }
    .p-table__table th,
    .p-table__table td{
        padding: calc(12 * var(--px));
    }
    .p-table__table th{
        width: 100%;
        border-bottom: none;
        border-radius: var(--radius-base-top);
    }
    .p-table__table td{
        border-radius: var(--radius-base-bottom);
    }
    .p-table__table tr:nth-child(n+2){
        margin-top: calc(20 * var(--px));
    }
}