.l-bg__wrap {
    .mv {

        h2 {
            img {
                width: 21.5vw;
            }
        }

         > img {
            top: var(--p190-spa);
            right: var(--p260-spa);
            width: 26.8vw;
        }
    }
}

.l-main {
    
    .intro {
        p {
            text-align: center;
            font-size: var(--14to20);
            line-height: var(--lh-26);
            margin-bottom: var(--p160-spa);
        }
    }

    .bl-bg__common2 {
        .container {

            .form-row {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                gap: var(--p100-spa);
                margin-bottom: var(--p80-spa);

                .form-label-wrap {
                    width: 24.5%;
                    p {
                        display:flex;
                    align-items:center;
                    justify-content: flex-start;
                    gap: var(--p60-spa);

                    br {
                        display: none;
                    }

                    }
                }

                label {
                font-weight: var(--fw-700);
                width: 46.3%;
                line-height: 1.4;
                }

            .badge {
                font-weight: var(--fw-700);
                font-size: var(--12to14);
                color: #fff;
                background-color: var(--blue);
                padding: 7px;
                width: var(--p80-spa);
                text-align: center;
                border-radius: var(--p20-spa);
            }

            .form-control {
                width: 66.3%;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                gap: var(--p30-spa);

                p {
                    width: 100%;
                }

                input,textarea {
                    width:100%;
                    max-width:100%;
                    padding: var(--p25-spa) var(--p35-spa);
                    border-radius: var(--p15-spa);
                    background-color: #fff;
                    font-size: var(--14to20);
                    line-height:1.6;
                }

                input::placeholder,
                textarea::placeholder {
                    color: var(--gray);
                    font-weight: var(--fw-500);
                }

                .split {
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    gap: var(--p30-spa);

                     p {
                        display: flex;
                align-items: center;
                justify-content: flex-start;
                gap: var(--p30-spa);

                        span {
                            br {
                                display: none;
                            }
                        }
                    }


                    span {
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;
                        gap: var(--p20-spa);

                        input {
                        width: var(--p310-spa);
                    }

                    }

                }

                .form-note {
                    font-size: var(--12to16);
                }
            }

            .answer {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                gap: var(--p10-spa);

                p {
                    width: fit-content;
                }
            }

            .note {
                    input {
                        width: 18.2vw;
                    }

                    p {
                        width: auto;
                    }
                }

            
            }

            .field--textarea {
                align-items: flex-start;
                margin-bottom: var(--p140-spa);
            }

            .form-actions {

                .form-btn {
                    width: 23.4vw;
                    text-align: center;
                    border-radius: var(--p100-spa);
                    cursor: pointer;
                    position: relative;
                    transition: 0.3s;

                    &::before {
                        content: "";
                        display: inline-block;
                        width: 0;
                        height: 0;
                        border-top: 8.5px solid transparent;
                        border-bottom: 8.5px solid transparent;
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                    }

                    &:hover {
                        transition: 0.3s;
                        transform: scale(1.02);
                    }

                    input {
                        font-size: var(--14to24);
                        font-weight: var(--fw-700);
                        width: 100%;
                        display: block;
                        padding: var(--p40-spa);
                        cursor: pointer;
                    }

                    /* 静的ページのみ */
                    a {
                        font-size: var(--14to24);
                        font-weight: var(--fw-700);
                        padding: var(--p40-spa);
                    }
                }

                .next-btn,.submit-btn {
                    background-color: var(--yellow);

                    &::before {
                        right: var(--p40-spa);
                        border-left: 15px solid var(--blue);
                    }

                    &:hover::before {
                        transition: 0.3s;
                    }

                    input {
                        color: #000;
                    }
                }

                .next-btn {
                    margin-left: auto;
                    margin-right: auto;
                }

                .prev-btn {
                    background-color: var(--blue);

                    &::before {
                        transform: rotateZ(180deg)translateY(50%);
                        border-left: 15px solid #fff;
                        left: var(--p50-spa);
                        transition: 0.3s;
                    }


                    &:hover::before {
                        transition: 0.3s;
                    }
                    
                    input {
                        color: #fff;
                    }

                    a {
                        color: #fff;
                    }
                }

                
            }

            .form-btn__wrap {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: var(--p60-spa);
            }

        /* 確認画面 */
        .form-wrapper {
            background-color: #fff;
            border-radius: var(--p40-spa);
            padding: var(--p120-spa) var(--p160-spa) var(--p160-spa);
            margin-bottom: var(--p140-spa);

            .form-row {
                padding-top: var(--p60-spa);
                padding-bottom: var(--p60-spa);
                border-bottom: 1px solid var(--gray);
                margin-bottom: 0;

                .form-label-wrap {
                    width: 23.6%;

                    label {
                        width: 100%;
                    }
                }

                .form-control {
                    width: 76.2%;

                    p {
                        line-height: var(--lh-30);
                        margin-top: -0.5vw;
                    }
                }
            }
        }

        .form-actions {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: var(--p60-spa);
        }

        }
    }

    .bread {
        background-color: var(--l-blue);
    }
}

