.p-history-content {
  margin-top: calc(100vw / 375 * 60);
  padding-bottom: calc(100vw / 375 * 60);
}

.p-history-content__inner {
  padding: 0 calc(100vw / 375 * 20);
}

.p-history-content__inner__year {
  display: flex;
  align-items: baseline;
  margin-bottom: calc(100vw / 375 * 16);
  font-size: calc(100vw / 375 * 40);
  color: #0E6DA6;
}

.p-history-content__inner__year::after {
  content: "年代";
  font-size: calc(100vw / 375 * 20);
}

.p-history-content__inner__history {}

.p-history-content__inner__history__list {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  margin-bottom: calc(100vw / 375 * 24);
  padding-bottom: calc(100vw / 375 * 24);
  border-bottom: 1px solid #F1F1F1;
}

.p-history-content__inner__history__list_year {
  display: flex;
  width: calc(100vw / 375 * 70);
  font-size: calc(100vw / 375 * 18);
  align-items: baseline;
}

.p-history-content__inner__history__list_year::after {
  content: "年";
  font-size: calc(100vw / 375 * 16);
}

.p-history-content__list__text__inner_month {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  width: calc(100vw / 375 * 36);
  margin-right: calc(100vw / 375 * 12);
  font-size: calc(100vw / 375 * 18);
}

.p-history-content__list__text__inner_month::after {
  content: "月";
  font-size: calc(100vw / 375 * 16);
}

.p-history-content__list__text__inner {
  display: flex;
  justify-content: flex-start;
}

.p-history-content__list__text__inner_text {
  width: calc(100vw / 375 * 214);
}

.p-history-content__list__text__inner_text p + p {
  margin-top: calc(100vw / 375 * 8);
}

@media print,
(min-width: 768px) {
  .p-history-content {
    margin-top: calc(100vw / 1600 * 148);
    padding-bottom: calc(100vw / 1600 * 157);
  }

  .p-history-content__inner {
    display: flex;
    padding: 0;
    width: calc(100vw / 1600 * 1160);
    margin: 0 auto;
  }

  .p-history-content__inner + .p-history-content__inner {
    margin-top: calc(100vw / 1600 * 100);
  }

  .p-history-content__inner__year {
    display: flex;
    align-items: baseline;
    width: 20%;
    margin-bottom: calc(100vw / 1600 * 16);
    font-size: calc(100vw / 1600 * 40);
    color: #0E6DA6;
  }

  .p-history-content__inner__year::after {
    content: "年代";
    font-size: calc(100vw / 1600 * 28);
  }

  .p-history-content__inner__history {
    width: 80%;
    padding-top: calc(100vw / 1600 * 20);
  }

  .p-history-content__inner__history__list {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    width: 100%;
    margin-bottom: calc(100vw / 1600 * 24);
    padding-bottom: calc(100vw / 1600 * 24);
    border-bottom: 1px solid #F1F1F1;
  }

  .p-history-content__inner__history__list_year {
    display: flex;
    width: calc(100vw / 1600 * 160);
    font-size: calc(100vw / 1600 * 28);
    align-items: baseline;
  }

  .p-history-content__inner__history__list_year::after {
    content: "年";
    font-size: calc(100vw / 1600 * 24);
  }

  .p-history-content__list__text__inner_month {
    display: flex;
    justify-content: flex-end;
    width: calc(100vw / 1600 * 72);
    margin-right: calc(100vw / 1600 * 110);
    font-size: calc(100vw / 1600 * 24);
  }

  .p-history-content__list__text__inner_month::after {
    content: "月";
    font-size: calc(100vw / 1600 * 20);
  }

  .p-history-content__list__text__inner {
    display: flex;
    justify-content: flex-start;
  }

  .p-history-content__list__text__inner + .p-history-content__list__text__inner {
    margin-top: calc(100vw / 1600 * 16);
  }

  .p-history-content__list__text__inner_text {
    width: calc(100vw / 1600 * 532);
    margin-top: calc(100vw / 1600 * 8);
  }

  .p-history-content__list__text__inner_text p + p {
    margin-top: calc(100vw / 1600 * 20);
  }
}









.p-history-mainVisual {
  height: calc(100vw / 375 * 320);
  padding-top: calc(100vw / 375 * 20);
  background-image: url("../img/company/history/mainImg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.p-history-mainVisual__inner {
  padding: 0 calc(100vw / 375 * 20);
}

.p-history-mainVisual__inner__heading {
  display: flex;
  flex-direction: column;
}

.p-history-mainVisual__inner__heading__text01 {
  font-family: 'Abel', sans-serif;
  font-weight: 400;
  font-size: calc(100vw / 375 * 30);
  line-height: 1.34;
  letter-spacing: 0.053em;
  color: #ffffff;
}

.p-history-mainVisual__inner__heading__text02 {
  font-weight: 500;
  font-size: calc(100vw / 375 * 20);
  color: #ffffff;
}

@media print,
(min-width: 768px) {
  .p-history-mainVisual {
    height: calc(100vw / 1600 * 672);
    padding-top: calc(100vw / 1600 * 148);
  }

  .p-history-mainVisual__inner {
    padding: 0;
    width: calc(100vw / 1600 * 1160);
    margin: 0 auto;
  }

  .p-history-mainVisual__inner__heading__text01 {
    font-size: calc(100vw / 1600 * 50);
  }

  .p-history-mainVisual__inner__heading__text02 {
    font-size: calc(100vw / 1600 * 30);
    margin-top: calc(100vw / 1600 * 5);
  }
}