/* 事務所・アクセス（/about/access/）。共通部品は assets/css/info.css */
.about-access { gap: 20px; }
.about-access__grid { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 28px; align-items: stretch; }
.about-access__table { grid-column: 1; grid-row: 1; min-width: 0; }
.about-access__media { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; gap: 14px; }
.about-access__map { flex: 1; min-height: 220px; }
.about-access__photo { height: 130px; flex-shrink: 0; }

@media (max-width: 1023.98px) {
	.about-access__grid { grid-template-columns: minmax(0, 1fr); }
	.about-access__media { grid-column: 1; grid-row: 2; flex-direction: row; }
	.about-access__map { min-height: 200px; }
	.about-access__photo { flex: 0 0 38%; height: auto; }
}

@media (max-width: 767.98px) {
	.about-access { gap: 14px; }
	.about-access__grid { display: flex; flex-direction: column; gap: 12px; }
	.about-access__media { flex-direction: column; gap: 12px; }
	.about-access__map { flex: none; min-height: 0; height: 200px; }
	.about-access__photo { flex: none; height: 110px; }
}

.about-access__map { position: relative; overflow: hidden; border: 2px solid var(--ink); }
.about-access__map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.about-access__maplink { align-self: flex-start; font-size: 14px; }