/* -----------------------------------------------------*/
/*                                                      */
/* CONTACT SETTING 2018   　　    　         　          */
/*                                                      */
/* -----------------------------------------------------*/
#contact { }
#contact #main-visual { padding-top: 6.875rem; }
#contact .section-unit h4 {
font-size: 1.375rem;
line-height: 1.65em;
font-weight: 500;
margin-bottom: 2rem;
}
#contact .tel {
display: inline-block;
margin-top: 2rem;
font-size: 2.5rem;
line-height: 2.5rem;
position: relative;
}
#contact .tel > i {
margin-right: 0.25em;
margin-top: 0.125em;
vertical-align:top;
}
#contact .tel span {
display: block;
font-weight: 600;
margin-top: 0.25rem;
font-size: 0.875rem;
}

/* MAIL FORM-----------------------------------------------------*/


#contact .mail-form { margin-top: 2rem; }

#contact .mail-form .form-flow-title {
display: block;
margin: 2rem 0 0rem 0;
font-size: 1.5rem;
position: relative;
}
#contact .form-wrap h4 > span {
position: absolute;
top: 0.5rem;
right: 0;
text-align: right;
font-size: 0.875rem;
}
.require-mark {
display: inline-block;
margin-right: 0.25em;
color: rgba(255,0,0,1.00);
font-weight: 600!important;
}
#contact .form-wrap h5 {
display: block;
margin-bottom: 2rem;
font-size: 1.5rem!important;
font-weight: 500;

}
.mail-form .form-control {
background: rgba(253,253,253,1.00);
border: 1px solid rgba(204,204,204,1.00);
}
.mail-form .form-control {
width: 100%;
min-height: 2.25rem;
padding: 0.375rem 0.75rem;
line-height: 1.42857143;

margin-top: 0.625rem;
margin-bottom: 0.625rem;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
}
.mail-form .birthday1 .form-control {
width: auto;
min-height: 2.25rem;
padding: 0.375rem 0.75rem;
line-height: 1.42857143;

margin-top: 0.625rem;
margin-bottom: 0.625rem;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
}
.mail-form .ex {
font-size: 0.875rem;
line-height: 1.65em;
color: rgba(153,153,153,1.00);
display: inline-block;
}
select {
min-height: 2.25rem;
line-height: 2.25rem;
}

::-webkit-input-placeholder {
color: rgba(153,153,153,1.00);
font-weight: 200;
}
.mail-form .input-inline { margin-top: -5px !important; }
.radio {
margin: 0.75rem 0 0rem 0;
padding: 0px auto;
}
.radio input { display: none; }
.radio label {
display: inline-block;
float: left;
cursor: pointer;
width: 50%;
margin-top: -5px;
padding: 0px !important;
background-color: rgba(200,200,200,1.00);
color: rgba(153,153,153,1.00);
text-align: center;
line-height: 2.25rem !important;
transition: .3s;
height: 2.25rem!important;
overflow: hidden;
font-size: 1rem;
}
.radio .label-left {
border-top: 1px solid rgba(204,204,204,1.00);
border-left: 1px solid rgba(204,204,204,1.00);
border-bottom: 1px solid rgba(204,204,204,1.00);
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.radio .label-right {
border: 1px solid rgba(204,204,204,1.00);
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.radio label:first-of-type { border-radius: 3px 0 0 3px; }
.radio label:last-of-type { border-radius: 0 3px 3px 0; }
.radio input[type="radio"]:checked + .switch-on {
background: rgba(253,253,253,1.00);
color: rgba(17,17,17,1.00);
}
.radio input[type="radio"]:checked + .switch-off {
background: rgba(253,253,253,1.00);
color: rgba(17,17,17,1.00);
}
.mail-form .required {
display: inline-block;
margin: 0 0 0 0.625rem;
}
.mail-form span.num {
display: inline-block;
width: 1.875rem;
height: 1.875rem;
line-height: 1.875rem;
overflow: hidden;
text-align: center;
font-size: 1.125rem;
margin-right: 0.5em;
color: white;
font-family: "jaf-facitweb", sans-serif;
font-style: normal;
font-weight: 600;
vertical-align: bottom;
background-color: rgba(17,17,17,1.00);
}
.mail-form label {
font-size: 1.125em;
font-weight: 500;
line-height: 1.875rem;
}
.fact-title {
margin-bottom: 1rem;
margin-top: 1rem;
}
label.small-title {
text-align: left;
margin-bottom: 0.75rem;
display: block;
}
.fact-title span {
display: block;
margin-top: 0.5rem;
}
.mail-form p.conf {
font-size: 1.2em;
line-height: 1.6em;

font-weight: 400;
padding: 0px 30px 10px 30px;
margin: 0 0 10px 0;
display: block;
border-bottom: 1px solid #eee;
}
.error-wrap { margin-top: 1rem; }
.error-wrap ul li {
display: block;
margin: 1rem 0;
font-size: 1.125rem;
line-height: 1.65em;
font-weight: 400;
}
.pull-left {
float: left !important;
padding-right: 0.75rem;
}
.error-wrap ul li i { color: rgba(255,0,0,1.00);}
.mail-form .form-group { margin-bottom: 1.25rem; }
.mail-form .btn {
border-radius: 0;
border: none;
background-color: rgba(204,204,204,1.00);
color: white;
line-height: 2.875rem;
font-weight: 400;
font-size: 1.125rem;
margin: 0px;
padding: 0px 1rem 0px 1rem;
height: 2.875rem;
width: 100%;
overflow: hidden;
}
.mail-form .submit { background-color: rgba(17,17,17,1.00); }
.mail-form .reset { background-color: #bbb; }
.require {
color: #af1f24;
display: inline-block;
margin: 0 0.2em;
}
.required-i {
display: inline-block;
margin: 0 0.25rem;
font-size: 0.75em;
line-height: 1em;
vertical-align: text-top;
}
.under-form {
display: block;
margin: 1.5rem 0 0 0!important;
line-height: 1.65em!important;
font-size: 0.875rem!important;
}
.contact-wrap .itemize:first-of-type { margin-top: 2rem; }
.contact-wrap .itemize:last-of-type { border-bottom: none!important; }


#privacy{}

#privacy p{margin-top: 3rem;}
#privacy strong{color: rgba(17,17,17,1.00); font-weight: 500;display: block; margin-bottom: 0.25rem;}

/* BREAK POINT -----------------------------------------------------*/
@media (max-width: 767px) {
#contact .tel {
text-align: center;
width: 100%;
}
label.small-title {
text-align: left;
margin-bottom: 0.75rem;
display: inline-block;
}
.select-wrap { margin-top: 1rem; }
}/*----------------------------------------------------- BREAK POINT*/