main {
  width: 100%;
  padding: 2% 5% 5%;
}

.ttl_history {
  margin: 5% auto 3%;
  text-align: center;
}

.list_wrapper {
  width: 60%;
  margin: 0 auto 10%;
}

.list_wrapper .list {
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid var(--main-color);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1.5em 0.5em;
}

.list_wrapper .list .list_item {
  font-size: var(--font-size-p);
  font-weight: 800;
  width: 7em;
  display: block;
}

.list_wrapper .list .list_content {
  display: block;
  font-size: var(--font-size-p);
  color: var(--txt-color);
  font-weight: 500;
  width: 40em;
}

@media (max-width: 980px) {
  .ttl_history {
    margin: 5% auto 3%;
  }

  .list_wrapper {
    width: 65%;
    margin: 0 auto 5%;
    min-width: none;
  }
}

@media (max-width: 980px) {
  .list_wrapper {
    width: 80%;
  }
}

@media (max-width: 480px) {
  .ttl_history {
    margin: 20% auto 8%;
  }

  .list_wrapper {
    width: 100%;
  }

  .list_wrapper .list .list_item {
    width: 15%;
  }

  .list_wrapper .list .list_content {
    width: 85%;
  }
}