/*
 * ARIEL 働く女性の声 固定ページ
 */

.voices-page {
    --voices-width: var(--sky-content, 520px);
    --voices-text: #304f4d;
    --voices-deep: #176f69;
    --voices-turquoise: #239f96;
    --voices-coral: #d97878;
    --voices-coral-soft: rgba(255, 244, 241, 0.92);
    --voices-coral-border: #edc6bd;
    --voices-mint-soft: rgba(234, 248, 245, 0.92);
    --voices-mint-border: #b9ddd7;
    --voices-border: #c9dfdc;
    --voices-white: #ffffff;
}

.voices-page,
.voices-page * {
    box-sizing: border-box;
}

.voices-main {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #f7fcfa;
}

.voices-page.sky-home {
    width: min(100%, var(--voices-width));
    margin-inline: auto;
    overflow: hidden;
    color: var(--voices-text);
    font-family:
        "Hiragino Maru Gothic ProN",
        "Yu Gothic",
        "Noto Sans JP",
        "Meiryo",
        sans-serif;
    background-color: #f8fdfb;
    background-image:
        url("/wp-content/themes/ariel-recruit-official/assets/images/sky/voices-text-bg.webp");
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 100% auto;
}

.voices-main ~ .site-footer {
    display: none;
}

.voices-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.voices-hero {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #e6f8f5;
}

.voices-hero__image {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
}

.voices-intro {
    padding: 28px 20px 30px;
    text-align: center;
    background: rgba(249, 255, 253, 0.82);
    border-bottom: 1px solid rgba(214, 233, 230, 0.9);
}

.voices-intro__eyebrow {
    margin: 0 0 6px;
    color: #3b918a;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 0.13em;
}

.voices-intro h2 {
    margin: 0 0 16px;
    color: var(--voices-deep);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 0.01em;
}

.voices-intro > p:not(.voices-intro__eyebrow) {
    margin: 0 0 11px;
    color: var(--voices-text);
    font-size: 16.5px;
    font-weight: 500;
    line-height: 1.8;
    text-align: left;
}

.voices-intro > p:last-of-type {
    margin-bottom: 0;
}

.voices-jump {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 22px;
}

.voices-jump a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 10px 8px;
    color: #176f69;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.9);
    border: 1.5px solid #9fcfc9;
    border-radius: 10px;
}

.voices-jump a:focus-visible {
    outline: 3px solid #176f69;
    outline-offset: 3px;
}

.voices-person {
    padding: 26px 14px 34px;
    scroll-margin-top: 90px;
    background: transparent;
}

.voices-person--umi {
    padding-top: 20px;
    border-top: 1px solid rgba(207, 230, 225, 0.9);
}

.voices-person__header {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    margin-bottom: 22px;
    padding: 13px;
    background: rgba(255, 255, 255, 0.88);
    border: 1.5px solid var(--voices-border);
    border-radius: 12px;
}

.voices-person--tsubasa .voices-person__header {
    border-color: var(--voices-coral-border);
}

.voices-person--umi .voices-person__header {
    border-color: var(--voices-mint-border);
}

.voices-person__icon {
    display: block;
    width: 72px;
    height: 72px;
    object-fit: cover;
    background: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 50%;
}

.voices-person__label {
    margin: 0 0 2px;
    color: #618c87;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 0.1em;
}

.voices-person__header h2 {
    margin: 0;
    color: var(--voices-deep);
    font-size: 23px;
    font-weight: 800;
    line-height: 1.35;
}

.voices-person--tsubasa .voices-person__header h2 {
    color: #b45e62;
}

.voices-person__profile {
    margin: 5px 0 0;
    color: #355b58;
    font-size: 15.5px;
    font-weight: 800;
    line-height: 1.45;
}

.voices-person__tenure {
    margin: 4px 0 0;
    color: #657b79;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.55;
}

.voices-person__questions {
    display: grid;
    gap: 16px;
}

.voices-qa {
    padding: 0 2px;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.voices-qa__question {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 9px;
    align-items: start;
}

.voices-qa__number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 30px;
    margin-top: 1px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    background: var(--voices-turquoise);
    border-radius: 7px;
}

.voices-person--tsubasa .voices-qa__number {
    background: #d77b7b;
}

.voices-qa h3 {
    margin: 0;
    color: #234f4b;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: 0.01em;
    line-break: strict;
    word-break: normal;
}

.voices-person--tsubasa .voices-qa h3 {
    color: #8d5054;
}

.voices-qa__divider {
    width: 100%;
    height: 1px;
    margin: 10px 0 10px;
    background: rgba(215, 228, 226, 0.95);
}

.voices-person--tsubasa .voices-qa__divider {
    background: rgba(239, 215, 209, 0.95);
}

