/* Japanese service-detail mock only, loaded by the local preview adapter.
   Three business headings are primary; the eight offers are subordinate.
   Preserve every word/link and the established desktop/mobile offer layout. */
.detail-services .service-detail-group {
  padding:0 0 64px;
  border-top:0;
}
.detail-services .service-detail-group + .service-detail-group {
  margin-top:24px;
}
.detail-services .service-detail-group > h2 {
  padding:28px 0 0;
  border-top:3px solid #0062d1;
  font-size:clamp(32px,2.8vw,40px);
  font-weight:700;
  line-height:1.5;
  letter-spacing:.01em;
  color:var(--ink);
}
.detail-services .service-detail-intro {
  margin-top:20px;
  max-width:60em;
}
.detail-services .service-offers {
  margin-top:36px;
  padding-inline-start:28px;
  border-inline-start:1px solid var(--line);
}
.detail-services .service-offers > li {
  padding:28px 0;
}
.detail-services .service-offers > li:first-child {
  border-top:0;
  padding-top:0;
}
.detail-services .service-offers > li:last-child {
  padding-bottom:0;
}
.detail-services .service-offers h3 {
  font-size:20px;
  line-height:1.65;
  font-weight:600;
}
@media (max-width:820px) {
  .detail-services .service-detail-group {padding-bottom:44px}
  .detail-services .service-detail-group + .service-detail-group {margin-top:12px}
  .detail-services .service-detail-group > h2 {padding-top:22px;font-size:28px}
  .detail-services .service-offers {padding-inline-start:16px;margin-top:28px}
  .detail-services .service-offers > li {padding:24px 0}
  .detail-services .service-offers h3 {font-size:18px}
}