/* Typography and component treatment from the current Link T&B service pages.
   The existing content, sections, image choices and grids are retained. */
body.design-a{
  font-family:'Noto Sans JP','Helvetica Neue',Arial,sans-serif;
  font-size:16px;
  font-feature-settings:'palt';
  line-height:1.85;
}
.design-a h1,.design-a h2,.design-a h3,.design-a h4,
.design-a .procedure-number,.design-a .procedure-step p,
.design-a .charging-pair figcaption,.design-a .button{
  font-family:'Noto Sans JP','Helvetica Neue',Arial,sans-serif!important;
}
.design-a .hero h1{font-size:36px;font-weight:650;line-height:1.4;letter-spacing:.025em}
.design-a h2{font-size:26.4px;font-weight:600;line-height:1.6;letter-spacing:.025em}
.design-a h3{font-size:17px;font-weight:600;line-height:1.6}
.design-a .procedure-step h4{font-weight:600!important;line-height:1.6!important}
.design-a nav a{font-weight:600;font-size:13px}
.design-a .lead{font-size:15px;line-height:2}
.design-a .section-intro{font-size:15px;line-height:1.95}
.design-a .section-number{font-weight:400;letter-spacing:.07em}
.design-a .procedure-step .procedure-number{
  display:table;
  min-width:94px;
  box-sizing:border-box;
  margin:0 0 18px;
  padding:5px 13px 6px;
  border-left:4px solid #bc4c24;
  background:#002939;
  color:#fff!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.6;
  letter-spacing:.055em!important;
  font-variant-numeric:tabular-nums;
}
.design-a section>.wrap>h2{border-left:2px solid #a0492d;padding-left:18px}
.design-a .actions{gap:12px}
.design-a .button{
  font-size:13px;
  font-weight:600;
  line-height:1.85;
  padding:11px 18px;
  border:1px solid #002939;
  border-radius:0;
  justify-content:center;
  text-align:center;
  text-decoration:none;
}
.design-a .button.primary{background:#002939!important;color:#fff!important}
.design-a .button:not(.primary){background:#fff!important;color:#002939!important}
.design-a .button.primary:hover{background:#164a5e!important;color:#fff!important}
.design-a .button:not(.primary):hover{background:#eef3f3!important;color:#002939!important}
.design-a .spec-table caption{font-weight:600;font-size:20px}
.design-a .spec-table th,.design-a .spec-table td{line-height:1.85}
.design-a .contact-panel h3{font-size:20px;font-weight:600;line-height:1.6}
@media(max-width:780px){
  .design-a .hero h1{font-size:26.4px;line-height:1.4}
  .design-a h2{font-size:23.2px;line-height:1.6}
  .design-a section>.wrap>h2{padding-left:13px}
  .design-a .button{font-size:12px;padding:11px 15px}
}