/* ========== Thanks 共通 ========== */
:root{
  --ysa-blue:#243675;
  --panel:#e9f1fb;
}

.p-thanks-landing{
  max-width: 980px;
  margin: 6rem auto 8rem;
  padding: 0 2rem;
  text-align: center;
}

/* ロゴ */
.p-thanks-logo{ margin-bottom: 1.2rem; }
.p-thanks-logo img{ width: 120px; height: auto; display: block; margin: 0 auto; }

/* 見出し & 下線 & リード */
.p-thanks-title{
  font-size: clamp(2.4rem, 2vw + 1.6rem, 3.2rem);
  color: var(--ysa-blue);
  letter-spacing: .08em;
  font-weight: 700;
  margin: 0;
}
.p-thanks-underline{
  display: inline-block;
  width: 260px;
  height: 7px;
  background: var(--ysa-blue);
  margin: .9rem auto 0;
  border-radius: 1px;
}
.p-thanks-lead{
  margin: 1.6rem 0 0;
  color: #2b3553;
  letter-spacing: .05em;
}

/* パネル */
.p-thanks-panel{
  margin-top: 2.2rem;
  background: var(--panel);
  border-radius: 14px;
  padding: clamp(2.0rem, 2.5vw, 3.2rem);
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}
.p-thanks-panel__title{
  font-size: 1.9rem;
  color: var(--ysa-blue);
  letter-spacing: .08em;
  margin: 0 0 .8rem;
}

/* 番号表示 */
.p-thanks-no{
  font-feature-settings: "tnum" 1, "lnum" 1;
  font-variant-numeric: tabular-nums lining-nums;
  font-size: clamp(3.2rem, 4.8vw, 4.6rem);
  letter-spacing: .25em;
  color: var(--ysa-blue);
  margin: .2rem 0 1.2rem;
}
.p-thanks-no--missing{ letter-spacing: .04em; }

.p-thanks-note{
  font-size: clamp(1.6rem, 1.4vw, 1.9rem);
  color: #2b3553;
  margin: 0;
}

/* 戻るボタン */
.p-thanks-back{
  display: inline-block;
  margin-top: 1.6rem;
  padding: .9em 1.4em;
  border-radius: 10px;
  border: 2px solid var(--ysa-blue);
  color: var(--ysa-blue);
  text-decoration: none;
  font-weight: 700;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.p-thanks-back:hover{
  transform: translateY(-2px);
  background: var(--ysa-blue);
  color: #fff;
  box-shadow: 0 10px 20px rgba(36,54,117,.15);
}

/* ========== コンパクト版（ポータルと同等バランス） ========== */
.p-thanks-landing{ margin: 3.2rem auto 4.8rem; }
.p-thanks-logo img{ width: 100px; }
.p-thanks-underline{ width: 220px; height: 5px; margin-top: .6rem; }
.p-thanks-lead{ margin-top: 1rem; }
.p-thanks-panel{ margin-top: 1.4rem; padding: 1.6rem 1.8rem; }

/* SP 調整 */
@media (max-width: 767.98px){
  .p-thanks-landing{ margin: 2.6rem auto 3.6rem; padding: 0 1.6rem; }
  .p-thanks-logo img{ width: 92px; }
  .p-thanks-underline{ width: 200px; height: 5px; }
  .p-thanks-panel{ padding: 1.2rem 1.4rem; border-radius: 10px; }
}