/* サンクスページ */
.thanks-main {
    background-color: var(--l-yellow);
    padding-top: calc(110px + 9.1vw);
    padding-bottom: 15.6vw;

    .intro {
        h2 {
            font-size: var(--22to42);
            font-weight: var(--fw-700);
            letter-spacing: var(--lsp-60);
            text-align: center;
            margin-bottom: var(--p80-spa);
        }

        p {
            font-size: var(--14to20);
            line-height: var(--lh-30);
            margin-bottom: var(--p100-spa);
        }

        .normal-btn {
            margin-left: auto;
            margin-right: auto;

            a {
                padding: var(--p20-spa);
            }
        }
    }
}

/* 入力不備 */
.wpcf7-not-valid-tip {
    font-weight: var(--fw-500);
}

/*確認画面と完了画面を非表示*/
    .confirm_area,
    .thanks_area {
        display: none;
    }

/*デフォルトのサンクスメッセージを非表示*/
    .wpcf7-response-output{
        display: none;
    }

    .wpcf7-spinner {
        display: none;
    }

/* サンクスページのみMV非表示 */

/* 送信完了状態(is-thanks)時の見た目変更 */
body.is-thanks .thanks_area {
  display: block;
}
body.is-thanks .input_area,
body.is-thanks .confirm_area,
body.is-thanks .l-bg__wrap {
  display: none !important;
}

body.is-thanks .l-main {
  padding-top: 0;
}




@media screen and (max-width:768px) {

    .l-bg__wrap {
    .mv {

        h2 {
            img {
                width: 53.6vw;
            }
        }

         > img {
            top: 60vw;
            right: var(--p50-spa);
            width: 49.3vw;
        }
    }
}

.l-main {

        .intro {

            p {
                text-align: left;
                margin-bottom: var(--p60-spa);
            }
        }

        .bl-bg__common2 {
        .container {

            .form-row {
                flex-direction: column;
                gap: var(--p20-spa);
                margin-bottom: var(--p50-spa);

                .form-label-wrap {
                    width: 100%;

                    p {
                        gap: var(--p20-spa);
                    }
                }

                label {
                width: fit-content;
                }

                .badge {
                width: var(--p60-spa);
                text-align: center;
                border-radius: var(--p20-spa);
                }

                .form-control {
                flex-direction: column;
                align-items: flex-start;
                width: 100%;

                input,textarea {
                    padding: var(--p20-spa) var(--p20-spa);
                    border-radius: var(--p10-spa);
                    font-size: var(--16to20);
                }

                .split {
                    width: 100%;

                    p {
                        flex-direction: column;
                        gap: var(--p20-spa);

                        br {
                            display: none;
                        }
                    }

                    span {
                        width: 100%;

                        input {
                        width: 100%;
                    }

                    }

                }
                }

                .form-control.answer {
                    flex-direction: row;
                }

                .note {
                    width: 100%;
                    
                    p {
                        width: 100%;
                    }

                    input {
                        width: 100%;
                    }
                }
            
            }

            .field--textarea {
                margin-bottom: var(--p60-spa);
            }

            .form-actions {

                .form-btn {
                    width: 66.5vw;
                    transition: 0s;

                    &::before {
                        border-top: 5px solid transparent;
                        border-bottom: 5px solid transparent;
                    }

                    &:hover {
                        transition: 0s;
                        opacity: 1;
                        transform: scale(1);
                    }
                }

                .next-btn,.submit-btn {
                    background-color: var(--yellow);

                    &::before {
                        right: var(--p40-spa);
                        border-left: 7px solid var(--blue);
                    }

                    &:hover::before {
                        transition: 0.3s;
                    }

                    input {
                        padding: var(--p20-spa);
                    }

                }

                .next-btn {
                    margin-left: auto;
                    margin-right: auto;
                }

                .prev-btn {
                    background-color: var(--blue);

                    input {
                        padding: var(--p20-spa);
                    }

                    &::before {
                        border-left: 7px solid #fff;
                    }

                    &:hover::before {
                        transition: 0s;
                    }

                }

                
            }

            .form-btn__wrap {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: var(--p60-spa);
            }

        /* 確認画面 */
        .form-wrapper {

            width: 86.6vw;
            margin-left: auto;
            margin-right: auto;

            border-radius: var(--p25-spa);
            padding: var(--p30-spa) var(--p25-spa) var(--p80-spa);
            margin-bottom: var(--p60-spa);

            .form-row {
                padding-top: var(--p30-spa);
                padding-bottom: var(--p30-spa);
                margin-bottom: 0;
                gap: var(--p15-spa);

                .form-label-wrap {
                    width: 100%;
                }

                .form-control {
                    width: 100%;
                    line-height: var(--lh-20);

                    p {
                        margin-top: 0;
                    }
                }
            }
        }

        .form-actions {
            flex-direction: column;
            gap: var(--p30-spa);
        }

        }
    }

}

/* サンクスページ */
.thanks-main {
    padding-top: calc(60px + var(--p80-spa));
    padding-bottom: var(--p120-spa);

    .intro {
        h2 {
            line-height: var(--lh-22);
            margin-bottom: var(--p40-spa);
        }

        p {
            text-align: left;
            margin-bottom: var(--p60-spa);
        }
    }
}

}