@charset "UTF-8";

/*-------------------------
    company
-------------------------*/
.p-company-menu{
    background: var(--cl-gray-light);
    padding: var(--pt-footer) 0 var(--pb-footer);
    margin: var(--pb-main) 0 calc(-1 * var(--pb-main));
}
.p-company-menu__list{
    display: flex;
    justify-content: space-between;
    margin-top: var(--mt-section-title-bottom);
}
.p-company-menu__item{
    width: calc(25% - (16 * var(--px)));
}
.p-company-menu__item .c-company-link{
    padding-block: calc(30 * var(--px));
}
@media screen and (max-width: 767px){
    .p-company-menu__list{
        display: block;
    }
    .p-company-menu__item{
        width: 100%;
    }
    .p-company-menu__item:nth-child(n+2){
        margin-top: calc(10 * var(--px));
    }
    .p-company-menu__item .c-company-link{
        padding-block: 0;
    }
}

/*-------------------------
    philosophy
-------------------------*/
.p-philosophy{
    background: url(../img/company/philosophy_bg.jpg) center top / cover no-repeat;
    padding: var(--pt-main) 0 var(--pb-main);
    margin-bottom: calc(var(--pb-main) * -1);
}
.p-philosophy__item{
    background: var(--cl-white);
    border-radius: var(--radius-base);
    padding: var(--p-item);
}
.p-philosophy__item:nth-child(n+2){
    margin-top: calc(40 * var(--px));
}
.p-philosophy__text{
    font-size: var(--fs-title-l);
    color: var(--cl-green);
    line-height: var(--lh-m);
    font-weight: bold;
    text-align: center;
    margin-top: var(--mt-section-title-bottom-narrow);
    letter-spacing: var(--ls-sub-title);
}
.p-philosophy__note{
    font-size: var(--fs-text-s);
    line-height: var(--lh-m);
    text-align: center;
    margin-top: calc(20 * var(--px));
}
@media screen and (max-width: 767px){
    .p-philosophy__item:nth-child(n+2){
        margin-top: calc(25 * var(--px));
    }
    .p-philosophy__note{
        text-align: left;
        margin-top: calc(10 * var(--px));
    }
}

/*-------------------------
    profile
-------------------------*/
.p-profile{
    margin-top: var(--mt-section);
}
.c-breadcrumb + .p-profile{
    margin-top: var(--pt-main);
}
.p-profile__table{
    width: 100%;
    margin-top: var(--mt-section-title-bottom);
}
.p-profile__th{
    width: calc(225 * var(--px));
    background: var(--cl-beige);
    font-weight: 500;
}
.p-profile__th,
.p-profile__td{
    border: 1px solid var(--cl-gray);
    font-size: var(--fs-text-s);
    line-height: var(--lh-m);
    padding: calc(15 * var(--px)) calc(25 * var(--px));
    vertical-align: middle;
}
.p-profile__map{
    width: 100%;
    height: 0;
    padding-top: 65%;
    position: relative;
    margin-block: calc(15 * var(--px));
}
.p-profile__map iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.p-profile__group{
    margin-top: var(--mt-section-title-bottom-narrow);
}
.p-profile__group-item:nth-child(n+2){
    margin-top: calc(50 * var(--px));
}
.p-profile__group-title{
    font-size: var(--fs-title-m);
    line-height: var(--lh-s);
    font-weight: 500;
    letter-spacing: var(--ls-sub-title);
}
.p-profile__group-title + .p-profile__table{
    margin-top: calc(25 * var(--px));
}
@media screen and (max-width: 767px){
    .p-profile__th{
        width: calc(130 * var(--px));
    }
    .p-profile__th,
    .p-profile__td{
        padding: calc(10 * var(--px)) calc(15 * var(--px));
    }
    .p-profile__table--office
    .p-profile__table--office tbody,
    .p-profile__table--office .p-profile__tr,
    .p-profile__table--office .p-profile__th,
    .p-profile__table--office .p-profile__td{
        display: block;
    }
    .p-profile__table--office .p-profile__th{
        width: 100%;
        border-bottom: none;
    }
    .p-profile__table--office .p-profile__tr:nth-child(n+2){
        margin-top: calc(15 * var(--px));
    }
    .p-profile__map{
        margin-block: calc(10 * var(--px));
    }
    .p-profile__group{
        margin-top: calc(20 * var(--px));
    }
    .p-profile__group-item:nth-child(n+2){
        margin-top: calc(30 * var(--px));
    }
    .p-profile__group-title + .p-profile__table{
        margin-top: calc(15 * var(--px));
    }
    .p-profile__group .p-profile__th{
        width: calc(110 * var(--px));
    }
}

