@charset "UTF-8";
/*
    Template: swell
    Theme Name: PITTA-CAREER
    Theme URI: https://swell-theme.com/
    Description: SWELL 2.19.0 を親とする STAND 専用子テーマ。stand2 の独自変更を移植。
    Version: 1.0.0
    Requires at least: 6.8
    Requires PHP: 7.3.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* 固定ヘッダー（PC・SP共通で90px）の領域を通常ページのフローに確保する。 */
body.stand3 #wrap > .stand3-site-header {
    height: 90px;
}

/* ヘッダー分の領域は確保済み。旧CSSの75px/85px !importantを上書きする。 */
body.stand3 #wrap > .stand3-site-header + #body_wrap > #breadcrumb {
    padding-top: 12px !important;
}


/* stand2 で SWELL 本体の build/css/main.css に加えられていた変更。 */
.l-content {
    padding-top: 5em;
}
@media (min-width: 600px) {
    .l-content {
        padding-top: 4em;
    }
}

/* 独自MVはページ上端から表示し、SWELLのトップ本文用余白を適用しない。 */
body.stand3 #content.stand3-home-content {
    padding-top: 0;
}

/* SPのヘッダーメニューでは「発達コラム」を非表示にする。 */
@media (max-width: 959px) {
    body.stand3 .menu-item.stand3-menu-column {
        display: none;
    }
}

/* SPのMV上のメニューでは「お客様の声」も非表示にする。 */
@media (max-width: 959px) {
    body.stand3 #main-visual .home-top .menu-item.stand3-menu-voice {
        display: none;
    }
}

/* SPのMVボタンは、文字の左右に余白を確保する。 */
@media (max-width: 959px) {
    body.stand3 #main-visual #catch > .btn.btn-A {
        width: fit-content;
        max-width: 100%;
    }

    body.stand3 #main-visual #catch > .btn.btn-A > a {
        padding-inline: 16px;
    }
}

/* SPのメディア掲載注記を見出しに近づける。 */
@media (max-width: 959px) {
    body.stand3 #_works .media-sub {
        margin-top: 0;
    }
}

/* 「こんな人におすすめ」の余白。左右は入会条件の.box-Gと揃える。 */
body.stand3 :is(#_recommend, #_recommend2) .recommend-wrap {
    padding-inline: 20px;
    padding-top: 20px;
}

@media (min-width: 375px) {
    body.stand3 :is(#_recommend, #_recommend2) .recommend-wrap {
        padding-inline: calc(1.25rem + ((1vw - 3.75px) * 3.8674));
        padding-top: calc(1.25rem + ((1vw - 3.75px) * 3.8674));
    }
}

@media (min-width: 960px) {
    body.stand3 :is(#_recommend, #_recommend2) .recommend-wrap {
        max-width: 928px;
        padding-inline: 55px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

/* 「3つの理由」の文字ボックスは本文で終わるため、下にも余白を付ける。 */
body.stand3 #_method .box.box-D {
    padding-bottom: 25px;
}

body.stand3 #_method .box.box-D > .txt-box-A {
    margin-bottom: 0;
}

@media (min-width: 960px) {
    body.stand3 #_method .box.box-D {
        padding-bottom: 50px;
    }
}

/* 「3つの理由」の02をPC表示で少し左へ寄せる。 */
@media (min-width: 960px) {
    body.stand3 #_method .box.box-D.box-D- > .num {
        left: 0;
    }
}

/* 卒業後の未来の画像は、幅が縮んだときも元画像の比率を保つ。 */
@media (min-width: 960px) {
    body.stand3 #_idea .icon-wrap img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 300px;
    }
}

/* フォーム部分は白、カウンセリング案内画像の背景は薄いグレー。 */
body.stand3 #_application.application-home > .application-wrap {
    background-color: #FFFFFF;
}

/* 通常の項目だけに余白を付け、希望日時の内部には共通gapを入れない。 */
body.stand3 #_application .wpcf7-form {
    row-gap: 0;
}

