.message {
  min-height: clamp(470px, 43vw, 640px);
  padding-top: clamp(45px, 5vw, 82px);
  padding-bottom: clamp(45px, 5vw, 82px);
}

.message > p,
.message-note {
  position: relative;
  z-index: 2;
}

.message > p {
  font-family: 'Anton', 'Noto Sans JP', sans-serif;
  font-weight: 400;
  letter-spacing: .035em;
  line-height: .9;
}

.message-symbol-studio {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: clamp(-24px, 0vw, 8px);
  width: min(54vw, 735px);
  height: auto;
  transform: translateY(-48%);
  pointer-events: none;
}

.message-flying-plane {
  position: absolute;
  z-index: 3;
  top: clamp(18px, 4vw, 62px);
  right: clamp(-4px, 2.5vw, 46px);
  width: clamp(58px, 6vw, 96px);
  height: auto;
  pointer-events: none;
  transform: rotate(-7deg);
  animation: message-plane-float 3.8s ease-in-out infinite;
}

@keyframes message-plane-float {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-7deg); }
  50% { transform: translate3d(10px, -13px, 0) rotate(3deg); }
}

@media (max-width: 760px) {
  .message {
    min-height: 0;
  }

  .message-symbol-studio {
    position: relative;
    top: auto;
    right: auto;
    display: block;
    width: min(86vw, 390px);
    margin: 28px auto -28px;
    transform: none;
  }

  .message-flying-plane {
    top: 14px;
    right: 5px;
    width: 56px;
  }
}