@charset "utf-8";

/* Key visual */
/* ============================================ */
.p-kv-people {
    --design-width: var(--canvas-width);
    position: relative;
    width: 100%;
    height: min(740 / var(--design-width) * 100vw, 740px);
    overflow: hidden;

    .p-kv-people__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    .p-kv-people__img {
        position: absolute;
        z-index: 2;
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 1.0s ease, transform 1.0s ease;

        &.--v-anime {
            opacity: 1;
            transform: translateY(0);
        }

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    .p-kv-people__deco {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        pointer-events: none;
        --deco-duration: 0.7s;
        --deco-step: 0.07s;

        > span {
            position: absolute;
            display: block;
            opacity: 0;
            mask-image: linear-gradient(#000, #000);
            mask-repeat: no-repeat;
            mask-size: 0% 100%;
            transition: opacity var(--deco-duration) ease-in-out,
                        mask-size var(--deco-duration) ease-in-out;
        }

        .e-deco-01 {
            top: 0;
            left: 0;
            right: calc(50% - min(234 / var(--design-width) * 100vw, 234px));
            height: min(270 / var(--design-width) * 100vw, 270px);
            background-image: linear-gradient(68.76deg, var(--grad-deco-03));
            clip-path: polygon(0 0, 100% 0, 0 100%);
            --deco-opacity: 0.68;
        }

        .e-deco-02 {
            left: calc(50% - min(156 / var(--design-width) * 100vw, 156px));
            right: 0;
            bottom: 0;
            height: min(300 / var(--design-width) * 100vw, 300px);
            background-image: linear-gradient(222.2deg, var(--grad-deco-01));
            clip-path: polygon(100% 0, 100% 100%, 0 100%);
        }

        .e-deco-03 {
            left: 0;
            right: calc(50% - min(476 / var(--design-width) * 100vw, 476px));
            bottom: 0;
            height: min(174 / var(--design-width) * 100vw, 174px);
            background-image: linear-gradient(301.79deg, var(--grad-deco-01));
            clip-path: polygon(0 0, 100% 100%, 0 100%);
            --deco-opacity: 0.34;
        }

        .e-deco-03 {
            transition-delay: var(--deco-step);
        }

        .e-deco-02 {
            transition-delay: calc(var(--deco-step) * 2);
        }

        &.--v-anime > span {
            opacity: var(--deco-opacity, 1);
            mask-size: 100% 100%;
        }
    }

    .p-kv-people__content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: min(100%, 1600px);
        margin: 0 auto;
        height: 100%;
        z-index: 4;

        .e-tab-01 {
            position: absolute;
            width: min(42 / var(--design-width) * 100vw, 42px);
            padding: min(17.08 / var(--design-width) * 100vw, 17.08px) 0;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: var(--c-blue-10);

            .m-text-01 {
                writing-mode: vertical-rl;
                white-space: nowrap;
                font-size: clamp(13px, 16 / var(--design-width) * 100vw, 16px);
                line-height: 2.098;
                letter-spacing: 0.435em;
                color: var(--c-white);
            }
        }

        .e-catch-01 {

            .m-line-01,
            .m-line-02,
            .m-line-03 {
                position: absolute;
                display: flex;
                justify-content: center;
                align-items: center;
                width: min(50 / var(--design-width) * 100vw, 50px);
                padding: min(18 / var(--design-width) * 100vw, 18px) 0 min(14 / var(--design-width) * 100vw, 14px);
                background-color: color-mix(in srgb, var(--c-orange-02) 76%, transparent);
                writing-mode: vertical-rl;
                white-space: nowrap;
                font-size: clamp(13px, 20 / var(--design-width) * 100vw, 20px);
                line-height: 1;
                letter-spacing: 0.255em;
                font-weight: 500;
                color: var(--c-white);

                .s-num-01 {
                    text-combine-upright: all;
                    letter-spacing: 0;
                    margin-left: max(-6 / var(--design-width) * 100vw, -6px);
                    margin-bottom: min(4 / var(--design-width) * 100vw, 4px);
                }
            }
        }

        .e-logotype-01 {
            position: absolute;
            bottom: max(-28 / var(--design-width) * 100vw, -28px);
            left: min(480 / var(--design-width) * 100vw, 480px);

            .m-text-01 {
                display: block;
                white-space: nowrap;
                font-family: var(--font-cormorant);
                font-size: clamp(13px, 150 / var(--design-width) * 100vw, 150px);
                line-height: 1;
                letter-spacing: -0.055em;
                font-weight: 400;
                color: var(--c-white);
            }
        }

        .e-tab-01,
        .e-catch-01,
        .e-logotype-01 {
            opacity: 0;
            transition: opacity 0.8s ease;
        }

        .e-tab-01.--v-anime,
        .e-catch-01.--v-anime,
        .e-logotype-01.--v-anime {
            opacity: 1;
        }
    }
}
@media screen and (max-width: 899px) {
    .p-kv-people {
        height: min(532 / var(--design-width) * 100vw, 532px);

        .p-kv-people__deco {

            .e-deco-01 {
                right: calc(50% - min(156.63 / var(--design-width) * 100vw, 156.63px));
                height: min(90 / var(--design-width) * 100vw, 90px);
            }

            .e-deco-02 {
                left: calc(50% - min(132.14 / var(--design-width) * 100vw, 132.14px));
                height: min(100 / var(--design-width) * 100vw, 100px);
            }

            .e-deco-03 {
                right: calc(50% - min(60.72 / var(--design-width) * 100vw, 60.72px));
                height: min(77.66 / var(--design-width) * 100vw, 77.66px);
                background-image: linear-gradient(222.2deg, var(--grad-deco-01));
            }
        }

        .p-kv-people__content {

            .e-tab-01 {
                width: min(25.78 / var(--design-width) * 100vw, 25.78px);
                padding: min(10.1 / var(--design-width) * 100vw, 10.1px) 0;

                .m-text-01 {
                    font-size: clamp(9.66px, 9.66 / var(--design-width) * 100vw, 9.66px);
                }
            }

            .e-catch-01 {

                .m-line-01,
                .m-line-02,
                .m-line-03 {
                    width: min(29.6 / var(--design-width) * 100vw, 29.6px);
                    padding: min(11 / var(--design-width) * 100vw, 11px) 0 min(8 / var(--design-width) * 100vw, 8px);
                    font-size: clamp(13px, 12 / var(--design-width) * 100vw, 12px);

                    .s-num-01 {
                        margin-left: max(-4 / var(--design-width) * 100vw, -4px);
                        margin-bottom: min(2 / var(--design-width) * 100vw, 2px);
                    }
                }
            }

            .e-logotype-01 {
                bottom: max(-8 / var(--design-width) * 100vw, -8px);
                left: min(47 / var(--design-width) * 100vw, 47px);

                .m-text-01 {
                    font-size: clamp(13px, 45 / var(--design-width) * 100vw, 45px);
                }
            }
        }
    }
}



/* 装飾帯 */
/* ============================================ */
.p-people-profile-01,
.p-people-section-01,
.p-people-section-02,
.p-people-section-03,
.p-people-section-04 {

    > .e-deco-01 {
        position: absolute;
        display: block;
        pointer-events: none;
    }
}

.p-people-profile-01 > .e-deco-01 {
    top: min(382 / var(--design-width) * 100vw, 382px);
    left: 0;
    right: calc(50% - min(50 / var(--design-width) * 100vw, 50px));
    height: min(304 / var(--design-width) * 100vw, 304px);
    background-image: linear-gradient(42.2deg, var(--grad-deco-01));
    clip-path: polygon(0 0, 100% 0, 0 100%);
    opacity: 0.43;
}
@media screen and (max-width: 899px) {
    .p-people-profile-01 > .e-deco-01 {
        top: min(430.24 / var(--design-width) * 100vw, 430.24px);
        right: calc(50% - min(100.51 / var(--design-width) * 100vw, 100.51px));
        height: min(107.68 / var(--design-width) * 100vw, 107.68px);
        background-image: linear-gradient(68.76deg, var(--grad-deco-01-sp));
        opacity: 0.3;
    }
}

.p-people-section-01 > .e-deco-01 {
    top: min(678 / var(--design-width) * 100vw, 678px);
    left: max(-254 / var(--design-width) * 100vw, -254px);
    right: 0;
    height: min(914 / var(--design-width) * 100vw, 914px);
    background-image: linear-gradient(317.8deg, var(--grad-deco-01));
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    opacity: 0.43;
}
@media screen and (max-width: 899px) {
    .p-people-section-01 > .e-deco-01 {
        top: min(280 / var(--design-width) * 100vw, 280px);
        left: min(25.28 / var(--design-width) * 100vw, 25.28px);
        height: min(172.54 / var(--design-width) * 100vw, 172.54px);
        background-image: linear-gradient(222.2deg, var(--grad-deco-01));
    }
}
@media screen and (max-width: 480px) {
    .p-people-section-01 > .e-deco-01 {
        top: min(180 / var(--design-width) * 100vw, 180px);
    }
}

.p-people-section-02 > .e-deco-01 {
    top: min(454 / var(--design-width) * 100vw, 454px);
    left: 0;
    right: calc(50% - min(600 / var(--design-width) * 100vw, 600px));
    height: min(652 / var(--design-width) * 100vw, 652px);
    background-image: linear-gradient(42.2deg, var(--grad-deco-01));
    clip-path: polygon(0 0, 100% 0, 0 100%);
    opacity: 0.4;
}
@media screen and (max-width: 899px) {
    .p-people-section-02 > .e-deco-01 {
        top: min(81.47 / var(--design-width) * 100vw, 81.47px);
        right: calc(50% - min(157.07 / var(--design-width) * 100vw, 157.07px));
        height: min(128.83 / var(--design-width) * 100vw, 128.83px);
        background-image: linear-gradient(68.76deg, var(--grad-deco-01-sp));
        opacity: 0.3;
    }
}

.p-people-section-03 > .e-deco-01 {
    top: min(414 / var(--design-width) * 100vw, 414px);
    left: max(-400 / var(--design-width) * 100vw, -400px);
    right: 0;
    height: min(986 / var(--design-width) * 100vw, 986px);
    background-image: linear-gradient(317.8deg, var(--grad-deco-01));
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    opacity: 0.4;
}
@media screen and (max-width: 899px) {
    .p-people-section-03 > .e-deco-01 {
        top: min(150.68 / var(--design-width) * 100vw, 150.68px);
        left: min(25.28 / var(--design-width) * 100vw, 25.28px);
        height: min(172.54 / var(--design-width) * 100vw, 172.54px);
        background-image: linear-gradient(222.2deg, var(--grad-deco-01));
        opacity: 0.43;
    }
}



/* Profile */
/* ============================================ */
.p-people-profile-01 {
    position: relative;
    padding-top: min(30 / var(--design-width) * 100vw, 30px);

    .p-people-profile-01__inner {
        width: min(1542 / var(--canvas-width) * 100vw, 1542px);
        margin: 0 auto;
        padding: min(58 / var(--design-width) * 100vw, 58px) min(222 / var(--canvas-width) * 100vw, 222px) min(58 / var(--design-width) * 100vw, 58px) min(220 / var(--canvas-width) * 100vw, 220px);
        display: flex;
        justify-content: space-between;
        border-radius: 8px;
        background-image: linear-gradient(246.96deg, var(--c-blue-07) 0%, var(--c-blue-08) 100%);
    }

    .e-name-01 {
        color: var(--c-white);

        .m-tag-01 {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            height: min(48 / var(--design-width) * 100vw, 48px);
            padding: 0 min(20 / var(--design-width) * 100vw, 20px);
            background-color: var(--c-blue-10);
            font-size: clamp(13px, 16 / var(--design-width) * 100vw, 16px);
            line-height: 1;
            letter-spacing: 0.355em;
            font-weight: 600;
        }

        .m-position-01,
        .m-career-01 {
            font-size: clamp(13px, 16 / var(--design-width) * 100vw, 16px);
            line-height: 2;
            letter-spacing: 0.18em;
        }

        .m-position-01 {
            margin-top: min(32 / var(--design-width) * 100vw, 32px);
        }

        .m-name-01 {
            font-size: clamp(13px, 30 / var(--design-width) * 100vw, 30px);
            line-height: 1.667;
            letter-spacing: 0.105em;
            font-weight: 500;
        }
    }

    .e-profile-01 {
        width: min(572 / var(--design-width) * 100vw, 572px);
        margin-top: min(40 / var(--design-width) * 100vw, 40px);
        color: var(--c-white);

        > dt {
            font-size: clamp(13px, 18 / var(--design-width) * 100vw, 18px);
            line-height: 1;
            letter-spacing: 0.26em;
            font-weight: 500;
        }

        > dd {
            margin-top: min(28 / var(--design-width) * 100vw, 28px);
            font-size: clamp(13px, 16 / var(--design-width) * 100vw, 16px);
            line-height: 2;
            letter-spacing: 0.1em;
            text-align: justify;
        }
    }
}
@media screen and (max-width: 899px) {
    .p-people-profile-01 {
        padding-top: min(20 / var(--design-width) * 100vw, 20px);

        .p-people-profile-01__inner {
            flex-direction: column;
            justify-content: flex-start;
            width: calc(100% - min(48 / var(--design-width) * 100vw, 48px));
            margin: 0 min(24 / var(--design-width) * 100vw, 24px);
            min-height: min(390 / var(--design-width) * 100vw, 390px);
            padding: min(50 / var(--design-width) * 100vw, 50px) min(20 / var(--design-width) * 100vw, 20px) 0;
            background-image: linear-gradient(124.04deg, var(--c-blue-08) 0%, var(--c-blue-07) 100%);
        }

        .e-name-01 {
            display: flex;
            flex-wrap: wrap;
            align-items: baseline;

            .m-tag-01 {
                height: min(35 / var(--design-width) * 100vw, 35px);
                padding: 0 min(15 / var(--design-width) * 100vw, 15px);
                font-size: clamp(13px, 12 / var(--design-width) * 100vw, 12px);
            }

            .m-position-01 {
                width: 100%;
                margin-top: min(18 / var(--design-width) * 100vw, 18px);
                font-size: clamp(13px, 13 / var(--design-width) * 100vw, 13px);
                line-height: 1.969;
            }

            .m-name-01 {
                margin-top: min(4 / var(--design-width) * 100vw, 4px);
                font-size: clamp(13px, 24 / var(--design-width) * 100vw, 24px);
            }

            .m-career-01 {
                margin-left: min(19 / var(--design-width) * 100vw, 19px);
                font-size: clamp(13px, 12.8 / var(--design-width) * 100vw, 12.8px);
            }
        }

        .e-profile-01 {
            width: auto;
            margin-top: min(29 / var(--design-width) * 100vw, 29px);

            > dt {
                font-size: clamp(13px, 14 / var(--design-width) * 100vw, 14px);
            }

            > dd {
                margin-top: min(10 / var(--design-width) * 100vw, 10px);
                font-size: clamp(13px, 13 / var(--design-width) * 100vw, 13px);
                line-height: 2.154;
                letter-spacing: 0.075em;
            }
        }
    }
}



/* 本文セクション（①②③ 共通） */
/* ============================================ */
.p-people-section-01,
.p-people-section-02,
.p-people-section-03 {
    position: relative;

    .p-people-section-01__img,
    .p-people-section-02__img,
    .p-people-section-03__img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    .p-people-section-01__panel,
    .p-people-section-02__panel,
    .p-people-section-03__panel {
        position: relative;
        background-color: var(--c-white);
    }

    .e-content-01 {

        .m-label-01 {
            width: min(520 / var(--design-width) * 100vw, 520px);
            padding-bottom: min(14 / var(--design-width) * 100vw, 14px);
            font-size: clamp(13px, 20 / var(--design-width) * 100vw, 20px);
            line-height: 1.683;
            letter-spacing: 0.2em;
            font-weight: 500;
            color: var(--c-black);
            border-bottom: 1px solid var(--c-black);
        }

        .m-title-01 {
            margin-top: min(44 / var(--design-width) * 100vw, 44px);
            font-size: clamp(13px, 30 / var(--design-width) * 100vw, 30px);
            line-height: 1.667;
            letter-spacing: 0.105em;
            font-weight: 500;
            color: var(--c-black);
        }

        .m-text-01 {
            margin-top: min(24 / var(--design-width) * 100vw, 24px);
            font-size: clamp(13px, 16 / var(--design-width) * 100vw, 16px);
            line-height: 2;
            text-align: justify;
            color: var(--c-black);

            p + p {
                margin-top: min(32 / var(--design-width) * 100vw, 32px);
            }
        }
    }
}
@media screen and (max-width: 899px) {
    .p-people-section-01,
    .p-people-section-02,
    .p-people-section-03 {

        .e-content-01 {

            .m-label-01 {
                width: 100%;
                padding-bottom: 0;
                font-size: clamp(13px, 14 / var(--design-width) * 100vw, 14px);
                line-height: 2.524;
                letter-spacing: 0.255em;
            }

            .m-title-01 {
                margin-top: min(23 / var(--design-width) * 100vw, 23px);
                font-size: clamp(13px, 18 / var(--design-width) * 100vw, 18px);
                line-height: 1.778;
            }

            .m-text-01 {
                margin-top: min(20 / var(--design-width) * 100vw, 20px);
                font-size: clamp(13px, 13 / var(--design-width) * 100vw, 13px);
                line-height: 2.154;
                letter-spacing: 0.075em;

                p + p {
                    margin-top: min(28 / var(--design-width) * 100vw, 28px);
                }
            }
        }
    }
}


/* 本文① */
/* ============================================ */
.p-people-section-01 {
    margin-top: min(176 / var(--design-width) * 100vw, 176px);
    padding-top: min(740 / var(--design-width) * 100vw, 740px);

    .p-people-section-01__img {
        right: calc(50% - min(650 / var(--design-width) * 100vw, 650px));
        width: auto;
        height: min(840 / var(--design-width) * 100vw, 840px);
        z-index: -1;
    }

    .p-people-section-01__panel {
        margin-right: calc(50% - min(298 / var(--design-width) * 100vw, 298px));
        padding: min(106 / var(--design-width) * 100vw, 106px) min(78 / var(--design-width) * 100vw, 78px) min(240 / var(--design-width) * 100vw, 240px) min(200 / var(--design-width) * 100vw, 200px);
        border-radius: 0 36px 36px 0;
    }
}
@media screen and (max-width: 899px) {
    .p-people-section-01 {
        margin-top: min(71 / var(--design-width) * 100vw, 71px);
        padding-top: min(317 / var(--design-width) * 100vw, 317px);

        .p-people-section-01__img {
            right: auto;
            width: 100%;
            height: auto;

            img {
                height: auto;
                object-fit: contain;
            }
        }

        .p-people-section-01__panel {
            margin-right: 0;
            padding: min(39 / var(--design-width) * 100vw, 39px) min(25 / var(--design-width) * 100vw, 25px) min(43 / var(--design-width) * 100vw, 43px);
            border-radius: 0;
        }
    }
}


/* 本文② */
/* ============================================ */
.p-people-section-02 {
    margin-top: max(-154 / var(--design-width) * 100vw, -154px);
    padding-top: min(564 / var(--design-width) * 100vw, 564px);

    .p-people-section-02__img {

        .e-img-01 {
            position: absolute;
            top: 0;
            left: 0;
            right: 50%;
            margin-right: min(10 / var(--design-width) * 100vw, 10px);
            height: min(464 / var(--design-width) * 100vw, 464px);
        }

        .e-img-02 {
            position: absolute;
            top: 0;
            left: 50%;
            right: 0;
            margin-left: min(10 / var(--design-width) * 100vw, 10px);
            height: min(464 / var(--design-width) * 100vw, 464px);
        }
    }

    .p-people-section-02__panel {
        margin-left: calc(50% - min(426 / var(--design-width) * 100vw, 426px));
        padding: min(106 / var(--design-width) * 100vw, 106px) min(200 / var(--design-width) * 100vw, 200px) min(328 / var(--design-width) * 100vw, 328px) min(76 / var(--design-width) * 100vw, 76px);
        border-radius: 36px 0 0 36px;
    }
}
@media screen and (max-width: 899px) {
    .p-people-section-02 {
        margin-top: 0;
        padding-top: min(212 / var(--design-width) * 100vw, 212px);

        .p-people-section-02__img {

            .e-img-01 {
                margin-right: min(4 / var(--design-width) * 100vw, 4px);
                height: auto;

                img {
                    height: auto;
                    object-fit: contain;
                }
            }

            .e-img-02 {
                margin-left: min(4 / var(--design-width) * 100vw, 4px);
                height: auto;

                img {
                    height: auto;
                    object-fit: contain;
                }
            }
        }

        .p-people-section-02__panel {
            margin-left: 0;
            padding: min(39 / var(--design-width) * 100vw, 39px) min(25 / var(--design-width) * 100vw, 25px) min(43 / var(--design-width) * 100vw, 43px);
            border-radius: 0;
        }
    }
}


/* 本文③ */
/* ============================================ */
.p-people-section-03 {
    margin-top: max(-244 / var(--design-width) * 100vw, -244px);
    padding-top: min(604 / var(--design-width) * 100vw, 604px);

    .p-people-section-03__img {
        left: calc(50% - min(350 / var(--design-width) * 100vw, 350px));
        width: min(950 / var(--design-width) * 100vw, 950px);
        height: min(496 / var(--design-width) * 100vw, 496px);
    }

    .p-people-section-03__panel {
        margin-right: calc(50% - min(298 / var(--design-width) * 100vw, 298px));
        padding: min(106 / var(--design-width) * 100vw, 106px) min(78 / var(--design-width) * 100vw, 78px) min(178 / var(--design-width) * 100vw, 178px) min(200 / var(--design-width) * 100vw, 200px);
        border-radius: 0 36px 36px 0;
    }
}
@media screen and (max-width: 899px) {
    .p-people-section-03 {
        margin-top: 0;
        padding-top: min(296 / var(--design-width) * 100vw, 296px);

        .p-people-section-03__img {
            left: 0;
            width: 100%;
            height: auto;

            img {
                height: auto;
                object-fit: contain;
            }
        }

        .p-people-section-03__panel {
            margin-right: 0;
            padding: min(39 / var(--design-width) * 100vw, 39px) min(25 / var(--design-width) * 100vw, 25px) min(43 / var(--design-width) * 100vw, 43px);
            border-radius: 0;
        }
    }
}



/* 写真③ */
/* ============================================ */
.p-people-section-04 {
    position: relative;
    margin-top: max(-108 / var(--design-width) * 100vw, -108px);

    .e-deco-01 {
        top: min(378 / var(--design-width) * 100vw, 378px);
        left: 0;
        right: calc(50% - min(458 / var(--design-width) * 100vw, 458px));
        height: min(350 / var(--design-width) * 100vw, 350px);
        background-image: linear-gradient(137.8deg, var(--grad-deco-01));
        clip-path: polygon(0 0, 100% 100%, 0 100%);
        opacity: 0.4;
    }

    .p-people-section-04__img {
        position: relative;
        width: min(1200 / var(--design-width) * 100vw, 1200px);
        height: min(626 / var(--design-width) * 100vw, 626px);
        margin: 0 auto;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}
@media screen and (max-width: 899px) {
    .p-people-section-04 {
        margin-top: 0;

        .e-deco-01 {
            top: min(167.05 / var(--design-width) * 100vw, 167.05px);
            right: calc(50% - min(157.07 / var(--design-width) * 100vw, 157.07px));
            height: min(128.83 / var(--design-width) * 100vw, 128.83px);
            background-image: linear-gradient(68.76deg, var(--grad-deco-01-sp));
            opacity: 0.3;
        }

        .p-people-section-04__img {
            width: 100%;
            height: auto;

            img {
                height: auto;
                object-fit: contain;
            }
        }
    }
}



/* CONTENTS */
/* ============================================ */
.p-people-section-05 {
    margin-top: min(100 / var(--design-width) * 100vw, 100px);
}



/* ページ別の差分 */
/* ============================================ */
.--v-p01 {

    .p-people-section-01__panel {
        padding-bottom: min(286 / var(--design-width) * 100vw, 286px);
    }

    .p-people-section-03__panel {
        padding-bottom: min(250 / var(--design-width) * 100vw, 250px);
    }

    .p-kv-people__img {
        top: min(82 / var(--design-width) * 100vw, 82px);
        left: calc(50% - min(56 / var(--design-width) * 100vw, 56px));
        width: min(434 / var(--design-width) * 100vw, 434px);
        height: min(691 / var(--design-width) * 100vw, 691px);
    }

    .p-kv-people .e-tab-01 {
        top: min(76 / var(--design-width) * 100vw, 76px);
        left: min(462 / var(--design-width) * 100vw, 462px);
    }

    .p-kv-people .e-catch-01 {

        .m-line-01 {
            top: min(122 / var(--design-width) * 100vw, 122px);
            left: min(394 / var(--design-width) * 100vw, 394px);
        }

        .m-line-02 {
            top: min(148 / var(--design-width) * 100vw, 148px);
            left: min(342 / var(--design-width) * 100vw, 342px);
        }

        .m-line-03 {
            top: min(194 / var(--design-width) * 100vw, 194px);
            left: min(290 / var(--design-width) * 100vw, 290px);
        }
    }
}
@media screen and (max-width: 899px) {
    .--v-p01 {

        .p-people-section-01__panel {
            padding-bottom: min(43 / var(--design-width) * 100vw, 43px);
        }

        .p-people-section-03__panel {
            padding-bottom: min(43 / var(--design-width) * 100vw, 43px);
        }

        .p-kv-people__img {
            top: min(121.9 / var(--design-width) * 100vw, 121.9px);
            left: calc(50% - min(89.9 / var(--design-width) * 100vw, 89.9px));
            width: min(269.08 / var(--design-width) * 100vw, 269.08px);
            height: min(428.11 / var(--design-width) * 100vw, 428.11px);
        }

        .p-kv-people .e-tab-01 {
            top: min(88.95 / var(--design-width) * 100vw, 88.95px);
            left: min(148.5 / var(--design-width) * 100vw, 148.5px);
        }

        .p-kv-people .e-catch-01 {

            .m-line-01 {
                top: min(115.99 / var(--design-width) * 100vw, 115.99px);
                left: min(107.55 / var(--design-width) * 100vw, 107.55px);
            }

            .m-line-02 {
                top: min(132.6 / var(--design-width) * 100vw, 132.6px);
                left: min(76.54 / var(--design-width) * 100vw, 76.54px);
            }

            .m-line-03 {
                top: min(163.27 / var(--design-width) * 100vw, 163.27px);
                left: min(45.05 / var(--design-width) * 100vw, 45.05px);
            }
        }
    }
}

.--v-p02 {

    .p-kv-people__img {
        top: min(112 / var(--design-width) * 100vw, 112px);
        left: calc(50% - min(120 / var(--design-width) * 100vw, 120px));
        width: min(375 / var(--design-width) * 100vw, 375px);
        height: min(627 / var(--design-width) * 100vw, 627px);
    }

    .p-kv-people .e-tab-01 {
        top: min(164 / var(--design-width) * 100vw, 164px);
        left: min(512 / var(--design-width) * 100vw, 512px);
    }

    .p-kv-people .e-catch-01 {

        .m-line-01 {
            top: min(210 / var(--design-width) * 100vw, 210px);
            left: min(446 / var(--design-width) * 100vw, 446px);
        }

        .m-line-02 {
            top: min(238 / var(--design-width) * 100vw, 238px);
            left: min(394 / var(--design-width) * 100vw, 394px);
        }

        .m-line-03 {
            top: min(264 / var(--design-width) * 100vw, 264px);
            left: min(342 / var(--design-width) * 100vw, 342px);
        }
    }

    .p-people-section-01 {
        margin-top: min(144 / var(--design-width) * 100vw, 144px);
    }
}
@media screen and (max-width: 899px) {
    .--v-p02 {

        .p-kv-people__img {
            top: min(177.45 / var(--design-width) * 100vw, 177.45px);
            left: calc(50% - min(59.6 / var(--design-width) * 100vw, 59.6px));
            width: min(213.3 / var(--design-width) * 100vw, 213.3px);
            height: min(356.35 / var(--design-width) * 100vw, 356.35px);
        }

        .p-kv-people .e-tab-01 {
            top: min(88.95 / var(--design-width) * 100vw, 88.95px);
            left: min(148.5 / var(--design-width) * 100vw, 148.5px);
        }

        .p-kv-people .e-catch-01 {

            .m-line-01 {
                top: min(115.99 / var(--design-width) * 100vw, 115.99px);
                left: min(107.55 / var(--design-width) * 100vw, 107.55px);
            }

            .m-line-02 {
                top: min(132.6 / var(--design-width) * 100vw, 132.6px);
                left: min(76.54 / var(--design-width) * 100vw, 76.54px);
            }

            .m-line-03 {
                top: min(148.39 / var(--design-width) * 100vw, 148.39px);
                left: min(45.05 / var(--design-width) * 100vw, 45.05px);
            }
        }

        .p-people-section-01 {
            margin-top: min(71 / var(--design-width) * 100vw, 71px);
        }
    }
}

.--v-p03 {

    .p-kv-people__img {
        top: min(88 / var(--design-width) * 100vw, 88px);
        left: calc(50% - min(380 / var(--design-width) * 100vw, 380px));
        width: min(364 / var(--design-width) * 100vw, 364px);
        height: min(653 / var(--design-width) * 100vw, 653px);
    }

    .p-kv-people .e-tab-01 {
        top: min(112 / var(--design-width) * 100vw, 112px);
        left: min(1328 / var(--design-width) * 100vw, 1328px);
    }

    .p-kv-people .e-catch-01 {

        .m-line-01 {
            top: min(158 / var(--design-width) * 100vw, 158px);
            left: min(1260 / var(--design-width) * 100vw, 1260px);
        }

        .m-line-02 {
            top: min(178 / var(--design-width) * 100vw, 178px);
            left: min(1208 / var(--design-width) * 100vw, 1208px);
        }

        .m-line-03 {
            top: min(236 / var(--design-width) * 100vw, 236px);
            left: min(1156 / var(--design-width) * 100vw, 1156px);
        }
    }
}
@media screen and (max-width: 899px) {
    .--v-p03 {

        .p-kv-people__img {
            top: min(103.35 / var(--design-width) * 100vw, 103.35px);
            left: calc(50% - min(176.5 / var(--design-width) * 100vw, 176.5px));
            width: min(236.13 / var(--design-width) * 100vw, 236.13px);
            height: min(423.86 / var(--design-width) * 100vw, 423.86px);
        }

        .p-kv-people .e-tab-01 {
            top: min(88.95 / var(--design-width) * 100vw, 88.95px);
            left: min(318.79 / var(--design-width) * 100vw, 318.79px);
        }

        .p-kv-people .e-catch-01 {

            .m-line-01 {
                top: min(115.99 / var(--design-width) * 100vw, 115.99px);
                left: min(277.84 / var(--design-width) * 100vw, 277.84px);
            }

            .m-line-02 {
                top: min(132.6 / var(--design-width) * 100vw, 132.6px);
                left: min(246.82 / var(--design-width) * 100vw, 246.82px);
            }

            .m-line-03 {
                top: min(163.27 / var(--design-width) * 100vw, 163.27px);
                left: min(215.34 / var(--design-width) * 100vw, 215.34px);
            }
        }
    }
}