@charset "UTF-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css?family=Roboto:100');
#contact{ background-color:#f2f3f5; padding-bottom:90px;}
#contact h2{ font-size:4rem; font-weight:100; text-align:center; padding:80px 0 14px 0; line-height:1.6;}
#contact h2 p{ font-size:1.4rem; letter-spacing:0.2em; text-align:center;}
#contact .box{ background-color:#fff; padding:60px 60px 100px 60px; margin:0 -15px;}

#mailform{ padding:80px 0 0 0;}
#mailform .form1 { margin-bottom:50px;}
#mailform .form1 span.title{ font-weight:bold; padding-right:86px;}

#mailform ul{ text-align:center; margin-bottom:40px;}
#mailform li{ width:340px; float:left;}
#mailform li:first-child{ margin-right:30px;}
#mailform li:last-child{ float:right;}
#mailform .form3 li:last-child{ width:710px;}
.form4{ padding-bottom:90px;}
.form4 .txt{ padding:65px 0 35px 0; border-bottom:1px solid #dcdcdc; margin-bottom:30px;}
.form5{ padding-bottom:20px;}
span.wpcf7-list-item { text-align:left;}
span.wpcf7-list-item-label{ padding-right:30px; text-align:left; letter-spacing:0;}



#mailform textarea,#mailform input,#mailform select{
border:1px solid #dcdcdc;
background-color:#fff;
padding:10px;
margin-bottom:5px;
font-size:1.4rem;
}
#mailform .form2 input,#mailform .form2 select,#mailform .form3 input,#mailform .form5 textarea{ width:100%;}
#mailform input.days{ width:70px;}
#mailform input.check,#mailform .check input{border:0;background-color:none; width:20px; vertical-align:middle;}
#mailform .form4 select{ width:350px; margin-right:20px}
#mailform .form4 select.time{ width:135px;}
#mailform .form6{ padding:40px 0 0 8px;}
#mailform .form6 input{ background:#000;border-radius:0; border:none; padding:12px 0; width:225px; color:#fff; font-size:1.6rem; font-weight:bold; cursor:pointer;}
#mailform .form4 input{ margin-right:10px;}

@media screen and (max-width: 767px) {
#contact{ padding-bottom:0;}
#contact .container{padding: 0;}
#contact h2{ font-size:2.8rem; padding:30px 0 15px 0; line-height:1.6;}
#contact .box{ padding:30px 15px; margin:0;}

#mailform{ padding:50px 0;}
#mailform .form1 { margin-bottom:30px;}
#mailform .form1 span.title{ padding-right:0;}

#mailform ul{ text-align:center; margin-bottom:0;}
#mailform li{ width:100%; float:none; margin-bottom:20px;}
#mailform li:first-child{ margin-right:0;}
#mailform li:last-child{ float:none;}
#mailform .form3 li:last-child{ width:100%;}
#mailform .form4{ padding-bottom:30px;}
#mailform .form4 .txt{ padding:10px 0 20px 0; margin-bottom:20px;}
#mailform .form4 select{ width:100%;margin-right:0}
.wpcf7-list-item-label{ padding-right:0;}


}
@-moz-document url-prefix() {
  #mailform input.check,#mailform .check input {
    vertical-align:inherit;
  }