/* Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  margin-top: 0 !important; }

.under-message__bg {
  background: url("../img/message/message-bg.webp") no-repeat center left;
  background-size: cover; }
  @media screen and (max-width: 834px) {
    .under-message__bg {
      background: url(../img/message/message-bg.webp) no-repeat 18%; } }
.under-message__main {
  padding: 12.7rem 0 15rem; }
  @media screen and (max-width: 834px) {
    .under-message__main {
      padding: 7rem 0 8rem; } }
.under-message__main--title {
  text-align: left;
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 5rem;
  line-height: 1.7; }
  @media screen and (max-width: 834px) {
    .under-message__main--title {
      font-size: 20px;
      margin-bottom: 3rem; } }
.under-message .text-wrap {
  display: flex;
  flex-direction: column;
  gap: 3rem 0; }
  @media screen and (max-width: 834px) {
    .under-message .text-wrap {
      gap: 2rem 0; } }
  .under-message .text-wrap p {
    font-size: 16px;
    line-height: 2.2; }
    @media screen and (max-width: 834px) {
      .under-message .text-wrap p {
        font-size: 14px; } }
  .under-message .text-wrap p.name {
    text-align: right; }
    .under-message .text-wrap p.name span {
      font-size: 20px; }
      @media screen and (max-width: 834px) {
        .under-message .text-wrap p.name span {
          font-size: 16px; } }