/* ===== 固定ページ本文（/column/ 配下の読み物ページ共通。.guide にスコープ） ===== */
.guide{--g-pink:var(--color-resume);--g-pink-tint:#ffe9fe;--g-pink-faint:#fff5fe;}
.guide *{box-sizing:border-box}

/* ヒーロー */
.guide-hero{background:linear-gradient(135deg,var(--g-pink-faint),#fff 60%,var(--g-pink-tint));
  border-bottom:1px solid var(--color-border);padding:54px 0 46px;text-align:center}
.guide-hero .badge{display:inline-block;background:var(--g-pink);color:#fff;font-size:12px;
  font-weight:700;letter-spacing:.14em;padding:6px 16px;border-radius:999px}
.guide-hero h1{font-size:31px;font-weight:900;color:var(--color-ink);margin:18px 0 8px;line-height:1.5}
.guide-hero .lead{font-size:15px;color:var(--text-secondary);max-width:760px;margin:14px auto 0;text-align:left;
  background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:18px 22px;box-shadow:var(--shadow);line-height:1.9}

.guide-body{padding:48px 0 20px;font-size:16px;line-height:1.9;color:var(--color-text)}
.guide-body p{margin:0 0 14px}
/* 本文カラム幅：運営会社(.company-inner)/利用規約(.terms-inner)と同じ760px */
.guide-inner{max-width:760px;margin:0 auto}

/* 目次 */
.guide-toc{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);
  padding:26px 30px;box-shadow:var(--shadow);margin-bottom:52px}
.guide-toc h2{font-size:17px;font-weight:900;color:var(--color-ink);display:flex;align-items:center;gap:10px;margin-bottom:16px}
.guide-toc h2::before{content:"";width:8px;height:22px;background:var(--g-pink);border-radius:4px}
.guide-toc ol{list-style:none;counter-reset:toc;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin:0;padding:0}
.guide-toc li{counter-increment:toc}
.guide-toc a{display:flex;gap:12px;align-items:baseline;text-decoration:none;color:var(--color-text);
  font-size:14.5px;font-weight:500;padding:6px 0;border-bottom:1px dashed var(--color-border);transition:.2s}
.guide-toc a:hover{color:var(--g-pink)}
.guide-toc a::before{content:counter(toc,decimal-leading-zero);color:var(--g-pink);font-weight:900;font-size:14px;flex:none;width:24px}

/* セクション */
.guide-sec{margin-bottom:56px;scroll-margin-top:140px}
.guide-sec-head{display:flex;align-items:center;gap:16px;margin-bottom:8px}
.guide-sec-num{flex:none;width:48px;height:48px;border-radius:50%;background:var(--g-pink);color:#fff;
  font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 16px rgba(241,115,255,.35)}
.guide-sec-head h2{font-size:24px;font-weight:900;color:var(--color-ink);line-height:1.4;margin:0}
.guide-sec-lead{color:var(--text-secondary);font-size:15px;margin:6px 0 26px}
/* 本文中のリンク */
.guide-sec p a,.guide-sec .checklist span a{color:var(--g-pink);font-weight:700;text-decoration:underline}

.guide h3.sub{font-size:18.5px;font-weight:700;color:var(--color-ink);margin:32px 0 14px;
  padding:8px 0 8px 16px;border-left:5px solid var(--g-pink);background:linear-gradient(90deg,var(--g-pink-faint),transparent)}
.guide h4.subsub{font-size:16px;font-weight:700;color:var(--g-pink);margin:24px 0 8px}

.guide ul.points{list-style:none;margin:14px 0 18px;padding:0}
.guide ul.points li{position:relative;padding:4px 0 4px 26px;margin-bottom:6px}
.guide ul.points li::before{content:"";position:absolute;left:4px;top:14px;width:9px;height:9px;border-radius:50%;background:var(--g-pink)}
.guide ul.points li b{color:var(--color-ink)}

.guide .point-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);
  padding:22px 26px;margin-bottom:16px;box-shadow:var(--shadow);border-left:5px solid var(--g-pink)}
.guide .point-card .tag{display:inline-block;font-size:12px;font-weight:700;color:var(--g-pink);
  background:var(--g-pink-tint);padding:3px 12px;border-radius:999px;margin-bottom:10px}
.guide .point-card h4{font-size:16.5px;font-weight:700;color:var(--color-ink);margin-bottom:8px}
.guide .point-card p{margin:0;color:var(--text-secondary);font-size:14.5px}

