@charset "utf-8";

#contact{width: 100%; height: 100%; position: relative; z-index: 1;}
#map{width: 100%; height: 100%; left: 0; top: 88px; background: #1c1c1c; z-index: 1; position: relative;}

#box{width:500px; height:370px; background:#fff; box-shadow:5px 5px 20px rgba(0,0,0,.1); position:absolute; left:10%; top:50%; z-index:2; margin-top:-180px; padding:45px 0 0 55px; box-sizing:border-box;}
#box h1{color:#464646; font-size:2.6rem; display:block; position:relative;}
#box h1:after{content:''; display:block; height:2px; width:42px; background:#ddd; position:absolute; left:0; bottom:-25px;}
#box .con{margin-top:55px; font-size:1.6rem;}
#box .con p{margin-bottom: 16px;}

@media (max-width:1279px){
  #contact{height: auto;}
  #map{height: 300px; top: 50px;}
  #box{width:100%; height:auto; position:relative; left: unset; top: unset; margin-top: 0; padding: 20px;}

  #btm .right{display: none;}
}