body.stand3 #_application .wpcf7-form > p {
    margin-block: 0 !important;
}

body.stand3 #_application .wpcf7-form > p:has(.wpcf7-form-control) {
    margin-bottom: 24px !important;
}

/* メール欄と希望日時の見出しの間に余白を確保する。 */
body.stand3 #_application .wpcf7-form > p:has(input[name="your-email"]) {
    margin-bottom: 24px !important;
}

/* 希望日時の3行をまとめ、最後の行の後だけ次項目との余白を取る。 */
body.stand3 #_application .wpcf7-form > p:has(#sample, #sample2, #sample3, select[name="menu-371"], select[name="menu-111"], select[name="menu-112"]) {
    margin-block: 0 !important;
}

body.stand3 #_application .wpcf7-form > p:has(#sample3, select[name="menu-112"]) {
    margin-bottom: 24px !important;
}

body.stand3 #_application .wpcf7-form .choice {
    margin-block: 0;
    padding-top: 8px;
}

body.stand3 #_application .wpcf7-form :is(#sample, #sample2, #sample3, select[name="menu-371"], select[name="menu-111"], select[name="menu-112"]) {
    margin-block: 0;
}

/* 共有事項の見出しと入力欄の間を少し詰める。 */
body.stand3 #_application .wpcf7-form textarea[name="textarea-388"] {
    margin-top: -10px;
}

body.stand3 #_application.application-home > .application-wrap > .img {
    width: 100%;
    background-color: #F7F7F7;
}

/* SPでも案内画像の上下左右に背景色の余白を確保する。 */
@media (max-width: 959px) {
    body.stand3 #_application.application-home > .application-wrap > .img {
        padding: 20px;
    }

    body.stand3 #_application.application-home > .application-wrap > .img > img {
        display: block;
        width: 100%;
        height: auto;
    }
}

/* PCの申し込み枠とカウンセリング案内画像の表示幅。 */
@media (min-width: 960px) {
    body.stand3 #_application.application-home > .application-wrap {
        width: 80%;
    }

    body.stand3 #_application.application-home > .application-wrap > .img {
        padding-block: 52px;
    }

    body.stand3 #_application.application-home > .application-wrap > .img > img {
        display: block;
        width: 720px;
        max-width: 100%;
        height: auto;
        margin-inline: auto;
    }
}

/* ===== 凹凸キャリア（Figma反映） ===== */

/* アクセントカラー（PITTA Careerの水色）。 */
body.stand3 :is(.box.box-D > .num, .head.head-D > .num, .tit.tit-B > .num, .green, .blue, .anchor > .item > a > .num, .after > .tit > .inner) {
    color: #5DE2EE;
}

/* 疑似要素は:is()の中に書けないため、FAQの「Q.」「A.」は別に指定する。 */
body.stand3 .qa-list dl dt::before,
body.stand3 .qa-list dl dd::before {
    color: #5DE2EE;
}

body.stand3 :is(.btn.btn-C, .btn.btn-E, .btn.btn-F) > a {
    color: #5DE2EE !important;
}

/* MV：ロゴ画像の代わりに文字で組む。背景は画像を全面に敷く。 */
body.stand3 #content #main-visual > .inner > .inner-02 > #catch > #ci.outotsu-ci {
    width: auto;
    margin-bottom: 40px;
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 0.48px;
    line-height: 1.1;
}

body.stand3 #ci.outotsu-ci > .sub {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
}

body.stand3 #ci.outotsu-ci > .main {
    display: block;
    font-size: 32px;
}

body.stand3 #main-visual .video > .outotsu-mv-picture {
    display: block;
    width: 100%;
    height: 100%;
}

body.stand3 #main-visual .video .outotsu-mv-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

@media (min-width: 960px) {
    body.stand3 #content #main-visual > .inner > .inner-02 > #catch > #ci.outotsu-ci {
        margin-bottom: 150px;
    }

    body.stand3 #ci.outotsu-ci > .sub {
        margin-bottom: 16px;
        font-size: 20px;
    }

    body.stand3 #ci.outotsu-ci > .main {
        font-size: 53px;
    }
}

