.about-top {
  padding-top: 7rem;
  padding-bottom: 22rem;
}
.about-top__text {
  width: fit-content;
  max-width: 65.8rem;
  margin: 0 auto;
}
.about-top__lead {
  text-align: center;
  font-size: 3.6rem;
  font-weight: 400;
  white-space: nowrap;
  font-family: var(--font-serif);
  letter-spacing: 0.15em;
  line-height: 6rem;
}
.about-top__image {
  position: absolute;
  left: -29.5rem;
  inset: 0 auto auto -29.5rem;
}
.about-top__image--2 {
  inset: 8.5rem -29.5rem auto auto;
}
.about-top__image img {
  width: 50rem;
  height: 60rem;
  object-fit: cover;
}

.about-message__row {
  display: grid;
  grid-template-columns: 1fr 50rem;
  gap: 17.7rem;
}
.about-message__accent {
  width: 61.3rem;
  position: absolute;
  inset: auto 0 0 -8.5rem;
}
.about-message__accent path {
  stroke-dasharray: 1000;
  stroke-dashoffset: -1000px;
  transition: 3s;
}
.about-message__accent.is-active path {
  stroke-dashoffset: 0px;
}

.about-history__slider {
  margin-right: calc(50% - 50vw);
  overflow: hidden;
}
.about-history .swiper-slide {
  width: fit-content;
}
.about-history .slider__scrollbar {
  margin-top: 5rem;
  width: 110.5rem;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  position: relative;
}
.about-history .slider__scrollbar::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-black);
  border-radius: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.about-history .slider__btn {
  background-color: var(--color-black);
  transform: translate(0, -50%);
  height: 3.4rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227.09%22%20height%3D%2210.175%22%20viewBox%3D%220%200%2027.09%2010.175%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_42146%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2042146%22%20transform%3D%22translate(14.532%200.587)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_298219%22%20data-name%3D%22%E3%83%91%E3%82%B9%20298219%22%20d%3D%22M0%2C5.676%2C4.506%2C0%2C9%2C5.676%22%20transform%3D%22translate(11.352%200)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_331549%22%20data-name%3D%22%E3%83%91%E3%82%B9%20331549%22%20d%3D%22M0%2C0%2C4.506%2C5.676%2C9%2C0%22%20transform%3D%22translate(-7.649)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 25px;
  cursor: pointer;
}

.about-history-card {
  background-color: #fff;
  width: 34rem;
  height: 37rem;
  padding: 2.7rem 2.5rem;
}
.about-history-card__date {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  margin-bottom: 2rem;
}
.about-history-card__year {
  font-size: 3.6rem;
  line-height: 4.6rem;
  font-family: var(--font-en);
  letter-spacing: 0.2em;
  font-weight: bold;
  position: relative;
  top: -0.35rem;
}
.about-history-card p {
  line-height: 2.1875;
}
.about-history-card picture {
  margin-top: 2rem;
}