.contact-box { border-top:1px solid #a1a1a1; margin-top:20px; padding-top:40px; display:table; width:100%; margin-bottom:30px; padding-bottom: 60px; }
.contact-left, .contact-right { display:table-cell; width:50%;}
.contact-left { padding-right:20px; border-right:1px solid #e4e4e4;}
.contact-right { padding-left:20px;}
.contact-left iframe { border-width:0; width:100%; height:285px; margin:12px 0 25px 0;}
.contact-info { display:table; width:100%; border-bottom:1px solid #bfbfbf; padding:14px 0;}
.contact-info-title { display:table-cell; vertical-align:top; width:75px; color:#ffffff; font-weight:bold;}
.contact-info-data { display:table-cell; vertical-align:top; width:calc(100% - 75px); color:#ffffff;}
.contact-info-data a { color:#ffffff;}
.contact-info-data a:hover { color:#0b63aa; }
.contact-info-data .tel { pointer-events: none; }
.contact-form ul { padding: 0; }
.contact-form li { margin-bottom: 10px; display: inline-block; width: 48%; font-size: inherit; line-height: inherit;}
.contact-form li.width-full { width: 97%; }
.contact-form input::placeholder, .contact-form textarea::placeholder {
    color: #000000;
}
.contact-form input, .contact-form textarea {
    border: 1px solid #a6a6a6;
    width: 100%;
    background: #fff;
    padding-left: 10px;
}
.contact-form textarea { height: 130px; }
.contact-form select {
    border: 1px solid #a6a6a6;
    width: 100%;
    background-image: url(../images/icon-select.png);
    background-repeat: no-repeat;
    background-position: right center;
    appearance: none;
    padding: 1px 27px 1px 10px;
    margin-bottom: 5px;
    background-color: #fff;
}

.form-btn { text-align:center;}
.form-btn button { margin:5px; width:calc(50% - 15px); text-transform:uppercase; color:#fff; background:#3f3f3f; padding:7px 5px; border: none; transition: all 0.5s;}
.form-btn button:hover { opacity:0.8;  filter: alpha(opacity=80); color:#fff;}
.form-btn2 { background:#0b63aa !important;}


@media only screen and (max-width: 640px) {
  .contact-left, .contact-right { display:block; width:100%; padding-left:0; padding-right:0;}
  .contact-left { border-right:0px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
  .contact-info-data .tel { pointer-events: visible; }
  .contact-form ul {display: flex; flex-flow: wrap; justify-content: space-between;}
  .contact-form li {width: 49%;}
  .contact-form li.width-full {width: 100%;}
}

@media only screen and (max-width: 350px) {
    .contact-form li.width-full, .contact-form li {width: 100%;}
}

h1.title01{
    border: none;
    padding-bottom: 0;
}