.overlap {
  max-width: 1100px;
  height: 427px;
  background-image: url(./img/about-title.svg);
  background-size: 100% 100%;
  margin: auto;
}

.first-view {
  height: 427px;
}

.overlap-group {
  position: relative;
  height: 309px;
}

.text-wrapper {
  font-family: "Noto Sans JP";
  font-weight: 900;
  font-size: 164px;
  letter-spacing: 4.92px;
  line-height: 171px;
  white-space: nowrap;
  color: #ffffff;
  text-align: center;
  padding-top: 80px;
}

.text-wrapper-2 {
  font-family: "Noto Sans JP";
  font-weight: 900;
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 1.44px;
  line-height: 141px;
  white-space: nowrap;
  text-align: center;
}

.overlap-2 {
  max-width: 1100px;
  margin: 180px auto 0;
}

.frame {
  max-width: 1100px;
  height: 856px;
}

.overlap-3 {
  position: relative;
  max-width: 1100px;
  height: 856px;
  left: 26px;
  background-image: url(./img/unsplash-htblqdxfg9k.svg);
  background-size: 100% 100%;
}

.overlap-group-2 {
  position: absolute;
  width: 317px;
  height: 171px;
  top: 141px;
  right: 80px;
}

.text-wrapper-4 {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Noto Sans JP";
  font-weight: 900;
  color: #ffffff;
  font-size: 40px;
  letter-spacing: 0.80px;
  line-height: 171px;
  white-space: nowrap;
}

.text-wrapper-5 {
  position: absolute;
  top: 127px;
  left: 0;
  font-family: "Noto Sans JP";
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 5.28px;
  line-height: 28.8px;
}

.text-wrapper-6 {
  position: absolute;
  width: 323px;
  top: 363px;
  right: 80px;
  font-family: "Noto Sans JP";
  font-weight: 400;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 3.60px;
  line-height: 32px;
}

.element {
  position: relative;
  width: 384px;
  height: 288px;
  aspect-ratio: 1.33;
  object-fit: cover;
  margin-top: -200px;
}

.overlap-4 {
  position: absolute;
  width: 1100px;
  height: 1047px;
  top: 3891px;
  left: 0;
}

.rectangle {
  width: 381px;
  height: 286px;
  margin: 0 0 -20px 121px;
}

.overlap-wrapper {
  max-width: 1157px;
  height: 932px;
  margin: 0 auto 150px;
}

.overlap-11 {
  position: relative;
  max-width: 1100px;
  height: 932px;
}

.unsplash {
  max-width: 988px;
  height: 932px;
  object-fit: cover;
}

.rectangle-2 {
  position: absolute;
  width: 588px;
  height: 500px;
  top: 216px;
  left: 0;
  background-color: #ffffff;
  border-radius: 15px 0 0 15px;
  transform: rotate(-180.00deg);
}

.text-wrapper-16 {
  position: absolute;
  width: 466px;
  top: 345px;
  left: 69px;
  font-family: "Noto Sans JP";
  font-weight: 700;
  color: #4c4747;
  font-size: 16px;
  letter-spacing: -0.16px;
  line-height: 35px;
}

.text-wrapper-17 {
  position: absolute;
  width: 466px;
  top: 576px;
  left: 68px;
  font-family: "Noto Sans JP";
  font-weight: 700;
  color: #4c4747;
  font-size: 24px;
  letter-spacing: 1.68px;
  line-height: 40px;
}

.text-wrapper-18 {
  position: absolute;
  top: 266px;
  left: 65px;
  font-family: "Afacad";
  font-weight: 600;
  color: #a9d708;
  font-size: 32px;
  letter-spacing: 2.88px;
  line-height: 42px;
  white-space: nowrap;
}

.vector {
  position: absolute;
  width: 470px;
  height: 1px;
  top: 320px;
  left: 65px;
  object-fit: cover;
}

.overlap-13 {
  max-width: 1157px;
  height: 1079px;
  margin: auto;
}

.overlap-group-wrapper {
  max-width: 1157px;
  height: 932px;
  border-radius: 38px;
  transform: rotate(180deg);
}

.overlap-14 {
  position: relative;
  width: 1100px;
  height: 932px;
  left: 57px;
}

.unsplash-yqslrejm {
  position: absolute;
  width: 917px;
  height: 932px;
  top: 0;
  left: 183px;
  transform: rotate(-180deg);
}

.rectangle-3 {
  position: absolute;
  width: 769px;
  height: 500px;
  top: 216px;
  left: 0;
  background-color: #ffffff;
  border-radius: 15px;
}

.text-wrapper-27 {
  position: absolute;
  width: 466px;
  top: 465px;
  left: 235px;
  transform: rotate(180.00deg);
  font-family: "Noto Sans JP";
  font-weight: 700;
  color: #4c4747;
  font-size: 16px;
  letter-spacing: -0.16px;
  line-height: 35px;
}

.text-wrapper-28 {
  position: absolute;
  width: 466px;
  top: 294px;
  left: 235px;
  transform: rotate(180.00deg);
  font-family: "Noto Sans JP";
  font-weight: 700;
  color: #4c4747;
  font-size: 24px;
  letter-spacing: 1.68px;
  line-height: 40px;
}

.text-wrapper-29 {
  position: absolute;
  top: 599px;
  left: 533px;
  transform: rotate(180.00deg);
  font-family: "Afacad";
  font-weight: 600;
  color: #a9d708;
  font-size: 32px;
  letter-spacing: 2.88px;
  line-height: 42px;
  white-space: nowrap;
}

.vector-9 {
  position: absolute;
  width: 470px;
  height: 1px;
  top: 588px;
  left: 235px;
  transform: rotate(-180deg);
  object-fit: cover;
}

.element-2 {
  position: absolute;
  width: 393px;
  height: 295px;
  right: 15%;
  margin-top: -160px;
  aspect-ratio: 1.33;
  object-fit: cover;
}