/* かんたん査定（取引先のホームページに貼る部品）。色は --ks-acc で取引先に合わせる。 */
.ks-root.ks-root { --ks-ink:#1f2933; --ks-sub:#6b7680; --ks-line:#e3e7eb; --ks-card:#fff; --ks-acc:#1d5c8f; --ks-acc-soft:#e8f0f7;
  box-sizing:border-box; max-width:420px; margin:0 auto; background:var(--ks-card); color:var(--ks-ink);
  border:1px solid var(--ks-line); border-radius:18px; padding:22px 20px 24px;
  font-family:"Hiragino Sans","Noto Sans JP","Yu Gothic UI",sans-serif; line-height:1.5; }
.ks-root.ks-root *, .ks-root.ks-root *::before, .ks-root.ks-root *::after { box-sizing:border-box; }
/* ── テーマの飾りを部品の中だけ消す（WordPressテーマの .entry-content li::before{content:"▶"} 等に負けないように）。
   部品自身の書き方はこの後に同じ強さ以上で書くので、こちらが上書きすることはない ── */
.ks-root.ks-root { letter-spacing:normal; text-transform:none; text-align:left; word-spacing:normal; }
.ks-root.ks-root ul, .ks-root.ks-root ol, .ks-root.ks-root li { margin:0; padding:0; list-style:none; text-indent:0; background:none; border:0; }
.ks-root.ks-root li::before, .ks-root.ks-root li::after { content:none; display:none; }
.ks-root.ks-root li::marker { content:none; }
.ks-root.ks-root p, .ks-root.ks-root h2, .ks-root.ks-root div, .ks-root.ks-root span, .ks-root.ks-root small, .ks-root.ks-root strong { margin:0; padding:0; border:0; background:none; text-transform:none;
  letter-spacing:inherit; font-family:inherit; box-shadow:none; text-shadow:none; }
.ks-root.ks-root p::before, .ks-root.ks-root h2::before, .ks-root.ks-root h2::after, .ks-root.ks-root label::before, .ks-root.ks-root label::after { content:none; display:none; }
.ks-root.ks-root button { margin:0; padding:0; border:0; background:none; color:inherit; font-family:inherit; text-transform:none; letter-spacing:normal;
  box-shadow:none; text-shadow:none; min-height:0; min-width:0; height:auto; width:auto; line-height:1.4; text-decoration:none; border-radius:0; }
.ks-root.ks-root button:hover, .ks-root.ks-root button:focus { box-shadow:none; text-decoration:none; }
.ks-root.ks-root label { display:block; padding:0; font-weight:400; text-transform:none; letter-spacing:normal; float:none; width:auto; }
.ks-root.ks-root a { box-shadow:none; border:0; background:none; text-transform:none; }
.ks-root.ks-root input, .ks-root.ks-root textarea, .ks-root.ks-root select { margin:0; box-shadow:none; letter-spacing:normal; text-transform:none; border-radius:0; height:auto;
  min-height:0; max-width:none; font-family:inherit; line-height:1.4; }
