@charset "UTF-8";



.p-list{

    padding: var(--section-padding-small);

    background: var(--background-light);

}

.p-list__head{

    text-align: center;

}

.p-list__title{

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

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

    font-weight: bold;

}

.p-list__text{

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

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

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

}

.p-list__wrapper{

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

}

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

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

}

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

    .p-list__head{

        text-align: left;

    }

    .p-list__text{

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

    }

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

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

    }

}



.p-business{

    background: #fff;

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

    overflow: hidden;

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

    flex-grow: 1;

    display: flex;

    flex-direction: column;

}

.p-business__title{

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

    font-weight: bold;

    text-align: center;

    background: var(--main-color);

    color: #fff;

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

    display: flex;

    align-items: center;

    justify-content: center;

}

.p-business__icon{

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

    height: auto;

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

}

.p-business__contents{

    flex-grow: 1;

    padding: var(--box-padding-small);

    display: flex;

    justify-content: center;

    align-items: center;

}

.p-business__text{

    width: 45%;

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

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

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

}

.p-business__list{

    width: 55%;

    display: flex;

    flex-wrap: wrap;

    background: var(--background-light);

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

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

}

.p-business__item{

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

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

}

.p-business__item:nth-child(3n){

    margin-right: 0;

}

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

    margin-top: 0;

}

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

    .p-business{

        display: flex;

        flex-direction: column;

        height: 100%;

    }

    .p-business__contents{

        display: block;

    }

    .p-business__text{

        width: 100%;

        padding-right: 0;

    }

    .p-business__list{

        width: 100%;

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

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

    }

    .p-business__item,

    .p-business__item:nth-child(3n),

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

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

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

    }

    .p-business__item:nth-child(2n){

        margin-right: 0;

    }

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

        margin-top: 0;

    }

    .p-business__icon{

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

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

    }

}



.p-link{

    display: flex;

    align-items: center;

    justify-content: center;

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

    width: 100%;

    height: calc(50 * var(--px));

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

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

    background: #fff;

    position: relative;

    overflow: hidden;

}

.p-link--agency{

    padding-top: 0;

}

.p-link::after {

    content: '\f08e';

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

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

    font-size: calc(11 * var(--px));

    font-weight: bold;

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

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    right: 0;

    bottom: 0;

}

.p-link__logo{

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

}

.p-link__logo--ed{

    max-height: calc(20 * var(--px));

}

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

    .p-link{

        padding: 0;

        height: calc(52 * var(--px));

        padding: calc(5 * var(--px)) 0 calc(23 * var(--px));

    }

    .p-link--agency{

        padding-top: 0;

    }

    .p-link::after{

        width: 100%;

        height: calc(18 * var(--px));

        font-size: calc(10 * var(--px));

    }

}



.p-group{

    padding: var(--section-padding-small);

}

.p-group__section{

    background: var(--background-light);

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

    overflow: hidden;

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

}

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

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

}

.p-group__title{

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

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

    color: #fff;

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

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: bold;

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

}

.p-group__list{

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    flex-grow: 1;

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

}

.p-group__item{

    width: calc((100% / 7) - ((90 / 7) * var(--px)));

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

}

.p-group__item:nth-child(7n){

    margin-right: 0;

}

.p-group__item:nth-child(-n+7){

    margin-top: 0;

}

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

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

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

    }

    .p-group__list{

        justify-content: flex-start;

    }

    .p-group__item,

    .p-group__item:nth-child(7n),

    .p-group__item:nth-child(-n+7){

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

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

    }

    .p-group__item:nth-child(2n){

        margin-right: 0;

    }

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

        margin-top: 0;

    }

}