/* 記入例 */
.guide .example{background:var(--g-pink-faint);border:1px solid var(--g-pink-tint);border-radius:var(--radius);
  margin:16px 0 24px;overflow:hidden}
.guide .example .ex-label{background:var(--g-pink);color:#fff;font-size:13px;font-weight:700;padding:8px 18px;letter-spacing:.04em}
.guide .example .ex-body{padding:18px 22px;font-size:14.5px;color:var(--color-ink);background:#fff;margin:1px}
.guide .example .ex-body p{margin:0 0 6px}
.guide table.rireki{width:100%;border-collapse:collapse;margin:4px 0;font-size:14px}
.guide table.rireki td{padding:6px 10px;border-bottom:1px dashed var(--color-border);vertical-align:top}
.guide table.rireki td.ym{white-space:nowrap;color:var(--text-secondary);width:120px}
.guide table.rireki tr.center td{text-align:center;font-weight:700;color:var(--color-ink);background:var(--g-pink-faint)}
.guide table.rireki tr.right td{text-align:right;font-weight:700}
.guide .kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0}
.guide .kv dt{font-weight:700;color:var(--text-secondary)}
.guide .kv dd{margin:0}

/* チェックリスト */
.guide .checklist{list-style:none;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);
  box-shadow:var(--shadow);overflow:hidden;margin:0;padding:0}
.guide .checklist li{display:flex;gap:14px;padding:18px 24px;border-bottom:1px solid var(--color-border)}
.guide .checklist li:last-child{border-bottom:none}
.guide .checklist li::before{content:"✓";flex:none;width:26px;height:26px;border-radius:7px;background:var(--g-pink);
  color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:15px}
.guide .checklist b{color:var(--color-ink)}
.guide .checklist span{display:block;color:var(--text-secondary);font-size:14px;margin-top:2px}

/* 提出方法 */
.guide .submit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.guide .submit-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);
  padding:26px 22px;box-shadow:var(--shadow);text-align:center}
.guide .submit-card .ic{width:56px;height:56px;border-radius:50%;background:var(--g-pink-tint);color:var(--g-pink);
  display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 14px}
.guide .submit-card h4{font-size:17px;font-weight:900;color:var(--color-ink);margin-bottom:10px}
.guide .submit-card p{font-size:13.5px;color:var(--text-secondary);text-align:left;margin:0}
.guide .submit-card .note{margin-top:12px;font-size:12.5px;background:var(--g-pink-faint);border-radius:8px;padding:8px 12px;color:var(--color-ink);text-align:left}

/* Q&A */
.guide .qa{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 28px;margin-bottom:16px}
.guide .qa .q{display:flex;gap:14px;align-items:flex-start;font-weight:700;color:var(--color-ink);font-size:16px}
.guide .qa .q::before{content:"Q";flex:none;width:30px;height:30px;border-radius:50%;background:var(--g-pink);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center}
.guide .qa .a{display:flex;gap:14px;align-items:flex-start;margin-top:14px;color:var(--text-secondary);font-size:14.5px}
.guide .qa .a::before{content:"A";flex:none;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid var(--g-pink);color:var(--g-pink);font-weight:900;display:flex;align-items:center;justify-content:center}

/* CTA */
.guide .cta{background:linear-gradient(135deg,var(--g-pink),var(--color-pink-bright));border-radius:var(--radius-lg);
  text-align:center;padding:44px 24px;color:#fff;margin:60px 0 20px;box-shadow:0 14px 34px rgba(241,115,255,.3)}
.guide .cta h2{font-size:24px;font-weight:900;margin-bottom:10px;color:#fff}
.guide .cta p{color:rgba(255,255,255,.92);margin-bottom:22px;font-size:15px}
.guide .cta a{display:inline-block;background:#fff;color:var(--g-pink);font-weight:900;font-size:16px;
  text-decoration:none;padding:15px 44px;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.12);transition:.2s}
.guide .cta a:hover{transform:translateY(-2px)}

/* コラム一覧への戻り */
.guide-back{text-align:center;margin:0 0 20px}
.guide-back a{color:var(--g-pink);font-weight:700;text-decoration:underline}

@media(max-width:768px){
  .guide-hero h1{font-size:23px}
  .guide-toc ol{grid-template-columns:1fr}
  .guide-sec-head h2{font-size:20px}
  .guide-sec-num{width:40px;height:40px;font-size:17px}
  .guide .submit-grid{grid-template-columns:1fr}
  .guide table.rireki td.ym{width:96px}
}