@charset 'utf-8';

/* historyArea
------------------------------*/
.historyArea div {
  padding: 5px 5px 15px;
}
.historyArea div + div {
  border-top: 1px solid #e4e1e1;
  padding: 15px 5px;
}
.historyArea p {
  font-weight: bold;
  font-size: 15px;
}
.historyArea p,
.historyArea dl dt {
  width: 17%;
  color: #0084a0;
  text-align: right;
}
.historyArea dl dt,
.historyArea dl dd {
  margin-top: 10px;
}
.historyArea dl dd {
  width: 79%;
}
.historyArea dl dd span {
  display: inline-block;
}
.historyArea dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  font-size: 13px;
}

@media screen and (max-width:320px) {
  .historyArea p,
  .historyArea dl dt {
    width: 20%;
  }
  .historyArea dl dd {
    width: 75%;
  }
}