@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;

}

.p-head__text + .p-head__text{

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

    color: #940000;

}

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

    .p-head__text{

        text-align: left;

    }

}



.p-details{

    padding-top: calc(40 * var(--px));

}

.p-details__table{

    width: 100%;

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

    border-collapse: separate;

    border-spacing: 0;

}

.p-details__table:first-child{

    margin-top: 0;

}

.p-details__table th,

.p-details__table td{

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

    vertical-align: middle;

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

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

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

}

.p-details__table th[rowspan]{

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

    text-align: center;

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

}

.p-details__table th:not([rowspan]){

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

    text-align: center;

}

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

    .p-details__table th[rowspan]{

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

        border-right: none;

    }

    .p-details__table td{

        border-left: none;

    }

    .p-details__table tr:first-child td{

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

    }

    .p-details__table tr:last-child td{

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

    }

    .p-details__table tr:not(:last-child) th:not([rowspan]),

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

        border-bottom: none;

    }

}

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

    .p-details{

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

    }

    .p-details__table,

    .p-details__table tbody,

    .p-details__table th,

    .p-details__table td{

        display: block;

    }

    .p-details__table tr{

        display: flex;

        flex-wrap: wrap;

    }

    .p-details__table th[rowspan]{

        width: 100%;

        border-bottom: none;

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

    }

    .p-details__table tr:last-child th{

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

    }

    .p-details__table tr:last-child td{

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

    }

    .p-details__table th:not([rowspan]){

        width: 90px;

        border-right: none;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .p-details__table th,

    .p-details__table td{

        width: calc(100% - 90px);

    }

    .p-details__table tr:nth-child(n+2) th,

    .p-details__table tr:nth-child(n+2) td{

        border-top: none;

    }

}