@charset "utf-8";
/* ============================================================================
   access.css — アクセス（さくら福岡社会保険労務士事務所サンプル）
   ========================================================================= */

.s5-accesscard {
	display: grid;
	gap: var(--sp-6);
}
.s5-accesscard__info dl { margin: var(--sp-5) 0; display: grid; gap: var(--sp-3); }
.s5-accesscard__info dl > div { display: grid; grid-template-columns: 96px 1fr; gap: var(--sp-3); font-size: .9rem; }
.s5-accesscard__info dt { color: var(--ink-weak); font-weight: 700; }
.s5-accesscard__info dd { margin: 0; color: var(--ink-mid); line-height: 1.8; }

.s5-accesscard__map {
	min-height: 260px;
	display: grid;
	place-content: center;
	background: var(--ink-green-100);
	border-radius: var(--radius-lg);
	color: var(--ink-weak);
	font-size: .85rem;
}

@media (min-width: 860px) {
	.s5-accesscard { grid-template-columns: 1fr 1fr; align-items: start; }
}