@charset "UTF-8";
/* c-page-sub　パンくずナビ
----------------------------------------*/
.c-page-sub__breadcrumb {
    margin-bottom: 0;
}
.c-page-sub__breadcrumb-inner {
	max-width: 119.2rem;
	margin: 0 auto;
}
.c-page-sub__breadcrumb ul {
	display: flex;
    justify-content: flex-start;
    column-gap: 3.5rem;
}
.c-page-sub__breadcrumb ul li {
	font-size: 1rem;
}
.c-page-sub__breadcrumb ul li:has(a)::before {
	content: "";
    background: url("../img/common/ico-nav.svg") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: .5rem;
    height: .5rem;
    right: -1.8rem;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media only screen and (max-width: 768px) {
	.c-page-sub__breadcrumb {
        display: block !important;
        margin-top: calc(20 / 375 * 100vw);
    }
    .c-page-sub__breadcrumb ul {
        column-gap: calc(35 / 375 * 100vw);;
    }
    .c-page-sub__breadcrumb ul li {
        font-size: calc(10 / 375 * 100vw);
    }
    .c-page-sub__breadcrumb ul li:has(a)::before {
        width: calc(5 / 375 * 100vw);
        height: calc(5 / 375 * 100vw);
        right: calc(-19 / 375 * 100vw);
        top: calc(3 / 375 * 100vw);;
    }
}

/* c-page-sub-people
----------------------------------------*/
.c-page-sub-people__main {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    z-index: 1;
}
.c-page-sub-people__main::before {
    content: "";
    position: absolute;
    background: url("../img/people/bg-map.png") no-repeat;
    background-size: 100%;
    width: 140.3rem;
    height: 64.4rem;
    top: 5.6rem;
    left: -31rem;
}
.c-page-sub-people__main-img {
    max-width: 87rem;
}
.c-page-sub-people__main-text {
    max-width: 49.6rem;
    padding: 17.5rem 0 7.3rem 11.3rem;
}
.c-page-sub-people__main-text h2 {
    font-size: 4rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 2.5rem;
}
.c-page-sub-people__main-text h2 .en {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    display: block;
}
.c-page-sub-people__main-text h2 .en::before {
    content: "";
    position: absolute;
    background: url("../img/common/ico-ttl.svg") no-repeat;
    background-size: 100% 100%;
    width: 1.7rem;
    height: 1.7rem;
    top: -.8rem;
    left: -2.2rem;
}
.c-page-sub-people__main-text h3 {
    margin-top: 9.5rem;
    margin-bottom: 2.5rem;
}
.c-page-sub-people__main-text h3 span {
    display: inline-block;
    font-size: 4rem;
    font-weight: bold;
    background: #fff;
    padding: .5rem 2rem;
    white-space: nowrap;
    margin: .35rem 0;
    letter-spacing: 0.05em;
}
.c-page-sub-people__main-text h3 span.indent {
    text-indent: -0.6em;
}
.c-page-sub-people__main-text .text-name {
    font-size: 2.8rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 2rem;
}
.c-page-sub-people__main-text .text-info {
    font-size: 1.4rem;
    letter-spacing: 0.1em;
}
.c-page-sub-people__main-text .text-info span {
    font-size: 1.8rem;
    font-weight: bold;
}


.c-page-people__contents {
    padding: 14.6rem 0 17.5rem;
}
.c-page-people__contents::before {
    content: "";
    position: absolute;
    width: 48rem;
    height: 102%;
    background: #EBF1FA;
    right: 0;
    top: -1rem;
}
.c-page-people__contents .c-scroll__text {
    transform: rotate(90deg);
    right: -9.8rem;
    bottom: 0;
    top: -4rem;
    opacity: 1;
    left: inherit;
    height: 100%;
    width: 125.5vw;
}
.c-page-people__contents .c-scroll__text .c-scroll__item {
    font-size: 16.7rem;
    padding-right: 10.7rem;
}

.c-page-people__contents-inner {
    max-width: 103rem;
    margin: 0 auto;
}

.c-page-people__contents-item01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12rem;
}
.c-page-people__contents-item01 figure {
    max-width: 41rem;
}
.c-page-people__contents-item01 .text {
    max-width: 50rem;
}

