.map-box{
  max-width: 1100px;
  margin: 40px auto 65px;
  padding-bottom: 55px;
  border-bottom: solid 1px #ddd;
  height: 350px;
}
.map-box iframe{
  width: 100%;
  height: 100%;
}
.contact-box{
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  text-align: center;
  border-bottom: solid 1px rgba(254,222,190,0.3);
  padding-bottom: 30px;
}
.contact-box ul{
  display: inline-block;
}
.contact-box li{
  float: left;
  box-sizing: border-box;
  padding: 0 10px;
  display: block;
  width: 33.3333%;
}
.contact-box li.c1{width: 400px;}
.contact-box li.c2{width: 350px;}
.contact-box li.c3{width: 390px;}
.contact-box  .icon{
  background: url(../images/contact/01.png) no-repeat;
  width: 91px;
  height: 90px;
  float: left;
  display: block;
}
.contact-box .c2  .icon{background-image: url(../images/contact/02.png);}
.contact-box .c3  .icon{background-image: url(../images/contact/03.png);}
.contact-box  .txt{
  display: block;
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
  float: left;
  width: calc(100% - 110px);
  box-sizing: border-box;
  padding-top: 16px;
  font-size: 18px;
  font-weight: bold;
  color: #D5bfb0;
}
.contact-box .c3  .txt{
  padding-top: 35px;
}
@media screen and (max-width: 1240px) {
  .contact-box li{
    /*width: 100%;*/
    float: none;
  }
  .contact-box li.c1,
  .contact-box li.c2,
  .contact-box li.c3{
    width: 100%;
    display: inline-block;
    padding: 15px 0;
  }
  .contact-box ul{max-width: 400px;}

}
@media screen and (max-width: 480px){
  .contact-box li.c1,
  .contact-box li.c2,
  .contact-box li.c3{
    text-align: center;
  }
  .contact-box  .icon,
  .contact-box  .txt{
    float: none;
    width: 100%;
    text-align: center;
  }
  .contact-box  .icon{margin: 0 auto;width: 95px;}
  .contact-box .c1 .txt, .contact-box .c2 .txt,
  .contact-box  .txt{
    padding: 0;
    padding-top: 15px;
  }
}