.voices-person--umi .voices-qa__divider {
    background: rgba(212, 233, 228, 0.95);
}

.voices-answerer {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 8px;
}

.voices-answerer__icon {
    display: block;
    width: 40px;
    height: 40px;
    object-fit: cover;
    background: #ffffff;
    border: 1.5px solid #d7e4e2;
    border-radius: 50%;
}

.voices-person--tsubasa .voices-answerer__icon {
    border-color: var(--voices-coral-border);
}

.voices-person--umi .voices-answerer__icon {
    border-color: var(--voices-mint-border);
}

.voices-answerer p {
    margin: 0;
    color: #496c69;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
}

.voices-person--tsubasa .voices-answerer p {
    color: #a25b60;
}

.voices-qa__answer {
    padding: 14px 14px;
    color: #324f4d;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.85;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #d8e8e5;
    border-radius: 8px;
    line-break: strict;
    word-break: normal;
}

.voices-person--tsubasa .voices-qa__answer {
    background: var(--voices-coral-soft);
    border-color: #efd7d1;
}

.voices-person--umi .voices-qa__answer {
    background: var(--voices-mint-soft);
    border-color: #d1e9e4;
}

.voices-qa__answer p {
    margin: 0 0 11px;
}

.voices-qa__answer p:last-child {
    margin-bottom: 0;
}

@media (max-width: 360px) {
    .voices-intro {
        padding: 24px 18px 26px;
    }

    .voices-intro h2 {
        font-size: 22px;
    }

    .voices-intro > p:not(.voices-intro__eyebrow) {
        font-size: 16px;
    }

    .voices-person {
        padding: 24px 12px 30px;
    }

    .voices-person__header {
        grid-template-columns: 66px minmax(0, 1fr);
        gap: 11px;
        padding: 12px;
    }

    .voices-person__icon {
        width: 66px;
        height: 66px;
    }

    .voices-person__header h2 {
        font-size: 21px;
    }

    .voices-person__tenure {
        font-size: 13px;
    }

    .voices-qa h3 {
        font-size: 18.5px;
    }

    .voices-qa__answer {
        padding: 13px;
        font-size: 16.5px;
    }
}

/* ARIEL VOICES NOTEBOOK STYLE START 20260808 */

/*
 * インタビュー本文は「ノートを読む」イメージ。
 * 罫線は文字より目立たない濃さにする。
 */

.voices-page.sky-home {
    background-color: #fbfaf4;
    background-image:
        linear-gradient(
            to right,
            transparent 0,
            transparent 28px,
            rgba(218, 129, 136, 0.10) 28px,
            rgba(218, 129, 136, 0.10) 29px,
            transparent 29px
        ),
        repeating-linear-gradient(
            to bottom,
            transparent 0,
            transparent 31px,
            rgba(92, 158, 174, 0.075) 31px,
            rgba(92, 158, 174, 0.075) 32px
        );
    background-repeat: repeat;
    background-position: 0 0;
    background-size: 100% 100%, 100% 32px;
}

.voices-intro {
    background: rgba(255, 254, 249, 0.94);
}

.voices-person {
    background: rgba(255, 254, 249, 0.76);
}

.voices-person--umi {
    background: rgba(248, 253, 250, 0.78);
}

.voices-person__header {
    background: rgba(255, 255, 255, 0.92);
    border-radius: 8px;
}

.voices-jump a {
    border-radius: 8px;
}

.voices-qa__answer {
    position: relative;
    padding: 15px 14px 15px 28px;
    background-color: rgba(255, 255, 255, 0.92);
    background-image:
        linear-gradient(
            to right,
            transparent 0,
            transparent 17px,
            rgba(215, 123, 129, 0.14) 17px,
            rgba(215, 123, 129, 0.14) 18px,
            transparent 18px
        ),
        repeating-linear-gradient(
            to bottom,
            transparent 0,
            transparent 30px,
            rgba(91, 157, 174, 0.11) 30px,
            rgba(91, 157, 174, 0.11) 31px
        );
    background-position: 0 0, 0 15px;
    background-size: 100% 100%, 100% 31px;
    border-radius: 6px;
}

.voices-person--tsubasa .voices-qa__answer {
    background-color: rgba(255, 250, 248, 0.94);
    border-color: rgba(226, 181, 176, 0.85);
}

.voices-person--umi .voices-qa__answer {
    background-color: rgba(248, 253, 251, 0.94);
    border-color: rgba(174, 215, 206, 0.90);
}

.voices-qa__answer p {
    position: relative;
    z-index: 1;
}

@media (max-width: 360px) {
    .voices-qa__answer {
        padding: 14px 12px 14px 26px;
    }
}

/* ARIEL VOICES NOTEBOOK STYLE END 20260808 */

