/* Restore the supplied desktop SERVICE typography, centered tab notches and readable tags. */
@media (min-width: 761px) {
  body main section.service-section .section-heading h2,
  body main section.service-section .section-heading h2 .line,
  body main section.service-section .section-heading h2 .line > span,
  body main section.service-section .service-tab h3,
  body main section.service-section .service-tab-num,
  body main section.service-section .service-compare-num,
  body main section.service-section .service-number-text,
  body main section.service-section .service-compare-card h4,
  body main section.service-section .service-compare-card h4 > span {
    font-family: "Noto Serif JP", "Yu Mincho", serif !important;
    font-weight: 800 !important;
  }

  body main section.service-section .service-tab.is-active::after {
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  body main section.service-section .service-tab-num {
    color: #0862d5 !important;
  }

  body main section.service-section .service-tab:nth-child(2).is-active .service-tab-num {
    color: #e95061 !important;
  }

  body main section.service-section .service-tabs:has(.service-tab:nth-child(3).is-active) .service-tab-num {
    color: #bc7900 !important;
  }

  body main section.service-section .service-compare-panel {
    --service-icon-bulb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6m-5 3h4M8 14a6 6 0 1 1 8 0c-1 1-1 2-1 3H9c0-1 0-2-1-3ZM12 1v2M3 5l2 2M1 11h2M21 11h2M19 7l2-2'/%3E%3C/svg%3E");
    --service-icon-bars: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 14h4v8H3zm7-6h4v14h-4zm7-6h4v20h-4z'/%3E%3C/svg%3E");
    --service-icon-people: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='8' cy='7' r='3'/%3E%3Ccircle cx='17' cy='7' r='3'/%3E%3Cpath d='M1 21v-2a7 7 0 0 1 14 0v2m1-8a6 6 0 0 1 7 6v2'/%3E%3C/svg%3E");
    --service-icon-target: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a9 9 0 1 1-7-8M16 12a5 5 0 1 1-5-5m1 5 9-9m-4 0h4v4'/%3E%3C/svg%3E");
    --service-icon-pie: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M10 3a9 9 0 1 0 11 11H10Zm4-2v9h9a9 9 0 0 0-9-9Z'/%3E%3C/svg%3E");
    --service-icon-route: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='1' width='8' height='6' rx='1'/%3E%3Crect x='1' y='17' width='7' height='6' rx='1'/%3E%3Crect x='16' y='17' width='7' height='6' rx='1'/%3E%3Cpath d='M12 7v5H4v5m8-5h8v5'/%3E%3C/svg%3E");
    --service-icon-checklist: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4H4v18h16V4h-4M8 2h8v5H8Zm0 13 3 3 5-6'/%3E%3C/svg%3E");
    --service-icon-growth: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 13 9 6l5 4 8-8m-6 0h6v6M3 18h4v5H3zm7-5h4v10h-4zm7-3h4v13h-4z'/%3E%3C/svg%3E");
    --service-icon-handshake: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 10 5-6 4 2 4-1 9 7-5 7-3 2-8-5-2 1Zm7-3 4 1-3 4c1 2 3 1 5-1l5 4M6 16l3 3m1-3 3 4m0-6 4 4'/%3E%3C/svg%3E");
    --service-icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3H3v19h18V12M9 16l1-5L20 1l4 4-10 10Zm9-13 4 4'/%3E%3C/svg%3E");
    --service-icon-tools: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 6 4-4 16 16-4 4ZM2 18 18 2l4 4L6 22Zm5-13L5 7m5 1-2 2m8 4-2 2m5 1-2 2'/%3E%3C/svg%3E");
    --service-icon-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M9 5h13M9 12h13M9 19h13M2 5h1M2 12h1M2 19h1'/%3E%3C/svg%3E");
    --service-icon-sort: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22V2L1 7m5-5 5 5m7-5v20l-5-5m5 5 5-5'/%3E%3C/svg%3E");
    --service-icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='17' rx='2'/%3E%3Cpath d='M7 2v6m10-6v6M2 11h20'/%3E%3C/svg%3E");
    --service-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='8'/%3E%3Cpath d='m16 16 7 7'/%3E%3C/svg%3E");
    --service-icon-flag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 23V2l17 1-4 5 4 5H4'/%3E%3C/svg%3E");
    --service-icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='10'/%3E%3Cpath d='M3 7h18M2 12h20M3 17h18'/%3E%3C/svg%3E");
    --service-icon-gear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='m10 2 4 0 1 3 3 1 3 2-1 4 1 3-3 3-3 1-1 3h-4l-1-3-3-1-3-3 1-3-1-4 3-2 3-1Z'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E");
    --service-icon-chat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h20v14H12l-5 5v-5H2ZM7 9h0m5 0h0m5 0h0'/%3E%3C/svg%3E");
  }

  body main section.service-section .service-compare-tags li {
    min-width: 0 !important;
    gap: 5px !important;
    padding-inline: 5px !important;
  }

  body main section.service-section .service-compare-card {
    padding-inline: clamp(18px, 1.6vw, 26px) !important;
  }

  body main section.service-section .service-compare-card h4 {
    font-size: clamp(20px, 1.65vw, 24px) !important;
  }

  body main section.service-section .service-compare-tags li::before {
    position: static !important;
    display: block !important;
    flex: 0 0 14px !important;
    width: 14px !important;
    height: 14px !important;
    content: "" !important;
    background: currentColor !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    mask: var(--service-tag-icon, var(--service-icon-target)) center / contain no-repeat;
  }

  body main section.service-section .service-compare-card:nth-child(1) li:nth-child(1) { --service-tag-icon: var(--service-icon-bulb); }
  body main section.service-section .service-compare-card:nth-child(1) li:nth-child(2) { --service-tag-icon: var(--service-icon-bars); }
  body main section.service-section .service-compare-card:nth-child(1) li:nth-child(3) { --service-tag-icon: var(--service-icon-people); }
  body main section.service-section .service-compare-card:nth-child(2) li:nth-child(1) { --service-tag-icon: var(--service-icon-bulb); }
  body main section.service-section .service-compare-card:nth-child(2) li:nth-child(2) { --service-tag-icon: var(--service-icon-bars); }
  body main section.service-section .service-compare-card:nth-child(2) li:nth-child(3) { --service-tag-icon: var(--service-icon-route); }
  body main section.service-section .service-compare-card:nth-child(3) li:nth-child(1) { --service-tag-icon: var(--service-icon-target); }
  body main section.service-section .service-compare-card:nth-child(3) li:nth-child(2) { --service-tag-icon: var(--service-icon-gear); }
  body main section.service-section .service-compare-card:nth-child(3) li:nth-child(3) { --service-tag-icon: var(--service-icon-chat); }
  body main section.service-section [data-service-tone="coral"] .service-compare-card:nth-child(2) li:nth-child(1) { --service-tag-icon: var(--service-icon-globe); }
  body main section.service-section [data-service-tone="coral"] .service-compare-card:nth-child(2) li:nth-child(2) { --service-tag-icon: var(--service-icon-target); }
  body main section.service-section [data-service-tone="coral"] .service-compare-card:nth-child(3) li:nth-child(1) { --service-tag-icon: var(--service-icon-bulb); }
  body main section.service-section [data-service-tone="gold"] .service-compare-card:nth-child(2) li:nth-child(1) { --service-tag-icon: var(--service-icon-target); }
  body main section.service-section [data-service-tone="gold"] .service-compare-card:nth-child(2) li:nth-child(2) { --service-tag-icon: var(--service-icon-list); }
  body main section.service-section [data-service-tone="gold"] .service-compare-card:nth-child(2) li:nth-child(3) { --service-tag-icon: var(--service-icon-calendar); }
  body main section.service-section [data-service-tone="gold"] .service-compare-card:nth-child(3) li:nth-child(1) { --service-tag-icon: var(--service-icon-gear); }
}

/* Retain three desktop cards while letting the content fit comfortably on tablets. */
@media (min-width: 761px) and (max-width: 1100px) {
  body main section.service-section .service-tabs {
    width: calc(100% - 36px) !important;
  }

  body main section.service-section .service-tab,
  body main section.service-section .service-tab.is-active {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 5px !important;
    width: calc(100% - 12px) !important;
    min-height: 136px !important;
    height: 136px !important;
    padding: 10px 6px !important;
  }

  body main section.service-section .service-tab-num,
  body main section.service-section .service-tab.is-active .service-tab-num {
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    font-size: 18px !important;
  }

  body main section.service-section .service-tab h3 {
    font-size: 20px !important;
    letter-spacing: 0.035em !important;
  }

  body main section.service-section .service-tab p {
    margin-top: 0 !important;
    font-size: 10.5px !important;
    white-space: normal !important;
  }

  body main section.service-section .service-compare-panel {
    padding-inline: 12px !important;
  }

  body main section.service-section .service-compare-card {
    padding-inline: 12px !important;
    grid-template-rows: 62px 86px 140px 82px 201px !important;
  }

  body main section.service-section .service-compare-card h4 {
    white-space: normal !important;
    text-wrap: balance;
  }

  body main section.service-section .service-compare-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }

  body main section.service-section .service-compare-tags li {
    flex: 0 1 auto !important;
    min-height: 34px !important;
    padding: 5px !important;
    font-size: 11px !important;
  }
}