/* ヘッダーのロゴは横長の文字ロゴになったため幅を広げる。 */
body.stand3 .home-header-sp > div > p > a > img {
    width: 150px;
}

/* iPhone SEなど幅の狭い端末ではロゴとボタンがほぼ接するため、両方を少し縮めて間を空ける。 */
@media (max-width: 380px) {
    body.stand3 .home-header-sp > div > p > a > img {
        width: 130px;
    }

    body.stand3 .home-header-sp > div > .btn-E > a {
        width: 150px;
    }
}

@media (min-width: 960px) {
    body.stand3 .home-header-pc > div > .header-left > p > a > img {
        width: 261px;
    }
}

/* 凹凸キャリアとは：ロゴ画像の代わりの大見出し。 */
body.stand3 #_school .scholl-img.outotsu-school-name {
    height: auto;
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

@media (min-width: 960px) {
    body.stand3 #_school .scholl-img.outotsu-school-name {
        margin-bottom: 60px;
        font-size: 55px;
    }
}

/* 1行ずつ組む本文は段落の余白をなくし、空行の位置だけ間を空ける。 */
body.stand3 :is(#_method .txt-box-A, #_outro .txt-box-A, #_flow .txt-box-C) p {
    margin-bottom: 0;
}

body.stand3 #_flow .table-content p.survis {
    margin-bottom: 0;
}

body.stand3 :is(#_method, #_outro, #_flow) .txt-box-br {
    padding-bottom: 18px;
}

@media (min-width: 960px) {
    body.stand3 :is(#_method, #_outro) .txt-box-br {
        padding-bottom: 36px;
    }

    body.stand3 #_flow .txt-box-br {
        padding-bottom: 25.6px;
    }
}

/* 背景色：Figmaではグレーの面。 */
body.stand3 :is(#_outro, #_recommend2) {
    background-color: #F7F7F7;
}

@media (min-width: 960px) {
    body.stand3 #_recommend2 .inner {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* 3ヶ月間の流れ：イラストはSTEP見出しと同じく上に揃える。 */
body.stand3 #_flow .list > .item {
    align-items: flex-start;
}

/* 環境次第で強みにも弱みにも変わる */
body.stand3 #_possible .outotsu-env-head {
    margin-bottom: 20px !important;
    font-size: 20px;
    line-height: 1.6;
    text-align: left;
}

body.stand3 #_possible .outotsu-env {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

body.stand3 #_possible .outotsu-env img,
body.stand3 #_possible .outotsu-env-rule img {
    display: block;
    width: 100%;
    height: auto;
}

body.stand3 #_possible .outotsu-env-txt {
    margin: 16px 0 60px;
    font-size: 15px;
    font-weight: 500;
    line-height: 2;
    text-align: left;
}

@media (min-width: 960px) {
    body.stand3 #_possible .outotsu-env-head {
        margin-bottom: 28px !important;
        font-size: 30px;
    }

    body.stand3 #_possible .outotsu-env {
        flex-direction: row;
        gap: 19px;
    }

    body.stand3 #_possible .outotsu-env > .img {
        flex: 1;
    }

    body.stand3 #_possible .outotsu-env-txt {
        margin: 18px 0 150px;
        font-size: 18px;
    }
}

/* プログラム下の注記と申込ボタン */
body.stand3 #_seminar2 .outotsu-note {
    margin-top: 30px;
    text-align: left;
}

/* 未来：見出しは画像（蛍光線つき）で表示する。 */
body.stand3 #_idea .vision-head {
    margin-bottom: 16px;
}

body.stand3 #_idea .vision-head > img {
    display: block;
    width: 100%;
    height: auto;
}

/* 受講生の声：2倍サイズの写真を枠内に縮小して表示する（旧CSSのobject-fit: noneは等倍で切り抜くため）。 */
@media (min-width: 960px) {
    body.stand3 #_voice .box-F > .img > img {
        object-fit: cover;
    }
}

