.access { padding: 110px 0 120px; }
.access__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; margin-top: 56px; }
.access__photo { aspect-ratio: 16 / 9; border-radius: 20px; overflow: hidden; }
.access__list { margin-top: 20px; }
.access__list > div { display: flex; padding: 16px 4px; border-bottom: 1px solid var(--line); }
.access__list dt { width: 108px; flex-shrink: 0; font-weight: 700; color: var(--accent); }
.access__tel { font-family: var(--en); font-size: 19px; letter-spacing: .04em; }
.access__map { min-height: 420px; border-radius: 20px; overflow: hidden; background: var(--panel); }
.access__map iframe { display: block; width: 100%; height: 100%; min-height: 420px; border: 0; }

@media (max-width: 900px) {
  .access { padding: 72px 0 80px; }
  .access__grid { grid-template-columns: minmax(0, 1fr); gap: 28px; margin-top: 40px; }
  .access__list dt { width: 92px; }
  .access__map, .access__map iframe { min-height: 0; height: 300px; }
}