@charset "utf-8";
/* CSS Document */



#myMap{ width: 100%; height: 100%;resize:both;}
#myMap .content-window-card { position: relative; box-shadow: none; bottom: 0; left: 0;  width: auto; padding: 0;}
#myMap .content-window-card p {  height: 2rem;}
#myMap .custom-info { border: solid 1px silver; background: #fff;}
#myMap div.info-top {position: relative; background: #fff;}
#myMap div.info-top div {  display: inline-block; color: #333333; font-size: 16px; font-weight: bold; line-height: 31px;  padding: 0 10px;}
#myMap div.info-top img { position: absolute; top: 10px; right: 10px; transition-duration: 0.25s;}
#myMap div.info-top img:hover { box-shadow: 0 0 5px #000;}
#myMap div.info-middle { display: flex; justify-content: space-between;align-items: center; margin: 0 auto;padding: 20px; }
#myMap div.info-middle>.img{ display:inline-block; width: 200px; text-align: left;}
#myMap div.info-middle>.img>img{width: 100%;height: auto;}
#myMap div.info-middle>.box{display: inline-block; flex-grow: 1; padding-left: 30px; text-align: left; }
#myMap div.info-middle>.box>.title{font-size: 1.8rem;font-weight: bold;}
#myMap div.info-middle>.box>.con{ padding: 10px 0;}
#myMap div.info-middle>.box>.con>p{ display: block;padding: 5px 0;font-size: 1.4rem; color: #666;}
#myMap div.info-middle>.box>.con a{display: inline-block; color: #42a73f; text-decoration: underline;}
#myMap div.info-bottom { height: 0; width: 100%; clear: both; text-align: center;}
#myMap div.info-bottom img { position: relative; z-index: 104;}
#myMap span { margin-left: 5px; font-size: 11px;}


#contact{ box-sizing: border-box; padding:13% 100px 0 100px; background:rgba(1,83,139,.8); position:absolute; left:0; top:0; height: 100%; z-index:8;}
#contact>.title{ position: relative; font-size:3.2rem; color:#fff; display:block; padding-bottom: 20px; margin:0; font-weight:bold;}
#contact>.title:after{position: absolute;z-index: 1;left: 0;bottom: 0;width: 70px;height: 2px; background: #fff;content: '';}
#contact>.box{margin-top:50px; color:#fff; font-size:1.6rem;}
#contact>.box p{margin-bottom:15px;}
#contact>.box p>a{ position: relative; padding: 5px 0;}
#contact>.box p>a>i{ position: relative; margin-left: 6px; color: #fff; font-size: 2rem; border-bottom: 1px solid #fff;}


@media (max-width:1080px){
    #map{display:none;}
    #contact{width:100%; height: auto; position:relative; left:0; top:0; box-sizing:border-box; padding:130px 8% 40px 8%;}
    #contact>.title{font-size:3.6rem;}
    #contact>.box p>a{display: none;}
    .hidden-s{display:none;}
}

@media (max-width:640px){

    #contact>.title{font-size:3rem; }


}

@media (max-width:520px){

    #contact>.title{font-size:2rem; }
    #contact>.box{font-size:1.4rem;}

}