@charset "UTF-8";
/*
    Template: swell
    Theme Name: STAND3
    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 #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 #_recommend .recommend-wrap {
    padding-inline: 20px;
    padding-top: 20px;
}

@media (min-width: 375px) {
    body.stand3 #_recommend .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 #_recommend .recommend-wrap {
        max-width: 680px;
        padding-inline: 55px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

/* 「2つの強み」の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;
    }
}