.p-history {
  padding-bottom: 100px;
}

.p-history__mv {
  color: #fff;
  height: 348px;
  padding-top: 64px;
  position: relative;
}

.p-history__bg {
  inset: 0;
  position: absolute;
}
.p-history__bg img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-history__title {
  font-size: var(--text-h1-size);
  font-weight: 700;
  line-height: var(--text-h1-line);
  position: relative;
  text-align: center;
}

.p-history__lead {
  border-bottom: 4px solid;
  border-top: 4px solid;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.75;
  margin-inline: auto;
  margin-top: 34px;
  padding-block: 26px;
  padding-inline: 8px;
  position: relative;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}

.p-history__panel {
  background-color: #fff;
  border-radius: 0 0 50px 50px;
  overflow: hidden;
}

.p-history__content {
  border-left: 4px solid var(--color-logo);
  display: grid;
  gap: 70px;
  margin-inline: auto;
  padding-bottom: 94px;
  padding-right: 22px;
  padding-top: 36px;
  position: relative;
  width: calc(100% - 41px);
}

.p-history__section {
  position: relative;
}

.p-history__heading {
  border-bottom: 2px solid var(--color-logo);
  font-size: var(--text-h1-size);
  font-weight: 700;
  line-height: var(--text-h1-line);
  padding-bottom: 6px;
  padding-left: 28px;
}

.p-history__box {
  margin-top: 20px;
  padding-left: 28px;
}

.p-history__text {
  font-size: var(--text-base-size);
  line-height: var(--text-base-line);
}
.p-history__text:nth-child(n+2) {
  margin-top: 20px;
}

.p-history__img {
  --width: 100%;
  --width-md: 100%;
  margin-inline: auto;
  width: var(--width);
}
.p-history__img:nth-child(n+2) {
  margin-top: 20px;
}

.p-history__fukidasi {
  background-color: #fff;
  border: 1px solid var(--color-main);
  border-radius: 0 30px 30px 30px;
  color: var(--color-main);
  font-size: 2rem;
  font-weight: 700;
  margin-left: 42px;
  margin-top: 40px;
  padding-block: 28px;
  position: relative;
  text-align: center;
  width: calc(100% - 42px);
}
.p-history__fukidasi::before, .p-history__fukidasi::after {
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  content: "";
  height: 26px;
  position: absolute;
  right: calc(100% - 1px);
  top: 0;
  width: 14px;
}
.p-history__fukidasi::before {
  background-color: var(--color-main);
  right: 100%;
  top: -1px;
}
.p-history__fukidasi::after {
  background-color: #fff;
  transform: translateX(1px);
}
.p-history__fukidasi:first-child {
  margin-bottom: 70px;
  margin-top: -30px;
}

.p-links {
  position: relative;
}

.p-links__bg {
  inset: 0;
  position: absolute;
}
.p-links__bg img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-links__inner {
  padding-bottom: 72px;
  padding-inline: 20px;
  padding-top: 40px;
  position: relative;
}

.p-links__title {
  color: #fff;
  font-size: var(--text-h1-size);
  font-weight: 700;
  line-height: var(--text-h1-line);
  text-align: center;
}

.p-links__lead {
  color: #fff;
  font-size: var(--text-h3-size);
  font-weight: 700;
  line-height: var(--text-h3-line);
  margin-top: 24px;
  text-align: center;
}

.p-links__list {
  display: grid;
  gap: 10px 9px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 40px;
}

.p-links__link {
  aspect-ratio: 163/124;
  color: #fff;
  display: grid;
  font-weight: 700;
  grid-template-rows: 1fr auto;
  padding-bottom: 4.9079754601%;
  padding-top: 6.1349693252%;
  position: relative;
  text-align: center;
}

.p-links__img {
  inset: 0;
  overflow: hidden;
  position: absolute;
}
.p-links__img::after {
  background-color: rgba(19, 19, 19, 0.5);
  content: "";
  inset: 0;
  position: absolute;
}
.p-links__img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-links__text {
  align-self: center;
  font-size: 1.6rem;
  line-height: 1.5;
  position: relative;
}

