body, html  {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "MS Pゴシック", "MS P Gothic", "Myriad Web", "Myriad Pro", Verdana, sans-serif;
  color: #555555 !important;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.main-content {
  flex-grow: 1;
}
.footer-client {
  margin-top: 50px;
  width: 100%;
  background: #ffa600;
  color: #fff;
  text-align: center;
  font-size: 15px;
  padding: 20px 0;
  position: relative;
  bottom: 0;
}
@media (max-width: 768px) {
  .footer-client {
    font-size: 13px;
    padding: 12px 0 6px 0;
  }
}