@charset "UTF-8";
:root {
  --inner-scale: 1;
  --vw-base: calc(1440 / var(--inner-scale));
  --inner: 1280;
  --inner-1305: 1305;
  --fz-ratio: 1; /* font-size倍率 */
}
@media screen and (max-width: 1024px) {
  :root {
    --inner-scale: calc(0.9 / (1280 / 1440));
    --fz-ratio: 1.57;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --vw-base: 375;
    --inner-scale: 1;
    --inner: 343;
    --fz-ratio: 1;
  }
}

/* ===============================
  沿革
=============================== */
.history__hero {
  background: url(../img/history/history_hero.png) no-repeat center center/cover;
}
@media (min-width: 768px) {
  .history__hero {
    padding-top: 31.9444444444vw;
  }
}

/*------------------------------
history-section
------------------------------*/
.history-section {
  padding: min( 145 * 100vw / var(--vw-base) , 145/var(--vw-base) * 1440px ) 0 min( 215 * 100vw / var(--vw-base) , 215/var(--vw-base) * 1440px );
}

.history-section__list {
  position: relative;
  margin: calc(114 / var(--inner) * 100%) auto 0;
  width: 28%;
}
.history-section__list::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #D9D9D9;
  width: min( 2 * 100vw / var(--vw-base) , 2/var(--vw-base) * 1440px );
  height: 99%;
}
@media (max-width: 767px) {
  .history-section__list {
    width: 73%;
    width: 100%;
    margin-left: 0;
    margin-top: calc(60 / var(--inner) * 100%);
  }
  .history-section__list::before {
    left: 0;
    height: 99.5%;
  }
}

.history-section__item {
  position: relative;
  width: 50%;
}
.history-section__item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background: url(../img/history/history_marker.svg) no-repeat center center/contain;
  width: min( 43 * 100vw / var(--vw-base) , 43/var(--vw-base) * 1440px );
  aspect-ratio: 90/40;
  transform: translate(-20%, -50%);
}
.history-section__item:nth-child(n+2) {
  margin-top: 16.2%;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .history-section__item:nth-child(n+2) {
    margin-top: 20%;
  }
}
@media (max-width: 767px) {
  .history-section__item {
    width: 100%;
    margin-left: 0%;
    padding-left: 11%;
  }
  .history-section__item::before {
    width: 8vw;
  }
  .history-section__item:nth-child(n+2) {
    margin-top: 35%;
  }
  .history-section__item:has(img) .history-section__year::after {
    content: "";
    position: absolute;
    background: url(../img/history/dec1.svg) no-repeat center right/cover;
    aspect-ratio: 205/11;
    transform: translate(0%, -50%);
    width: 30%;
    left: 30%;
    top: 50%;
  }
  .history-section__item img {
    position: absolute;
    top: 50%;
    left: unset;
    right: 0;
    transform: translate(0%, -50%);
    width: 35%;
    max-width: unset;
  }
  .history-section__item img.img-type3 {
    top: -70%;
  }
}

@media (min-width: 768px) {
  .history-section__item:nth-child(2n-1) {
    margin-left: 50%;
    padding-left: 11%;
  }
  .history-section__item:nth-child(2n-1):has(img) .history-section__year::after {
    content: "";
    position: absolute;
    background: url(../img/history/dec1.svg) no-repeat center center/100%;
    aspect-ratio: 485/11;
    transform: translate(0%, -50%);
    width: 175%;
    left: 105%;
    top: 50%;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  .history-section__item:nth-child(2n-1):has(img) .history-section__year::after {
    display: none;
  }
}
@media (min-width: 768px) {
  .history-section__item:nth-child(2n-1) img {
    position: absolute;
    top: 50%;
    left: 245%;
    transform: translate(0%, -50%);
    width: 116%;
    max-width: unset;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  .history-section__item:nth-child(2n-1) img {
    display: none;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .history-section__item:nth-child(2n-1) img {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .history-section__item:nth-child(2n) {
    width: 50%;
  }
  .history-section__item:nth-child(2n)::before {
    left: 100%;
    transform: translate(-77%, -50%) scale(-1, 1);
  }
  .history-section__item:nth-child(2n):has(img) .history-section__year::after {
    content: "";
    position: absolute;
    background: url(../img/history/dec1.svg) no-repeat center center/100%;
    aspect-ratio: 485/11;
    transform: translate(-104%, -50%) scale(-1, 1);
    width: 128%;
    left: 0%;
    top: 50%;
  }
  .history-section__item:nth-child(2n) img {
    position: absolute;
    top: 50%;
    left: -257%;
    transform: translate(0%, -50%);
    width: 116%;
    max-width: unset;
  }
  .history-section__item:nth-child(2n) img.img-type2 {
    top: 240%;
  }
  .history-section__item:nth-child(2n) .history-section__text {
    left: unset;
    right: 3em;
    text-align: right;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .history-section__item:nth-child(2n) .history-section__text {
    right: 2em;
  }
  .history-section__item:nth-child(2n) img {
    width: 100%;
  }
}

.history-section__year {
  font-size: min( (36 * 100vw / var(--vw-base)) * var(--fz-ratio) , 36/var(--vw-base) * 1440px );
  font-weight: 500;
  color: #1D2088;
  position: relative;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .history-section__year {
    font-size: calc(min( (36 * 100vw / var(--vw-base)) * var(--fz-ratio) , 36/var(--vw-base) * 1440px ) / 1.57);
  }
}
@media (max-width: 767px) {
  .history-section__year {
    font-size: min( (24 * 100vw / var(--vw-base)) * var(--fz-ratio) , 24/var(--vw-base) * 1440px );
  }
}

.history-section__text {
  letter-spacing: 0.1em;
  font-size: min( (16 * 100vw / var(--vw-base)) * var(--fz-ratio) , 16/var(--vw-base) * 1440px );
  font-weight: 500;
  line-height: 2;
  position: absolute;
  top: 2.6em;
  left: 3em;
  white-space: nowrap;
}
.history-section__text a {
  text-decoration: underline;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .history-section__text {
    font-size: min( (14 * 100vw / var(--vw-base)) * var(--fz-ratio) , 14/var(--vw-base) * 1440px );
    left: 2em;
  }
}
@media (max-width: 767px) {
  .history-section__text {
    font-size: min( (12 * 100vw / var(--vw-base)) * var(--fz-ratio) , 12/var(--vw-base) * 1440px );
    left: 2.6em;
  }
}
/*# sourceMappingURL=history.css.map */