/* resp-fix — 元は各HTML内の<style>ブロック（133ページで使用） */
img{max-width:100%;height:auto;}
@media (max-width:920px){
  html,body{overflow-x:hidden !important;}
  #wrapper,#wrapper-inner,#head,#head-inner,#header,#header-inner,
  #contents,#contents-inner,#main,#main-inner,#S_main,#S_main-inner,
  #menu,#menu-inner,#footer,#footer-inner,#footer_navi,
  #S_navi,#top_menu-corp,#top_menu-corp-inner{
    width:auto !important; max-width:100% !important; float:none !important; box-sizing:border-box;
  }
  #contents-inner{display:flex !important; flex-direction:column !important;}
  #top_menu-corp{order:0 !important;}
  #main{order:1 !important;}
  #menu{order:2 !important;}
  /* 横型の画像ナビは横スクロールで全項目表示 */
  #S_navi,#top_menu-corp{overflow-x:auto !important; -webkit-overflow-scrolling:touch;}
  #S_navi ul,#top_menu-corp ul{display:inline-flex !important; flex-wrap:nowrap !important; float:none !important; width:auto !important;}
  #S_navi li,#top_menu-corp li{float:none !important; flex:0 0 auto !important;}
  #footer_navi ul{display:flex !important; flex-wrap:wrap !important; justify-content:center;}
  #footer_navi li{float:none !important;}
  #S_main,#S_main-inner,#main-inner{padding-left:10px !important; padding-right:10px !important;}
  #header{background-size:contain !important; background-repeat:no-repeat !important;}
  table{max-width:100% !important;}
}

/* 921〜1000px での横はみ出し対策（2026-10-17）
   .second-header_box は width:900px + 左右padding 50px = 合計1000px の固定幅。
   920px以下は overflow-x:hidden で隠れていたが、921〜1000px では
   実際に横スクロールが発生していた。画面幅に合わせて縮める。 */
@media (max-width:1000px){
  .second-header_box{
    width:auto !important;
    max-width:100% !important;
    box-sizing:border-box;
  }
}