.hi-mainv {
  background: #F2FAFD;
  margin-top: 80px;
  display: block;
  padding-top: 1rem;
  padding-bottom: 31rem;
  margin-bottom: -18rem;
}

.hi-mainv .c-breadcrumb__inner {
  margin-bottom: 9.7rem;
}

.hi-mainv__ttl {
  margin-bottom: 8.3rem;
}

.hi-mainv__ttl-txt1 {
  display: block;
  font-weight: 600;
  font-size: var(--f20);
  line-height: 1.4;
  color: #1E82A5;
  margin-bottom: 1rem;
}

.hi-mainv__ttl-txt2 {
  display: block;
  font-weight: 600;
  font-size: var(--f38);
  line-height: 1.4;
}

.hi-mainv__sub {
  font-weight: 600;
  font-size: 6rem;
  line-height: 1.4;
  margin-bottom: 4rem;
}

.hi-mainv__mes {
  font-weight: 600;
  font-size: var(--f18);
  line-height: 2.2;
}

.hi-mainv__bg {
  font-weight: 300;
  line-height: 1.4;
  position: absolute;
  z-index: 1;
  top: 17.5rem;
  right: 0;
  text-align: right;
  line-height: 1;
}

.hi-mainv__bg-txt1 {
  display: block;
  font-size: 25rem;
  background: linear-gradient(180deg, rgba(0, 114, 142, 0.7) 26.79%, rgba(164, 216, 196, 0.7) 56.16%, rgba(164, 216, 196, 0.3) 77.68%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: 0.2;
  margin-bottom: -5rem;
}

.hi-mainv__bg-txt2 {
  display: block;
  font-size: 30rem;
  background: linear-gradient(180deg, rgba(0, 114, 142, 0.7) 26.79%, rgba(164, 216, 196, 0.7) 56.16%, rgba(164, 216, 196, 0.3) 77.68%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: 0.2;
}

@media screen and (max-width: 748px) {
  .hi-mainv__ttl {
    margin-bottom: 6rem;
  }
  .hi-mainv__ttl-txt1 {
    font-size: 1.6rem;
  }
  .hi-mainv__ttl-txt2 {
    font-size: 2.4rem;
  }
  .hi-mainv__sub {
    font-size: 4.8rem;
    margin-bottom: 3rem;
  }
  .hi-mainv__mes {
    font-size: 1.5rem;
  }
  .hi-mainv__bg-txt1 {
    font-size: 10rem;
    margin-bottom: -2rem;
  }
  .hi-mainv__bg-txt2 {
    font-size: 14rem;
  }
}
/* ------------------  */
.hi-era {
  position: relative;
  z-index: 20;
  color: #FFFFFF;
  margin: 0 30px;
  padding-top: 8.4rem;
  padding-bottom: 8.5rem;
}

.hi-era__main {
  position: relative;
  z-index: 5;
}

.hi-era__nen {
  font-weight: 300;
  font-size: 9rem;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  gap: 0 6rem;
  margin-bottom: 3.5rem;
  position: relative;
  z-index: 1;
}

.hi-era__nen:before {
  content: "";
  z-index: 1;
  position: absolute;
  background: #fff;
  width: 3rem;
  height: 3px;
  top: 1rem;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.hi-era__mes {
  text-align: center;
}

.hi-era__mes-txt1 {
  font-weight: 600;
  font-size: var(--f32);
  line-height: 1.4;
  display: block;
  position: relative;
  z-index: 1;
}

.hi-era__mes-txt1 .c-ttl-line {
  margin: auto;
  left: 0;
  right: 0;
  top: -3rem;
}

.hi-era__mes-txt2 {
  font-weight: 600;
  line-height: 1.7;
  display: block;
  font-size: var(--f16);
}

.hi-era__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: 3px;
}

@media screen and (max-width: 748px) {
  .hi-era {
    padding-top: 5.4rem;
    padding-bottom: 6.5rem;
    margin: 0 4%;
  }
  .hi-era__nen {
    font-size: 4rem;
  }
  .hi-era__nen:before {
    width: 2.5rem;
    top: 0.5rem;
  }
  .hi-era__mes-txt1 {
    font-size: 2rem;
  }
  .hi-era__mes-txt1 .c-ttl-line {
    top: -2.4rem;
  }
  .hi-era__mes-txt2 {
    font-size: 1.3rem;
  }
}
/* ------------------  */
.hi-table__inner {
  display: flex;
  position: relative;
  z-index: 1;
}

.hi-table-z-index19 {
  z-index: 19;
}

.hi-table-z-index18 {
  z-index: 18;
}

.hi-table-z-index17 {
  z-index: 17;
}

.hi-table-z-index16 {
  z-index: 16;
}

.hi-table-z-index15 {
  z-index: 15;
}

.hi-table-z-index14 {
  z-index: 14;
}

.hi-table__line {
  width: 210px;
  position: relative;
  z-index: 1;
}

.hi-table__line-box {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  width: 90px;
  display: flex;
  gap: 0 3px;
}

.hi-table__line1 {
  background: #97CADD;
  flex: 1;
}

.hi-table__line2 {
  background: #01901E;
  flex: 1;
}

.hi-table__line3 {
  background: #00728E;
  flex: 1;
}

.hi-table__line4 {
  background: #4BA0AB;
  flex: 1;
}

.hi-table__line-box .-start {
  position: relative;
  z-index: 1;
}

.hi-table__line-box .-start:before {
  content: "";
  z-index: 1;
  position: absolute;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  height: 200px;
  top: 0;
  right: -1px;
  left: -1px;
}

.hi-table__line-box .-end:before {
  content: "";
  z-index: 1;
  position: absolute;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  height: 200px;
  bottom: 0;
  right: -1px;
  left: -1px;
  transform: scale(1, -1);
}

.hi-table__data {
  flex: 1;
  padding-top: 5rem;
  position: relative;
  z-index: 1;
}

.hi-table__data.-photo1 {
  padding-right: 33rem;
}

.hi-table__inner:first-child .hi-table__data {
  padding-top: 7rem;
}

.hi-table__inner:last-child .hi-table__data {
  padding-bottom: 13rem;
}

.hi-table__line-box .-none {
  opacity: 0;
}

.hi-table__name {
  font-weight: 700;
  font-size: var(--f12);
  line-height: 1.2;
  color: #1E82A5;
  margin-bottom: 1rem;
}

.hi-table__name .-color1 {
  color: #97CADD;
}

.hi-table__name .-color2 {
  color: #01901E;
}

.hi-table__name .-color3 {
  color: #00728E;
}

.hi-table__name .-color4 {
  color: #4BA0AB;
}

.hi-table__date {
  display: flex;
  display: flex;
  align-items: flex-end;
  color: #1E82A5;
  line-height: 1;
  position: relative;
  z-index: 1;
  gap: 0 7px;
  margin-bottom: 3rem;
}

.hi-table__suu {
  font-weight: 400;
  font-size: 6.4rem;
}

.hi-table__nen {
  font-weight: 600;
  font-size: var(--f24);
  position: relative;
  z-index: 1;
  top: -1rem;
}

.hi-table__nengou {
  font-weight: 600;
  font-size: var(--f18);
  position: relative;
  z-index: 1;
  top: -1rem;
}

.hi-table__ttl {
  font-weight: 600;
  font-size: var(--f24);
  line-height: 1.4;
  margin-bottom: 2rem;
}

.hi-table__mes {
  width: 70rem;
}

.hi-table__data.-photo1 .hi-table__mes {
  width: auto;
}

.hi-table__line-yoko {
  position: absolute;
  z-index: 1;
  left: -210px;
  width: 210px;
  bottom: 0;
  top: 6px;
  height: 12px;
  margin: auto;
  display: flex;
}

.hi-table__line-yoko:before {
  content: "";
  z-index: 1;
  position: absolute;
  background: #1E82A5;
  height: 2px;
  top: 0;
  bottom: 0;
  right: 24px;
  left: 10px;
  margin: auto;
}

.hi-table__line-yoko.-left2 {
  padding-left: 22px;
}

.hi-table__line-yoko.-left2:before {
  left: 33px;
}

.hi-table__line-yoko.-left3 {
  padding-left: 46px;
}

.hi-table__line-yoko.-left3:before {
  left: 66px;
}

.hi-table__line-yoko.-left4 {
  padding-left: 69px;
}

.hi-table__line-yoko.-left4:before {
  left: 85px;
}

.hi-table__line-yoko .-dotto {
  width: 12px;
  height: 12px;
  background: #FFFFFF;
  border: 2px solid #1E82A5;
  position: relative;
  z-index: 5;
  border-radius: 50px;
  margin: 0 5.4px;
}

.hi-table__line-txt2,
.hi-table__line-txt {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: var(--f12);
  line-height: 1.2;
  color: #1E82A5;
  position: absolute;
  bottom: calc(100% + 6px);
  left: 2px;
  min-height: 10rem;
  border-radius: 3px;
  width: 16px;
  z-index: 6;
}

.hi-table__line-txt2 {
  background: #fff;
  position: sticky;
  bottom: auto;
  left: 0;
  right: 0;
  top: 5rem;
  width: auto;
}

.-left2 .hi-table__line-txt {
  left: 25px;
}

.-left3 .hi-table__line-txt {
  left: 48px;
}

.-left4 .hi-table__line-txt {
  left: 72px;
}

.hi-table__line-txt.-width3 {
  width: 56px;
  left: 5px;
}

.hi-table__line-txt.-width4 {
  width: 80px;
  left: 5px;
}

.hi-table__line-txt .-text {
  writing-mode: vertical-rl;
}

.hi-table__line-txt > .-text {
  opacity: 0;
}

.hi-table__line-sticky {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
}

.hi-table__photo {
  display: flex;
  margin-top: 3rem;
  gap: 0 1rem;
}

.hi-table__box.-img1 {
  width: 79.5%;
}

.hi-table__box.-img3 {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 7.7rem;
  width: 29.5rem;
}

.hi-table__img {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.hi-table__cap {
  font-weight: 500;
  font-size: var(--f13);
  margin-top: 1rem;
}

@media screen and (max-width: 748px) {
  .hi-table__line {
    width: 10rem;
  }
  .hi-table__line-box {
    width: 7rem;
  }
  .hi-table__data.-photo1 {
    padding: 5rem 0 0 0;
  }
  .hi-table__inner:last-child .hi-table__data {
    padding-bottom: 7rem;
  }
  .hi-table__name {
    font-size: 1.1rem;
  }
  .hi-table__suu {
    font-size: 3rem;
  }
  .hi-table__nen {
    font-size: 2rem;
    top: -0.3rem;
  }
  .hi-table__nengou {
    font-size: 1.4rem;
    top: -0.4rem;
    flex: 1;
  }
  .hi-table__ttl {
    font-size: 1.6rem;
  }
  .hi-table__mes {
    width: auto;
  }
  .hi-table__line-yoko {
    left: -10rem;
    width: 10rem;
    top: 0.6rem;
    height: 1rem;
    margin: auto;
    display: flex;
  }
  .hi-table__line-yoko:before {
    right: 1rem;
  }
  .hi-table__line-yoko.-left2 {
    padding-left: 1.6rem;
  }
  .hi-table__line-yoko.-left2:before {
    left: 2rem;
  }
  .hi-table__line-yoko.-left3 {
    padding-left: 3.5rem;
  }
  .hi-table__line-yoko.-left3:before {
    left: 4rem;
  }
  .hi-table__line-yoko.-left4 {
    padding-left: 5.3rem;
  }
  .hi-table__line-yoko.-left4:before {
    left: 6rem;
  }
  .hi-table__line-yoko .-dotto {
    width: 1rem;
    height: 1rem;
    margin: 0 0.4rem;
  }
  .hi-table__line-txt {
    font-size: 1rem;
    width: 1.1rem;
    min-height: 8rem;
  }
  .-left2 .hi-table__line-txt {
    left: 2rem;
  }
  .-left3 .hi-table__line-txt {
    left: 3.8rem;
  }
  .-left4 .hi-table__line-txt {
    left: 5.7rem;
  }
  .hi-table__line-txt.-width3 {
    width: 4.8rem;
    left: 0.2rem;
  }
  .hi-table__line-txt.-width4 {
    width: 6.6rem;
    left: 0.2rem;
  }
  .hi-table__photo {
    display: grid;
    gap: 2rem 0;
  }
  .hi-table__box.-img3 {
    position: static;
    width: auto;
    margin-top: 3rem;
  }
}
/* ------------------  */
/*# sourceMappingURL=history.css.map */