@charset "UTF-8";
/*
contact
===============================*/

/* Content */
.contents_inner{padding:4.5rem 0;}
.contents_inner {
    width: 84rem;
}


.contents_inner.contact h2 {
    text-align: center;
    font-weight: bold;
    font-size: 3.2rem;
    color: #bc5f87;

}

.contact_lead {
    padding-top: 40px;
    font-size: 1.7rem;
}

.contact_lead p {
    padding-bottom: 10px;
}

.mandatory {
    color: #ff0000;
}

.any {
    color:#7887eb;
    font-size: 1rem;
    vertical-align: text-top;
}

.contact-form {
    padding-top: 40px;
}

.contact-form .block-form {
    border-bottom: 1px dashed #222;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 2rem 0;
}

.contact-form .block-form dt {
    width: 30%;
}
.contact-form .block-form dd {
    width: 70%;
}
.contact-form .block-form dd label {
    display: inline-block;
    margin-right: 1rem;
    cursor:pointer;
}

.contact-form .block-form dd span {
    display: inline;
    margin-right: 1rem;
}

.form-input-text,
.form-textarea{
    width: 100%;
    border: 1px solid #999 !important;
    padding: 0.5rem 1rem !important;
    font-size: 1.6rem;
}



.form-input-text.w-90{
    width: 90%;
    margin: 0 0.5rem;
}

.form-input-text.w-20{
    width: 20%;
    margin: 0 0.5rem;
}
.form-input-text.w-10{
    width: 10%;
    margin: 0 0.5rem;
}

.form-bottom-wrap {
    text-align: center;
    padding-top: 60px;
}

.form-bottom-wrap .btn {
    width: 200px;
    background-color: #bc5f87;
    color: #fff;
    font-size: 1.6rem;
    padding: 1rem 0.5rem;
}

.form-bottom-wrap .btn.gray {
    background-color: #999;

}

.error {
    background-color: #fcc;
    color: #B70000;
    display: block !important;
    text-align: center;
    font-size: 1.5rem;
    padding: 0.5rem;
    margin-right: 0 !important;
}