.ks-root.ks-root .ks-head { display:flex; align-items:center; gap:8px; font-weight:700; font-size:16px; }
.ks-root.ks-root .ks-head svg { width:22px; height:22px; color:var(--ks-acc); }
.ks-root.ks-root .ks-steps { display:flex; gap:4px; margin:12px 0 18px; }
.ks-root.ks-root .ks-steps span { flex:1; height:4px; border-radius:2px; background:var(--ks-line); }
.ks-root.ks-root .ks-steps span.on { background:var(--ks-acc); }
.ks-root.ks-root h2 { font-size:18px; margin:0 0 14px; font-weight:700; }
.ks-root.ks-root .ks-types { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.ks-root.ks-root .ks-subs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-top:8px; }
.ks-root.ks-root .ks-subs button { border:1px solid var(--ks-line); border-radius:10px; background:#fff; color:var(--ks-ink); padding:9px 4px; font-size:14px; cursor:pointer; }
.ks-root.ks-root .ks-subs button[aria-pressed="true"] { border-color:var(--ks-acc); background:var(--ks-acc-soft); font-weight:700; }
.ks-root.ks-root .ks-seg.ks-seg4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.ks-root.ks-root .ks-type { border:1.5px solid var(--ks-line); border-radius:12px; padding:12px 4px; white-space:nowrap; text-align:center; font-weight:700;
  background:#fff; color:var(--ks-ink); font-size:15px; cursor:pointer; }
.ks-root.ks-root .ks-type svg { width:28px; height:28px; display:block; margin:0 auto 8px; color:var(--ks-acc); }
.ks-root.ks-root .ks-type[aria-pressed="true"] { border-color:var(--ks-acc); background:var(--ks-acc-soft); }
.ks-root.ks-root label { display:block; font-size:13px; color:var(--ks-sub); margin:12px 0 5px; }
.ks-root.ks-root .ks-auto { font-size:11px; color:var(--ks-acc); background:var(--ks-acc-soft); border-radius:4px; padding:1px 6px; margin-left:4px; }
.ks-root.ks-root .ks-in { display:flex; align-items:center; border:1px solid var(--ks-line); border-radius:10px; padding:0 12px; background:#fff; }
.ks-root.ks-root .ks-in input { flex:1; min-width:0; width:100%; border:0; outline:0; padding:11px 0; font-size:16px; background:transparent; color:var(--ks-ink); }
.ks-root.ks-root .ks-in:focus-within { border-color:var(--ks-acc); }
.ks-root.ks-root .ks-in .ks-u { color:var(--ks-sub); font-size:14px; }
.ks-root.ks-root .ks-in .ks-unit { flex:none; display:inline-flex; align-items:center; gap:3px; margin:0 -6px 0 6px; padding:6px 8px;
  border:1px solid var(--ks-line); border-radius:8px; background:#fff; color:var(--ks-ink); font-size:14px; cursor:pointer; line-height:1; }
.ks-root.ks-root .ks-in .ks-unit span { color:var(--ks-sub); font-size:12px; }
.ks-root.ks-root .ks-row2 { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; }
.ks-root.ks-root .ks-row2 > div { min-width:0; }
.ks-root.ks-root .ks-seg { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--ks-line); border-radius:10px; overflow:hidden; }
.ks-root.ks-root .ks-seg button { padding:10px; font-size:14px; border:0; background:#fff; color:var(--ks-ink); cursor:pointer; }
.ks-root.ks-root .ks-seg button[aria-pressed="true"] { background:var(--ks-acc); color:#fff; font-weight:700; }
.ks-root.ks-root .ks-btn { display:block; width:100%; margin-top:20px; background:var(--ks-acc); color:#fff; text-align:center; padding:14px;
  border:0; border-radius:12px; font-weight:700; font-size:16px; cursor:pointer; }
.ks-root.ks-root .ks-btn[disabled] { opacity:.5; cursor:default; }
.ks-root.ks-root .ks-back { display:inline-block; margin-top:14px; font-size:15px; padding:6px 0; color:var(--ks-sub); background:none; border:0; cursor:pointer; padding:0; }
.ks-root.ks-root .ks-err { margin-top:10px; font-size:13px; color:#b42318; min-height:1em; }
.ks-root.ks-root .ks-label { font-size:13px; color:var(--ks-sub); }
.ks-root.ks-root .ks-range { font-size:30px; font-weight:800; letter-spacing:.5px; margin:4px 0 2px; }
.ks-root.ks-root .ks-range small { font-size:16px; font-weight:700; }
.ks-root.ks-root .ks-bar { position:relative; height:10px; background:var(--ks-line); border-radius:5px; margin:14px 0 4px; }
.ks-root.ks-root .ks-bar .ks-fill { position:absolute; left:22%; right:22%; top:0; bottom:0; background:var(--ks-acc); border-radius:5px; opacity:.85; }
.ks-root.ks-root .ks-bar .ks-mid { position:absolute; left:50%; top:-4px; width:2px; height:18px; background:var(--ks-ink); }
.ks-root.ks-root .ks-ticks { display:flex; justify-content:space-between; font-size:12px; color:var(--ks-sub); }
.ks-root.ks-root .ks-pre { margin-top:10px; font-size:11px; color:var(--ks-sub); }
.ks-root.ks-root .ks-credit { margin-top:14px; font-size:10.5px; color:var(--ks-sub); line-height:1.5; border-top:1px solid var(--ks-line); padding-top:10px; }
.ks-root.ks-root .ks-done { text-align:center; padding:24px 0 6px; }
.ks-root.ks-root .ks-done svg { width:48px; height:48px; color:var(--ks-acc); }
.ks-root.ks-root .ks-hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
@media (max-width:420px) {
 .ks-root.ks-root { border-radius:14px; padding:18px 16px 20px; }
 .ks-root.ks-root .ks-range { font-size:26px; } }
.ks-root.ks-root .ks-ts { margin-top:10px; min-height:0; }
.ks-root.ks-root .ks-hint { margin:10px 0 0; font-size:13px; color:var(--ks-sub); }
.ks-root.ks-root .ks-lead { margin:-6px 0 12px; font-size:13px; color:var(--ks-acc); font-weight:700; }
.ks-root.ks-root .ks-opt { font-size:11px; color:var(--ks-sub); margin-left:6px; font-weight:400; }
.ks-root.ks-root .ks-place { display:flex; align-items:center; gap:4px; margin:-6px 0 10px; font-size:12px; color:var(--ks-sub); }
.ks-root.ks-root .ks-place svg { width:14px; height:14px; flex:none; }
.ks-root.ks-root .ks-link { display:inline-block; margin-top:6px; font-size:13px; color:var(--ks-acc); background:none; border:0; padding:4px 0; cursor:pointer; text-decoration:underline; }
.ks-root.ks-root .ks-center { text-align:center; margin-top:16px; }
.ks-root.ks-root .ks-hint a { color:var(--ks-acc); }
.ks-root.ks-root .ks-done + .ks-label { margin-top:18px; }
.ks-root.ks-root .ks-midv { font-weight:800; color:var(--ks-ink); font-size:13px; }
.ks-root.ks-root .ks-ac { position:relative; }
.ks-root.ks-root .ks-sug { position:absolute; left:-1px; right:-1px; top:calc(100% + 4px); z-index:20; margin:0; padding:4px 0; list-style:none;
  background:#fff; border:1px solid var(--ks-line); border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,.12); max-height:280px; overflow:auto; }
.ks-root.ks-root .ks-sug[hidden] { display:none; }
.ks-root.ks-root .ks-sug li { padding:11px 12px; font-size:15px; cursor:pointer; }
.ks-root.ks-root .ks-sug li:active, .ks-root.ks-root .ks-sug li:hover, .ks-root.ks-root .ks-sug li[aria-selected="true"] { background:var(--ks-acc-soft); }
.ks-root.ks-root .ks-subs.ks-subs3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ks-root.ks-root .ks-subs button small { display:block; font-size:10.5px; color:var(--ks-sub); font-weight:400; margin-top:1px; }

/* ── ページ型（rovixa.jp の専用ページ・2026-10-18）: data-layout="page"。カードの枠を外し、ページの字と色で ──
   1画面で入れる → «査定しています…» → 結果（別の画面）。字はページのもの、数字の字は --ks-num、色は data-color（--ks-acc）。 */
.ks-root.ks-root.ks-page { --ks-ink:#111; --ks-sub:#555; --ks-line:#d3d9d5; --ks-num:inherit;
  max-width:880px; border:0; border-radius:0; padding:0; background:transparent; font-family:inherit; line-height:1.8; letter-spacing:.02em;
  container-type:inline-size; container-name:ks; }
.ks-root.ks-root.ks-page h3 { font-size:18px; font-weight:900; line-height:1.4; margin:0 0 10px; padding:0; border:0; background:none; letter-spacing:inherit; }
.ks-root.ks-root.ks-page .ks-q { display:grid; grid-template-columns:52px minmax(0,1fr); gap:0 14px; border-top:1px solid var(--ks-ink); padding:18px 0 22px; }
.ks-root.ks-root.ks-page .ks-qn { font-family:var(--ks-num); font-weight:800; font-size:32px; line-height:1; color:var(--ks-acc); }
.ks-root.ks-root.ks-page label { font-size:13px; color:var(--ks-sub); margin:0 0 4px; }
.ks-root.ks-root.ks-page .ks-in { border:1px solid var(--ks-line); border-radius:6px; min-height:48px; }
.ks-root.ks-root.ks-page .ks-seg3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--ks-line); border-radius:6px; overflow:hidden; background:#fff; }
.ks-root.ks-root.ks-page .ks-seg3 .ks-type { border:0; border-left:1px solid var(--ks-line); border-radius:0; padding:12px 4px; font-size:15px; background:#fff; }
.ks-root.ks-root.ks-page .ks-seg3 .ks-type:first-child { border-left:0; }
.ks-root.ks-root.ks-page .ks-seg3 .ks-type[aria-pressed="true"] { background:var(--ks-ink); color:#fff; }
.ks-root.ks-root.ks-page .ks-addr { display:grid; grid-template-columns:2fr 1fr; gap:10px; }
.ks-root.ks-root.ks-page .ks-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 14px; }
.ks-root.ks-root.ks-page .ks-wide { grid-column:1/-1; }
.ks-root.ks-root.ks-page .ks-fields .ks-wide > label { margin-top:0; }
.ks-root.ks-root.ks-page .ks-subs { grid-template-columns:repeat(auto-fit,minmax(88px,1fr)); }
.ks-root.ks-root.ks-page .ks-subs button { border-radius:6px; }
.ks-root.ks-root.ks-page .ks-subs button[aria-pressed="true"] { background:var(--ks-ink); border-color:var(--ks-ink); color:#fff; }
.ks-root.ks-root.ks-page .ks-subs button[aria-pressed="true"] small { color:rgba(255,255,255,.75); }
.ks-root.ks-root.ks-page .ks-more { border-top:1px solid var(--ks-ink); padding:16px 0 20px; }
.ks-root.ks-root.ks-page .ks-more summary { display:flex; justify-content:space-between; align-items:center; gap:10px; font-weight:900; font-size:16px; cursor:pointer; list-style:none; }
.ks-root.ks-root.ks-page .ks-more summary::-webkit-details-marker { display:none; }
.ks-root.ks-root.ks-page .ks-more summary::after { content:"＋"; color:var(--ks-acc); font-weight:700; }
.ks-root.ks-root.ks-page .ks-more[open] summary::after { content:"−"; }
.ks-root.ks-root.ks-page .ks-more summary span { margin-left:auto; font-size:12.5px; font-weight:500; color:var(--ks-acc); }
.ks-root.ks-root.ks-page .ks-moregrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 24px; margin-top:6px; }
.ks-root.ks-root.ks-page .ks-moregrid > label { margin-top:12px; }
.ks-root.ks-root.ks-page .ks-go { border-top:1px solid var(--ks-ink); padding-top:22px; }
.ks-root.ks-root.ks-page .ks-btn { margin-top:0; border-radius:6px; min-height:60px; font-size:18px; font-weight:900; }
.ks-root.ks-root.ks-page .ks-free { text-align:center; font-size:12.5px; color:var(--ks-sub); margin-top:8px; }
/* 査定しています… */
.ks-root.ks-root.ks-page .ks-load { background:var(--ks-acc); color:#fff; border-radius:16px; min-height:380px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:40px 20px; }
.ks-root.ks-root.ks-page .ks-load h2 { font-size:28px; font-weight:900; margin:0; color:#fff; }
.ks-root.ks-root.ks-page .ks-load p { opacity:.85; font-size:14px; margin-top:6px; }
.ks-root.ks-root.ks-page .ks-ring { width:84px; height:84px; border-radius:50%; border:6px solid rgba(255,255,255,.25); border-top-color:#fff; margin-bottom:22px; animation:ks-spin .9s linear infinite; }
@keyframes ks-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ks-root.ks-root.ks-page .ks-ring { animation:none; } }
/* 結果（2026-10-18 作り手が決めた形）: 白い紙1枚・前提の一文・目安＋物差し・確からしさ・黒い線で区切った3つ（値段の動き・内わけ・手取り） */
.ks-root.ks-root.ks-page .ks-sheet { background:#fff; border-radius:8px; padding:40px 48px 30px; }
.ks-root.ks-root.ks-page .ks-eyebrow { font-family:var(--ks-num); font-weight:600; font-size:11px; letter-spacing:.24em; color:var(--ks-sub); }
.ks-root.ks-root.ks-page .ks-eyebrow b { font-family:inherit; font-weight:500; letter-spacing:.12em; margin-left:10px; }
.ks-root.ks-root.ks-page .ks-sheet .ks-eyebrow b { font-family:var(--ks-num); }
.ks-root.ks-root.ks-page .ks-title { font-size:24px; font-weight:900; line-height:1.4; margin:10px 0 0; }
.ks-root.ks-root.ks-page .ks-premise { font-size:13px; color:var(--ks-sub); margin-top:2px; }
.ks-root.ks-root.ks-page .ks-rule { height:1px; background:var(--ks-ink); margin:24px 0 28px; }
.ks-root.ks-root.ks-page .ks-main { display:grid; grid-template-columns:auto minmax(0,1fr); gap:20px 40px; align-items:end; }
.ks-root.ks-root.ks-page .ks-k { font-size:14px; font-weight:900; color:var(--ks-acc); }
.ks-root.ks-root.ks-page .ks-big { font-family:var(--ks-num); font-weight:600; font-size:92px; line-height:1; letter-spacing:-.02em; margin-top:6px; white-space:nowrap; }
.ks-root.ks-root.ks-page .ks-big small { font-family:inherit; font-size:22px; font-weight:900; letter-spacing:.04em; margin-left:8px; }
.ks-root.ks-root.ks-page .ks-res .ks-tu { font-size:13px; color:var(--ks-sub); margin-top:6px; }
.ks-root.ks-root.ks-page .ks-conf { display:inline-flex; align-items:center; gap:8px; margin-top:12px; font-size:12.5px; color:var(--ks-ink); }
.ks-root.ks-root.ks-page .ks-conf i { width:8px; height:8px; border-radius:50%; background:#3f8f6c; box-shadow:0 0 0 3px #e3f1ea; }
.ks-root.ks-root.ks-page .ks-confm i { background:#c9962b; box-shadow:0 0 0 3px #f6ecd6; }
.ks-root.ks-root.ks-page .ks-confl i { background:#c4513f; box-shadow:0 0 0 3px #f7e1dc; }
.ks-root.ks-root.ks-page .ks-scale { position:relative; height:96px; margin-bottom:4px; }
.ks-root.ks-root.ks-page .ks-scale .ks-base { position:absolute; left:0; right:0; top:44px; height:2px; background:var(--ks-ink); }
.ks-root.ks-root.ks-page .ks-scale .ks-seg { position:absolute; left:0; right:0; top:40px; height:10px; background:linear-gradient(90deg,transparent,var(--ks-acc-soft) 15%,var(--ks-acc-soft) 85%,transparent); }
.ks-root.ks-root.ks-page .ks-scale .ks-tick { position:absolute; top:36px; width:2px; height:18px; background:var(--ks-ink); }
.ks-root.ks-root.ks-page .ks-scale .ks-midl { position:absolute; left:50%; top:28px; width:2px; height:34px; background:var(--ks-acc); transform:translateX(-50%); }
.ks-root.ks-root.ks-page .ks-scale .ks-lt, .ks-root.ks-root.ks-page .ks-scale .ks-lb { position:absolute; white-space:nowrap; }
.ks-root.ks-root.ks-page .ks-scale .ks-lt { top:0; font-size:13px; font-weight:700; color:var(--ks-ink); }
.ks-root.ks-root.ks-page .ks-scale .ks-lb { top:60px; font-family:var(--ks-num); font-weight:600; font-size:20px; }
.ks-root.ks-root.ks-page .ks-scale .ks-lb small { font-family:inherit; font-size:11px; font-weight:700; margin-left:2px; color:var(--ks-sub); }
.ks-root.ks-root.ks-page .ks-scale .ks-l { left:0; }
.ks-root.ks-root.ks-page .ks-scale .ks-r { right:0; text-align:right; }
.ks-root.ks-root.ks-page .ks-scale .ks-c2 { left:50%; transform:translateX(-50%); color:var(--ks-acc); }
.ks-root.ks-root.ks-page .ks-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(0,1fr)); grid-auto-flow:column; margin-top:34px; border-top:1px solid var(--ks-ink); border-bottom:1px solid var(--ks-ink); }
.ks-root.ks-root.ks-page .ks-stat { padding:20px 20px 18px; border-left:1px solid var(--ks-line); min-width:0; }
.ks-root.ks-root.ks-page .ks-stat:first-child { border-left:0; padding-left:0; }
.ks-root.ks-root.ks-page .ks-stat:last-child { padding-right:0; }
.ks-root.ks-root.ks-page .ks-k2 { font-size:13px; font-weight:700; }
.ks-root.ks-root.ks-page .ks-sv { font-family:var(--ks-num); font-weight:600; font-size:34px; line-height:1.15; margin-top:6px; white-space:nowrap; }
.ks-root.ks-root.ks-page .ks-sv small { font-family:inherit; font-size:13px; font-weight:700; margin-left:3px; }
.ks-root.ks-root.ks-page .ks-acc { color:var(--ks-acc); }
.ks-root.ks-root.ks-page .ks-ss { font-size:12px; color:var(--ks-sub); margin-top:6px; line-height:1.6; }
.ks-root.ks-root.ks-page .ks-area { display:block; width:100%; height:96px; margin-top:6px; overflow:visible; color:var(--ks-acc); }
.ks-root.ks-root.ks-page .ks-area .ks-grid { stroke:#e8eae6; stroke-width:1; }
.ks-root.ks-root.ks-page .ks-area text { font-family:var(--ks-num); font-size:10px; fill:var(--ks-sub); }
.ks-root.ks-root.ks-page .ks-area text.ks-lastv { font-weight:600; fill:currentColor; }
.ks-root.ks-root.ks-page .ks-bar2 { display:flex; height:4px; margin-top:12px; background:var(--ks-line); }
.ks-root.ks-root.ks-page .ks-bar2 i { display:block; background:var(--ks-ink); }
.ks-root.ks-root.ks-page .ks-bar2 i + i { background:#9aa6bd; }
.ks-root.ks-root.ks-page .ks-foot { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:28px; }
.ks-root.ks-root.ks-page .ks-foot p { font-size:13px; }
.ks-root.ks-root.ks-page .ks-ctab { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:50px; padding:0 30px; border-radius:6px;
  background:var(--ks-acc); color:#fff; font-weight:700; font-size:15px; text-decoration:none; white-space:nowrap; }
.ks-root.ks-root.ks-page .ks-sheet .ks-thanks { background:var(--ks-acc-soft); }
.ks-root.ks-root.ks-page .ks-redo { display:block; margin:18px auto 0; font-size:14px; font-weight:700; color:var(--ks-acc); cursor:pointer; }
.ks-root.ks-root.ks-page .ks-src { margin-top:22px; text-align:right; }
.ks-root.ks-root.ks-page .ks-src summary { display:inline; list-style:none; cursor:pointer; font-size:10px; color:var(--ks-sub); opacity:.55; }
.ks-root.ks-root.ks-page .ks-src summary::-webkit-details-marker { display:none; }
.ks-root.ks-root.ks-page .ks-src p { text-align:left; font-size:10.5px; line-height:1.6; color:var(--ks-sub); margin-top:6px; }
/* 連絡先（取引先だけ）・ありがとうございます */
.ks-root.ks-root.ks-page .ks-who { font-size:14px; color:var(--ks-sub); margin:-4px 0 12px; }
.ks-root.ks-root.ks-page .ks-fields.ks-f2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ks-root.ks-root.ks-page .ks-back { display:block; margin:14px auto 0; font-size:14px; }
.ks-root.ks-root.ks-page .ks-thanks { margin-top:24px; background:#fff; border-radius:10px; padding:22px 20px; text-align:center; }
.ks-root.ks-root.ks-page .ks-thanks b { display:block; font-size:20px; font-weight:900; }
.ks-root.ks-root.ks-page .ks-thanks p { font-size:14px; color:var(--ks-sub); margin-top:4px; }
.ks-root.ks-root.ks-page .ks-thanks .ks-hint { font-size:12.5px; }
@media (max-width:860px) {
  .ks-root.ks-root.ks-page .ks-q { grid-template-columns:1fr; gap:2px; }
  .ks-root.ks-root.ks-page .ks-qn { font-size:26px; }
  .ks-root.ks-root.ks-page .ks-addr, .ks-root.ks-root.ks-page .ks-moregrid, .ks-root.ks-root.ks-page .ks-fields.ks-f2 { grid-template-columns:1fr; }
  .ks-root.ks-root.ks-page .ks-fields { grid-template-columns:1fr 1fr; }
  .ks-root.ks-root.ks-page .ks-sheet { padding:26px 18px 22px; }
  .ks-root.ks-root.ks-page .ks-title { font-size:20px; }
  .ks-root.ks-root.ks-page .ks-main { grid-template-columns:1fr; }
  .ks-root.ks-root.ks-page .ks-big { font-size:64px; }
  .ks-root.ks-root.ks-page .ks-stats { grid-auto-flow:row; grid-template-columns:1fr; }
  .ks-root.ks-root.ks-page .ks-stat { border-left:0; padding:18px 0; border-top:1px solid var(--ks-line); }
  .ks-root.ks-root.ks-page .ks-stat:first-child { border-top:0; }
  .ks-root.ks-root.ks-page .ks-foot { flex-direction:column; align-items:stretch; }
}
/* 置かれた場所が狭いとき（取引先のホームページの本文の幅など）も同じ並びに */
@container ks (max-width:640px) {
  .ks-root.ks-root.ks-page .ks-q { grid-template-columns:1fr; gap:2px; }
  .ks-root.ks-root.ks-page .ks-qn { font-size:26px; }
  .ks-root.ks-root.ks-page .ks-addr, .ks-root.ks-root.ks-page .ks-moregrid, .ks-root.ks-root.ks-page .ks-fields.ks-f2 { grid-template-columns:1fr; }
  .ks-root.ks-root.ks-page .ks-fields { grid-template-columns:1fr 1fr; }
  .ks-root.ks-root.ks-page .ks-sheet { padding:26px 18px 22px; }
  .ks-root.ks-root.ks-page .ks-title { font-size:20px; }
  .ks-root.ks-root.ks-page .ks-main { grid-template-columns:1fr; }
  .ks-root.ks-root.ks-page .ks-big { font-size:64px; }
  .ks-root.ks-root.ks-page .ks-stats { grid-auto-flow:row; grid-template-columns:1fr; }
  .ks-root.ks-root.ks-page .ks-stat { border-left:0; padding:18px 0; border-top:1px solid var(--ks-line); }
  .ks-root.ks-root.ks-page .ks-stat:first-child { border-top:0; }
  .ks-root.ks-root.ks-page .ks-foot { flex-direction:column; align-items:stretch; }
}