@charset "UTF-8";

/* Inquiry Block ------------------*/

/* Contact Block ------------------*/
.contactBlc{
border-bottom:3px solid #cfcfcf;
margin:4% 0 6%;
padding:0 0 5%;
position:relative;
}

.contactBlc:after{
background:url(../img/common/arrow_down_title.jpg) scroll no-repeat;
content:"";
width:67px;
height:22px;
position:absolute;
bottom:-22px;
left:0;
right:0;
margin:0 auto;
}

.contactBlc .inner{
max-width:500px;
margin:0 auto;
padding:0 4%;
}

.contactBlc .info{
margin:20px 0 30px;
padding:0 0 20px;
}

.contactBlc li{
padding:0 0 0 70px;
text-align:left;
vertical-align:top;
}

.contactBlc li.tel{
background:url(../distanza_inquiry/img/icon_tel.png) no-repeat scroll 7px center;
margin:0 0 30px 0;
min-height:50px;
}

.contactBlc li.mail{
background:url(../distanza_inquiry/img/icon_notebook.png) no-repeat scroll left top;
margin:0 0 30px;
min-height:50px;
}

.contactBlc .telNum{
margin:10px 0 0;
display:block;
}

/* Form Block ------------------*/
.formBlc{
max-width:1000px;
margin:80px auto 50px;
padding:0 4%;
}

.formBlc table{
margin:0 0 15px;
}

#formSubmit{
margin:50px 0 0;
text-align:center;
}

.focusAnimation{
border:1px solid #ccc;
transition:all 0.3s ease-in-out 0s;
}

.focusAnimation:focus{
border:1px solid #39c;
box-shadow:0 0 5px #39c;
outline:medium none;
transition:all 0.3s ease-in-out 0s;
}

/* Other Block ------------------*/
.entryBlc{
margin:0 auto 50px;
}

.ruleBlc dt{
font-size:100%;
font-weight:bold;
margin:0 0 10px;
text-align:left;
}

.ruleBlc dd{
margin:0 0 20px;
text-align:left;
}

.required{
background:#f02424;
color:#fff;
display:inline-block;
font-size:12px;
margin:0 5px;
padding:0;
text-align:center;
width:40px;
}

.nRequired{
background:#999;
color:#fff;
display:inline-block;
font-size:12px;
margin:0 5px;
padding:0;
text-align:center;
width:40px;
}

@media screen and (max-width: 768px) {
.formBlc table th,
.confirmBlc table th{
width:96%;
border-bottom:none;
}

.formBlc table td,
.confirmBlc table td{
border-top:medium none;
display:block;
vertical-align:baseline;
}

.formBlc input,
.confirmBlc input{
padding:2px;
}

.formBlc input.wideSize{
width:95%;
}

.formBlc input.middleSize{
width:70%;
}

.formBlc input[type=tel]{
width:20%;
}

.formBlc textarea{
height:200px;
width:90%;
}
}