.service-area { display: grid; grid-template-columns: .8fr 1.2fr; align-items: start; gap: 64px; }
.service-area h2 { max-width: 450px; }
.service-area p { margin-top: 22px; color: var(--muted); }
.service-area ul { list-style: none; padding: 0; margin-top: 24px; border-top: 1px solid var(--line); }
.service-area li { padding: 12px 0; border-bottom: 1px solid var(--line); font-weight: 500; }
.service-area .button { margin-top: 24px; }
.service-area-map { min-width: 0; }
.service-area-map iframe { display: block; width: 100%; height: 440px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--blue-soft); }
.service-area-map p { font-size: 13px; margin-top: 12px; }
.service-area-map > a { display: inline-flex; align-items: center; min-height: 44px; color: var(--blue); font-size: 14px; }
@media(max-width:950px) { .service-area { gap: 32px; } }
@media(max-width:719px) {
  .service-area { grid-template-columns: minmax(0,1fr); gap: 32px; }
  .service-area-map iframe { height: 340px; }
  .service-area .button { width: 100%; justify-content: center; }
}