.section-about {
  margin-top: 10rem;
}

.message-wrapper {
  margin: 15rem auto 25rem;
  max-width: 62.5rem;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.message-title {
  font-size: 2.4rem;
}

.message-author {
  align-self: end;
}

.job-title {
  text-align: end;
}

.authour-name {
  font-size: 2.4rem;
}

.about-contents {
  display: flex;
  flex-direction: column;
  gap: 25rem;
}

.textbox {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  width: 64rem;
}

.value-grid {
  gap: 3rem;
  margin: 6rem 0 20rem;
}

.value-box {
  background-color: var(--color-black);
  color: var(--color-white);
  border-radius: 10px;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 25rem;
}

.value-title {
  margin-bottom: 1rem;
}

.mission-grid,
.vision-grid {
  gap: 6rem;
}