/* sp-faq-fix — 元は各HTML内の<style>ブロック（1ページで使用） */
@media (max-width:920px){
  /* Q一覧枠：左の空白を圧縮 */
  #wrapper .faq-list{padding:12px 12px 6px !important}
  #wrapper .faq-list ul{padding:0 !important;margin:0 !important;list-style:none !important}
  #wrapper .faq-list li{margin:0 0 10px !important}
}

/* ------------------------------------------------------------
　　★2026-08-13：スマホで回答の左が32px空いていたのを解消
　　　Q&Aは表組みで「アイコン列＋本文列」になっており、
　　　回答の全行がアイコンぶん右にずれていた。
　　　回答側はアイコンを左に浮かせ、2行目以降を左いっぱいまで使う。
------------------------------------------------------------ */
@media (max-width:920px){
  #wrapper .faq-list{padding:10px 10px 4px !important}

  #wrapper .faq-box table,
  #wrapper .faq-box tbody,
  #wrapper .faq-box tr{display:block !important}
  #wrapper .faq-box td{display:block !important;width:auto !important}
  /* 質問行：アイコンと質問文を横並びのまま保つ */
  #wrapper .faq-box tr:first-child td.faq-q_cel{display:inline !important}
  #wrapper .faq-box tr:first-child td.faq-q_cel img{vertical-align:-2px;margin-right:6px}
  /* 回答行：アイコンを左に浮かせて本文を回り込ませる */
  #wrapper .faq-box tr:last-child td:first-child{float:left !important;margin:4px 7px 0 0}
  #wrapper .faq-box tr:last-child td:last-child{overflow:visible}
  /* 高さ調整用の空行は詰める */
  #wrapper .faq-box tr td[height]{height:6px !important}
}