.front {
  background: url(./bg.jpg) no-repeat center center;
  background-size: cover;
  width: 100%;
}

.front__inner {
  padding: clamp(100px, 245/1400 * 100vw, 245px) 2vw;

  .message {
  }

  .message__inner {
    max-width: 820px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 16px;
    padding: clamp(24px, 40 / 820 * 100%, 40px);
    backdrop-filter: blur(10px);

    h2 {
      font-family: "Yu Mincho", "Noto Serif JP", serif;
    }
  }

  .message__body {
    margin-top: 1.5em;
    line-height: 1.6;

    p {
      & + p {
        margin-top: 1.5em;
      }
    }
  }

  .message__action {
    display: flex;
    justify-content: center;
    margin-top: 2em;

    .button {
      position: relative;
      width: 100%;
      max-width: 340px;
      background: #fff;
      border-radius: 8px;
      display: flex;
      align-items: center;
      padding: 1em;
      padding-right: 40px;

      &:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 1em;
        transform: translateY(-50%);
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMi41IiBjeT0iMTIuNSIgcj0iMTIuNSIgZmlsbD0iIzA0M0I3RCIvPjxwYXRoIGQ9Ik0xMC44NSAxNy42TDEwIDE2Ljc1TDEzLjk1IDEyLjhMMTAgOC44NUwxMC44NSA4TDE1LjY1IDEyLjhMMTAuODUgMTcuNloiIGZpbGw9IndoaXRlIi8+PC9zdmc+");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        width: 25px;
        height: 25px;
      }

      @media (hover) {
        &:hover {
          opacity: 0.8;
        }
      }
    }
  }
}

.tenant {
  h2 {
    display: block;
    margin: 1em auto;
    font-size: clamp(24px, 60 / 1920 * 100vw, 60px);
    background: #fff;
    border: 8px solid #bdbcb8;
    color: #720b0c;
    font-weight: bold;
    padding: 0.8em 1em;
    text-align: center;
    width: fit-content;
    font-family: "Noto Sans JP", sans-serif;
  }

  .parking {
    padding-bottom: 2em;
  }

  .parking__body {
    background: #fff;
    padding: 2em;
    width: fit-content;
    margin: 0 auto;
  }
}