/* sp-voice-fix — 元は各HTML内の<style>ブロック（1ページで使用） */
@media (max-width:920px){
  /* 受講生の声：コース切替ボタン2個を縦積みで正常表示 */
  #voice{width:auto !important;padding:10px 0 0 !important}
  .pageup,.pageup p{float:none !important;width:auto !important;display:block !important;text-align:center}
  .voice-bt{clear:both !important;float:none !important;display:block !important;background:none !important;
    width:auto !important;height:auto !important;margin:10px 0 16px !important}
  .voice-bt ul{display:flex !important;flex-direction:column;align-items:center;gap:8px;width:auto !important;padding:0 !important;margin:0 !important;list-style:none !important}
  .voice-bt li{float:none !important;width:300px !important;height:61px !important}
  .voice-bt li a{width:300px !important;height:61px !important;padding:0 !important;margin:0 !important;display:block;
    background:url(../img/voice/voice-bt.jpg) no-repeat !important;background-size:200% 200% !important}
  .voice-bt li.v01 a{background-position:0% 0% !important}
  .voice-bt li.v02 a{background-position:100% 0% !important}
  .voice-bt li.v01 a:hover{background-position:0% 100% !important}
  .voice-bt li.v02 a:hover{background-position:100% 100% !important}
  /* コース見出しバナー（600x70）：縮小して中央寄せ */
  h2#t-mirai,h2#t-uni{float:none !important;width:100% !important;max-width:100% !important;
    height:70px !important;padding:0 !important;margin:24px 0 4px !important;
    background-size:auto !important;background-repeat:no-repeat !important;background-position:left center !important}
  /* 体験談の枠：全て同じ幅（画面幅いっぱい）に統一 */
  .mirai-col,.uni-col{float:none !important;display:block !important;width:auto !important;margin:10px 0 !important}
}

/* 921〜1000px：デスクトップ配置のまま本文幅が足りず、#voice（640px＋padding）が
   10pxはみ出していた（2026-10-17）。この帯だけ可変にする。 */
@media (min-width:921px) and (max-width:1000px){
  #voice{width:auto !important;max-width:100% !important;box-sizing:border-box}
}