/* ===== PITTA Career（Figma反映） ===== */

/* MV：ロゴは2倍サイズの画像を表示幅437pxで置く。 */
body.stand3 #ci.pitta-ci > .main > img {
    display: block;
    width: 437px;
    max-width: 100%;
    height: auto;
}

@media (max-width: 959px) {
    body.stand3 #ci.pitta-ci > .main > img {
        width: 220px;
    }
}

/* 一般的なキャリア支援：見出しと本文の間のグレーの3ボックス。 */
body.stand3 #_intro .pitta-points {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 21px;
    margin: 14px 0 54px;
}

body.stand3 #_intro .pitta-points > .item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 22px;
    border: 2px solid #ccc;
    border-radius: 10px;
    background: #efefef;
    color: #1d1d1d;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
}

/* SP：横長の1行ボックスを縦に3つ（幅303px・間5px・14px）。 */
@media (max-width: 959px) {
    body.stand3 #_intro .pitta-points {
        grid-template-columns: 1fr;
        gap: 5px;
        max-width: 303px;
        margin: 0 auto 30px;
        /* 親(.box-A)の左余白（縦線の分）の半分だけ戻し、画面の中央に揃える。 */
        transform: translateX(-12.5px);
    }

    body.stand3 #_intro .pitta-points > .item {
        padding: 8px 10px;
        font-size: 14px;
        line-height: 27px;
        white-space: nowrap;
    }

    body.stand3 #_intro .pitta-points > .item br {
        display: none;
    }
}

@media (min-width: 375px) and (max-width: 959px) {
    body.stand3 #_intro .pitta-points {
        transform: translateX(calc((1.5625rem + (1vw - 3.75px) * 2.76243) / -2));
    }
}

/* 3つの軸：小見出し・見出しの大きさと、3枚のカード。 */
body.stand3 #_school .scholl-head {
    margin-bottom: 24px;
    font-size: 28px;
    font-weight: 700;
    line-height: 53px;
}

body.stand3 #_school .scholl-img.outotsu-school-name {
    font-size: 37px;
    font-weight: 500;
    line-height: 49px;
}

body.stand3 #_school .pitta-axis {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 17px;
    max-width: 1000px;
    margin: 56px auto 0;
    text-align: left;
}

body.stand3 #_school .pitta-axis > .item {
    overflow: hidden;
    padding-bottom: 25px;
    border-radius: 10px;
    background: #5DE2EE;
    color: #000;
}

body.stand3 #_school .pitta-axis .item-head {
    display: flex;
    gap: 29px;
    height: 107px;
    padding: 20px 0 0 26px;
    box-sizing: border-box;
    background: #000;
    color: #5DE2EE;
    font-size: 22px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0.06em;
}

body.stand3 #_school .pitta-axis .item-head > .tit {
    font-size: 22px;
    font-weight: 700;
}

body.stand3 #_school .pitta-axis .label {
    margin-top: 17px;
    font-size: 18px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0.06em;
    text-align: center;
}

body.stand3 #_school .pitta-axis .txt {
    margin-top: 7px;
    padding-left: 40px;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
}

body.stand3 #_school .pitta-axis + .box-A {
    margin-top: 71px;
}

body.stand3 #_school .txt-box-A h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
}

@media (max-width: 959px) {
    body.stand3 #_school .scholl-head {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 1.6;
    }

    body.stand3 #_school .scholl-img.outotsu-school-name {
        font-size: 20px;
        line-height: 1.6;
    }

    /* SP：カードはPCと同じ形（322px幅）を縦に並べる。 */
    body.stand3 #_school .pitta-axis {
        grid-template-columns: 1fr;
        gap: 20px;
        max-width: 322px;
        margin-top: 30px;
    }

    body.stand3 #_school .pitta-axis + .box-A {
        margin-top: 40px;
    }

    body.stand3 #_school .txt-box-A h3 {
        font-size: 16px;
        line-height: 1.8;
    }
}

