.history {
  height: min(156.25vw, 2500px);
}
.history .sp {
  display: none;
}
.history__contents {
  padding: min(16.25vw, 260px) min(16.25vw, 260px) min(0vw, 0px) min(16.25vw, 260px);
  position: relative;
}
.history__imgarea {
  text-align: center;
}
.history__img {
  width: min(21.875vw, 350px);
  margin: 0 auto;
  z-index: 2;
  position: relative;
  transition: all 0.7s;
  opacity: 0;
  transform: translate(100px);
}
.history__ttlarea {
  position: absolute;
  left: 0;
  right: 0;
  top: min(35.625vw, 570px);
  padding: min(1.25vw, 20px) min(0vw, 0px) min(1.25vw, 20px) min(0vw, 0px);
  background-color: #c09b0f;
  width: 80%;
  z-index: 1;
  transition: all 0.7s;
  opacity: 0;
  transform: translate(-100px);
}
.history .active {
  opacity: 1;
  transform: translate(0);
  transition: all 0.7s;
}
.history__ttl {
  font-size: clamp(8px, 2.8125vw, 45px);
  text-align: center;
  margin: min(0vw, 0px) min(0vw, 0px) auto min(18.75vw, 300px);
}
.history__txt {
  font-size: clamp(8px, 1.75vw, 28px);
  margin: min(7.5vw, 120px) auto min(1.875vw, 30px) auto;
  line-height: min(4.375vw, 70px);
}
.history__table-div {
  width: 100%;
  font-family: "Yu Gothic", sans-serif;
}
.history__tbody {
  background-color: rgba(255, 255, 255, 0.9);
}
.history__row {
  display: grid;
  grid-template-columns: 1fr 1.5fr 4fr 2fr;
  position: relative;
  text-align: center;
  color: #c09b0f;
  align-items: center;
}
.history__row.is-header {
  background-color: #c09b0f;
  color: #fff;
  font-weight: bold;
}
.history__row.is-header .history__cell {
  border-left: 1px solid #fff;
  padding: min(1.875vw, 30px) min(0vw, 0px) min(1.875vw, 30px) min(0vw, 0px);
}
.history__row.is-header .history__cell:first-child {
  border-left: none;
}
.history__row:not(.is-header)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 95%;
  background-color: #c09b0f;
  height: 2px;
  margin: 0 auto;
}
.history__row:last-child::after {
  display: none;
}
.history__cell {
  height: min(6.25vw, 100px);
  font-size: clamp(8px, 1.5625vw, 25px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.history__cell .fz05 {
  line-height: min(1.25vw, 20px);
  display: block;
  font-size: 0.8em;
}
.history__cell:nth-of-type(1) {
  font-size: clamp(8px, 1.75vw, 28px);
}
.history__cell:nth-of-type(1), .history__cell:nth-of-type(2) {
  font-family: "din-2014", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.history__cell:nth-of-type(3) span {
  position: relative;
  top: 0.15em;
}
.history__icon {
  position: relative;
}
.history__icon a img {
  position: absolute;
  content: "";
  background: url(../img/history_icon.png) no-repeat;
  background-size: contain;
  width: min(5vw, 80px);
  height: auto;
  display: flex;
  align-items: center;
  right: min(4.375vw, 70px);
  top: min(1.25vw, 20px);
}

.about__recommend-title {
  font-size: clamp(8px, 2.8125vw, 45px);
}

@media screen and (max-width: 700px) {
  .about__recommend-title {
    font-size: 2rem;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 789px) {
  .history {
    height: 369.8666666667vw;
  }
  .sp {
    display: block;
  }
  .history__txt {
    font-size: 4vw;
    margin: 13.3333333333vw auto 2.6666666667vw auto;
    line-height: 6.1333333333vw;
  }
  .history__ttl {
    font-size: 5.3333333333vw;
  }
  .history__ttlarea {
    width: 90%;
  }
  .history__img {
    width: 32vw;
  }
  .history__ttlarea {
    top: 45.6vw;
    padding: 1.8666666667vw 0vw 1.8666666667vw 0vw;
  }
  .history__contents {
    padding: 17.6vw 10.1333333333vw 17.6vw 10.1333333333vw;
  }
  .history__cell {
    font-size: 3.2vw;
  }
  .history__cell:nth-of-type(1) {
    font-size: 4vw;
  }
  .history__table-div {
    overflow-x: auto;
  }
  .history::before {
    z-index: 0;
  }
  .history__row.is-header .history__cell {
    background-color: #c09b0f;
  }
  .history__cell {
    background-color: #fff;
    height: 18.4vw;
  }
  .sp__hieght {
    height: 32vw;
    background: #fff;
  }
  .history__row:not(.is-header)::after {
    left: 3vw;
    right: 3vw;
    width: 74.6666666667vw;
  }
  .history__row:last-of-type .history__cell:nth-of-type(3) {
    display: block;
  }
  .history__cell .fz05 {
    line-height: normal;
  }
  .history__icon a img {
    height: 8vw;
    width: 10.6666666667vw;
    top: 13.2666666667vw;
    right: 14.8666666667vw;
  }
  .history__row.is-header .history__cell:nth-of-type(3) {
    display: flex;
  }
}
.font__satsu {
  display: inline-block !important;
}

@media screen and (max-width: 700px) {
  .about__intro-image img {
    width: 100%;
    max-width: 100%;
  }
}