/* トウカン交通 共通ヘッダー：全ページ同一 */
.site-header{
  position:sticky!important; top:0!important; z-index:999!important;
  width:100%!important; margin:0!important; padding:0!important;
  background:#fff!important; border-bottom:1px solid #e7edf2!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif!important;
}
.site-header .site-header-inner{
  box-sizing:border-box!important;
  width:1120px!important; max-width:calc(100vw - 36px)!important;
  height:76px!important; min-height:76px!important;
  margin:0 auto!important; padding:0!important;
  display:flex!important; align-items:center!important; justify-content:space-between!important;
  gap:20px!important;
}
.site-header .site-header-logo{
  box-sizing:border-box!important; display:block!important;
  flex:0 0 185px!important; width:185px!important; max-width:185px!important;
  margin:0!important; padding:0!important;
}
.site-header .site-header-logo img{
  display:block!important; width:185px!important; max-width:185px!important; height:auto!important;
  margin:0!important; padding:0!important;
}
.site-header .site-header-nav{
  box-sizing:border-box!important; display:grid!important; flex:0 0 780px!important; width:780px!important;
  grid-template-columns:54px 88px 124px 72px 72px 132px 72px 145px!important;
  column-gap:3px!important; align-items:center!important; justify-content:start!important;
  margin:0!important; padding:0!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif!important;
  font-size:14px!important; font-weight:800!important; font-style:normal!important; line-height:1.4!important;
  letter-spacing:0!important; word-spacing:0!important; white-space:nowrap!important;
}
.site-header .site-header-nav a{
  box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important;
  width:100%!important; margin:0!important; padding:0!important; line-height:1.4!important;
  letter-spacing:0!important; word-spacing:0!important; text-decoration:none!important;
}
.site-header .site-header-nav .site-header-cta{
  padding:10px 0!important; border-radius:999px!important; background:#0d2744!important; color:#fff!important;
}
@media(max-width:800px){
  .site-header .site-header-inner{
    width:100%!important; max-width:none!important; height:auto!important; min-height:0!important;
    display:block!important; margin:0!important; padding:9px 0 0!important;
  }
  .site-header .site-header-logo{
    width:145px!important; max-width:145px!important; margin:0 0 8px 12px!important;
  }
  .site-header .site-header-logo img{
    width:145px!important; max-width:52vw!important;
  }
  .site-header .site-header-nav{
    display:grid!important; flex:0 0 auto!important; grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important; width:100%!important; margin:0!important; padding:0!important;
    border-top:1px solid #dbe4eb!important;
    font-size:10px!important; line-height:1.25!important; white-space:normal!important;
  }
  .site-header .site-header-nav a{
    display:flex!important; align-items:center!important; justify-content:center!important;
    min-height:36px!important; padding:6px 3px!important; text-align:center!important;
    border-right:1px solid #e4ebf0!important; border-bottom:1px solid #e4ebf0!important;
    background:#fff!important; color:#10263d!important;
  }
  .site-header .site-header-nav a:nth-child(4n){border-right:0!important;}
  .site-header .site-header-nav .site-header-cta{
    padding:6px 3px!important; border-radius:0!important; background:#0d2744!important; color:#fff!important;
  }
}

/* 見出しの改行はスマホのみ */
.mobile-title-break{display:none;}
@media(max-width:800px){.mobile-title-break{display:block;}}


/* 2026-09-25: スマホのみアンカー位置調整（PC版は変更しない） */
@media(max-width:800px){
  #service, #bus, #safety{scroll-margin-top:142px!important;}
}
