.secTitle .titleEN {
  font-size: var(--fz48);
}

.messageBox {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
.messageTextArea {
  max-width: 600px;
}
.messageCompany {
  margin-top: 6rem;
  text-align: right;
}
.messageName {
  margin-top: 1rem;
  font-size: var(--fz18);
  font-weight: 600;
}
.aboutBox {
  background-color: #f3f3f3;
}
.aboutList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 6rem;
}
.aboutList dt,
.aboutList dd {
  padding: 2rem;
  box-sizing: border-box;
  border-bottom: 1px solid #333;
}
.aboutList dt {
  width: 220px;
  text-align: center;
}
.aboutList .aboutJp .smTxt {
  font-size: var(--fz14);
}
.aboutList .aboutEn {
  font-size: var(--fz14);
  color: #818181;
}
.aboutList dd {
  width: calc(100% - 220px);
}
@media screen and (max-width: 640px) {
  .messageBox {
    flex-direction: column;
  }
  .messageTextArea {
    max-width: none;
  }
  .aboutList dt {
    width: 140px;
  }
  .aboutList dd {
    width: calc(100% - 140px);
  }
}
@media screen and (max-width: 480px) {
  .aboutList dt,
  .aboutList dd {
    padding: 0.8rem;
  }
  .aboutList dt {
    width: 100px;
  }
  .aboutList dd {
    width: calc(100% - 100px);
  }
}