[class*="c-page-people__contents-item"] .text p {
    font-size: 1.4rem;
    line-height: 2;
}

.c-page-people__contents-item02 figure::before {
    content: "";
    position: absolute;
    width: 46rem;
    height: 9.5rem;
    left: 0;
    bottom: -1.2rem;
    background: #fff;
}
.person02 .c-page-people__contents-item02 figure::before {
    width: 60.4rem;
}
.person03 .c-page-people__contents-item02 figure::before {
    width: 35rem;
}
.person04 .c-page-people__contents-item02 figure::before {
    width: 46rem;
}
.person05 .c-page-people__contents-item02 figure::before {
    width: 44rem;
}
.person06 .c-page-people__contents-item02 figure::before {
    width: 39rem;
}
.c-page-people__contents-item02 .text {
    margin-top: -2rem;
    padding-left: 1.7rem;
}



.c-page-people__message {
    background: #005BAC;
    color: #fff;
    padding: 9.2rem 0 10.2rem;
}
.c-page-people__message-inner {
    z-index: 1;
    max-width: 101rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.c-page-people__message-inner h2 {
    max-width: 24.7rem;
}
.c-page-people__message-inner .text {
    max-width: 68.7rem;
    font-size: 1.6rem;
    line-height: 2.5;
}
.c-page-people__message .c-scroll__text {
    opacity: 1;
    mix-blend-mode: inherit;
}
.c-page-people__message .c-scroll__item {
    font-size: 26.3rem;
    padding-right: 9.5rem;
    color: #0062B9;
}

.c-page-people__schedule {
    padding: 14.3rem 0 14rem;
}

.c-page-people__schedule-inner {
    max-width: 119.2rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.c-page-people__schedule-inner figure {
    max-width: 57.3rem;
}

.c-page-people__schedule-inner .text {
    max-width: 53.2rem;
    margin-top: .8rem;
}
.c-page-people__schedule-inner .schedule-list {
    margin-top: 4.5rem;
    position: relative;
}
.c-page-people__schedule-inner .schedule-list::after {
    content: "";
    position: absolute;
    background: url("../img/people/line-schedule.svg") repeat-y;
    background-size: auto;
    width: .5rem;
    height: 100%;
    bottom: 0;
    left: 9.15rem;
}

.c-page-people__schedule-inner .schedule-list dl {
    display: flex;
    align-items: flex-start;
    column-gap: 3rem;
    position: unset;
    z-index: 1;
}

.c-page-people__schedule-inner .schedule-list dl dt {
    width: 18.2rem;
    height: 4.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Barlow", sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #fff;
    background: transparent;
    position: unset;
    z-index: 1;

    mask-image: url('../img/people/bg-schedule-dt.png');
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
}
.c-page-people__schedule-inner .schedule-list dl:not(:last-of-type) dt {
    margin-bottom: 8.6rem;
}

.c-page-people__schedule-inner .schedule-list dl dt::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18.2rem;
    height: 100%;
    background: linear-gradient(to top, #005BAC, #65BEFF);
    z-index: -1;
}

.c-page-people__schedule-inner .schedule-list dl dd {
    width: 32rem;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2;
    padding-top: .6rem;
}

.c-page-sub-people .c-page-home__people {
    padding-block: 3.5rem 15rem;
}
.c-page-sub-people .c-page-home__people::before,
.c-page-sub-people .c-page-home__people-inner::before,
.c-page-sub-people .c-page-home__people-inner::after{
    display: none;
}
/*.c-page-sub-people .c-page-home__people-list .swiper-container {
    padding-bottom: 0;
    padding-top: 7.7rem;
    margin-top: -7.7rem;
}*/
.c-page-sub-people .c-page-home__people-list .c-page-home__people-slide .swiper-slide .text p {
    color: #080812;
}
.c-page-sub-people [class*="c-page-home"][class*="text"]:has(.ttl-h2) > * {
    padding-left: 0;
}
.c-page-sub-people .c-page-home__people-bg {
    color: #E4EBF8;
    z-index: -1;
    left: 0;
}

.c-page-sub-people .c-page-home__people-list .swiper-button-prev,
.c-page-sub-people .c-page-home__people-list .swiper-button-next {
    background: #005BAC;
}
.c-page-sub-people .c-page-home__people-list .swiper-button-prev::before,
.c-page-sub-people .c-page-home__people-list .swiper-button-next::before {
    background: url("../img/common/btn-arrow.svg") no-repeat;
    background-size: 100% 100%;
}
.c-page-sub-people .c-page-home__people-list .swiper-container-horizontal > .swiper-scrollbar {
    background: #005BAC;
}
.c-page-sub-people .c-page-home__people-list .swiper-scrollbar-drag {
    background: #005BAC;
}

@media only screen and (min-width: 769px) {
    .c-page-sub-people .c-page-home__people-list .swiper-container {
        padding-bottom: 0;
        padding-top: 7.7rem;
        margin-top: -7.7rem;
    }
    .c-page-sub-people .c-page-home__people-bg {
        transform: rotate(90deg);
        left: 18.5rem;
        transform-origin: top left;
        bottom: auto;
        top: -2.5rem;
        z-index: -1;
        color: #E4EBF8;
        opacity: .48;
        font-size: 23rem;
    }

    .c-page-sub-people .c-page-home__people-list .swiper-button-prev,
    .c-page-sub-people .c-page-home__people-list .swiper-button-next {
        top: 2.5rem;
        bottom: 0;
    }
    .c-page-sub-people .c-page-home__people-list .swiper-container-horizontal > .swiper-scrollbar {
        top: 2rem;
        bottom: 0;
    }
    .c-page-sub-people .c-page-home__people-list .swiper-scrollbar-drag {
        top: -.2rem;
    }
    .c-page-sub-people__main-text h3 span.sp {
        display: none;
    }
    .person02 .c-page-people__contents .c-scroll__text {
        right: -7.5rem;
    }
    .person03 .c-page-people__contents .c-scroll__text {
        right: -7.5rem;
    }
    .person04 .c-page-people__contents .c-scroll__text {
        right: -7.5rem;
    }
    .person05 .c-page-people__contents .c-scroll__text {
        right: -8.5rem;
    }
    .person06 .c-page-people__contents .c-scroll__text {
        right: -7.5rem;
    }
}

@media only screen and (max-width: 768px) {
    .c-page-sub-people__main {
        padding-bottom: calc(40 / 375 * 100vw);
        display: block;
    }
    .c-page-sub-people__main::before {
        width: calc(425 / 375 * 100vw);
        height: calc(194 / 375 * 100vw);
        top: calc(12 / 375 * 100vw);
        left: calc(-26 / 375 * 100vw);
    }
    .c-page-sub-people__main-img {
        max-width: 100%;
        padding-left: calc(10 / 375 * 100vw);
        margin-top: calc(50 / 375 * 100vw);
    }
    .c-page-sub-people__main-text {
        max-width: 100%;
        padding: calc(50 / 375 * 100vw) 0 0 calc(40 / 375 * 100vw);
        position: unset;
        margin-top: calc(72 / 375 * 100vw);
    }
    .c-page-sub-people__main-text h2 {
        font-size: calc(30 / 375 * 100vw);
        margin-bottom: calc(10 / 375 * 100vw);
    }
    .c-page-sub-people__main-text h2 .en {
        font-size: calc(13 / 375 * 100vw);
        margin-bottom: calc(9 / 375 * 100vw);
    }
    .c-page-sub-people__main-text h2 .en::before {
        width: calc(11 / 375 * 100vw);
        height: calc(11 / 375 * 100vw);
        top: calc(-5/ 375 * 100vw);
        left: calc(-12 / 375 * 100vw);
    }
    .c-page-sub-people__main-text h3 {
        margin-top: calc(30 / 375 * 100vw);
        margin-bottom: calc(50 / 375 * 100vw);
        position: absolute;
        bottom: calc(137 / 375 * 100vw);
        left: calc(17/ 375 * 100vw);
    }
    .c-page-sub-people__main-text h3 span {
        font-size: calc(18 / 375 * 100vw);
        padding: calc(4 / 375 * 100vw) calc(8 / 375 * 100vw);
        margin: calc(7.5 / 375 * 100vw) 0;
    }
    .c-page-sub-people__main-text .text-name {
        margin-top: calc(40 / 375 * 100vw);
        font-size: calc(18 / 375 * 100vw);
        margin-bottom: calc(20 / 375 * 100vw);
        margin-left: calc(-14 / 375 * 100vw);
    }
    .c-page-sub-people__main-text .text-info {
        font-size: calc(12 / 375 * 100vw);
        margin-left: calc(-14 / 375 * 100vw);
    }
    .c-page-sub-people__main-text .text-info span {
        font-size: calc(14 / 375 * 100vw);
        margin-bottom: calc(5 / 375 * 100vw);
    }

    .c-page-people__contents {
        padding: calc(40 / 375 * 100vw) 0 calc(75 / 375 * 100vw);
    }
    .c-page-people__contents::before {
        width: calc(125 / 375 * 100vw);
        top: -10%;
        z-index: -1;
        height: 115%;
    }
    .c-page-people__contents .c-scroll__text {
        right: calc(-1497 / 375 * 100vw);
        width: auto;
        top: calc(1328 / 375 * 100vw);
    }
    .person03 .c-page-people__contents .c-scroll__text {
        right: calc(-1497 / 375 * 100vw);
        width: auto;
        top: calc(1323 / 375 * 100vw);
    }
    .person04 .c-page-people__contents .c-scroll__text {
        right: calc(-1497 / 375 * 100vw);
        width: auto;
        top: calc(1323 / 375 * 100vw);
    }
    .c-page-people__contents .c-scroll__inner {
        animation-duration: 100s;
    }
    .c-page-people__contents .c-scroll__text .c-scroll__item {
        font-size: calc(62 / 375 * 100vw);
        padding-right: calc(27 / 375 * 100vw);
    }
    .person02 .c-page-people__contents .c-scroll__text .c-scroll__item {
        padding-right: calc(0 / 375 * 100vw);
    }
    .person03 .c-page-people__contents .c-scroll__text .c-scroll__item {
        padding-right: calc(50 / 375 * 100vw);
    }
    .person04 .c-page-people__contents .c-scroll__text .c-scroll__item {
        padding-right: calc(40.8 / 375 * 100vw);
    }
    .person05 .c-page-people__contents .c-scroll__text .c-scroll__item {
        padding-right: calc(75.8 / 375 * 100vw);
    }
    .person06 .c-page-people__contents .c-scroll__text .c-scroll__item {
        padding-right: calc(0 / 375 * 100vw);
    }
    .person02 .c-page-people__contents .c-scroll__text {
        right: calc(-1579 / 375 * 100vw);
    }
    .person06 .c-page-people__contents .c-scroll__text {
        right: calc(-1531 / 375 * 100vw);
    }

    .c-page-people__contents-inner {
        max-width: 100%;
        padding: 0 calc(30 / 375 * 100vw);
    }

    .c-page-people__contents-item01 {
        display: block;
        margin-bottom: calc(76 / 375 * 100vw);
    }
    .c-page-people__contents-item01 figure {
        max-width: 100%;
        margin: 0 calc(20 / 375 * 100vw) calc(49 / 375 * 100vw);
    }
    .c-page-people__contents-item01 .text {
        max-width: 100%;
        padding-inline: calc(15 / 375 * 100vw);
    }
    [class*="c-page-people__contents-item"] .text p {
        font-size: calc(14 / 375 * 100vw);
    }
    .c-page-people__contents-item02 figure {
        margin: 0 calc(10 / 375 * 100vw) 0 calc(-30 / 375 * 100vw);
    }
    .c-page-people__contents-item02 figure::before {
        display: none;
    }
    .c-page-people__contents-item02 .text {
        margin-top: calc(47 / 375 * 100vw);
        padding-inline: calc(15 / 375 * 100vw);
    }
    .person02 .c-page-people__contents-item02 .text {
        margin-top: calc(47 / 375 * 100vw);
    }
    .person03 .c-page-people__contents-item02 .text {
        margin-top: calc(47 / 375 * 100vw);
    }
    .person04 .c-page-people__contents-item02 .text {
        margin-top: calc(47 / 375 * 100vw);
    }
    .person05 .c-page-people__contents-item02 .text {
        margin-top: calc(47 / 375 * 100vw);
    }
    .person06 .c-page-people__contents-item02 .text {
        margin-top: calc(47 / 375 * 100vw);
    }

    .c-page-people__message {
        padding: calc(81 / 375 * 100vw) calc(30 / 375 * 100vw) calc(60 / 375 * 100vw);
    }
    .c-page-people__message-inner {
        max-width: 100%;
        display: block;
    }
    .c-page-people__message-inner h2 {
        max-width: calc(220 / 375 * 100vw);
        margin: 0 auto calc(33 / 375 * 100vw);
    }
    .c-page-people__message-inner .text {
        max-width: 100%;
        font-size: calc(16 / 375 * 100vw);
        line-height: 2.5;
    }
    .c-page-people__message .c-scroll__item {
        font-size: calc(100 / 375 * 100vw);
        padding-right: calc(40 / 375 * 100vw);
    }

    .c-page-people__schedule {
        padding: calc(60 / 375 * 100vw) calc(30 / 375 * 100vw) calc(60 / 375 * 100vw);
    }
    .c-page-people__schedule-inner {
        max-width: 100%;
        display: block;
    }
    .c-page-people__schedule-inner figure {
        max-width: 100%;
        margin-bottom: calc(48 / 375 * 100vw);
    }
    .c-page-people__schedule-inner .text {
        max-width: 100%;
        margin-top: calc(10 / 375 * 100vw);
        padding-left: calc(14 / 375 * 100vw);
    }
    .c-page-people__schedule-inner .schedule-list {
        margin-top: calc(26 / 375 * 100vw);
        margin-left: calc(-19 / 375 * 100vw);
    }
    .c-page-people__schedule-inner .schedule-list::after {
        width: calc(5 / 375 * 100vw);
        height: 100%;
        left: calc(55 / 375 * 100vw);
        background-size: 100% auto;
    }

    .c-page-people__schedule-inner .schedule-list dl {
        column-gap: calc(20 / 375 * 100vw);
    }

    .c-page-people__schedule-inner .schedule-list dl dt {
        width: calc(200/ 375 * 100vw);
        height: calc(40 / 375 * 100vw);
        font-size: calc(15 / 375 * 100vw);
    }
    .c-page-people__schedule-inner .schedule-list dl:not(:last-of-type) dt {
        margin-bottom: calc(58 / 375 * 100vw);
    }

    .c-page-people__schedule-inner .schedule-list dl dt::before {
        width: calc(200 / 375 * 100vw);
    }

    .c-page-people__schedule-inner .schedule-list dl dd {
        width: calc(300 / 375 * 100vw);
        font-size: calc(14 / 375 * 100vw);
        padding-top: calc(5 / 375 * 100vw);
    }
    .c-page-sub-people .c-page-home__people-text {
        padding-inline: calc(15 / 375 * 100vw);
    }
    .c-page-sub-people .c-page-home__people {
        padding-block: calc(15 / 375 * 100vw) 0;
    }
}




@media only screen and (max-width: 768px) {

}
