@charset "utf-8";
/* ============================================================================
   lawyer.css — 所属社労士（さくら福岡社会保険労務士事務所サンプル）
   ----------------------------------------------------------------------------
   旧テンプレートは写真を横に置いた縦積みリストだった。
   ここでは写真を上に置いたカードを2列に並べる構成に変えている。
   ========================================================================= */

.s5-staffgrid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: var(--sp-6);
}
.s5-staffcard {
	background: var(--white);
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	overflow: hidden;
}
.s5-staffcard img { width: 100%; display: block; aspect-ratio: 1 / 1; object-fit: cover; }
.s5-staffcard__body { padding: var(--sp-5); }
.s5-staffcard__body h2 {
	display: flex;
	align-items: baseline;
	gap: var(--sp-2);
	font-size: 1.2rem;
	color: var(--ink-green);
	margin-bottom: var(--sp-1);
}
.s5-staffcard__body h2 span { font-family: var(--font-sans); font-size: .68rem; color: var(--ink-weak); font-weight: 500; }
.s5-staffcard__role { margin: 0 0 var(--sp-4); font-size: .82rem; color: var(--clay-dark); font-weight: 700; }
.s5-staffcard__career {
	list-style: none;
	margin: 0 0 var(--sp-4);
	padding: var(--sp-4);
	background: var(--ink-green-100);
	border-radius: var(--radius);
	font-size: .8rem;
	color: var(--ink-mid);
	display: grid;
	gap: 4px;
}
.s5-staffcard__quote { margin: 0; font-size: .88rem; color: var(--ink-mid); line-height: 1.9; }