@charset "UTF-8";

/****************************************************************

	フォームの固定メニュー用CSS

****************************************************************/

/* スクロールしてから表示 */

#form_sticky_btn {
    display: none;
}

#form_sticky_btn.on {
    display: block;
    opacity: 1;
    animation: appear .6s ease;
}

@keyframes appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/* ボタン位置固定 */
#form_sticky_btn_fixed {
    display: block;
    height: 130px;
}



/* CONTACTボタンを非表示に */

.footer_contact {
    display: none;
}

/* ------------------------
    
    ボタンCSS(共通) 
    
    ------------------------ */

#form_sticky_btn {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 16px 10%;
    background-color: #ede8dbdb;
    border-top: 1px solid #e4d4ad;
    border-bottom: 1px solid #e4d4ad;
    transition: .6s;
}

#form_sticky_btn .btn_search {
    margin-top: 0;
    max-width: 400px;
}


/* フォーム下部で固定表示 */

#form_sticky_btn.position_basis {
    background: none;
    border: none;
}

/* ------------------------
    
    ボタンCSS(STEP2以降) 
    
    ------------------------ */

#form_sticky_btn .btns {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    gap: 10px;
    justify-content: center;
    max-width: 990px;
    margin: 0 auto;
}

#form_sticky_btn .btns .btn_search {
    margin-bottom: 0;
    padding: 0 10px 0 0;
    width: 60vw;
}

#form_sticky_btn .btns .btn_back {
    margin-bottom: 0;
    padding: 0 0 0 10px;
    width: 40vw;
    max-width: 180px;
    border: 1px solid #B7A075;
    background: #FFF;
}

#form_sticky_btn .btns .btn_back .submit {
    color: #5C4F3A;
}

#form_sticky_btn .btns .btn_back:before {
    background-color: #B7A075;
}

#form_sticky_btn .btns .btn_back:after {
    border-top: 1px solid #B7A075;
}

#form_sticky_btn .btns .btn_back:hover {
    background-color: #fffbf6;
    opacity: .7;
}

/* フォーム下部で固定表示 */

#form_sticky_btn.position_basis .btns {
    margin: 0 auto;
    padding: 35px 0;
}

@media screen and (max-width: 640px) {
    #form_sticky_btn.position_basis .btns {
        flex-direction: column;
    }
}

#form_sticky_btn.position_basis .btns .btn_search,
#form_sticky_btn.position_basis .btns .btn_back {
    width: 100%;
    max-width: 100%;
}


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

    #form_sticky_btn .btns .btn_search {
        padding: 0;
    }

    #form_sticky_btn .btn_search:before,
    #form_sticky_btn .btn_search:after {
        display: none;
    }

    form .submit {
        text-align: center;
    }

}