/* 受講して：イラスト4枚（下部に黒帯のキャプション）。 */
body.stand3 #_idea .pitta-result {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 46px 40px;
    margin-top: 41px;
}

body.stand3 #_idea .pitta-result > .item {
    overflow: hidden;
    border: 2px solid #000;
    border-radius: 10px;
    background: #fff;
}

body.stand3 #_idea .pitta-result .img > img {
    display: block;
    width: 100%;
    height: auto;
}

body.stand3 #_idea .pitta-result .txt {
    padding: 11px 8px 12px;
    background: #000;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.06em;
    text-align: center;
}

@media (max-width: 959px) {
    body.stand3 #_idea .pitta-result {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 24px;
    }

    body.stand3 #_idea .pitta-result .txt {
        font-size: 14px;
        line-height: 1.6;
    }
}

/* 料金比較・転職エージェント比較の下の本文。 */
body.stand3 .pitta-note {
    margin-top: 51px;
    font-size: 16px;
    line-height: 25.6px;
    text-align: left;
}

body.stand3 #_compare .pitta-note {
    margin-top: 28px;
}

body.stand3 .pitta-note p {
    font-size: inherit;
    line-height: inherit;
}

body.stand3 #_compare .img {
    margin-top: 61px;
}

body.stand3 #_compare .img > img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 959px) {
    body.stand3 .pitta-note,
    body.stand3 #_compare .pitta-note {
        margin-top: 24px;
        font-size: 14px;
        line-height: 1.8;
    }

    body.stand3 #_compare .img {
        display: block;
        max-width: 331px;
        margin: 24px auto 0;
    }
}

/* プラン紹介：3プランを横並び（SPは縦並び）。 */
body.stand3 #_price .pitta-plans {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11px;
    margin-top: 71px;
}

body.stand3 #_price .pitta-plans img {
    display: block;
    width: 100%;
    height: auto;
}

body.stand3 #_price .pitta-price-note {
    margin-top: 13px;
    font-size: 14px;
    line-height: 22.4px;
    text-align: left;
}

body.stand3 #_price .pitta-session {
    margin-top: 69px;
    font-size: 16px;
    line-height: 25.6px;
    text-align: left;
}

body.stand3 #_price .pitta-session h3 {
    margin-bottom: 25.6px;
    font-size: 20px;
    font-weight: 700;
}

body.stand3 #_price :is(.pitta-price-note, .pitta-session) p {
    font-size: inherit;
    line-height: inherit;
}

body.stand3 #_price .pitta-session .txt-box-br {
    padding-bottom: 25.6px;
}

@media (max-width: 959px) {
    body.stand3 #_price .pitta-plans {
        grid-template-columns: 1fr;
        max-width: 326px;
        margin: 30px auto 0;
        gap: 28px;
    }

    body.stand3 #_price .pitta-price-note {
        font-size: 12px;
        line-height: 1.8;
    }

    body.stand3 #_price .pitta-session {
        margin-top: 40px;
        font-size: 14px;
        line-height: 1.8;
    }

    body.stand3 #_price .pitta-session h3 {
        margin-bottom: 14px;
        font-size: 17px;
    }

    body.stand3 #_price .pitta-session .txt-box-br {
        padding-bottom: 14px;
    }
}

/* イメージ例：Before / After の見出し。 */
body.stand3 #_example .list .item .txt strong {
    font-size: 18px;
    font-weight: 700;
}

/* 流れ：本文中の回数見出しは下線付き。 */
body.stand3 #_flow .txt-box-C u {
    text-decoration: underline;
}

/* 代表の紹介：旧CSSは本文の改行を非表示にするため、改行を有効に戻す。 */
body.stand3 #_delegation .article br {
    display: inline;
}

/* 利用者の声：最後の「その他の受講生の声はこちら」ボタン（2倍画像を391×50で表示）。 */
body.stand3 #_voice .pitta-voice-more {
    margin-top: 47px;
    text-align: center;
}

body.stand3 #_voice .pitta-voice-more img {
    display: inline-block;
    width: 391px;
    max-width: 100%;
    height: auto;
}

