@charset "shift_jis";
/************************************
    History
************************************/
.page-history .wrapper {
  padding: 17.8117048346vw 0 0;
}
.page-history .wrapper p, .page-history .wrapper .breadcrumbs {
  letter-spacing: 0.05em;
}
.page-history .pagetitle__container {
  position: relative;
}
.page-history .pagetitle__container .breadcrumbs {
  margin-bottom: 7.6335877863vw;
  padding: 0;
}
.page-history .pagetitle__container .pagetitle {
  font-size: 7.1246819338vw;
  letter-spacing: 0.05em;
  margin-bottom: 10.1781170483vw;
}
.page-history .section__wrapper {
  background: #ffffff;
}
.page-history .section__wrapper-gradation {
  background: linear-gradient(179.98deg, rgba(201, 218, 242, 0.5) 0.38%, rgba(244, 200, 181, 0.1) 60.22%, rgba(201, 218, 242, 0.55) 100.35%);
}
.page-history .section__wrapper-gradation .ttl--h2 {
  align-items: flex-start;
  color: #033d8a;
  font-family: "Noto Serif JP", serif;
  font-size: 6.106870229vw;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.8;
  margin-bottom: 4.0712468193vw;
}
.page-history .section__wrapper-gradation p + p {
  padding-top: 6.106870229vw;
}
.page-history .section__inner {
  padding: 16.2849872774vw 6.106870229vw;
}
.page-history .section__inner-full {
  padding: 0;
}
.page-history .section [id] {
  scroll-margin-top: 140px;
}

.section-message {
  background-color: rgba(255, 255, 255, 0.5);
}
.section-message .section__content .sectionContent__inner {
  padding: 10.1781170483vw 6.106870229vw 16.2849872774vw;
}
.section-message .section__content-management .content {
  display: flex;
  flex-direction: column;
  gap: 6.106870229vw;
}
.section-message .section__content-management .content__lead {
  font-size: 4.0712468193vw;
  letter-spacing: 0.05em;
  line-height: 2.2;
}

