@charset "utf-8";

.sub_bn {}
.sub_bn:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/sub1_bn.jpg) 50% 0% no-repeat; background-size: cover; z-index: 1; filter: brightness(.8);}

.contact_con {width: 1280px; height: auto; margin: 60px auto; display: flex; justify-content: space-between;}
.contact_con .tit_con {position: sticky; top: 160px; height: 300px;}
.contact_con .tit_con h2 {font-size: 20px; line-height: 1.25em; font-weight: 300; margin-bottom: 10px;}
.contact_con .tit_con h3 { font-size: 40px; line-height: 1.25em; font-weight: 600;}

.contact_con .contact { width: 100%; text-align: center;}
.contact_con .contact .map-in{width: 100%; height: 600px; position:relative; margin: 0 auto; }
.contact_con .contact .map{width: 100%; height: 600px; position:relative; margin: 0 auto; }


@media (max-width: 1280px) {
    .contact_con{ width: 100%; padding:0 20px; }
}

@media (max-width: 1024px) {
    .contact_con .tit_con{ display: none;}
    .contact_con{ flex-direction: column; }
    .contact_con .contact{width: 100%; }
}
@media (max-width: 780px) {
.contact_con .contact .map-in{ height: 400px; overflow:hidden;}
.contact_con .contact .map{ height: 400px; }
}

@media (max-width: 520px) {
    .contact_con{ padding:0 10px; }
}
@media (max-width: 440px) {
}