/* トップページ：業務案内だけを、PC・スマホとも横に見比べられるカード一覧にする */
#service .services{
  display:flex !important;
  grid-template-columns:none !important;
  overflow-x:auto;
  gap:16px;
  padding:0 2px 18px;
  scroll-snap-type:x mandatory;
  scroll-padding-left:2px;
  -webkit-overflow-scrolling:touch;
}

#service .service{
  flex:0 0 258px;
  min-width:258px;
  min-height:225px;
  scroll-snap-align:start;
}

#service .service h3{margin-top:0;}

/* トップの事務所名に、名刺と同じNBロゴを添える */
.header-inner .brand{display:flex;align-items:center;gap:10px;}
.header-inner .site-logo{width:52px;height:auto;flex:0 0 auto;}
.header-inner .brand-label{display:block;}

@media (max-width:700px){
  .header-inner .brand{display:flex!important;align-items:center!important;gap:9px!important;}
  .header-inner .site-logo{width:44px;}
}

#service .service-static{cursor:default;}
#service .service-static:hover{transform:none;border-color:var(--line);}

@media (max-width:700px){
  #service .services{padding-left:18px;padding-right:18px;scroll-padding-left:18px;}
  #service .service{flex-basis:78vw;min-width:78vw;}
}