.caseDetail {
	padding-block: var(--padding-block);
}
.caseDetail_row {
	display: grid;
	gap: 50px;
}
.caseDetail_item {
	display: grid;
	gap: 10px;
}
.caseDetail_item_head {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
}
.caseDetail_item_body {
	padding: 30px;
}
.caseDetail_item_body ul {
	display: grid;
	gap: 25px;
	padding: 0;
}
.caseDetail_item_body li {
	position: relative;
	list-style: none;
	padding-left: 30px;
}
.caseDetail_item_body li::before {
	content: '';
	display: block;
	width: 10px;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 9px;
	left: 6px;
	background: var(--color-accent2);
}
.caseDetail_item:nth-child(1) .caseDetail_item_body {
	background: var(--color-accent);
}
.caseDetail_item:nth-child(2) .caseDetail_item_body {
	color: var(--color-light);
	background: var(--color-accent2);
}

@media (min-width: 1200px) {
	.caseDetail_row {
		max-width: 770px;
		margin: 0 auto;
	}
	.caseDetail_item_body {
		padding: 50px;
		font-size: 20px;
	}
	.caseDetail_item:nth-child(2) .caseDetail_item_body p:has(b:first-child:last-child) {
		margin-bottom: 20px;
	}
	.caseDetail_item:nth-child(2) .caseDetail_item_body > br + br {
		display: none;
	}
}

@media (min-width: 1600px) {
	.caseDetail {
		padding-bottom: 100px;
	}
	.caseDetail_row {
		max-width: 810px;
		gap: 100px;
	}
	.caseDetail_item_head {
		margin-bottom: 20px;
		font-size: 25px;
	}
	.caseDetail_item_body {
		font-size: 25px;
	}
}

/*
*******************************************************************************/

.caseSquiggle {
	position: relative;
	z-index: 1;
	height: 104px;
	margin-top: -17px;
	overflow: hidden;
}
.caseSquiggle svg {
	width: 480px;
	height: 104px;
	max-width: none;
	margin-inline: -34px;
}

@media (min-width: 1024px) {
	.caseSquiggle {
		height: 170px;
		margin-top: -51px;
	}
	.caseSquiggle svg {
		width: 780px;
		height: 170px;
		margin-inline: -34px 0;
	}
}

@media (min-width: 1600px) {
	.caseSquiggle svg {
		margin-inline: 34px 0;
	}
}

/*
*******************************************************************************/

.caseGallery {
	margin-top: 50px;
	padding-block: calc(var(--padding-block) - 50px);
	background: #EDEDED;
}
.caseGallery_row {
	display: grid;
	gap: 50px;
	max-width: 726px;
	margin-inline: auto;
}
.caseGallery_text {
	padding-top: 17px;
	font-size: 20px;
	border-top: 1px solid #000;
}
.caseGallery_text p {
	margin: 0;
}
.caseGallery_text b:first-child {
	display: block;
	margin-bottom: 17px;
	font-weight: 700;
}
.caseGallery_text b:first-child br {
	display: none;
}

@media (min-width: 1024px) {
	.caseGallery_row {
		grid-template-columns: 1fr 1fr;
	}
	.caseGallery_row picture:not(.small),
	.caseGallery_text {
		grid-column: 1 / -1;
	}
	/*.caseGallery_row picture:not(.small) {
		max-height: calc(var(--jsh) - var(--header-height) - 40px);
	}*/
	.caseGallery_row picture.small {
		aspect-ratio: 1 / 1;
	}
}

@media (min-width: 1200px) {
	.caseGallery_row {
		gap: 80px 160px;
	}
}

@media (min-width: 1600px) {
	.caseGallery_row {
		gap: 80px 200px;
	}
}