/* ============================================================
   message.css — 代表あいさつ（message.html）
   ナビ・フッター・共通の土台は index.css
============================================================ */
a {
  color: inherit;
  text-decoration: none;
}

.msg-page {
  position: relative;
  z-index: 2;
}

.msg {
  padding: 140px 0 96px;
}
.msg .container {
  max-width: 680px;
}
.msg-title {
  font-family: var(--font-serif);
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 2px;
  margin: 8px 0 48px;
}
.msg-body p {
  font-family: var(--font-serif);
  font-size: 16px;
  line-height: 2.2;
  margin-bottom: 1.6em;
  opacity: 0.9;
}
.msg-sign {
  margin-top: 56px;
  text-align: right;
  font-family: var(--font-serif);
  font-size: 14px;
  opacity: 0.8;
}
.msg-sign span {
  margin-left: 1em;
  font-size: 18px;
  letter-spacing: 2px;
  opacity: 1;
}
.msg-links {
  margin-top: 64px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 28px;
}
.msg-back {
  font-size: 13px;
  opacity: 0.6;
}
.msg-back:hover {
  opacity: 1;
}

@media (max-width: 768px) {
  .msg {
    padding: 104px 0 72px;
  }
  .msg-title {
    font-size: 26px;
    margin-bottom: 36px;
  }
  .msg-body p {
    font-size: 15px;
    line-height: 2.1;
  }
}