@charset "utf-8";
/* CSS Document */
.infoBox{ display:block;}
.smInfoBox{ display:none;}
.contactBox{ width:80%; margin:10px auto 90px; overflow:hidden;}
.contactBox .map{ width:100%; height:320px; height:336px\9; margin-right:5%; float:left; overflow:hidden;}
.contactBox .contInfo{ width:100%; float:left; overflow:hidden;margin-top:30px;}
.contactBox .contInfo .info{ font-size:.75rem;}
.contactBox .contInfo img{ margin-top:26px;}
.contactBox .contInfo #img02{ margin-left:6%;}
@media screen and (min-width:894px) and (max-width:1150px){
.contactBox{ width:90%; margin:10px auto 50px; overflow:hidden;}
}
@media screen and (max-width:894px){
.contactBox .map{ height:230px;}
.infoBox{ display:none;}
.smInfoBox{ display:block; text-align:center;font-size:.75rem; color:#727272;}
.contactBox{ width:90%;}
.contactBox .map{ width:100%;margin-bottom: 20px;}
.contactBox .contInfo{ width:100%;text-align:center;}
}
@media screen and (max-width:396px){
.contactBox .contInfo #img02{ margin-left:0;}
}


.contactBox .contInfo img{max-width:100%;}