@charset "UTF-8";

.page-hero {
    position: relative;
}

.page-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    right: 0;
    width: calc(100% - 8vw);
    height: 100%;
    margin: 0 auto;
    border-left: solid 1px var(--c-border);
    border-right: solid 1px var(--c-border);
}

.page-read {
    margin: 0;
    padding: 2rem 10vw;
    border-bottom: solid 1px var(--c-border);
}

@media (min-width: 1024px) {
    .page-read {
        padding: 4rem 10vw;
        text-align: center;
    }
}

/* ---------------------
sec-staff 
--------------------- */
.sec-staff .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.sec-staff .block-navigation {
    display: none;
}

.staff-item {
    height: auto;
    border-bottom: solid 1px var(--c-border);
}

.staff-item:nth-last-child(1) {
    border-bottom: none;
}

.slide-staff .staff-item .staff-item-link {
    height: 100%;
}

@media (min-width: 768px) {

    .slide-staff .staff-item {
        width: 50%;
        padding: 0 2vw 3rem 8vw;
        position: relative;
    }

    .slide-staff .staff-item::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 200%;
        height: 3rem;
        margin: 0 auto;
        border-top: solid 1px var(--c-border);
    }

    .slide-staff .staff-item:nth-child(2n) {
        padding: 0 8vw 3rem 2vw;
    }
}

@media (min-width: 1024px) {
    .sec-staff::before {
        display: none;
    }

    .slide-staff .staff-item,
    .slide-staff .staff-item:nth-child(2n) {
        width: 26%;
        padding: 0 1vw 3rem;
    }

    .slide-staff .staff-item:nth-child(1),
    .slide-staff .staff-item:nth-child(3n+1) {
        width: 37%;
        padding: 0 1vw 3rem 12vw;
    }

    .slide-staff .staff-item:nth-child(3n) {
        width: 37%;
        padding: 0 12vw 3rem 1vw;
    }
}

/* ---------------------
bnr-crosstalk 
--------------------- */
.bnr-crosstalk {
    border-top: solid 1px var(--c-border);
}

.bnr-crosstalk::after {
    content: "";
    display: block;
    width: 100%;
    height: 3rem;
    border-top: solid 1px var(--c-border);
}

.bnr-crosstalk-inner {
    padding: 0 4vw;
}