.first-view {
  max-width: 1100px;
  height: 427px;
  background-image: url(./img/reform-title.svg);
  background-size: cover;
  background-position: 50% 50%;
  margin: auto;
}

.overlap-group {
  max-width: 730px;
  height: 309px;
  margin: auto;
}

.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 {
  position: absolute;
  width: 1100px;
  height: 1132px;
  top: 2650px;
  left: 0;
}

.element {
  width: 468px;
  height: 351px;
  aspect-ratio: 1.33;
  object-fit: cover;
  margin-top: -100px;
  margin-left: 15%;
}

.rectangle {
  width: 316px;
  height: 377px;
  border-radius: 5px;
  margin: 20px;
}

.rectangle-2 {
  width: 518px;
  height: 570px;
  border-radius: 5px;
  margin: 20px;
}

.rectangle-3 {
  display: flex;
  margin: 100px auto;
  justify-content: center;
}

.rectangle-4 {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.arrow {
  width: 104px;
  height: 22px;
  margin-left: 60%;
}