/* お問い合わせ完了ページ専用CSS（2026-08-08）。
   基礎トークンと .sg 基底は他ページと同じ定義（page-contact.css から複製）。
   見出しまわりは sg-pagehead.css、戻りリンクは sg-contact.css の
   .sg-contact-block .contact-btn を再利用するため、ここは置き場の余白だけ持つ */
  html,body{margin:0;padding:0;}
  :root{
    --paper:#ffffff; --paper-2:#F5F4F1; --ink:#242220; --ink-soft:#514d47;
    --stone:#8f8b82; --line:#E7E4DE; --dark:#26241F; --dark-2:#1E1C18;
    --brass:#A89878; --paper-on-dark:#EDE8DF;
    --serif-jp:"Zen Old Mincho","Hiragino Mincho ProN","Yu Mincho",serif;
    --serif-en:"Cormorant Garamond","Zen Old Mincho","Hiragino Mincho ProN","Yu Mincho",serif;
    --sans:"Cormorant Garamond","Zen Old Mincho","Hiragino Mincho ProN","Yu Mincho",serif;
    --gutter:max(clamp(24px,5vw,64px),calc((100vw - 1472px)/2));
  }
  *{box-sizing:border-box;}
  .sg{background:var(--paper);color:var(--ink);font-family:var(--serif-jp);line-height:1.9;-webkit-font-smoothing:antialiased;overflow-x:clip;position:relative;}
  .en-title{font-family:var(--serif-en);font-style:normal;font-weight:400;color:var(--ink);letter-spacing:.01em;}

  /* 戻りリンクの置き場。ページヘッド（sg-pagehead）との間を静かに空け、
     フッター前に大きめの余白を取る（完了ページは要素が少ないため余白が主役） */
  .thx-act{
    width:min(1360px,calc(100vw - 2*var(--gutter,48px)));
    margin:0 auto;
    padding:clamp(10px,2vw,24px) 0 clamp(150px,20vw,280px);
  }