@charset "UTF-8";
footer {
  background-color: #fff;
}
footer .logo {
  width: 200px;
  margin: 0;
}
footer .logo img {
  width: 100%;
}
footer .banner {
  padding: 50px 0;
}
footer .banner ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
footer .banner ul li {
  width: 250px;
  margin: 0 20px;
  padding: 20px 5%;
  border: solid 2px #404040;
  border-radius: 10px;
}
footer .banner ul li img {
  width: 100%;
  vertical-align: bottom;
}
footer small {
  font-family: urw-din, sans-serif;
  font-weight: 500;
  font-style: normal;
  display: block;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background-color: #404040;
  padding: 20px 0;
}
@media screen and (max-width:1050px) {
  footer .banner {
    padding: 10px 0;
  }
  footer .banner ul {
    display: block;
  }
  footer .banner ul li {
    width: 200px;
    margin: 20px auto;
    padding: 10px 5%;
  }
}