/* ----------------------------------------
	footer-area
---------------------------------------- */
.footer-area {
  position: relative;
  margin: 0 auto;
  padding: 0 3% 50px;
  width: min(100%, 1100px);
}
@media screen and (min-width: 768px) {
  .footer-area {
    padding: 0 20px 100px;
  }
}
.footer-area .head {
  padding-bottom: 20px;
  font-size: 1.28rem;
  font-weight: 700;
  color: #053657;
  text-align: center;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .footer-area .head {
    padding-bottom: 40px;
    font-size: 2.2rem;
  }
}
.footer-area .head small {
  font-weight: 700;
}
.footer-area .head span {
  display: inline;
  padding: 0 10px;
  background: linear-gradient(transparent 50%, #FFD400 50%);
}
.footer-area ul.areaList {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.footer-area ul.areaList li {
  margin-bottom: 10px;
  padding: 0 5px;
}
@media screen and (min-width: 768px) {
  .footer-area ul.areaList li {
    margin-bottom: 18px;
    padding: 0 8px;
  }
}
.footer-area ul.areaList li a {
  display: block;
  padding: 5px 15px;
  font-size: 1.0rem;
  color: #FFFFFF;
  background: #45B3CC;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.footer-area ul.areaList li a:hover {
  background: #053657;
  text-decoration: none;
}
.footer-area ul.areaList li a::after {
  font-family: FontAwesome;
  font-weight: 900;
  content: '\f138';
  padding-left: 5px;
  display: inline-block;
  text-decoration: none;
}