/*-------------------------
    common
-------------------------*/


/*-------------------------
    #main-content
-------------------------*/
#main-content{
    background: var(--color-bg-gray);
}
.wpcf7{
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
form{
    background: transparent;
    color: var(--color-navy);
    padding: 0;
}
.form-flex{
    gap: 40px;
}
.form-flex>.form-item{
    width: calc((100% - 40px) / 2);
}
form label>span{
    font-weight: 600;
}
input, select, textarea{
    background: var(--color-white);
    color: var(--color-black);
    border: none;
}
input:focus, select:focus, textarea:focus{
    background: rgba(131, 135, 145, .5);
    background: var(--color-white);
}
input:invalid,input:invalid:focus,
select:invalid,select:invalid:focus,
textarea:invalid,textarea:invalid:focus{
    background: rgba(131, 135, 145, .5);
}
@media (max-width: 1024px){
    .form-flex{
        flex-direction: row;
        gap: 40px;
    }
}
@media (max-width: 768px){
    .form-flex{
        flex-direction: column;
        gap: 0;
    }
    .form-flex>.form-item{
        width: 100%;
    }
}