/* =========================================================
   本人確認書類の提出方法（/01/nagare/honnin/）スタイル
   /01/ のグローバル変数（--primary, --green, --white 等）を使用
   ========================================================= */

.honnin-wrap{max-width:760px;margin:0 auto;padding:90px 16px 48px;color:#333;line-height:1.8}

.honnin-title{font-size:24px;font-weight:800;color:#2b2b2b;margin:8px 0 10px;line-height:1.35}
.honnin-lead{font-size:14.5px;color:#444;margin:0 0 18px}
.honnin-lead strong{color:var(--primary,#FF6D00);font-weight:700}

.honnin-h2{font-size:18px;font-weight:800;color:#2b2b2b;margin:30px 0 12px;padding-left:11px;border-left:5px solid var(--primary,#FF6D00);line-height:1.4}

/* 提出タイミング（安心ブロック・緑） */
.honnin-timing{display:flex;gap:11px;align-items:flex-start;background:#eef7f0;border:1px solid #cde8d6;border-radius:12px;padding:14px 15px;margin:0 0 10px}
.honnin-timing-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#1b8a4a;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}
.honnin-timing-main{font-size:13.5px;color:#1f5c3a;line-height:1.7;margin:0 0 6px}
.honnin-timing-main strong{font-weight:700;color:#16562f}
.honnin-timing-sub{font-size:12.5px;color:#3f6b52;line-height:1.65;margin:0 0 5px}
.honnin-timing-sub:last-child{margin-bottom:0}

/* 会員・回数（青ブロック） */
.honnin-member{display:flex;gap:11px;align-items:flex-start;background:#eaf2fb;border:1px solid #cfe0f3;border-radius:12px;padding:13px 15px;margin:0 0 22px}
.honnin-member-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#2f73c4;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;margin-top:1px}
.honnin-member-body p{font-size:12.5px;color:#27517f;line-height:1.7;margin:0}
.honnin-member-body strong{font-weight:700;color:#1f4574}
.honnin-timing-sub a{color:#0f6e56;font-weight:700;text-decoration:underline}

/* 必要書類の条件 */
/* 必要書類の条件 */
.honnin-need{display:flex;gap:14px;align-items:center;background:var(--light-bg,#fafaf7);border:1px solid #eee3d6;border-radius:12px;padding:13px 16px;margin:0 0 22px}
.honnin-need-img{flex-shrink:0;width:96px;height:auto;border-radius:6px}
.honnin-need-text{flex:1;min-width:0}
.honnin-need-title{font-size:13.5px;font-weight:700;color:#2b2b2b;margin-bottom:6px}
.honnin-need-list{list-style:none;margin:0;padding:0}
.honnin-need-list li{position:relative;padding-left:22px;font-size:13.5px;color:#444;line-height:1.95}
.honnin-need-list li::before{content:"✓";position:absolute;left:0;top:0;color:#1b8a4a;font-weight:700}
.honnin-hl{background:linear-gradient(transparent 60%, #ffe9b3 60%);font-weight:700;color:#2b2b2b;padding:0 2px}

/* 目次チップ */
.honnin-toc{margin:0 0 8px}
.honnin-toc-label{font-size:13px;font-weight:700;color:#555;margin-bottom:8px}
.honnin-toc-chips{display:flex;flex-wrap:wrap;gap:8px}
.honnin-toc-chips a{font-size:12.5px;color:#5a4a2a;background:#fff;border:1px solid #e3d6bf;border-radius:999px;padding:6px 13px;text-decoration:none;transition:background .15s,border-color .15s}
.honnin-toc-chips a:hover{background:#fff8ec;border-color:var(--primary,#FF6D00)}

/* 書類カード */
.honnin-doc{background:var(--white,#fff);border:1px solid #ece6dc;border-radius:12px;padding:14px 16px;margin:0 0 12px;scroll-margin-top:80px}
.honnin-doc-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:9px}
.honnin-doc-ic{font-size:20px;line-height:1}
.honnin-doc-title{font-size:15px;font-weight:700;color:#2b2b2b}
.honnin-doc-badge{font-size:11px;font-weight:700;color:#155b9c;background:#e6f1fb;border-radius:999px;padding:3px 10px}

.honnin-notes{list-style:none;margin:0;padding:0}
.honnin-notes li{position:relative;padding-left:18px;font-size:13px;color:#4a4a4a;line-height:1.7;margin-bottom:5px}
.honnin-notes li:last-child{margin-bottom:0}
.honnin-notes li::before{content:"";position:absolute;left:1px;top:8px;width:7px;height:7px;border-radius:2px;background:#e6a23c}
.honnin-notes li.honnin-note--ok::before{background:#1b8a4a;border-radius:50%}
.honnin-notes--plain li::before{width:5px;height:5px;border-radius:50%;background:#bbb;top:9px}

/* 現住所が異なる場合 */
.honnin-diff{background:var(--white,#fff);border:1px solid #ece6dc;border-radius:12px;padding:15px 16px;margin:0 0 22px}
.honnin-diff-lead{font-size:13.5px;color:#444;margin:0 0 12px}
.honnin-diff-opt{display:flex;gap:11px;align-items:flex-start;margin-bottom:12px}
.honnin-diff-opt:last-child{margin-bottom:0}
.honnin-diff-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--primary,#FF6D00);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}
.honnin-diff-text{font-size:13.5px;color:#333;line-height:1.7}
.honnin-diff-text strong{font-weight:700;color:#2b2b2b}
.honnin-diff-detail{font-size:12.5px;color:#555;line-height:1.65;margin-top:6px;background:var(--light-bg,#fafaf7);border-radius:8px;padding:9px 12px}
.honnin-diff-detail .honnin-notes{margin-top:5px}

/* 確認内容・注意 */
.honnin-confirm{font-size:12.5px;color:#555;line-height:1.7;background:var(--light-bg,#fafaf7);border-radius:10px;padding:12px 15px;margin:0 0 26px}
.honnin-confirm p{margin:0 0 5px}
.honnin-confirm-note{color:#8a6d3b;margin-top:8px}

/* CTA */
.honnin-cta{text-align:center;margin:0}
.honnin-cta-text{font-size:13px;color:#666;margin:0 0 10px}
.honnin-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#1b5e20;color:#fff;font-size:15.5px;font-weight:700;text-decoration:none;padding:14px 30px;border-radius:12px;box-shadow:0 3px 10px rgba(27,94,32,.22);transition:filter .15s,transform .05s}
.honnin-cta-btn:hover{filter:brightness(1.07)}
.honnin-cta-btn:active{transform:translateY(1px)}
.honnin-cta-sub{margin-top:13px}
.honnin-cta-sub a{font-size:12.5px;color:#777;text-decoration:none}
.honnin-cta-sub a:hover{text-decoration:underline}

@media (max-width:480px){
  .honnin-title{font-size:21px}
  .honnin-h2{font-size:16.5px}
  .honnin-wrap{padding:72px 13px 40px}
  .honnin-need-img{width:74px}
  .honnin-need{gap:11px;padding:12px 13px}
}