@charset "UTF-8";
.his-box li {
  font-weight: 600 !important;
}

.sub-title .up {
  border: 0;
}

.history-top {
  display: flex;
}
.history-top .history-right {
  width: 50%;
  background-color: #f25a5e;
}
.history-top .history-left {
  width: 50%;
}
.history-top img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 800px;
  max-width: 100%;
  height: 100%;
}

.history-left {
  background-color: #f25a5e;
  color: white;
}

.history {
  background-color: #fff3f2;
  padding: 100px 0;
}
.history img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.p-box {
  width: 800px;
  max-width: 90%;
  margin: 50px 5% 50px auto;
}
.p-box .era {
  text-align: right;
  font-size: 50px;
  margin-top: 30px;
  font-style: italic;
  font-family: Times New Roman, "MS Ｐゴシック";
}
.p-box .era span {
  font-weight: 800;
}

.his-box {
  display: flex;
  width: 1000px;
  max-width: 90%;
  margin: 50px auto;
  background-color: white;
}

.his-box1 {
  width: 50%;
  padding: 50px;
}
.his-box1 h2 {
  font-size: 50px;
  margin-bottom: 50px;
  font-style: italic;
  font-family: Times New Roman, "MS Ｐゴシック";
}
.his-box1 ul {
  padding-left: 20px;
}
.his-box1 ul li {
  margin-bottom: 10px;
}

.his-box2 {
  width: 50%;
}

.his-box:nth-child(even) {
  flex-direction: row-reverse;
}

@media (max-width: 700px) {
  .history-top {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .history-top .history-left {
    width: 100%;
  }
  .history-top .history-right {
    width: 100%;
  }
  .his-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .his-box .his-box1 {
    width: 100%;
    padding: 5%;
  }
  .his-box .his-box1 h2 {
    margin-bottom: 20px;
  }
  .his-box .his-box2 {
    width: 100%;
  }
  .his-box .his-box2 img {
    max-height: 400px;
  }
  .his-box:nth-child(even) {
    flex-direction: column;
  }
}/*# sourceMappingURL=history.css.map */