/* ARIEL VOICES WHITE NOTE OVERRIDE START 20260808 */

/* ページ全体：白地＋薄いグレーの横罫線 */
.voices-page.sky-home {
    background-color: #ffffff;
    background-image:
        repeating-linear-gradient(
            to bottom,
            transparent 0,
            transparent 31px,
            rgba(120, 130, 130, 0.10) 31px,
            rgba(120, 130, 130, 0.10) 32px
        );
    background-repeat: repeat;
    background-position: 0 0;
    background-size: 100% 32px;
}

/* 各エリアも白地を活かす */
.voices-intro {
    background: rgba(255, 255, 255, 0.94);
}

.voices-person,
.voices-person--umi {
    background: transparent;
}

/* 回答欄：背景を透明にする */
.voices-qa__answer,
.voices-person--tsubasa .voices-qa__answer,
.voices-person--umi .voices-qa__answer {
    background-color: transparent;
    background-image: none;
    border-color: rgba(150, 150, 150, 0.22);
}

/* 回答欄の角丸も少し控えめ */
.voices-qa__answer {
    border-radius: 5px;
}

/* ARIEL VOICES WHITE NOTE OVERRIDE END 20260808 */

/* ARIEL VOICES SIMPLE WHITE NOTE FINAL 20260808 */

.voices-page.sky-home {
    background-color: #ffffff;
    background-image:
        repeating-linear-gradient(
            to bottom,
            #ffffff 0,
            #ffffff 31px,
            #dddddd 31px,
            #dddddd 32px
        );
    background-repeat: repeat;
    background-size: 100% 32px;
}

.voices-intro,
.voices-person,
.voices-person--tsubasa,
.voices-person--umi {
    background: transparent;
}

.voices-qa,
.voices-qa__answer,
.voices-person--tsubasa .voices-qa__answer,
.voices-person--umi .voices-qa__answer {
    background-color: transparent;
    background-image: none;
}

/* ARIEL VOICES SIMPLE WHITE NOTE FINAL END */

/* ARIEL VOICES SIMPLE WHITE NOTE FINAL 20260808 */

.voices-page.sky-home {
    background-color: #ffffff;
    background-image:
        repeating-linear-gradient(
            to bottom,
            #ffffff 0,
            #ffffff 31px,
            #dddddd 31px,
            #dddddd 32px
        );
    background-repeat: repeat;
    background-size: 100% 32px;
}

.voices-intro,
.voices-person,
.voices-person--tsubasa,
.voices-person--umi {
    background: transparent;
}

.voices-qa,
.voices-qa__answer,
.voices-person--tsubasa .voices-qa__answer,
.voices-person--umi .voices-qa__answer {
    background-color: transparent;
    background-image: none;
}

/* ARIEL VOICES SIMPLE WHITE NOTE FINAL END */

/* ARIEL VOICES LIGHT DOTTED NOTE START 20260808 */

.voices-page.sky-home {
    background-color: #ffffff;
    background-image:
        radial-gradient(
            circle at 1px 31px,
            rgba(125, 125, 125, 0.10) 1px,
            transparent 1.2px
        );
    background-repeat: repeat;
    background-position: 0 0;
    background-size: 7px 32px;
}

.voices-intro,
.voices-person,
.voices-person--tsubasa,
.voices-person--umi {
    background: transparent;
}

.voices-qa__answer,
.voices-person--tsubasa .voices-qa__answer,
.voices-person--umi .voices-qa__answer {
    background-color: transparent;
    background-image: none;
}

/* ARIEL VOICES LIGHT DOTTED NOTE END 20260808 */

/* ARIEL VOICES LIGHT DOTTED NOTE START 20260808 */

.voices-page.sky-home {
    background-color: #ffffff;
    background-image:
        radial-gradient(
            circle at 1px 31px,
            rgba(125, 125, 125, 0.10) 1px,
            transparent 1.2px
        );
    background-repeat: repeat;
    background-position: 0 0;
    background-size: 7px 32px;
}

.voices-intro,
.voices-person,
.voices-person--tsubasa,
.voices-person--umi {
    background: transparent;
}

.voices-qa__answer,
.voices-person--tsubasa .voices-qa__answer,
.voices-person--umi .voices-qa__answer {
    background-color: transparent;
    background-image: none;
}

/* ARIEL VOICES LIGHT DOTTED NOTE END 20260808 */

/* ARIEL VOICES QA WHITE ANSWER FINAL START 20260808 */

/* 質問ごとの外枠 */
.voices-qa {
    padding: 14px 14px 16px;
    margin: 0;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(140, 160, 158, 0.28);
    border-radius: 8px;
}

.voices-person--tsubasa .voices-qa {
    border-color: rgba(216, 145, 150, 0.34);
}