.section-history {
  display: flex;
  position: relative;
}
.section-history .line {
  display: flex;
  height: calc(100% - 5.3435114504vw);
  justify-content: center;
  left: 0;
  position: absolute;
  top: 5.3435114504vw;
  width: 5.8524173028vw;
}
.section-history .line::before {
  background: linear-gradient(180deg, #1F59A4 83.17%, rgba(31, 89, 164, 0.3) 100%);
  content: "";
  display: block;
  height: 100%;
  width: 1px;
}
.section-history .history__item {
  display: flex;
  position: relative;
}
.section-history .history__item:nth-child(n+2) {
  margin-top: 15.2671755725vw;
}
.section-history .history__item::before {
  background: linear-gradient(41.09deg, #1F59A4 15.94%, #CF5622 127.87%);
  border-radius: 50%;
  content: "";
  display: block;
  height: 2.9262086514vw;
  left: 2.9262086514vw;
  position: absolute;
  top: 4.0712468193vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  transition: 0.3s;
  width: 2.9262086514vw;
}
.section-history .history__item-future {
  flex-direction: column;
}
.section-history .history__item-future .ttl--h2 {
  margin-bottom: 4.0712468193vw;
}
.section-history .history__item-future .history__image {
  background: linear-gradient(173.97deg, #C9DAF2 2.62%, #F4C8B5 92.74%);
}
.section-history .history__item-future .history__image .content__lead {
  align-items: center;
  color: #033d8a;
  display: flex;
  font-family: "Noto Serif JP", serif;
  font-size: 5.0890585242vw;
  font-weight: 600;
  height: 100%;
  letter-spacing: 0.05em;
  line-height: 1.8em;
  padding: 6.106870229vw 8.1424936387vw;
}
.section-history .history__item-future .history__image .image img {
  display: flex;
}
.section-history .history__item.active::before {
  -webkit-transform: translateX(-50%) scale(2);
          transform: translateX(-50%) scale(2);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.section-history .history__text {
  width: calc(100% - 9.9236641221vw);
}
.section-history .history__image {
  width: calc(100% - 9.9236641221vw);
}
.section-history .history__image .image__item:nth-child(n+2) {
  margin-top: 6.106870229vw;
}
.section-history .history__image .caption {
  display: flex;
  gap: 2.5445292621vw;
  margin-top: 2.0356234097vw;
}
.section-history .history__image .caption-year {
  align-items: center;
  background-color: #033d8a;
  color: #ffffff;
  display: flex;
  font-size: 3.0534351145vw;
  font-weight: 700;
  height: 5.8524173028vw;
  line-height: 1.5em;
  padding: 0 2.5445292621vw 0.5089058524vw;
}
.section-history .history__image .caption-title {
  font-size: 3.0534351145vw;
}
@media all and (min-width: 1024px) {
  .page-history .wrapper {
    padding: min(9.7222222222vw, 140px) 0 0;
  }
  .page-history .pagetitle__container .breadcrumbs {
    margin-bottom: min(2.7777777778vw, 40px);
    padding: 0;
    width: 100%;
  }
  .page-history .pagetitle__container .pagetitle {
    flex-wrap: wrap;
    font-size: min(3.3333333333vw, 48px);
    margin-bottom: min(2.7777777778vw, 40px);
  }
  .page-history .pagetitle__inner {
    margin: min(4.4444444444vw, 64px) auto;
  }
  .page-history .section__wrapper {
    background-image: url(../../images/brand/imb_bg_circle1_lower.svg), url(../../images/brand/imb_bg_circle2_lower.svg);
    background-position: calc(50% - min(26.9444444444vw, 388px)) min(-11.8055555556vw, -170px), calc(50% + min(30.2083333333vw, 435px)) min(19.1666666667vw, 276px);
    background-repeat: no-repeat;
    background-size: min(48.6111111111vw, 700px) min(46.8055555556vw, 674px), min(48.6111111111vw, 700px) min(47.9166666667vw, 690px);
  }
  .page-history .section__wrapper-gradation {
    padding: min(8.3333333333vw, 120px) 0;
  }
  .page-history .section__wrapper-gradation .ttl--h2 {
    font-size: min(2.2222222222vw, 32px);
    margin-bottom: min(1.1111111111vw, 16px);
  }
  .page-history .section__wrapper-gradation .ttl--h2 span {
    font-size: min(2.2222222222vw, 32px);
  }
  .page-history .section__wrapper-gradation p {
    font-size: min(1.1111111111vw, 16px);
    line-height: 1.8em;
  }
  .page-history .section__wrapper-gradation p + p {
    padding-top: min(1.6666666667vw, 24px);
  }
  .page-history .section__inner {
    padding: 0 min(10.4166666667vw, 150px);
  }
  .page-history .section__inner-full {
    padding: 0;
  }
  .section-message .section__content .sectionContent__inner {
    margin-left: auto;
    margin-right: auto;
    padding: min(5.5555555556vw, 80px) min(10.4166666667vw, 150px);
    width: min(100vw, 1440px);
  }
  .section-message .section__content-management .content {
    gap: min(1.6666666667vw, 24px);
  }
  .section-message .section__content-management .content__lead {
    font-size: min(1.25vw, 18px);
    line-height: 2.2;
  }
  .section-history {
    gap: min(2.7777777778vw, 40px);
  }
  .section-history .line {
    height: calc(100% - min(2.0833333333vw, 30px));
    top: min(2.0833333333vw, 30px);
    width: min(1.5972222222vw, 23px);
  }
  .section-history .history {
    padding-left: min(4.375vw, 63px);
  }
  .section-history .history__item {
    gap: min(3.1944444444vw, 46px);
  }
  .section-history .history__item:nth-child(n+2) {
    margin-top: min(2.7777777778vw, 40px);
  }
  .section-history .history__item:last-child {
    margin-top: min(6.9444444444vw, 100px);
  }
  .section-history .history__item::before {
    height: 11.5px;
    left: -4.8%;
    top: min(1.7361111111vw, 25px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 11.5px;
  }
  .section-history .history__item-future {
    gap: 0;
  }
  .section-history .history__item-future .ttl--h2 {
    margin-bottom: min(1.1111111111vw, 16px);
  }
  .section-history .history__item-future .history__image {
    align-items: center;
    background: linear-gradient(173.97deg, #C9DAF2 3.11%, #F4C8B5 231.68%);
    display: flex;
    height: min(29.7222222222vw, 428px);
    width: 100%;
  }
  .section-history .history__item-future .history__image .content__lead {
    font-size: min(1.9444444444vw, 28px);
    padding: 0 min(2.7777777778vw, 40px);
    width: min(30.2777777778vw, 436px);
  }
  .section-history .history__item-future .history__image .image {
    width: min(44.5138888889vw, 641px);
  }
  .section-history .history__text {
    width: min(49.375vw, 711px);
  }
  .section-history .history__image {
    width: min(22.2222222222vw, 320px);
  }
  .section-history .history__image .image__item:nth-child(n+2) {
    margin-top: min(1.6666666667vw, 24px);
  }
  .section-history .history__image .caption {
    gap: min(0.6944444444vw, 10px);
    margin-top: min(0.5555555556vw, 8px);
  }
  .section-history .history__image .caption-year {
    font-size: min(0.9027777778vw, 13px);
    height: min(1.5972222222vw, 23px);
    padding: 0 min(0.6944444444vw, 10px) min(0.1388888889vw, 2px);
  }
  .section-history .history__image .caption-title {
    font-size: min(0.9027777778vw, 13px);
  }
}
@media screen and (max-width: 1023px) {
  .page-history .pagetitle__container {
    margin-bottom: min(4.4444444444vw, 64px);
    z-index: -1;
  }
  .page-history .section__wrapper {
    background-image: url(../../images/brand/imb_bg_circle1_lower.svg), url(../../images/brand/imb_bg_circle2_lower.svg);
    background-position: -47.3282442748vw -12.7226463104vw, 37.1501272265vw 113.9949109415vw;
    background-repeat: no-repeat;
    background-size: 117.5572519084vw 115.7760814249vw, 117.8117048346vw 116.0305343511vw;
  }
  .section-message .section__content-management .sectionContent__inner {
    padding-top: 16.2849872774vw;
  }
  .section-history .history__item {
    flex-direction: column;
    gap: 6.106870229vw;
  }
  .section-history .history__item::before {
    left: 2.9262086514vw;
  }
  .section-history .history__item-future {
    gap: 0;
  }
  .section-history .history__text {
    margin-left: auto;
  }
  .section-history .history__image {
    margin-left: auto;
  }
}