.p-links__year {
  align-items: center;
  display: flex;
  font-size: var(--text-base-size);
  gap: 2px;
  justify-content: center;
  line-height: var(--text-base-line);
  position: relative;
}
.p-links__year::after {
  aspect-ratio: 1;
  border-bottom: 1px solid;
  border-right: 1px solid;
  content: "";
  display: inline-block;
  transform: rotate(-45deg);
  width: 0.4285714286em;
}
@media (min-width: 48em) {
  .p-history {
    padding-bottom: 152px;
  }
  .p-history__mv {
    height: 524px;
    padding-top: 124px;
  }
  .p-history__mv::after {
    background-color: #fff;
    content: "";
    height: 128px;
    inset: auto 0 0;
    margin-inline: auto;
    position: absolute;
    width: 4px;
  }
  .p-history__title {
    font-size: var(--text-h1-size-md);
  }
  .p-history__lead {
    font-size: 2.2rem;
    line-height: 1.5;
    margin-top: 36px;
    padding-block: 21px;
  }
  .p-history__inner {
    margin-inline: auto;
    max-width: 1120px;
  }
  .p-history__content {
    border-left: 0;
    gap: 0 4px;
    grid-template-columns: repeat(2, 1fr);
    max-width: 860px;
    padding-bottom: 90px;
    padding-right: 0;
    padding-top: 86px;
    width: calc(100% - 80px);
  }
  .p-history__content::before {
    background-color: var(--color-logo);
    content: "";
    height: 100%;
    inset: 0;
    margin: auto;
    position: absolute;
    width: 4px;
  }
  .p-history__section[data-area="1919"] {
    grid-column: 1;
  }
  .p-history__section[data-area="1919"] .p-history__box {
    padding-right: 15.8878504673%;
  }
  .p-history__section[data-area="1927"] {
    grid-column: 2;
    grid-row: span 2;
    margin-top: 100px;
  }
  .p-history__section[data-area="1927"] .p-history__heading {
    text-align: right;
  }
  .p-history__section[data-area="1927"] .p-history__box {
    padding-left: 15.8878504673%;
  }
  .p-history__section[data-area="1949"] {
    grid-column: 1;
    grid-row: span 3;
    margin-top: 100px;
  }
  .p-history__section[data-area="1949"] .p-history__box {
    padding-right: 15.8878504673%;
  }
  .p-history__section[data-area="1952"] {
    grid-column: 2;
    grid-column: 2;
    margin-top: 100px;
  }
  .p-history__section[data-area="1952"] .p-history__heading {
    text-align: right;
  }
  .p-history__section[data-area="1952"] .p-history__box {
    padding-left: 15.8878504673%;
  }
  .p-history__section[data-area="1955"] {
    grid-column: 2;
    grid-column: -1/1;
    margin-top: 100px;
    padding-left: calc(50% + 2px);
  }
  .p-history__section[data-area="1955"] .p-history__heading {
    text-align: right;
  }
  .p-history__section[data-area="1955"] .p-history__box {
    padding-left: 15.8878504673%;
  }
  .p-history__section[data-area="1955"] .p-history__fukidasi {
    border-radius: 30px 0 30px 30px;
    left: 0;
    position: absolute;
    top: 104px;
  }
  .p-history__section[data-area="1955"] .p-history__fukidasi::before, .p-history__section[data-area="1955"] .p-history__fukidasi::after {
    clip-path: polygon(0 0, 0 100%, 100% 0);
    left: calc(100% - 1px);
    right: auto;
  }
  .p-history__section[data-area="1955"] .p-history__fukidasi::before {
    left: 100%;
    right: auto;
  }
  .p-history__section[data-area="1955"] .p-history__fukidasi::after {
    transform: translateX(-1px);
  }
  .p-history__section[data-area="1958"] {
    grid-column: 1;
    grid-column: -1/1;
    margin-top: 100px;
    padding-right: calc(50% + 2px);
  }
  .p-history__section[data-area="1958"] .p-history__box {
    padding-right: 15.8878504673%;
  }
  .p-history__section[data-area="1958"] .p-history__fukidasi {
    position: absolute;
    right: 0;
    top: 26px;
  }
  .p-history__section[data-area="1975"] {
    grid-column: 2;
    margin-top: -88px;
  }
  .p-history__section[data-area="1975"] .p-history__heading {
    text-align: right;
  }
  .p-history__section[data-area="1975"] .p-history__box {
    padding-left: 15.8878504673%;
  }
  .p-history__section[data-area="1978"] {
    grid-column: 1;
    grid-row: 7;
    margin-top: 100px;
  }
  .p-history__section[data-area="1978"] .p-history__box {
    padding-right: 15.8878504673%;
  }
  .p-history__section[data-area="1981"] {
    grid-column: 1;
    margin-top: 6px;
  }
  .p-history__section[data-area="1981"] .p-history__box {
    padding-right: 15.8878504673%;
  }
  .p-history__section[data-area="1985"] {
    grid-column: 2;
    grid-row: span 2;
    margin-top: 100px;
  }
  .p-history__section[data-area="1985"] .p-history__heading {
    text-align: right;
  }
  .p-history__section[data-area="1985"] .p-history__box {
    padding-left: 15.8878504673%;
  }
  .p-history__section[data-area="1990"] {
    grid-column: 1;
    grid-row: span 2;
    margin-top: 100px;
  }
  .p-history__section[data-area="1990"] .p-history__box {
    padding-right: 15.8878504673%;
  }
  .p-history__section[data-area="1994"] {
    grid-column: 2;
    margin-top: 100px;
  }
  .p-history__section[data-area="1994"] .p-history__heading {
    text-align: right;
  }
  .p-history__section[data-area="1994"] .p-history__box {
    padding-left: 15.8878504673%;
  }
  .p-history__section[data-area="2002"] {
    grid-column: 1;
    margin-top: 16px;
  }
  .p-history__section[data-area="2002"] .p-history__box {
    padding-right: 15.8878504673%;
  }
  .p-history__section[data-area="2009_1"] {
    grid-column: 2;
    margin-top: 100px;
  }
  .p-history__section[data-area="2009_1"] .p-history__heading {
    text-align: right;
  }
  .p-history__section[data-area="2009_1"] .p-history__box {
    padding-left: 15.8878504673%;
  }
  .p-history__section[data-area="2009_2"] {
    grid-column: 1;
    margin-top: 15px;
  }
  .p-history__section[data-area="2009_2"] .p-history__box {
    padding-right: 15.8878504673%;
  }
  .p-history__section[data-area="2018"] {
    grid-column: 2;
    margin-top: 80px;
  }
  .p-history__section[data-area="2018"] .p-history__heading {
    text-align: right;
  }
  .p-history__section[data-area="2018"] .p-history__box {
    padding-left: 15.8878504673%;
  }
  .p-history__section[data-area="2019"] {
    grid-column: 1;
    margin-top: 50px;
  }
  .p-history__section[data-area="2019"] .p-history__box {
    padding-right: 15.8878504673%;
  }
  .p-history__section[data-area="2020_1"] {
    grid-column: 2;
    margin-top: 100px;
  }
  .p-history__section[data-area="2020_1"] .p-history__heading {
    text-align: right;
  }
  .p-history__section[data-area="2020_1"] .p-history__box {
    padding-left: 15.8878504673%;
  }
  .p-history__section[data-area="2020_2"] {
    grid-column: 1;
    margin-top: 50px;
  }
  .p-history__section[data-area="2020_2"] .p-history__box {
    padding-right: 15.8878504673%;
  }
  .p-history__section[data-area="2021_1"] {
    grid-column: 2;
    margin-top: 100px;
  }
  .p-history__section[data-area="2021_1"] .p-history__heading {
    text-align: right;
  }
  .p-history__section[data-area="2021_1"] .p-history__box {
    padding-left: 15.8878504673%;
  }
  .p-history__section[data-area="2021_2"] {
    grid-column: 1;
    margin-top: 20px;
  }
  .p-history__section[data-area="2021_2"] .p-history__box {
    padding-right: 15.8878504673%;
  }
  .p-history__section[data-area="2023_1"] {
    grid-column: 2;
    margin-top: 90px;
  }
  .p-history__section[data-area="2023_1"] .p-history__heading {
    text-align: right;
  }
  .p-history__section[data-area="2023_1"] .p-history__box {
    padding-left: 15.8878504673%;
  }
  .p-history__section[data-area="2023_2"] {
    grid-column: 1;
    margin-top: -80px;
  }
  .p-history__section[data-area="2023_2"] .p-history__box {
    padding-right: 15.8878504673%;
  }
  .p-history__section[data-area="2024_1"] {
    grid-column: 2;
    margin-top: 90px;
  }
  .p-history__section[data-area="2024_1"] .p-history__heading {
    text-align: right;
  }
  .p-history__section[data-area="2024_1"] .p-history__box {
    padding-left: 15.8878504673%;
  }
  .p-history__section[data-area="2024_2"] {
    grid-column: 1;
    margin-top: -100px;
  }
  .p-history__section[data-area="2024_2"] .p-history__box {
    padding-right: 15.8878504673%;
  }
  .p-history__section[data-area="2024_3"] {
    grid-column: 2;
    margin-top: 90px;
  }
  .p-history__section[data-area="2024_3"] .p-history__heading {
    text-align: right;
  }
  .p-history__section[data-area="2024_3"] .p-history__box {
    padding-left: 15.8878504673%;
  }
  .p-history__section[data-area="2025"] {
    grid-column: 1;
    margin-top: 90px;
  }
  .p-history__section[data-area="2025"] .p-history__box {
    padding-right: 15.8878504673%;
  }
  .p-history__heading {
    font-size: var(--text-h1-size-md);
  }
  .p-history__heading {
    padding-bottom: 2px;
    padding-left: 0;
  }
  .p-history__box {
    padding-left: 0;
  }
  .p-history__text {
    font-size: var(--text-base-size-md);
  }
  .p-history__img {
    width: var(--width-md);
  }
  .p-history__fukidasi {
    font-size: min(32px, 3.4042553191vw);
    margin-left: 0;
    margin-top: 0;
    width: calc(50% - 30px);
  }
  .p-history__fukidasi::before, .p-history__fukidasi::after {
    height: 34px;
    width: 21px;
  }
  .p-history__fukidasi:first-child {
    margin-bottom: 0;
    margin-top: 0;
  }
  .p-links__inner {
    margin-inline: auto;
    max-width: 918px;
    padding-bottom: 116px;
    padding-inline: 40px;
    padding-top: 64px;
  }
  .p-links__title {
    font-size: var(--text-h1-size-md);
  }
  .p-links__lead {
    font-size: var(--text-h3-size-md);
  }
  .p-links__lead {
    margin-top: 32px;
  }
  .p-links__list {
    gap: 15px 14px;
    grid-template-columns: repeat(auto-fit, minmax(242px, 1fr));
    margin-top: 72px;
  }
  .p-links__link {
    padding-bottom: 20px;
    padding-top: 32px;
  }
  .p-links__link:hover .p-links__img::after {
    background-color: rgba(19, 19, 19, 0.2);
  }
  .p-links__link:hover .p-links__img img {
    transform: scale(1.05);
  }
  .p-links__img::after {
    transition: background-color 0.3s ease;
  }
  .p-links__img img {
    transition: transform 0.3s ease;
  }
  .p-links__text {
    font-size: 2.2rem;
  }
  .p-links__year {
    font-size: var(--text-base-size-md);
  }
  .p-links__year::after {
    width: 8px;
  }
}
/*# sourceMappingURL=maps/outline-olinfo-history-index.css.map */