/* PCの余白をFigmaに合わせる（旧CSSは各セクション上下100pxで統一していたため、差分だけ上書き）。 */
@media (min-width: 960px) {
    /* 3つの軸：背景上端から小見出しまで123px、次の見出しとの間は100px。 */
    body.stand3 #content #_school > .inner > .inner-02 > .box-B {
        padding-top: 123px;
        padding-bottom: 169px;
        margin-bottom: 0;
    }

    /* おすすめ：項目は65px間隔、枠の下は51px。 */
    body.stand3 #content #_recommend .recommend-wrap {
        margin-bottom: 51px !important;
        padding-top: 1px;
        padding-bottom: 16px;
    }

    body.stand3 #content #_recommend .recommend-content {
        margin-top: 25px;
        margin-bottom: 0;
    }

    /* 利用者の声：グレー背景はボタンの48px下まで、返金保証との間は100px。 */
    body.stand3 #content #_voice > .inner > .inner-02 {
        padding-bottom: 48px;
    }

    body.stand3 #content #_voice + .section {
        margin-top: 100px;
    }

    /* 受講して：上139px・下49px（次の「イメージ例」見出しまで計149px）。 */
    body.stand3 #content #_idea > .inner > .inner-02 {
        padding-top: 139px;
        padding-bottom: 49px;
    }

    /* イメージ例：2段組の行間69px（1段目は高さ731pxで揃える）、ボタンまで75px。 */
    body.stand3 #content #_example > .inner > .inner-02 > .list > .item {
        margin-bottom: 0 !important;
    }

    body.stand3 #content #_example > .inner > .inner-02 > .list > .item:nth-child(-n+2) {
        min-height: 731px;
        margin-bottom: 69px !important;
    }

    body.stand3 #content #_example .btn-D {
        margin-top: 75px;
    }

    /* 強み：文章ボックスの上下余白（01は上80px、02は上49px、下はともに45px）。 */
    body.stand3 #content #_method .box.box-C .box-D {
        padding-top: 80px;
        padding-bottom: 45px;
    }

    body.stand3 #content #_method .box.box-C.box-C- .box-D {
        padding-top: 49px;
    }

    /* 利用者の声：1人ごとの間隔72px、最後の人から「その他」ボタンまで87px。 */
    body.stand3 #content #_voice .box.box-F {
        margin-bottom: 72px;
    }

    body.stand3 #content #_voice .pitta-voice-more {
        margin-top: 15px;
    }

    /* イメージ例：2列は各483px（間34px）。画像は483×318。 */
    body.stand3 #content #_example > .inner > .inner-02 > .list > .item {
        width: 48.3%;
    }

    /* 流れ：各STEPの最小の高さは342px（イラストの下74px）。 */
    body.stand3 #content #_flow .list > .item {
        min-height: 342px;
        box-sizing: border-box;
    }

    /* 流れの下から料金比較の見出しまで154px。 */
    body.stand3 #content #_flow > .inner > .inner-02 {
        padding-bottom: 54px;
    }

    /* 料金比較：見出しからグラフまで68px。 */
    body.stand3 #content #_price:has(.shunyu-pc) .head-A {
        margin-bottom: 68px !important;
    }

    /* 転職エージェント比較：上は本文から195px、下は代表紹介の背景まで122px。 */
    body.stand3 #content #_compare > .inner > .inner-02 {
        padding-top: 95px;
        padding-bottom: 122px;
    }

    /* 代表の紹介：背景上端から見出しまで84px、本文の下109px。 */
    body.stand3 #content #_delegation > .inner > .inner-02 {
        padding-top: 84px;
        padding-bottom: 109px;
    }

    /* おススメしない方：上下93px、見出しは行間49px・本文まで30px。 */
    body.stand3 #content #_admission > .inner {
        padding-top: 93px;
        padding-bottom: 93px;
    }

    body.stand3 #content #_admission .head-A {
        margin-bottom: 30px;
        line-height: 49px;
    }

    body.stand3 #content #_admission .txt {
        margin-bottom: 0;
    }

    /* プラン：見出しまで108px、注記→返金保証108px、返金保証→ボタン70px、ボタン→FAQ見出し92px。 */
    body.stand3 #content #_price:has(.pitta-plans) > .inner > .inner-02 {
        padding-top: 108px;
        padding-bottom: 92px;
    }

    body.stand3 #content #_price:has(.pitta-plans) .bnr-SS {
        margin-top: 108px;
    }

    body.stand3 #content #_price:has(.pitta-plans) .btn-D {
        margin-top: 70px;
    }

    /* 申込フォーム：枠は806px、上部の案内画像は枠いっぱい。上156px・下152px。 */
    body.stand3 #content #_application.application-home {
        padding-top: 156px;
        margin-bottom: 152px !important;
    }

    body.stand3 #content #_application.application-home > .application-wrap {
        width: 806px;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.stand3 #content #_application.application-home > .application-wrap > .img {
        padding-block: 0;
    }

    body.stand3 #content #_application.application-home > .application-wrap > .img > img {
        width: 100%;
    }
}

