.HistoryHead {
  margin: 0 auto 3.4%;
}

@media screen and (max-width: 640px) {
  .HistoryHead {
    padding: 0;
    margin: 0 auto 8.9%;
  }
}

.HistoryContent {
  padding: 4.1% 0 5.3%;
}

@media screen and (max-width: 640px) {
  .HistoryContent {
    padding: 13.7% 0 9%;
  }
}

.HistoryContent--01 {
  padding: 0 0 5.3%;
}

@media screen and (max-width: 640px) {
  .HistoryContent--01 {
    padding: 0 0 9%;
  }
}

@media screen and (max-width: 640px) {
  .HistoryContent--03 {
    padding: 13.7% 0 14%;
  }
}

.HistoryContent--04 {
  padding: 177px 0 5.3%;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .HistoryContent--04 {
    padding: 17.7vw 0 5.3%;
  }
}

@media screen and (max-width: 640px) {
  .HistoryContent--04 {
    padding: 12% 0 9%;
  }
}

.HistoryContent:nth-child(odd) {
  background: #fdfbf5;
}

.HistoryContent__ttl {
  margin: 0 0 2%;
  text-align: center;
  position: relative;
  font-size: 1.375rem;
  color: #473933;
  line-height: 1.6;
  font-weight: 500;
  padding: 0 20px;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .HistoryContent__ttl {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 640px) {
  .HistoryContent__ttl {
    font-size: 6.2vw;
    line-height: 1.45;
    padding: 0 3.2%;
    margin: 0 0 5.7%;
  }
}

.HistoryContent__ttlimg {
  display: block;
  width: 9%;
  margin: 0 auto 0.8%;
  padding: 0 2.8% 0 1.4%;
}

@media screen and (max-width: 640px) {
  .HistoryContent__ttlimg {
    width: 25.6%;
    margin: 0 auto 3.8%;
    padding: 0 5.8% 0 0.4%;
  }
}

.HistoryContent__ttl::after {
  content: "";
  display: block;
  width: 37px;
  height: 3px;
  margin: 41px auto 0;
  background: #daad41;
}

@media screen and (max-width: 640px) {
  .HistoryContent__ttl::after {
    content: "";
    display: block;
    width: 9vw;
    height: 0.5vw;
    margin: 5.3vw auto 0;
    background: #daad41;
  }
}

.HistoryContent__text {
  text-align: center;
  margin: 0 0 3.7%;
  color: #473933;
  line-height: 1.945;
}

.HistoryContent__text:last-child {
  margin: 0;
}

@media screen and (max-width: 640px) {
  .HistoryContent__text {
    text-align: justify;
    margin: 0 0 8.8%;
  }
}

.HistoryContent__img {
  width: 58.82352941176471%;
  margin: 7.5% auto 0;
}

@media screen and (max-width: 640px) {
  .HistoryContent__img {
    width: 100%;
    margin: 10.7% auto 0;
  }
}

.HistoryContent__img--Sinai {
  width: 21%;
  position: absolute;
  right: 9.3%;
  top: -48%;
}

@media screen and (max-width: 640px) {
  .HistoryContent__img--Sinai {
    width: 24%;
    position: absolute;
    right: 3.7%;
    top: -30.2%;
  }
}

.HistoryContent__list {
  margin: 0 0 3.7% 8.3%;
}

@media screen and (max-width: 640px) {
  .HistoryContent__list {
    margin: 0 0 8.8%;
    padding-left: 2.3vw;
    text-indent: -2.3vw;
    font-feature-settings: normal;
  }
}

.HistoryContent__item {
  line-height: 1.945;
}

.HistoryContent__relative {
  position: relative;
}
/*# sourceMappingURL=history.css.map */