.web-footer-partner { background-color:#fff; }

.sec-contact { background-color:#f8f8f8;padding:60px 0px; }
.sec-contact > .wrapper { max-width:1300px;margin:0px auto; }
.sec-contact a { color:#333; }

.sec-contact h1 { font-size:20px; }

.sec-contact .addr-info { color:#333;margin-bottom:60px; }
.sec-contact .addr-info .box { margin:20px 0px;padding-left:40px; background-position:left center; background-repeat:no-repeat; background-size:22px auto;  }
.sec-contact .addr-info .box.blank { margin-top:-15px; }
.sec-contact .addr-info .box.addr { background-image:url(../img/contactus/icon/1.png); }
.sec-contact .addr-info .box.tel { background-image:url(../img/contactus/icon/2.png); }
.sec-contact .addr-info .box.email { background-image:url(../img/contactus/icon/3.png); }
.sec-contact .addr-info .box.line { background-image:url(../img/contactus/icon/line.png); }

.sec-contact .row { display:flex; flex-flow: row-reverse }
.sec-contact .row > .col { width:50%; box-sizing:border-box;padding:20px 40px;  }

.sec-contact .frm { max-width:400px; margin:10px 0px; }
.sec-contact .frm .line { margin-bottom:15px;  }
.sec-contact .frm .txtbox { font-size:13px;display:block;padding:10px 20px;border:1px #ccc solid;width:100%;box-sizing:border-box  }
.sec-contact .frm .btn-area { text-align:center; }
.sec-contact .frm .btn-area .btn { display:inline-block;background-color:#044da1;color:#fff;font-size:14px;border:none;padding:10px 45px; cursor: pointer;border-radius:5px; }

.sec-contact .map .btn-area { text-align:center;margin-top:15px; }
.sec-contact .map .btn-area .btn { display:inline-block;color:#044da1;font-size:14px;border:1px #044da1 solid;padding:10px 25px;margin:0px 5px; cursor: pointer;border-radius:5px; }


@media screen and (max-width:800px) {
    .sec-contact .row { flex-flow: row;display:block; }
    .sec-contact .row > .col { width:auto;  }
    .sec-contact .row > .col-map { height:600px; }

    .sec-contact .frm { max-width:100%; }
}

@media screen and (max-width:600px) {
    .sec-contact h1 { font-size:18px; }
    .sec-contact { padding:40px 30px; }
    .sec-contact .row > .col { padding:20px 0px; }
    .sec-contact .row > .col-map { height:400px; }
}


@media screen and (max-width:400px) {
    .sec-contact { padding:30px 20px; }
    .sec-contact h1 { font-size:16px; }
    .sec-contact .addr-info { font-size:12px; }
    .sec-contact .map .btn-area .btn  { font-size:12px;padding:8px 15px; }
}

@media screen and (max-width:340px) {
}