/*-------------------------
    history
-------------------------*/
.p-history-menu{
    background: var(--cl-gray-light);
    padding-block: var(--pt-main);
}
.p-history-menu__list{
    display: flex;
    flex-wrap: wrap;
}
.p-history-menu__item{
    width: calc(33.333% - ((40 / 3) * var(--px)));
    margin: calc(20 * var(--px)) calc(20 * var(--px)) 0 0;
}
.p-history-menu__item:nth-child(3n){
    margin-right: 0;
}
.p-history-menu__item:nth-child(-n+3){
    margin-top: 0;
}
.p-history-menu__link{
    display: block;
    background: #fff;
    border-radius: var(--radius-base);
    padding: calc(15 * var(--px)) calc(20 * var(--px));
}
.p-history-menu__year{
    color: var(--cl-orange);
    font-size: var(--fs-text-l);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.p-history-menu__year::after{
    content: '\f054';
    font-family: var(--font-icon);
    font-weight: bold;
    background: var(--cl-arrow);
    color: var(--cl-white);
    font-size: var(--fs-arrow);
    width: var(--size-arrow);
    height: var(--size-arrow);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(90deg);
}
.p-history-menu__title{
    font-size: var(--fs-text-m);
    line-height: var(--lh-s);
    font-weight: 500;
    margin-top: calc(5 * var(--px));
}
@media screen and (max-width: 767px){
    .p-history-menu__item,
    .p-history-menu__item:nth-child(3n),
    .p-history-menu__item:nth-child(-n+3){
        width: calc(50% - (5 * var(--px)));
        margin: calc(10 * var(--px)) calc(10 * var(--px)) 0 0;
    }
    .p-history-menu__item:nth-child(2n){
        margin-right: 0;
    }
    .p-history-menu__item:nth-child(-n+2){
        margin-top: 0;
    }
    .p-history-menu__item:last-child{
        width: 100%;
        margin-right: 0;
    }
    .p-history-menu__link{
        padding: calc(10 * var(--px)) calc(15 * var(--px));
    }
}

.p-history-list{
    margin-top: var(--mt-section);
}
.p-history-menu + .p-history-list{
    margin-top: var(--pt-main);
}
.p-history-list__title-year{
    color: var(--cl-orange);
}
.p-history-list__list{
    margin-top: var(--mt-section-title-bottom);
}
.p-history-list__item{
    border-bottom: 1px solid var(--cl-gray);
    padding: calc(20 * var(--px)) calc(10 * var(--px));
    display: flex;
}
.p-history-list__item:first-child{
    padding-top: 0;
}
.p-history-list__year{
    width: calc(75 * var(--px));
    color: var(--cl-orange);
    font-weight: 500;
    font-size: var(--fs-title-3s);
    padding-top: calc(2 * var(--px));
    flex-shrink: 0;
}
.p-history-list__contents-item{
    font-size: var(--fs-text-m);
    line-height: var(--lh-m);
    padding-left: 1em;
    position: relative;
}
.p-history-list__contents-item::before,
.p-history-list__contents-award-item::before{
    position: absolute;
    top: 0;
    left: 0;
}
.p-history-list__contents-item::before{
    content: '・';
    width: 1em;
}
.p-history-list__contents-award{
    margin-top: calc(2 * var(--px));
}
.p-history-list__contents-award-item{
    font-size: var(--fs-text-ss);
    line-height: var(--lh-m);
    padding-left: 1.3em;
    position: relative;
}
.p-history-list__contents-award-item::before{
    content: '◆';
    width: 1.3em;
}
.p-history-list__contents-item--bold{
    font-weight: bold;
}
@media screen and (max-width: 767px){
    .p-history-list__item{
        padding: calc(15 * var(--px)) 0;
    }
    .p-history-list__year{
        width: calc(55 * var(--px));
    }
}

/*-------------------------
    social
-------------------------*/
.p-social-character{
    padding-top: var(--pt-main);
}
.p-social-character__list{
    display: flex;
    justify-content: space-between;
    margin-top: var(--mt-section-title-bottom);
}
.p-social-character__item{
    width: 31.667%;
    background: var(--cl-white);
    border-radius: var(--radius-base);
    padding: calc(30 * var(--px));
}
.p-social-character__title{
    text-align: center;
    font-weight: 500;
    font-size: var(--fs-title-s);
}
.p-social-character__image{
    text-align: center;
}
.p-social-character__image img{
    width: auto;
    height: calc(171 * var(--px));
}
.p-social-character__text{
    font-size: var(--fs-text-m);
    line-height: var(--lh-m);
}
.p-social-character__image,
.p-social-character__text,
.p-social__sns-list,
.p-social-sns__profile-heading{
    margin-top: calc(25 * var(--px));
}
.p-social__sns-list{
    display: flex;
    justify-content: center;
}
.p-social__sns-item{
    width: calc(40 * var(--px));
    margin-right: calc(15 * var(--px));
}
.p-social__sns-item:last-child{
    margin-right: 0;
}
.p-social-sns__profile-heading{
    font-size: var(--fs-text-ss);
    font-weight: bold;
    color: var(--cl-arrow);
}
.p-social-sns__profile-list{
    margin-top: calc(10 * var(--px));
}
.p-social-sns__profile-item{
    font-size: var(--fs-text-ss);
    line-height: var(--lh-m);
    display: flex;
    align-items: flex-start;
}
.p-social-sns__profile-title{
    width: calc(70 * var(--px));
    font-weight: normal;
    flex-shrink: 0;
}
.p-social__policy{
    font-size: var(--fs-text-m);
    line-height: var(--lh-m);
    margin-top: calc(40 * var(--px));
}
.p-social__policy + .p-social__policy{
    margin-top: calc(20 * var(--px));
}
@media screen and (max-width: 767px){
    .p-social-character__list{
        display: block;
    }
    .p-social-character__item{
        width: 100%;
        padding: calc(20 * var(--px));
    }
    .p-social-character__item:nth-child(n+2){
        margin-top: calc(25 * var(--px));
    }
    .p-social-character__image img{
        height: calc(130 * var(--px));
    }
    .p-social-character__image,
    .p-social-character__text,
    .p-social__sns-list{
        margin-top: calc(15 * var(--px));
    }
    .p-social__sns-item{
         width: calc(35 * var(--px));
    }
    .p-social__policy{
        margin-top: calc(25 * var(--px));
    }
    .p-social__policy + .p-social__policy{
        margin-top: calc(15 * var(--px));
    }
}

.p-social-youtube{
    margin-top: var(--mt-section);
}
.p-social-youtube__list{
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--mt-section-title-bottom);
}
.p-social-youtube__item{
    width: calc((585 / 1200) * 100%);
    margin: calc((30 / 1200) * 100%) calc((30 / 1200) * 100%) 0 0;
}
.p-social-youtube__item:nth-child(2n){
    margin-right: 0;
}
.p-social-youtube__item:nth-child(-n+2){
    margin-top: 0;
}
.p-social-youtube__link{
    display: block;
    background: var(--cl-white);
    padding: calc(30 * var(--px));
    border-radius: var(--radius-base);
}
.p-social-youtube__heading{
    display: flex;
    align-items: center;
    position: relative;
}
.p-social-youtube__heading::after{
    content: '\f054';
    font-family: var(--font-icon);
    font-weight: bold;
    background: var(--cl-arrow);
    color: var(--cl-white);
    font-size: var(--fs-arrow);
    width: var(--size-arrow);
    height: var(--size-arrow);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform:translateY(-50%);
}
.p-social-youtube__image{
    width: calc(110 * var(--px));
    height: calc(110 * var(--px));
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-social-youtube__name{
    font-size: var(--fs-title-3s);
    font-weight: 500;
    margin-left: calc(20 * var(--px));
}
.p-social-youtube__name::after{
    content: '\f08e';
    font-family: var(--font-icon);
    margin-left: calc(10 * var(--px));
    font-size: 0.8em;
    vertical-align: 0.1em;
    font-weight: bold;
}
.p-social-youtube__details{
    font-size: var(--fs-text-m);
    line-height: var(--lh-m);
    margin-top: calc(20 * var(--px));
}
@media screen and (max-width: 767px){
    .p-social-youtube__list,
    .p-social-youtube__item,
    .p-social-youtube__item:nth-child(2n),
    .p-social-youtube__item:nth-child(-n+2){
        width: 100%;
        display: block;
    }
    .p-social-youtube__item,
    .p-social-youtube__item:nth-child(2n),
    .p-social-youtube__item:nth-child(-n+2){
        margin: 0;
    }
    .p-social-youtube__item:nth-child(n+2){
        margin-top: calc(25 * var(--px));
    }
    .p-social-youtube__link{
        padding: calc(20 * var(--px));
    }
    .p-social-youtube__heading{
        display: block;
    }
    .p-social-youtube__image{
        width: calc(80 * var(--px));
        height: auto;
        margin: 0 auto;
    }
    .p-social-youtube__name{
        margin: calc(15 * var(--px)) 0 0;
        text-align: center;
    }
    .p-social-youtube__details{
        margin-top: calc(15 * var(--px));
    }
}

/*-------------------------
    public-notice
-------------------------*/
.p-public-notice{
    margin-top: var(--mt-section);
}
.c-breadcrumb + .p-public-notice{
    margin-top: var(--pt-main);
}
.p-public-notice__button{
    margin-top: var(--mt-section-title-bottom-narrow);
}
.p-public-notice__title{
    text-align: center;
    font-size: var(--fs-title-3s);
    margin-top: var(--mt-section-title-bottom-narrow);
    font-weight: 500;
}
.p-public-notice__text{
    text-align: center;
    font-size: var(--fs-text-l);
    margin-top: calc(20 * var(--px));
}
@media screen and (max-width: 767px){
    .p-public-notice__text{
        margin-top: calc(15 * var(--px));
    }
}