/* 利用者の声のボタン：旧.btn-Cの下余白は不要。本文の空行はFigmaどおり36px。 */
body.stand3 #content #_voice .btn.pitta-voice-more {
    padding-bottom: 0;
}

@media (min-width: 960px) {
    body.stand3 #content :is(#_intro, #_outro, #_school) .txt-box-br {
        padding-bottom: 36px !important;
    }
}

/* 「その他の受講生の声」ボタンは画像で表示するため、旧.btn-Cの黒い角丸背景を消す。 */
body.stand3 #_voice .btn.btn-C.pitta-voice-more {
    max-width: none;
}

body.stand3 #_voice .btn.btn-C.pitta-voice-more > a {
    display: inline-block;
    border-radius: 0;
    background: none;
    line-height: 0;
}

/* イメージ例：画像483×318、画像の下23px。タイトルは22px・2行分（64px）を確保し、Beforeまで19px空けて左右の高さを揃える。 */
@media (min-width: 960px) {
    body.stand3 #content #_example > .inner > .inner-02 > .list > .item > .img {
        margin-bottom: 23px;
    }

    body.stand3 #content #_example > .inner > .inner-02 > .list > .item > .img > img {
        width: 100%;
        height: auto;
        aspect-ratio: 483 / 318;
        object-fit: cover;
    }

    body.stand3 #content #_example > .inner > .inner-02 > .list > .item > .tit {
        min-height: 64px;
        margin-bottom: 19px !important;
        font-size: 22px;
        font-weight: 600;
        line-height: 32px;
    }
}

/* ヘッダー・MVの「無料コーチング」ボタンは画像のため、旧.btn-Eの黒い角丸背景（縁から線のようにはみ出す）を消す。 */
body.stand3 .btn.btn-E > a {
    border-radius: 0;
    background: none !important;
}

/* ===== スマホ版（Figma: PITTA Career_SP 393px幅）。値は393px基準をvwに換算。 ===== */
.pitta-form-head-sp {
    display: none;
}

