.contact_container{
    margin:5rem 0;
}


.contact_top_txt span{
    font-size: 1.25rem;
    font-weight: bold;
    color:#958370;
}

.contact_content{
    margin-top:3.75rem;
}
.contact_content h3{
    border-bottom: solid 1px #958370;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: bold;
    color:#958370;
    font-size: 1rem;
    padding-bottom:1.25rem;
}
.contact_content h3::before{
    content:"◼︎";
}
.contact_content .contact_txt{
    margin-top:1.25rem;
}

.contact_content .reservation_btn{
    width:396px;
    box-shadow: 0 0 10px rgba(149, 131, 112,.2);
    margin-top:1.875rem;
}
.contact_content .reservation_btn a{
    display: inline-block;
    width:100%;
    padding:.5rem 0;
    background-color: #FCF7F3;
    border-radius: 10px;
    border:solid 2px #958370;
    text-decoration: none;
    color:#958370;
    text-align: center; 
    transition: .3s;
}
.contact_content .reservation_btn a:hover{
    opacity: .6;
}
.contact_content .reservation_btn a div{
    display: flex;
    align-items: center;
    justify-content:center;
}
.contact_content .reservation_btn a div img{
    width:1rem;
    height:1rem;
    margin-left:1rem;
}


.contact_form{
    width:100%;
    padding:3.75rem 0;
    margin-top:3.75rem;
    background-color: #FCF7F3;
}
.contact_form .form_area{
    width:900px;
    margin:0 auto;
}
.form{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:1.25rem;
}
.form_name{
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: bold;
}
.form_name span{
    color:red;
}
.form p:not(.form_name),
.wpcf7-form-control-wrap{
    width:62.22%;
}

input{
    width:calc(100% - 2.5rem);
    font-size: 1rem;
    padding:1rem 1.25rem 1rem 1.25rem;
    border:solid 1px #958370;
    border-radius: 5px;
    background-color: white;
}

.form_box{
    width:62.22%;
    display: flex;
    justify-content: space-between;

}
.wpcf7-form-control-wrap:nth-of-type(2),
.wpcf7-form-control-wrap:nth-of-type(3){
    width:25.89%;
}
.wpcf7-form-control.wpcf7-select{
    width:100%;
    padding:1rem 1.25rem 1rem 1.25rem;
    font-size: 1rem;
    border:solid 1px #958370;
    border-radius: 5px;
    background-color: white;
    cursor: pointer;
}
.form_box .wpcf7-form-control-wrap:first-of-type{
    width:37.86%;
    display: flex;
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required{
    width:calc(100% - 2.5rem);
    font-size: 1rem;
    padding:1rem 1.25rem 1rem 1.25rem;
}
.contact_form .form_area .form.contact_forms{
    align-items: flex-start;
    margin-bottom:0;
}


.agreement{
    width:100%;
    height:152px;
    background-color: white;
    border:solid 1px #707070;
    overflow-y: scroll;
    margin:3.75rem 0;
}
.agreement .agreement_area{
    width:95%;
    height:80vh;
    margin:0 auto;
}

.submit_btn{
    width:264px;
    margin:0 auto;
}
.submit_btn input{
    width:100%;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: bold;
    background-color: #958370;
    color:white;
    border-radius: 5px;
    border:solid 1px #958370;
    transition: .3s;
    cursor: pointer;
}
.submit_btn input:hover{
    background-color: white;
    color:#958370;
}




/*確認画面*/

.confirm_container{
    margin:5rem 0;
}
.confirm_container .container .confirm_txt{
    text-align: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: bold;
}

.confirm_bg{
    width:100%;
    padding:3.75rem 0;
    background-color: #FCF7F3;
    border-radius: 10px;
    margin-top:1.25rem;
}
.confirm_bg .confirm_area{
    width:900px;
    margin:0 auto;
}

.confirm_area .form .answer{
    width:62.22%;
    white-space:pre-wrap;
}
.confirm_area .form .form_box{
    justify-content: flex-start;
}
.confirm_area .form .form_box .answer{
    width:auto;
    margin-right:.5rem;
}
.confirm_area .submit_btn{
    width:90%;
    margin-top:5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.confirm_area input.wpcf7-form-control.wpcf7-previous {
    display: block !important;
}
.confirm_area .submit_btn input{
    width:calc((100% - 5%) / 2);
}

.wpcf7-spinner{
    display: none;
}




/*送信完了*/
.thanks_container{
    margin:5rem 0;
}
.thanks_container .top_btn{
    width:260px;
    margin:3.75rem auto 0 auto;
}
.thanks_container .top_btn a{
    display:inline-block;
    width:100%;
    padding:.5rem 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: bold;
    background-color: #958370;
    color:white;
    border-radius: 5px;
    border:solid 1px #958370;
    transition: .3s;
    text-decoration: none;
    text-align: center;
}
.thanks_container .top_btn a:hover{
    background-color: white;
    color:#958370;
}



/*--------------------レスポンシブ----------------------*/

@media(max-width:1200px){
    .contact_form .form_area,
    .confirm_bg .confirm_area{
        width:700px;
    }
}

@media(max-width:1024px){
    .contact_form .form_area ,
    .confirm_bg .confirm_area{
        width: 90%;
    }
}


@media(max-width:768px){
    .contact_container{
        margin:2.5rem 0;
    }


    /*お問い合わせフォーム*/
    .contact_form{
        padding:2.5rem 0;
        margin-top:2.5rem;
    }
    .form{
        flex-flow: column;
        align-items: flex-start;
    }
    .contact_form .form_area .form p:not(.form_name), .wpcf7-form-control-wrap{
        width:100%;
    }
    .form_box{
        width:100%;
        flex-wrap: wrap;
    }

    /*確認ページ*/
    .confirm_area .submit_btn{
        width:100%;
    }
}


@media(max-width:425px){
    .contact_content .reservation_btn{
        width:100%;
    }

    /*お問い合わせフォーム*/
    .contact_form{
        padding:1.25rem 0;
        margin-top:1.25rem;
    }
    .form_box .wpcf7-form-control-wrap:first-of-type{
        width: 100%;
    }
    .wpcf7-form-control-wrap:nth-of-type(2), 
    .wpcf7-form-control-wrap:nth-of-type(3) {
        width: 48%;
        margin-top: .5rem;
    }

    .agreement{
        height: 200px;
        margin:2.5rem auto;
    }
    .submit_btn{
        width:100%;
    }


    /*確認用ページ*/
    .confirm_container{
        margin:2.5rem 0;
    }
    .confirm_bg{
        padding:1.25rem 0;
    }
    .confirm_area .submit_btn{
        margin-top:1.25rem;
    }
    .confirm_area .submit_btn input{
        width: calc((100% - 2%) / 2);
    }


    /*送信完了*/
    .thanks_container{
        margin:2.5rem 0 0 0;
    }
    .thanks_container .top_btn{
        width:100%;
        margin:2.5rem auto 0 auto;
    }
}