@charset "utf-8";

#contact{margin-top: 60px;}
#contact .title{font-size: 5rem; color: #3e3a39;}
#contact .title-en{font-size: 2.3rem; color: #3e3a39; margin-top: 12px; border-bottom: 1px solid #009693; padding-bottom: 20px;}

#contact .info{color: #4c4948; font-size: 2rem; line-height: 1.8; margin-top: 30px;}

#contact .con{margin-top: 30px; font-size: 2.4rem; line-height: 1.8;}
#contact .con p{line-height: 1.8; font-size: 2.4rem;}

#map{height: 610px; background: #d9d9d9; margin-top: 80px; position: relative; z-index: 1;}
#map .info{border: solid 1px silver; padding:18px 20px; background:#fff;}
#map div.info-top{position: relative; background: none repeat scroll 0 0; border-bottom: 2px solid #555;}
#map div.info-top div{display: inline-block; color: #222; font-size: 16px; font-weight: bold; padding:5px 0 10px 0;}
#map div.info-top img{position: absolute; top: 0; right: 0; transition-duration: 0.35s;}
#map div.info-top img:hover{box-shadow: 0px 0px 5px #000;}
#map  div.info-middle{font-size: 13px; padding:10px 0; line-height: 20px; color:#333;}
#map div.info-bottom{height: 0px; width: 100%; clear: both; text-align: center;}
#map div.info-bottom img{position: relative; z-index: 98; margin-top:18px;}
#map span{margin-left: 5px; font-size: 11px;}

@media (max-width:1199px){
  #contact{margin-top: 50px;}
  #contact .title{font-size: 2.2rem;}

  #contact .info{font-size: 1.4rem;}
  #contact .con{margin-top: 30px; font-size: 1.6rem;}
  #contact .con p{font-size: 1.6rem;}

  #map{height: 300px; margin-top: 50px;}
}