*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Hiragino Kaku Gothic ProN','Hiragino Sans','BIZ UDPGothic','Meiryo',sans-serif;background:#fff;color:#222;min-height:100vh;-webkit-text-size-adjust:100%}

.container{max-width:680px;margin:0 auto;padding:24px 16px 60px}

/* ページタイトル */
.page-title{font-size:20px;font-weight:700;color:#222;margin-bottom:4px}
.page-sub{font-size:13px;color:#999;margin-bottom:20px}

/* 人気の質問バッジ */
.popular-section{margin-bottom:20px}
.popular-label{font-size:11px;font-weight:700;color:#d45c8c;letter-spacing:.08em;margin-bottom:8px;display:flex;align-items:center;gap:5px}
.popular-label::before{content:'🔥'}
.popular-chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{background:#fff;border:1.5px solid #e8a0c0;border-radius:20px;padding:6px 13px;font-size:12px;color:#c94d83;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}
.chip:hover{background:#fdeef6;border-color:#d45c8c}
.chip:active{background:#fce0ee}

/* ブレッドクラム */
.breadcrumb{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-bottom:20px;min-height:24px;background-color:transparent}
.bc-item{font-size:11px;color:#aaa;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-sep{color:#ddd;font-size:11px}
.bc-current{font-size:11px;color:#c94d83;font-weight:700}

/* 質問ボックス */
.question-box{background:#fff;border-radius:12px;border:1px solid #e8c4d4;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.question-label{font-size:12px;color:#c94d83;font-weight:700;letter-spacing:.06em;margin-bottom:8px}
.question-text{font-size:16px;font-weight:700;color:#222;line-height:1.5;margin-bottom:16px}

/* 選択肢ボタン */
.choices{display:flex;flex-direction:column;gap:8px}
.choice-btn{background:#fff;border:1.5px solid #e8c4d4;border-radius:8px;padding:14px 16px;text-align:left;font-size:14px;color:#333;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s;display:flex;justify-content:space-between;align-items:center;line-height:1.5;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.choice-btn:hover{background:#fff0f6;border-color:#d45c8c}
.choice-btn:active{background:#fce0ee;border-color:#c94d83}
.choice-btn .arrow{color:#d45c8c;font-size:18px;flex-shrink:0;margin-left:8px}
.choice-btn .badge{background:#d45c8c;color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:2px 7px;margin-left:6px;flex-shrink:0}

/* 回答ボックス */
.answer-box{background:#fff;border-radius:12px;border:1.5px solid #d45c8c;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.answer-label{font-size:12px;color:#d45c8c;font-weight:700;letter-spacing:.06em;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.answer-label::before{content:'';display:inline-block;width:8px;height:8px;background:#d45c8c;border-radius:50%;flex-shrink:0}
.answer-title{font-size:15px;font-weight:900;color:#222;margin-bottom:12px;line-height:1.5}
.answer-body{font-size:14px;color:#444;line-height:1.9}
.answer-body p{margin-bottom:10px}
.answer-body p:last-child{margin-bottom:0}
.answer-body strong{font-weight:700;color:#222}
.answer-body a{color:#c94d83;text-decoration:underline;word-break:break-all}
.answer-body a.link-bold{font-weight:700}
.answer-body ol,.answer-body ul{padding-left:1.4em;margin-bottom:10px}
.answer-body ol{list-style:decimal}
.answer-body ul{list-style:disc}
.answer-body li{list-style:inherit;margin-bottom:6px}

/* 注意書き */
.note-warn{background:#fffbf0;border:1px solid #f0cc70;border-radius:8px;padding:12px 14px;font-size:13px;color:#7a5800;margin:10px 0;line-height:1.7}
.note-info{background:#f0f7fd;border:1px solid #b3d7f0;border-radius:8px;padding:12px 14px;font-size:13px;color:#1a5070;margin:10px 0;line-height:1.7}
.note-ok{background:#f0f9ff;border:1px solid #b3d7f0;border-radius:8px;padding:12px 14px;font-size:13px;color:#1a5070;margin:10px 0;line-height:1.7}

/* 解決しない場合 */
.still-help{background:#fff;border:1px dashed #e8c4d4;border-radius:8px;padding:14px 16px;margin-top:16px;font-size:13px;color:#555;line-height:1.7}
.still-help a{color:#d45c8c;font-weight:700;text-decoration:underline}

/* ナビゲーションボタン */
.nav-btns{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap}
.btn-back{background:#fff;border:1.5px solid #ddd;border-radius:8px;padding:12px 18px;font-size:13px;color:#666;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.btn-reset{background:#d45c8c;border:none;border-radius:8px;padding:12px 18px;font-size:13px;color:#fff;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}

/* FAQリンク（内部ジャンプ）ボタン */
.faq-link{color:#c94d83;text-decoration:underline;cursor:pointer;font-weight:700}
.faq-link:hover{opacity:.8}
.faq-link-btn{display:block;width:100%;background:#fff;border:1.5px solid #e8c4d4;border-radius:8px;padding:14px 16px;font-size:14px;color:#333;font-family:inherit;cursor:pointer;font-weight:700;text-align:left;margin-top:10px;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:rgba(0,0,0,0);line-height:1.5}
.faq-link-btn:hover{background:#fff0f6;border-color:#d45c8c}
.faq-link-btn:active{background:#fce0ee;border-color:#c94d83}
.faq-link-btn-sub{display:block;font-size:12px;color:#999;font-weight:400;margin-top:3px}

/* アニメーション */
@keyframes slideIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.slide-in{animation:slideIn .2s ease}

/* ホーム画面 問合せリンク（ページ下部） */
.home-inquiry{margin-top:24px;padding-top:16px;border-top:1px solid #eee;text-align:center}
.home-inquiry .home-inquiry-text{font-size:13px;color:#888}
.home-inquiry .home-inquiry-text a{color:#c94d83;text-decoration:underline}
.home-inquiry .home-inquiry-text a:hover{opacity:.8}
.home-inquiry-note{font-size:11px;color:#aaa;margin-top:6px;line-height:1.6;text-align:left}
.home-inquiry-note a{color:#aaa;text-decoration:underline}

/* 回答ページ外 問合せ誘導（ピンク枠の外） */
.answer-inquiry{margin-top:8px;padding:12px 16px;font-size:13px;color:#555;line-height:1.7}
.answer-inquiry p{margin-bottom:4px}
.answer-inquiry p:first-child a{color:#d45c8c;font-weight:700;text-decoration:underline}
.answer-inquiry-note{font-size:11px;color:#bbb;line-height:1.6}
.answer-inquiry-note a{color:#bbb;text-decoration:underline}

/* 回答body内のinquiry-note（旧スタイル・念のため残す） */
.answer-body .inquiry-note{font-size:12px;color:#999;line-height:1.7;margin-top:-6px}