@charset "utf-8";

/* common */
input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s !important;
}

/* title */
#sec_title{
    width: 100%;
    height: 278px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: no-repeat center top / cover url(../image/contact/contact_title_bg.png);
}
@media screen and (max-width: 768px){
    #sec_title{
        width: 100%;
        height: 278px;
    } 
    #sec_title .title img{
        width: 75%;
        margin: 0 auto;
    }
}

/* form */
#sec_form{
    width: 545px;
    margin: 52px auto 0;
}
#sec_form .form_disc{
    font-size: 16px;
    line-height: 1.8125;
    letter-spacing: 0.075em;
    text-align: center;
    color: #4b350b;
}
#sec_form .form_disc span.red{
    color: #a50e0e;
}
#sec_form .form_cont form#mailformpro{
    margin-top: 54px;
    padding: 0;
}
#sec_form .form_cont form#mailformpro .mailform{
    border-top: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#sec_form .form_cont form#mailformpro .mailform ul{
    width: 100%;
    display: flex;
    align-items: flex-start;
}
#sec_form .form_cont form#mailformpro .mailform ul + ul{
    margin-top: 30px;
}
#sec_form .form_cont form#mailformpro .mailform ul .form_ttl{
    width: 180px;
    padding-top: 10px;
    font-size: 16px;
    line-height: 1.5;
}
#sec_form .form_cont form#mailformpro .mailform ul .form_ttl::before{
    content: "\3000\a0";
    font-size: 16px;
    line-height: 1.5;
    color: #a50e0e;
}
#sec_form .form_cont form#mailformpro .mailform ul .form_ttl.need::before{
    content: "※\a0";
}
#sec_form .form_cont form#mailformpro .mailform ul .con{
    width: 365px;
    padding: 0;
    line-height: 0;
}
#sec_form .form_cont form#mailformpro .mailform ul li input,
#sec_form .form_cont form#mailformpro .mailform ul li textarea{
    padding: 10px;
    border: 1px solid #4b350b;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5;
    background: none;
}
#sec_form .form_cont form#mailformpro .mailform ul li textarea{
    resize: none;
}
#sec_form .form_cont form#mailformpro .mailform .form_btn{
    padding: 0;
    display: flex;
    border-color: #dbaf01;
}
#sec_form .form_cont form#mailformpro .mailform .form_btn:hover{
    background: #dbaf01;
}
#sec_form .form_cont form#mailformpro .mailform .form_btn button{
    max-width: initial;
    margin: 0 auto;
    padding: 0;
    border: none;
    background: none;
}
@media screen and (max-width: 768px){
    #sec_form{
        width: 90%;
        margin: 26px auto 0;
    }
    #sec_form .form_cont form#mailformpro{
        margin-top: 27px;
    }
    #sec_form .form_cont form#mailformpro .mailform ul{
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    #sec_form .form_cont form#mailformpro .mailform ul + ul{
        margin-top: 15px;
    }
    #sec_form .form_cont form#mailformpro .mailform ul .form_ttl{
        width: 100%;
    }
    #sec_form .form_cont form#mailformpro .mailform ul .form_ttl::before{
        content: "";
    }
    #sec_form .form_cont form#mailformpro .mailform ul .con{
        width: 100%;
        margin-top: 5px;
    }
}

/* thanks.html - form_comp */
#sec_form_comp{
    width: 545px;
    margin: 52px auto 0;
}
#sec_form_comp .title{
    font-size: 24px;
    line-height: 1;
    text-align: center;
    color: #4b350b;
}
#sec_form_comp .text{
    margin-top: 26px;
    font-size: 16px;
    line-height: 1.8125;
    letter-spacing: 0.075em;
    text-align: center;
    color: #4b350b;
}
#sec_form_comp .back{
    margin: 52px auto 0;
}
@media screen and (max-width: 768px){
    #sec_form_comp{
        width: 90%;
        margin: 26px auto 0;
    }
    #sec_form_comp .back{
        margin-bottom: 52px;
    }
}

/* add - modal_check */
div#mfp_overlay_inner h4{
    margin-bottom: 0.5em;
    color:#dbaf01;
}
.mfp_element_date, .mfp_element_email, .mfp_element_number, .mfp_element_password, .mfp_element_select-one, .mfp_element_tel, .mfp_element_text, .mfp_element_textarea{
    border-radius: 0;
    box-shadow: none;
}
#sec_form .form_cont form#mailformpro .mailform ul li input, #sec_form .form_cont form#mailformpro .mailform ul li textarea{
    width: 100%;
    max-width: initial;
}
.mfp_buttons button{
    background-color: #dbaf01;
    text-shadow: none;
}
.mfp_element_button, .mfp_element_reset, .mfp_element_submit, button.mfp_next, button.mfp_prev{
    border-radius: 0;
    text-shadow: none;
}
.mfp_element_button:hover, .mfp_element_reset:hover, .mfp_element_submit:hover, button.mfp_next:hover, button.mfp_prev:hover{
    background: #dbaf01;
    box-shadow: none;
    opacity: 0.8;
}
.mfp_err{
    margin-top: 0.25em;
}
.mfp_warning{
    margin-top: 26px;
}
@media screen and (max-width: 800px){
    .mfp_buttons button#mfp_button_cancel {
        margin-top: 0;
    }
@media screen and (max-width: 768px){
    .mfp_warning{
        margin-top: 13px;
    }
}