/* Area-page layout only. Shared hero, type, CTA surface and button come from current site CSS. */
.hs-area .hs-area__visit-banner { padding: 16px 20px; background: #eaf4f8; color: #144c68; text-align: center; font-size: 15px; }
.hs-area .hs-area__jump { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding-top: 28px; }
.hs-area .hs-area__jump a { display: block; padding: 18px 12px; background: #f0f6fa; color: #005a8d; text-align: center; text-decoration: none; }
.hs-area .hs-area__jump a:nth-child(2) { color: #206c6b; background: #edf6f4; }
.hs-area .hs-area__jump a:hover { box-shadow: inset 0 0 0 1px currentColor; }
.hs-area .hs-area__jump strong { display: block; font-size: 20px; line-height: 1.6; }
.hs-area .hs-area__jump span { font-size: 13px; }
.hs-area .hs-area__section { padding: 48px 0; scroll-margin-top: 160px; }
.hs-area #commercial-aircon { padding-top: 40px; }
.hs-area #commercial-aircon .hs-service__section-label { color: #206c6b; }
.hs-area h2 { text-wrap: balance; }
.hs-area h2 span { display: inline-block; }
.hs-area .hs-area__service-head { display: grid; grid-template-columns: 1.7fr 1fr; gap: 32px; align-items: center; margin-bottom: 26px; padding: 24px; background: #f0f6fa; }
.hs-area #commercial-aircon .hs-area__service-head { background: #edf5f4; }
.hs-area .hs-area__service-head h2 { margin-bottom: 14px; }
.hs-area .hs-area__service-head p:last-child { margin-bottom: 0; }
.hs-area .hs-area__service-photo { margin: 0; height: 210px; overflow: hidden; }
.hs-area .hs-area__service-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; }
.hs-area .hs-area__price-table { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 0; }
.hs-area .hs-area__price-table caption { padding: 16px 24px; background: #064d79; color: #fff; text-align: left; font-size: 20px; font-weight: 700; line-height: 1.6; }
.hs-area .hs-area__price-table th, .hs-area .hs-area__price-table td { padding: 20px 24px; border: 0; border-bottom: 1px solid #d8e4ea; vertical-align: middle; }
.hs-area .hs-area__price-table th { width: 65%; font-size: 16px; text-align: left; font-weight: 700; }
.hs-area .hs-area__price-table th span { margin-left: 20px; font-size: 14px; font-weight: 400; }
.hs-area .hs-area__price-table td { background: #f0f6fa; color: #174862; font-size: 25px; font-weight: 700; line-height: 1.5; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.hs-area .hs-area__note { margin: 14px 0 0; color: #586671; font-size: 13px; line-height: 1.8; }
.hs-area .hs-area__detail { display: block; width: fit-content; padding-top: 16px; color: var(--hs-blue); font-size: 14px; text-underline-offset: 5px; }
.hs-area #home-aircon > .hs-area__detail { margin-left: auto; }
.hs-area .hs-area__disposal { margin-top: 28px; padding: 22px 24px; background: #f6f7f8; font-size: 14px; }
.hs-area .hs-area__disposal h3 { margin: 0 0 10px; font-size: 18px; line-height: 1.6; }
.hs-area .hs-area__disposal p { margin: 0; line-height: 1.9; }
.hs-area .hs-area__sources { margin-top: 14px; padding-top: 10px; color: #586671; font-size: 13px; }
.hs-area .hs-area__source-links { display: flex; flex-wrap: wrap; gap: 0 22px; margin-top: 2px; }
.hs-area .hs-area__source-links a { display: inline-flex; align-items: center; min-height: 36px; color: #405764; text-decoration: underline; text-underline-offset: 4px; }
.hs-area .hs-area__contact { margin-top: 28px; }
.hs-area .hs-area__action { display: flex; max-width: 480px; margin: 24px auto 0; }
.hs-area .hs-area__business-points { margin: 0; }
.hs-area .hs-area__business-points > div { display: grid; grid-template-columns: 150px 1fr; gap: 24px; padding: 22px 0; }
.hs-area .hs-area__business-points > div + div { border-top: 1px solid var(--hs-line); }
.hs-area .hs-area__business-points dt { color: #174862; font-size: 18px; font-weight: 700; }
.hs-area .hs-area__business-points dd { margin: 0; }
.hs-area .hs-area__other-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 26px; }
.hs-area .hs-area__other-grid > a { display: flex; flex-direction: column; gap: 10px; text-decoration: none; }
.hs-area .hs-area__card-photo { height: 170px; display: block; overflow: hidden; }
.hs-area .hs-area__card-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .2s; }
.hs-area .hs-area__other-grid > a:hover img { transform: scale(1.025); }
.hs-area .hs-area__other-grid strong { font-size: 20px; line-height: 1.6; }
.hs-area .hs-area__other-grid > a > span:not(.hs-area__card-photo) { font-size: 14px; line-height: 1.8; }
.hs-area .hs-area__link-label { color: var(--hs-blue); text-decoration: underline; text-underline-offset: 5px; }
.hs-area .hs-area__consult { scroll-margin-top: 160px; }
.hs-area .hs-area__consult-inner { width: calc(100% - 40px); max-width: 1100px; margin: 0 auto; text-align: center; }
.hs-area .hs-area__consult h2 { text-align: center; }
.hs-area .hs-area__consult .hs-area__note { margin-top: 18px; color: #d4e5ef; }
@media (max-width: 700px) {
  .hs-area .hs-service-detail__hero-photo img { object-position: 50% 0%; }
  .hs-area .hs-area__jump { gap: 10px; padding-top: 20px; }
  .hs-area .hs-area__jump a { padding: 14px 8px; }
  .hs-area .hs-area__jump strong { font-size: 17px; }
  .hs-area .hs-area__jump span { display: block; font-size: 12px; }
  .hs-area .hs-area__section { padding: 32px 0; scroll-margin-top: 90px; }
  .hs-area #commercial-aircon { padding-top: 28px; }
  .hs-area .hs-area__service-head { grid-template-columns: 1fr; gap: 20px; margin-bottom: 22px; padding: 18px 16px; }
  .hs-area .hs-area__service-photo { height: 170px; }
  .hs-area .hs-area__price-table caption { padding: 14px 16px; font-size: 18px; }
  .hs-area .hs-area__price-table th, .hs-area .hs-area__price-table td { padding: 14px 10px; }
  .hs-area .hs-area__price-table th { width: 56%; font-size: 15px; }
  .hs-area .hs-area__price-table th span { display: block; margin: 4px 0 0; font-size: 12px; line-height: 1.7; }
  .hs-area .hs-area__price-table td { font-size: 20px; }
  .hs-area .hs-area__disposal { padding: 18px 16px; }
  .hs-area .hs-area__sources > span { display: block; line-height: 1.8; }
  .hs-area .hs-area__business-points > div { grid-template-columns: 1fr; gap: 6px; padding: 18px 0; }
  .hs-area .hs-area__other-grid { grid-template-columns: 1fr; gap: 24px; }
  .hs-area .hs-area__other-grid > a { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 5px 16px; align-items: start; }
  .hs-area .hs-area__card-photo { grid-row: span 3; height: 114px; }
  .hs-area .hs-area__other-grid strong { font-size: 18px; }
  .hs-area .hs-area__other-grid > a > span:not(.hs-area__card-photo) { font-size: 13px; }
  .hs-area .hs-area__consult { scroll-margin-top: 90px; }
}
@media (prefers-reduced-motion: reduce) {
  .hs-area .hs-area__card-photo img { transition: none; }
}

/* Regional benefits use original illustrations and shared site colors. */
.hs-area .hs-area__local-guide { margin-top: 36px; padding: 0; background: transparent; }
.hs-area .hs-area__local-guide > h3 { margin-bottom: 22px; color: #174862; font-size: 22px; line-height: 1.6; scroll-margin-top: 160px; }
.hs-area .hs-area__local-topic { display: grid; grid-template-columns: 270px minmax(0, 1fr); align-items: center; gap: 36px; padding: 28px 36px; background: #f0f6fa; }
.hs-area .hs-area__local-topic + .hs-area__local-topic { margin-top: 20px; }
.hs-area .hs-area__local-topic--grant { background: #fff7e5; }
.hs-area .hs-area__point-visual { text-align: center; color: #174862; }
.hs-area .hs-area__point-number { display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 12px; font-weight: 700; letter-spacing: 1px; }
.hs-area .hs-area__point-number b { font-size: 28px; line-height: 1; letter-spacing: 0; }
.hs-area .hs-area__point-visual svg { display: block; width: 100%; height: auto; margin: 8px auto; }
.hs-area .hs-area__visual-caption { display: block; font-size: 14px; font-weight: 700; line-height: 1.7; }
.hs-area .hs-area__local-topic h4 { margin: 0 0 12px; color: #174862; font-size: 23px; font-weight: 700; line-height: 1.65; }
.hs-area .hs-area__local-topic p { margin: 0; font-size: 15px; line-height: 1.9; }
.hs-area .hs-area__local-topic .hs-area__grant-period { display: flex; flex-direction: column; gap: 2px; margin: 14px 0 10px; }
.hs-area .hs-area__grant-period span { font-size: 13px; }
.hs-area .hs-area__grant-period strong { font-size: 16px; }
.hs-area .hs-area__local-topic .hs-area__point-note { margin-top: 12px; color: #4c5760; font-size: 13px; line-height: 1.8; }
.hs-area .hs-area__local-topic .hs-area__source-links { margin-top: 14px; font-size: 14px; line-height: 1.8; }
@media (max-width: 900px) {
  .hs-area .hs-area__local-topic { grid-template-columns: 220px minmax(0, 1fr); gap: 24px; padding: 24px; }
  .hs-area .hs-area__local-topic h4 { font-size: 21px; }
}

/* Keep each service's heading, prices, local advice and consultation in one region. */
.hs-area:is([data-hs-area="misato"], .hs-area--grouped) #home-aircon,
.hs-area:is([data-hs-area="misato"], .hs-area--grouped) #commercial-aircon { margin-top: 36px; padding: 32px; }
.hs-area:is([data-hs-area="misato"], .hs-area--grouped) #home-aircon { background: #f0f6fa; }
.hs-area:is([data-hs-area="misato"], .hs-area--grouped) #commercial-aircon { background: #edf5f4; }
.hs-area:is([data-hs-area="misato"], .hs-area--grouped) .hs-area__service-head { padding: 0; background: transparent; }
.hs-area:is([data-hs-area="misato"], .hs-area--grouped) #commercial-aircon .hs-area__service-head { background: transparent; }
.hs-area:is([data-hs-area="misato"], .hs-area--grouped) .hs-area__price-table { background: #fff; }
.hs-area:is([data-hs-area="misato"], .hs-area--grouped) .hs-area__price-table td { background: #e4eff5; }
.hs-area:is([data-hs-area="misato"], .hs-area--grouped) .hs-area__local-topic { background: #fff; }
.hs-area:is([data-hs-area="misato"], .hs-area--grouped) .hs-area__local-topic--grant { background: #fff7e5; }
@media (max-width: 700px) {
  .hs-area:is([data-hs-area="misato"], .hs-area--grouped) #home-aircon,
  .hs-area:is([data-hs-area="misato"], .hs-area--grouped) #commercial-aircon { margin: 28px -20px 0; padding: 24px 20px; }
}
@media (max-width: 700px) {
  .hs-area .hs-area__local-guide > h3 { font-size: 20px; scroll-margin-top: 140px; }
  .hs-area .hs-area__local-topic { grid-template-columns: 112px minmax(0, 1fr); gap: 14px; padding: 22px 18px; }
  .hs-area .hs-area__point-visual { grid-column: 1; grid-row: 1; }
  .hs-area .hs-area__point-visual svg { width: 112px; max-width: 100%; margin: 5px auto; }
  .hs-area .hs-area__point-number { font-size: 10px; }
  .hs-area .hs-area__point-number b { font-size: 23px; }
  .hs-area .hs-area__visual-caption { font-size: 12px; line-height: 1.6; }
  .hs-area .hs-area__point-copy { display: contents; }
  .hs-area .hs-area__local-topic h4 { grid-column: 2; grid-row: 1; margin: 0; font-size: 19px; line-height: 1.6; }
  .hs-area .hs-area__point-copy > p,
  .hs-area .hs-area__point-copy > .hs-area__source-links { grid-column: 1 / -1; margin: 0; }
  .hs-area .hs-area__local-topic .hs-area__grant-period,
  .hs-area .hs-area__local-topic .hs-area__point-note,
  .hs-area .hs-area__local-topic .hs-area__source-links { margin: 0; }
  .hs-area .hs-area__local-topic h4 br { display: none; }
}