/* ============================================================
   /thanks — お礼のメッセージ
   subpage.css の上に重ねる。招待状の「ご挨拶」と同じ静かな組み
   ============================================================ */

.thanks {
  max-width: 640px;
  margin: 0 auto;
  padding: 20px min(8vw, 38px) 10px;
  text-align: center;
}

.thanks__body p {
  font-size: 15px;
  line-height: 2.4;
  letter-spacing: 0.06em;
}

.thanks__body p + p {
  margin-top: 30px;
}

/* 区切りの一本線 */
.thanks__rule {
  width: 1px;
  height: 56px;
  margin: 46px auto;
  background: var(--line);
}

.thanks__date {
  font-family: var(--font-en);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.3em;
  color: var(--accent);
}

.thanks__names {
  margin-top: 16px;
  font-size: 15px;
  line-height: 2.2;
  letter-spacing: 0.14em;
}

/* 写真ページへの導線 */
.thanks__next {
  max-width: 640px;
  margin: 0 auto;
  padding: 10px min(8vw, 38px) 40px;
}