@media (max-width: 959px) {
    /* MV：高さ398px。メニューは出さず、右上に「無料コーチング」ボタンだけ置く。 */
    body.stand3 #content #main-visual {
        position: relative;
        height: 101.27vw;
    }

    body.stand3 #content #main-visual .home-top {
        position: absolute;
        inset: 0 0 auto;
        z-index: 2;
        height: auto;
        padding: 0;
    }

    body.stand3 #content #main-visual .home-top .menu {
        display: none;
    }

    body.stand3 #content #main-visual .home-top .btn-E {
        position: absolute;
        top: 2.52vw;
        right: 1.97vw;
        width: 34.1vw;
        margin: 0;
    }

    body.stand3 #content #main-visual .home-top .btn-E > a {
        display: block;
        height: auto;
        margin: 0;
        line-height: 0;
    }

    body.stand3 #content #main-visual .home-top .btn-E img {
        display: block;
        width: 100%;
        height: auto;
    }

    body.stand3 #content #main-visual > .inner {
        position: absolute;
        inset: 0;
        z-index: 1;
        margin: 0;
        padding: 0;
    }

    body.stand3 #content #main-visual > .inner > .inner-02,
    body.stand3 #content #main-visual > .inner > .inner-02 > #catch {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
    }

    body.stand3 #content #main-visual > .inner > .inner-02 > #catch > #ci.outotsu-ci {
        position: absolute;
        top: 16.71vw;
        left: 4.77vw;
        width: 48.7vw;
        margin: 0;
    }

    body.stand3 #ci.pitta-ci > .main > img {
        width: 100%;
    }

    body.stand3 #content #main-visual > .inner > .inner-02 > #catch > .txt {
        position: absolute;
        top: 49.2vw;
        left: 8.97vw;
        width: auto;
        margin: 0;
        font-size: 4.06vw;
        font-weight: 600;
        line-height: 6.5vw;
        letter-spacing: 0.014em;
        white-space: nowrap;
    }

    body.stand3 #content #main-visual > .inner > .inner-02 > #catch > .btn.btn-A {
        position: absolute;
        top: 90.05vw;
        left: 7.95vw;
        width: 46.82vw;
        max-width: none;
        height: auto;
        margin: 0;
        /* 線は内側のリンクの0.5pxだけ（旧CSSの外枠1pxと重なって二重に見えていた）。 */
        border: 0;
        border-radius: 0;
    }

    body.stand3 #content #main-visual > .inner > .inner-02 > #catch > .btn.btn-A > a {
        height: 7.93vw;
        padding: 0;
        border-width: 0.5px;
        border-radius: 3.84vw;
        font-size: 2.3vw;
        line-height: 7.8vw;
        letter-spacing: 0.027em;
    }

    body.stand3 #content #main-visual > .inner > .inner-02 > #circle {
        position: absolute;
        top: 10.86vw;
        left: 71.81vw;
        width: 24.7vw;
        margin: 0;
    }

    body.stand3 #content #main-visual > .inner > .inner-02 > #circle > img {
        display: block;
        width: 100%;
        height: auto;
    }

    /* 料金比較：SP用の画像を331px幅で表示。 */
    body.stand3 #_price .shunyu-sp {
        max-width: 331px;
        margin: 0 auto;
    }

    body.stand3 #_price .shunyu-sp > img {
        display: block;
        width: 100%;
        height: auto;
    }

    /* 申込フォーム上部：SPは画像ではなく文章＋STEP画像で組む（パネル高さ229px）。 */
    body.stand3 #_application.application-home > .application-wrap > .img {
        display: none;
    }

    body.stand3 .pitta-form-head-sp {
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        width: 100%;
        min-height: 229px;
        margin-bottom: 40px;
        padding: 22px 0 18px;
        background: #f7f7f7;
        color: #000;
        font-weight: 600;
        text-align: center;
    }

    body.stand3 .pitta-form-head-sp .badge {
        padding: 4px 7px;
        background: #333;
        color: #fff;
        font-size: 9px;
        line-height: 9px;
        letter-spacing: 0.018em;
    }

    body.stand3 .pitta-form-head-sp .lead {
        margin-top: 15px;
        font-size: 12px;
        line-height: 9px;
    }

    body.stand3 .pitta-form-head-sp .tit {
        margin-top: 11px;
        font-size: 17px;
        line-height: 18px;
    }

    body.stand3 .pitta-form-head-sp .steps {
        width: 300px;
        max-width: 100%;
        margin-top: 23px;
    }

    body.stand3 .pitta-form-head-sp .steps > img {
        display: block;
        width: 100%;
        height: auto;
    }

    body.stand3 .pitta-form-head-sp .note {
        /* 旧CSSの.note（赤字）を打ち消す。 */
        color: #000 !important;
        width: 300px;
        max-width: 100%;
        margin-top: 4px;
        font-size: 7px;
        line-height: 11px;
        text-align: left;
    }
}