@charset "utf=8";
/* フッターを下に固定する */
#top{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

footer{
  margin-top: auto;
}

/* ここからがリストのCSS */
section {
  width: 60vw;
  display: block;
  margin: 15vh auto;
}

.nendo {
  color:  #8CC80C;
  padding: 0.5rem;
  border-bottom: 1px solid #c8c8c8;
}

.report {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.report_list_item {
  padding: 0.5rem;
}

/* 画面幅が480ピクセル以下の場合 */
@media screen and (max-width: 480px) {

  h1,
  #BI-contents dt {
    font-size: 12px;
  }

  h2,
  h3 {
    font-size: 12px;
  }

  p,
  #BI-contents dd {
    font-size: 8px;
  }

  a {
    font-size: 8px;
  }

  .sec-title {
    padding: 8px;
  }

  section {
    margin: 5vh 5vw;
    width: auto;
  }
  
}