.error {
    font-weight: bold;
    color: #F00;
    font-size: 90%;
    display: block;
}

#con-l .main-con form > h3 {
    margin: 2em 0 0 0;
}

form > div {
    margin: .5em 0;
}
form > div > label {
    font-weight: bold;
}
form > div .field {
    display: block;
}
form > div .field input[type="text"],
form > div .field input[type="tel"],
form > div .field input[type="email"],
form > div .field select,
form > div .field textarea {
    padding: .5em;
    max-width: 100%;
}
form > div .field.checkbox > label {
    display: block;
    cursor: pointer;
}
form > div .field.radio > label {
    display: block;
    cursor: pointer;
}
form > div .field.checkbox > label input[type="checkbox"] + span,
form > div .field.radio > label input[type="radio"] + span {
    margin-left: .5em;
}
form .mt3 {
    margin: 3em 0 .5em 0;
}
form .ml2 {
    margin-left: 2em;
}

form button,
form input#return_button {
    background-color: #553a9b;
    border-style: none;
    color: #fff;
    font-size: 1.2em;
    margin-top: 30px;
    padding: 10px 30px;
}

form button:hover,
form input[type="submit"]:hover,
form input[type="button"]:hover {
    opacity: 0.8;
}

.required {
    color: red;
}

.confirm form > div .field.radio > span,
.confirm form > div .field.checkbox > span {
    display: block;
}

.confirm form .value {
    display:inline-block;
    padding: .5em;
    margin-bottom: .5em;
    background-color: #eee;
    width: 50%;
    word-break: break-word;
}
.confirm form .value.w100 {
    width: 100%
}