@charset "UTF-8";
/* CSS Document */

.case_list_wrap {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px , 1fr));
	gap: 4px 32px;
	list-style: none;
	margin: 0;
	padding: 0;
	grid-template-rows: auto;
}
.case_list_wrap > li {
	margin-bottom: 48px;
}

@media (min-width: 576px) {
	.case_list_wrap {
		column-gap: 42px;
		grid-template-columns: repeat(auto-fill, minmax(420px , 1fr));
	}
}



@media (min-width: 1200px) {
	.case_list_wrap {
		column-gap: 96px;
	}
	.case_list_wrap > li {
		margin-bottom: 32px;
	}
	ul.case_list_wrap .catch {
		font-size: 24px;
	}
}
.case_image {
	margin-bottom: 24px;
}

.case_list_card {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
	gap: 2px 0;
	padding: 0;
	margin: 0;
	list-style: none;
}

.case_list_card_catch {
	font-size: 20px;
	margin-bottom: 16px;
	line-height: 1.3;
	font-weight: 600;
	color: #000;
}
.case_list_card_customer {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	color: #666;
}
.case_list_card_customer_inner {
	padding-left: 10px;
	border-left: solid 3px #C3CED3;
}
.case_list_card_category {
	font-size: 14px;
	font-weight: 400;
	color: #377593;
	margin-top: 4px;
}
.case_list_card_customer .sama{
	font-size: 80%;
	font-weight: 100;
	color: #666;display: inline-block;
	margin-left: 6px;
}





.case_list_wrap li a{
	text-decoration: none;
}