/* 共通の入稿ガイドに合わせた画像トレースページ。 */
.trace-page .sheet-breadcrumb { flex-wrap:wrap; }
.trace-compare { display:grid; grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr); align-items:center; gap:20px; margin-top:30px; }
.trace-visual { min-width:0; align-self:stretch; padding:24px; border:1px solid #dce4eb; border-radius:12px; background:#fff; }
.trace-visual-head { display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.trace-visual-head > span { font:800 11px 'DM Sans',sans-serif; color:var(--blue); border:1px solid #dce4eb; border-radius:4px; padding:5px 9px; }
.trace-visual svg { display:block; width:100%; height:auto; border-radius:8px; }
.trace-visual p { margin-top:18px; font-size:15px; color:var(--muted); }
.trace-arrow { text-align:center; color:var(--blue); font-size:30px; }
.trace-caption { margin-top:16px; color:var(--muted); font-size:12px; }
.trace-explain { display:flex; align-items:center; justify-content:space-between; gap:36px; padding:28px; background:var(--cream); border:1px solid var(--line); border-radius:12px; margin-top:30px; }
.trace-explain > div { max-width:620px; }
.trace-explain p { color:var(--muted); margin-top:10px; }
.trace-page .trace-explain .data-mii { flex:none; margin:0; }
.trace-page .trace-explain .data-mii img { width:88px; height:132px; }
.trace-cases { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:28px; }
.trace-cases article { background:#fff; border:1px solid #dce4eb; border-radius:12px; padding:26px; }
.trace-cases h3 { margin:18px 0 12px; }
.trace-cases p,.trace-policy p { color:var(--muted); font-size:15px; }
.trace-note { background:var(--blue-soft); border-left:4px solid var(--blue); padding:22px 26px; margin-top:26px; border-radius:6px; }
.trace-note strong { font-size:17px; }
.trace-note p { margin-top:8px; color:var(--muted); }
.trace-policy { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:28px 0; }
.trace-policy article { border:1px solid #dce4eb; border-radius:12px; padding:26px; }
.trace-policy p { margin-top:12px; }
.trace-price-list { list-style:none; padding:0; margin:18px 0; }
.trace-price-list li { padding-block:14px; border-bottom:1px solid var(--line); }
.trace-price-list li:first-child { padding-top:0; }
.trace-price-list li > div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 12px; }
.trace-price-list span { color:var(--blue); font-weight:800; white-space:nowrap; }
.trace-price-list p { margin-top:6px; font-size:13px; }
@media(max-width:1000px) { .trace-explain { display:block; } .trace-page .trace-explain .data-mii { margin-top:22px; } }
@media(max-width:800px) { .trace-cases { grid-template-columns:1fr; gap:16px; } }
@media(max-width:600px) { .trace-compare,.trace-policy { grid-template-columns:1fr; gap:16px; } .trace-arrow { transform:rotate(90deg); } .trace-visual,.trace-cases article,.trace-policy article,.trace-explain { padding:20px; } .trace-note { padding:18px 20px; } .trace-visual-head { gap:10px; } .trace-page .trace-explain .data-mii img { width:64px; height:96px; } }

.trace-preparation-title { margin-top:32px; }

/* 画像の用途によって必要な準備が異なることを示す。 */
.trace-page .trace-decision { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:28px; }
.trace-page .trace-decision article { min-width:0; padding:24px; border:1px solid #dce4eb; border-radius:12px; background:#fff; }
.trace-page .trace-decision h3 { margin:12px 0 10px; }
.trace-page .trace-decision p { color:var(--muted); }
.trace-page .sheet-screen-note a { color:var(--blue); text-decoration:underline; text-underline-offset:4px; }
.trace-page .data-send-steps a { color:var(--blue); text-decoration:underline; text-underline-offset:4px; }
@media(max-width:600px) {
  .trace-page .trace-decision { grid-template-columns:1fr; gap:16px; }
  .trace-page .trace-decision article { padding:20px; }
}