#signboard {
  background: url(awards/symbol_bg_pattern.png) repeat center center, #130B46 url(awards/symbol_bg.png) no-repeat center center/cover;
}

#signboard > div {
  width: 100%;
  max-width: 800px;
  aspect-ratio: 800/256;
  margin: 0px auto;
  padding: 3% 0px 1% 0px;
}

#signboard > div > img {
  display: block;
  width: 100%;
  height: 100%;
}

dl.history {

  display: flex;
  flex-wrap: wrap;

  > dt {
    flex-basis: 20%;
    margin: 0px 0px 5% 0px;
    padding: 0px;

    > img {
      display: block;
      width: 100%;
      aspect-ratio: 1;
    }

    > strong {
      display: block;
      font-size: 1.2rem;
      text-align: center;
    }
  }

  > dd {
    flex-basis: 80%;
    flex-grow: 1;
    margin: 0px 0px 5% 0px;
    padding: 0px 0px 0px 2%;
    box-sizing: border-box;

    > div {
      padding: 2px 0px;
    }

    > div:nth-child(1) {
      margin-bottom: 1%;
      padding-top: 5%;
      line-height: 1;
      font-size: 1.8rem;

      > small {
        display: inline-block;
        font-size: 1.2rem;
      }
    }

    > div:nth-child(2) {
      margin-bottom: 1%;
      font-size: 1.2rem;

      > strong {
        font-size: 1.35rem;
        font-weight: normal;
      }
    }

    > ul {
      list-style-type: none;
      margin: 1% 0px;
      padding: 0px;

      > li {
        margin: 0px 0px 0.5% 0px;
      }
    }
  }
}