@charset "utf-8";


.ta-left{text-align: left;}
.ta-right{text-align: right;}
.ta-center{text-align: center;}

.input-form {
    padding: 0 2em;
    background-color: #9DAAC3;
}
.input-form:nth-child(even) {
    background-color: #fff;
}
.input-form .required,
.input-form .optional {
    padding: 0 2em;
}
.input-form .required span {
    background-color: #DE002D;
    color: #fff;
    padding: 0.5em;
    font-size: 0.8em;
}
.input-form .optional span {
    background-color: #000;
    color: #fff;
    padding: 0.5em;
    font-size: 0.8em;
}

.error-msg,
.error {

}
.input-form .name-tag {
    text-align: justify;
    text-align-last: justify;
}

.input-form.input-form-textarea label {
    margin: 1em 0;
}

.privacy {
    margin-top: 3em;
}

button

{

    -webkit-appearance : none;

    -webkit-tap-highlight-color : rgba(0,0,0,0);

    display:block;

    border-radius:5px;

    border:0px solid transparent;

    background-color:transparent;

    transition-duration:0.2s;

    transition-property:all;

    transition-timing-function:ease;

    max-width: 330px;
    width: 100%;
    margin: 2em auto;

    vertical-align: bottom;

    cursor:pointer;
}

button span {
    padding: 1em 0;
    display: block;
    color: var(--color-white);
}

button.button-contact {
    background-color: var(--color-navy);
    border-color: transparent;
    margin-bottom: 3em;
}

button.button-contact:hover {
    border-color: var(--color-navy);
}



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

    .input-form {
        padding: 0 0.5em;
    }


}