/* ===== case-study カード ===== */
.kwrm-case-card{
	display:block;
	background:#FFFFFF;
	border:0.5px solid #E8E5DE;
	color:#2C2826;
	text-decoration:none;
	transition:transform .25s ease, box-shadow .25s ease;
}
.kwrm-case-card:hover,
.kwrm-case-card:focus-visible{
	transform:translateY(-2px);
	box-shadow:0 6px 20px rgba(0,0,0,.06);
	text-decoration:none;
}

/* ===== 画像エリア ===== */
.kwrm-case-card__media{
	position:relative;
}
.kwrm-case-card__media--ba{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:1px;
	background:#E8E5DE;
}
.kwrm-case-card__img{
	position:relative;
	overflow:hidden;
	aspect-ratio:4 / 5;
	background:#F4F2EC;
}
.kwrm-case-card__pic{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.kwrm-case-card__label{
	position:absolute;
	top:8px;
	left:8px;
	background:rgba(26,26,26,.85);
	color:#FAF9F6;
	font-family:Georgia,"Times New Roman",serif;
	font-size:9px;
	letter-spacing:.2em;
	padding:3px 8px;
	line-height:1;
}

/* ===== 本文エリア ===== */
.kwrm-case-card__body{
	padding:20px 22px 22px;
}
.kwrm-case-card__brand{
	display:block;
	font-family:Georgia,"Times New Roman",serif;
	font-size:10px;
	letter-spacing:.25em;
	text-transform:uppercase;
	color:#888780;
	margin-bottom:6px;
}
.kwrm-case-card__service{
	display:block;
	font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;
	font-size:15px;
	color:#2C2826;
	line-height:1.5;
	margin-bottom:14px;
}
.kwrm-case-card__divider{
	width:24px;
	height:1px;
	background:#D4D0C7;
	border:0;
	margin:0 0 14px;
}
.kwrm-case-card__excerpt{
	font-family:"Yu Gothic","YuGothic","Hiragino Sans",sans-serif;
	font-size:12px;
	line-height:1.8;
	color:#6B6760;
	margin:0 0 14px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

/* ===== フッター(価格 + 詳細を見る) ===== */
.kwrm-case-card__footer{
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	gap:12px;
}
.kwrm-case-card__price{
	font-family:Georgia,"Times New Roman",serif;
	font-size:13px;
	color:#2C2826;
	letter-spacing:.03em;
}
.kwrm-case-card__price--empty{
	display:inline-block;
	min-width:1px;
}
.kwrm-case-card__more{
	font-family:Georgia,"Times New Roman",serif;
	font-size:11px;
	color:#2C2826;
	letter-spacing:.15em;
	white-space:nowrap;
}

.kwrm-case-card__excerpt:empty{
	display:none;
}

/* ===== モバイル微調整 ===== */
@media (max-width:640px){
	.kwrm-case-card__body{
		padding:16px 18px 18px;
	}
	.kwrm-case-card__service{
		font-size:14px;
	}
	.kwrm-case-card__excerpt{
		font-size:11.5px;
	}
}

/* ===== Works グリッド(複数カードのループ表示) ===== */
.kwrm-works-grid{
	display:grid;
	grid-template-columns:repeat(var(--kwrm-works-cols, 3), 1fr);
	gap:32px;
	width:100%;
	max-width:1100px;
	margin:0 auto;
}
@media (max-width:900px){
	.kwrm-works-grid{
		grid-template-columns:repeat(2, 1fr);
		gap:24px;
	}
}
@media (max-width:600px){
	.kwrm-works-grid{
		grid-template-columns:1fr;
		gap:20px;
	}
}
