html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, strong, var, dl, dt, dd, ol, ul, li, form, label, table, caption, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  box-sizing: border-box;
}

body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

a {
  color: #3f3f3f;
  text-decoration: none;
}

ol, ul {
  list-style: none;
  list-style-type: none;
}


footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr minmax(auto, 880px) 1fr;
  height: 50px;
  background: #ffffff;
  box-shadow: 0 2px 4px #3f3f3f;
}

.footer_wrapper {
  grid-row: 1;
  grid-column: 2;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  align-items: center;
  width: 100%;
  color: #3f3f3f;
  font-size: 16px;
  padding: 0 24px;
}

.footer_home_section {
  grid-row: 1;
  grid-column: 1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.footer_rank_section {
  grid-row: 1;
  grid-column: 2;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.footer_home_section img {
  width: 20px;
  height: 20px;
}

.footer_rank_section img {
  width: 24px;
  height: 20px;
}

.footer_home_section span, .footer_rank_section span {
  font-weight: bold;
  margin-left: 5px;
}