.voices-person--umi .voices-qa {
    border-color: rgba(115, 180, 168, 0.34);
}

/* 女の子の回答欄 */
.voices-qa__answer,
.voices-person--tsubasa .voices-qa__answer,
.voices-person--umi .voices-qa__answer {
    padding: 14px;
    color: #324f4d;
    background: #ffffff;
    background-image: none;
    border: 1px solid rgba(145, 155, 155, 0.24);
    border-radius: 5px;
}

/* 影は使わない */
.voices-qa,
.voices-qa__answer {
    box-shadow: none;
}

@media (max-width: 360px) {
    .voices-qa {
        padding: 13px 12px 15px;
    }

    .voices-qa__answer {
        padding: 13px;
    }
}

/* ARIEL VOICES QA WHITE ANSWER FINAL END 20260808 */

/* ARIEL VOICES TROPICAL BACKGROUND FINAL START 20260808 */

.voices-page.sky-home {
    background-color: #f9fcfb;
    background-image:
        url("/wp-content/themes/ariel-recruit-official/assets/images/sky/voices-text-bg.webp");
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 100% auto;
}

/* 背景画像を見せる */
.voices-intro {
    background: rgba(255, 255, 255, 0.90);
}

.voices-person,
.voices-person--tsubasa,
.voices-person--umi {
    background: transparent;
}

/* 質問全体の外枠 */
.voices-qa {
    padding: 14px 14px 16px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(130, 150, 148, 0.28);
    border-radius: 8px;
    box-shadow: none;
}

.voices-person--tsubasa .voices-qa {
    border-color: rgba(216, 145, 150, 0.34);
}

.voices-person--umi .voices-qa {
    border-color: rgba(115, 180, 168, 0.34);
}

/* 回答欄は真っ白 */
.voices-qa__answer,
.voices-person--tsubasa .voices-qa__answer,
.voices-person--umi .voices-qa__answer {
    padding: 14px;
    color: #324f4d;
    background: #ffffff;
    background-image: none;
    border: 1px solid rgba(145, 155, 155, 0.24);
    border-radius: 5px;
    box-shadow: none;
}

/* ARIEL VOICES TROPICAL BACKGROUND FINAL END 20260808 */

/* ARIEL VOICES TSUBASA YOUNG PINK START 20260808 */

.voices-person--tsubasa .voices-person__label {
    color: #c87891;
}

.voices-person--tsubasa .voices-person__header h2 {
    color: #b94f70;
}

.voices-person--tsubasa .voices-person__profile {
    color: #b85a74;
}

.voices-person--tsubasa .voices-person__tenure {
    color: #8f6671;
}

.voices-person--tsubasa .voices-qa h3 {
    color: #a94b68;
}

.voices-person--tsubasa .voices-answerer p {
    color: #c05f7d;
}

.voices-jump a:first-child {
    color: #b94f70;
    border-color: rgba(185, 79, 112, 0.42);
}

/* 回答本文は読みやすさ優先で濃色を維持 */
.voices-person--tsubasa .voices-qa__answer {
    color: #324f4d;
}

/* ARIEL VOICES TSUBASA YOUNG PINK END 20260808 */


/* ARIEL VOICES RELATED LINKS V1 START 20260812 */

.voices-related {
    margin: 0;
    padding: 28px 18px 30px;
    text-align: center;
    background: rgba(255, 255, 255, 0.94);
    border-top: 1px solid rgba(205, 226, 222, 0.9);
    border-bottom: 1px solid rgba(205, 226, 222, 0.9);
}

.voices-related__eyebrow {
    margin: 0 0 7px;
    color: #3b918a;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 0.13em;
}

.voices-related h2 {
    margin: 0 0 18px;
    color: #234f4b;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.55;
}

.voices-related__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.voices-related__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 54px;
    padding: 11px 14px;
    color: #24514e;
    font-size: 15.5px;
    font-weight: 800;
    line-height: 1.55;
    text-align: center;
    text-decoration: none;
    background: #ffffff;
    border: 1.5px solid #9fcfc9;
    border-radius: 10px;
}

.voices-related__link::after {
    margin-left: 7px;
    content: "›";
    font-size: 1.2em;
    line-height: 1;
}

.voices-related__link--application {
    color: #176f69;
    background: #f2fbf8;
    border-color: #79c8bf;
}

.voices-related__link:focus-visible {
    outline: 3px solid #176f69;
    outline-offset: 3px;
}

@media (max-width: 360px) {
    .voices-related {
        padding-right: 15px;
        padding-left: 15px;
    }

    .voices-related h2 {
        font-size: 20px;
    }

    .voices-related__link {
        padding-right: 11px;
        padding-left: 11px;
        font-size: 15px;
    }
}

/* ARIEL VOICES RELATED LINKS V1 END 20260812 */