/* Views/www_webpack/pages/history/history.css */
#history {
  display: grid;
  gap: 20px;
  padding: 20px clamp(20px, 5vw, 10vw);
}
#history p {
  font-size: clamp(0.9em, 1.1vw, 1em);
}
#history h1 {
  margin-bottom: 0;
}
.history__item {
  padding-left: 9vw;
}
.history__item strong {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0.2vw;
  color: var(--color-green);
  font-size: 3vw;
}
.history__item > div {
  display: grid;
  gap: 20px;
  margin-left: 0.8vw;
  padding: 50px 40px;
  border-left: 2px dashed var(--color-green);
}
.market_list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.market_list img {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgb(14 30 37 / 12%), 0 2px 16px 0 rgb(14 30 37 / 32%);
}