@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__tab{

    display: flex;

    flex-wrap: wrap;

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

}

.p-head__tab-item{

    width: calc(33.333% - (10 * var(--px)));

    margin: calc(15 * var(--px)) calc(15 * var(--px)) 0 0;

}

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

    margin-top: 0;

}

.p-head__tab-item:nth-child(3n){

    margin-right: 0;

}

.p-head__tab-link{

    height: 100%;

    padding: calc(13.625 * var(--px)) calc(50 * var(--px));

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

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

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

    font-weight: 600;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    box-shadow: var(--shadow-light);

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

}

.p-head__tab-link::after{

    content: '\f054';

    color: var(--brand-color);

    font-family: var(--icon-font-family);

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

    font-weight: 600;

    position: absolute;

    right: calc(20 * var(--px));

    top: calc(50% - (14 * var(--px)));

    transform: rotate(90deg);

}

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

    .p-head__text{

        text-align: left;

    }

    .p-head__tab{

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

    }

    .p-head__tab-item,

    .p-head__tab-item:nth-child(-n+3),

    .p-head__tab-item:nth-child(3n){

        width: calc(50% - (5 * var(--px)));

        margin: calc(10 * var(--px)) calc(10 * var(--px)) 0 0;

    }

    .p-head__tab-item:nth-child(-n+2){

        margin-top: 0;

    }

    .p-head__tab-item:nth-child(2n){

        margin-right: 0;

    }

    .p-head__tab-link{

        justify-content: flex-start;

        font-size: var(--fs-small-text);

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

    }

    .p-head__tab-link::after{

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

        font-size: var(--fs-small-text);

        top: calc(50% - (10 * var(--px)));

    }

}



.p-list{

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

}