@charset "UTF-8";

.p-sub-title{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    text-align: center;
    background: var(--main-color);
    color: #fff;
    border-radius: var(--radius-base) var(--radius-base) 0 0;
    padding: calc(17 * var(--px));
    font-size: var(--fs-base-large);
}
.p-sub-title__sub{
    display: block;
    font-size: var(--fs-base-small);
}
.p-sub-title__main{
    display: block;
}
.p-sub-title__sub + .p-sub-title__main{
    margin-left: calc(10 * var(--px));
}
@media screen and (max-width: 767px) {
    .p-sub-title{
        flex-direction: column;
        line-height: var(--lh-tight);
        padding: calc(12 * var(--px));
    }
    .p-sub-title__sub + .p-sub-title__main{
        margin-top: calc(2 * var(--px));
    }
}

.p-data{
    padding: var(--section-padding);
    background: var(--background-accent);
}
.p-data__head{
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    text-align: center;
}
.p-data__list{
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(40 * var(--px));
}
.p-data__item{
    width: 33.333%;
    padding: calc(40 * var(--px)) calc(20 * var(--px));
    border-right: 1px solid var(--main-color);
    border-bottom: 1px solid var(--main-color);
}
.p-data__item:nth-child(3n){
    margin-right: 0;
    border-right: none;
}
.p-data__item:nth-last-child(-n+3){
    border-bottom: none;
}
.p-data__item:nth-child(-n+3){
    margin-top: 0;
}
.p-data__title{
    font-size: var(--fs-title-small);
    font-weight: bold;
    color: var(--main-color);
    text-align: center;
}
.p-data__image{
    width: calc(200 * var(--px));
    margin: calc(25 * var(--px)) auto 0;
    border-radius: var(--radius-base);
    overflow: hidden;
}
.p-data__image.is-svg{
    height: calc(124 * var(--px));
    font-size: calc(80 * var(--px));
    color: #fff;
    padding: calc(20 * var(--px));
    background: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-data__image.is-svg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.p-data__text{
    font-size: var(--fs-title-small);
    font-weight: bold;
    text-align: center;
    margin-top: calc(25 * var(--px));
}
.p-data__about{
    margin-right: calc(5 * var(--px));
}
.p-data__number{
    font-size: var(--fs-number);
    font-weight: bold;
    margin-right: calc(5 * var(--px));
    vertical-align: calc(-2 * var(--px));
    font-family: var(--english-font-family);
}
.p-data__note{
    font-size: var(--fs-base-small);
    margin-top: calc(15 * var(--px));
    text-align: center;
}
.p-data__note:first-child{
    margin: 0 0 calc(10 * var(--px));
}
@media screen and (max-width: 767px) {
    .p-data__head{
        text-align: left;
    }
    .p-data__list{
        margin-top: calc(30 * var(--px));
        display: block;
    }
    .p-data__item,
    .p-data__item:nth-last-child(-n+3),
    .p-data__item:nth-child(3n){
        width: 100%;
        padding: calc(25 * var(--px)) 0;
        border-right: none;
        border-bottom: none;
        margin: 0;
    }
    .p-data__item{
        border-top: 1px solid var(--main-color);
    }
    .p-data__item:last-child{
        border-bottom: 1px solid var(--main-color);
    }
    .p-data__image{
        width: calc(150 * var(--px));
        margin-top: calc(20 * var(--px));
    }
    .p-data__image.is-svg{
        height: calc(93 * var(--px));
        font-size: calc(60 * var(--px));
        padding: calc(10 * var(--px));
    }
    .p-data__text{
        margin-top: calc(20 * var(--px));
    }
    .p-data__note{
        margin-top: calc(10 * var(--px));
    }
}

.p-benefits{
    padding: var(--section-padding);
    background: var(--background-light);
}
.p-benefits___list{
    display: flex;
    flex-wrap: wrap;
    border: 1px solid var(--main-color);
    background: #fff;
    border-radius: var(--radius-base);
}
.p-benefits__item{
    width: 20%;
    font-size: var(--fs-base);
    line-height: var(--lh-tight);
    font-weight: bold;
    text-align: center;
    padding: calc(15 * var(--px)) 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-right: 1px solid var(--main-color);
    border-top: 1px solid var(--main-color);
}
.p-benefits__item:nth-child(5n){
    border-right: none;
}
.p-benefits__item:nth-child(-n+5){
    border-top: none;
}
.p-benefits__note{
    font-size: var(--fs-base-small);
}
@media screen and (max-width: 767px) {
    .p-benefits___list{
        margin-top: calc(30 * var(--px));
    }
    .p-benefits___list{
        margin-top: var(--col-margin);
    }
    .p-benefits__item,
    .p-benefits__item:nth-child(5n),
    .p-benefits__item:nth-child(-n+5){
        width: 100%;
        border: none;
        border-top: 1px solid var(--main-color);
        flex-direction: row;
        padding: calc(7 * var(--px)) 0;
    }
    .p-benefits__item:nth-child(1){
        border-top: none;
    }
    .p-benefits__item br{
        display: none;
    }
}

.p-company{
    padding: var(--section-padding);
    background: var(--background-light);
    padding-top: 0;
}
.p-company__table{
    border-collapse: separate;
    border-spacing: 0;
    border-radius: var(--radius-base);
}
.p-company__th,
.p-company__td{
    border: 1px solid var(--main-color);
    vertical-align: middle;
    padding: calc(20 * var(--px));
    font-size: var(--fs-base-small);
    line-height: var(--lh-tight);
}
.p-company__th{
    width: calc(250 * var(--px));
    background: var(--main-color);
    color: #fff;
}
.p-company__td{
    border-left: none;
    background: #fff;
}
.p-company__tr:not(:last-child) .p-company__th,
.p-company__tr:not(:last-child) .p-company__td{
    border-bottom: none;
}
.p-company__tr:first-child .p-company__th{
    border-top-left-radius: var(--radius-base);
}
.p-company__tr:first-child .p-company__td{
    border-top-right-radius: var(--radius-base);
}
.p-company__tr:last-child .p-company__th{
    border-bottom-left-radius: var(--radius-base);
}
.p-company__tr:last-child .p-company__td{
    border-bottom-right-radius: var(--radius-base);
}
.p-company__tr:nth-child(2) .p-company__th:first-child,
.p-company__tr:nth-child(n+3) .p-company__th{
    border-top-color: #fff;
}
.p-company__hq{
    display: inline-flex;
    align-items: center;
    height: calc(40 * var(--px));
    background: var(--background-button);
    color: #fff;
    padding: calc(5 * var(--px)) calc(20 * var(--px));
    border-radius: calc(20 * var(--px));
    margin-top: calc(10 * var(--px));
}
.p-company__hq::after{
    content: '\f08e';
    color: #fff;
    font-family: var(--icon-font-family);
    font-size: var(--fs-footer-text);
    font-weight: bold;
    margin-left: calc(10 * var(--px));
}
@media screen and (max-width: 767px) {
    .p-company__table,
    .p-company__tbody,
    .p-company__tr,
    .p-company__td,
    .p-company__th{
        display: block;
    }
    .p-company__tr{
        display: flex;
        flex-wrap: wrap;
    }
    .p-company__tr:nth-child(2) .p-company__th{
        border-top-color: #fff;
    }
    .p-company__td{
        width: calc(100% - (135 * var(--px)));
        padding: calc(15 * var(--px));
        white-space: nowrap;
        text-align: left;
    }
    .p-company__th{
        width: calc(135 * var(--px));
        padding: calc(15 * var(--px));
    }
}