/* ガイド・FAQ・お問い合わせ（FAQ検索） */
.hp-page .hp-search{margin:6px 0 14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.hp-sl{display:block;font-weight:700;font-size:13px;color:var(--dim);margin-bottom:8px}
.hp-sbox{position:relative;display:flex;align-items:center}
.hp-sbox svg{position:absolute;left:12px;width:18px;height:18px;fill:none;stroke:var(--dim);stroke-width:2;stroke-linecap:round;pointer-events:none}
.hp-sbox input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:12px 40px 12px 40px;border:1px solid var(--line2);border-radius:10px;background:var(--bg);color:var(--text);outline:none}
.hp-sbox input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 25%,transparent)}
.hp-sbox input::-webkit-search-cancel-button{display:none}
.hp-clear{position:absolute;right:8px;border:0;background:transparent;color:var(--dim);font-size:20px;cursor:pointer;width:28px;height:28px}
.hp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.hp-chip{font:inherit;font-size:12.5px;padding:5px 11px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--text2);cursor:pointer}
.hp-chip:hover,.hp-chip.on{border-color:var(--cyan);color:var(--cyan)}
.hp-count{margin:10px 0 0;font-size:12.5px;color:var(--dim);min-height:1em}
.hp-toc{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.hp-toc a{font-size:13px;padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--text2);text-decoration:none}
.hp-toc a span{margin-left:6px;font:600 11px 'JetBrains Mono',monospace;color:var(--dim)}
.hp-sec{scroll-margin-top:72px}
.hp-page mark{background:color-mix(in srgb,var(--amber) 35%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.hp-page .v-faq .a ul{margin:6px 0 8px;padding-left:1.3em}
.hp-page .v-faq .a li{margin:3px 0}
.hp-none{padding:14px 16px;border:1px dashed var(--line2);border-radius:12px;color:var(--text2)}
.hp-guide-link{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:26px 0 8px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.hp-guide-link b{font-size:14.5px}
.hp-guide-link span{flex:1 1 260px;color:var(--text2);font-size:13.5px}
/* ガイド */
.hp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.hp-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:16px;display:flex;flex-direction:column}
.hp-ch{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.hp-ch h3{margin:0;font-size:16px}
.hp-ch h3 a{color:var(--text);text-decoration:none}
.hp-card p{margin:0 0 8px;font-size:13.5px;line-height:1.7;color:var(--text2)}
.hp-how b{display:inline-block;margin-right:8px;font-size:11px;padding:1px 7px;border-radius:5px;background:var(--chip);color:var(--dim)}
.hp-go{margin-top:auto;font-size:13px;color:var(--cyan);text-decoration:none;font-weight:700}
.hp-b{flex:none;font:700 10.5px 'JetBrains Mono',monospace;padding:3px 8px;border-radius:6px;white-space:nowrap}
.hp-b.free{color:var(--green);border:1px solid var(--green)}
.hp-b.mem{color:var(--amber);border:1px solid var(--amber)}
.hp-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.hp-steps li{counter-increment:s;border:1px solid var(--line);border-radius:14px;background:var(--card);padding:14px 16px}
.hp-steps li::before{content:counter(s);display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--cyan);color:var(--btn-ink,#0B0E11);font:700 12px 'JetBrains Mono',monospace;margin-bottom:8px}
.hp-steps b{display:block;margin-bottom:4px}
.hp-steps span{font-size:13px;color:var(--text2);line-height:1.65}
.hp-nums{margin:0;display:grid;gap:10px}
.hp-num{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:14px 16px}
.hp-num dt{font-weight:700;margin-bottom:4px;color:var(--cyan)}
.hp-num dd{margin:0;font-size:13.5px;line-height:1.75;color:var(--text2)}
.hp-tw{overflow-x:auto}
.hp-tbl{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.hp-tbl th,.hp-tbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.hp-tbl thead th{font-size:12px;color:var(--dim)}
.hp-tbl thead th:last-child{color:var(--amber)}
.hp-tbl tbody th{font-weight:600;width:38%}
.hp-price{font-size:13.5px;color:var(--text2);line-height:1.75}
/* お問い合わせ */
.hp-flow{list-style:none;display:flex;gap:8px;margin:0 0 12px;padding:0;flex-wrap:wrap}
.hp-flow li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim);padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:999px}
.hp-flow li span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--line2);font:700 11px 'JetBrains Mono',monospace}
.hp-flow li.on{color:var(--text);border-color:var(--cyan)}
.hp-flow li.on span{background:var(--cyan);border-color:var(--cyan);color:#0B0E11}
.hp-results:empty{display:none}
.hp-more{margin:6px 0 0;font-size:13px}
.hp-unresolved{margin:20px 0 6px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.hp-unresolved p{margin:0 0 10px;color:var(--text2);font-size:13.5px}
.hp-form{margin-top:10px}
.hp-form .hp-tip{font-size:13px;color:var(--text2);border-left:3px solid var(--cyan);padding-left:10px}
.hp-form form p{margin:0 0 12px}
.hp-form label{font-size:13px;font-weight:700}
.hp-form input[type=email],.hp-form select,.hp-form textarea{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--line2);border-radius:10px;background:var(--bg);color:var(--text);margin-top:4px}
.hp-form .hp{position:absolute;left:-9999px}
.hp-form button[type=submit]{font:inherit;font-weight:700;padding:11px 22px;border-radius:10px;border:0;background:var(--cyan);color:#0B0E11;cursor:pointer}
.hp-form ul{font-size:13px;color:var(--text2);line-height:1.75}
@media (max-width:640px){
  .hp-grid{grid-template-columns:1fr}
  .hp-tbl{font-size:12.5px}.hp-tbl th,.hp-tbl td{padding:8px}
  .hp-page .hp-search{padding:12px}
}
.sb-item.on{color:var(--text);background:var(--card2);font-weight:700}
.hp-page button.hp-chip{background:transparent;color:var(--text2);border:1px solid var(--line2);box-shadow:none;min-height:0;font-weight:500}
.hp-page button.hp-chip:hover,.hp-page button.hp-chip.on{background:transparent;border-color:var(--cyan);color:var(--cyan)}
.hp-page button.hp-clear{background:transparent;box-shadow:none;border:0;padding:0;min-height:0;color:var(--dim)}