@charset "UTF-8";
/* ------------------------------
 施工事例（PC）
------------------------------ */
.mainLead {
	margin-bottom: 90px;
}
.workBox .w1-2 {
	position: relative;
}
.workBox .w1-2 img {
	border-radius: 20px;
}
.workBox .w1-2 + .w1-2:has(img)::before {
	content: "";
	font-display: block;
	position: absolute;
	background: url(../img/icon_arrow_works.svg) no-repeat 0 0 / cover;
}
.workBox .w1-2 p.ba {
	margin-top: 10px;
	font-family: "Poppins", sans-serif;
	font-size: 1.5rem;
	line-height: 1;
}
.workBox .w1-3 img {
	border-radius: 15px;
}
@media print, screen and (min-width: 768px) {
	.workBox .w1-2 + .w1-2::before {
		top: 157px;
		left: -28px;
		width: 10px;
		height: 26px;
	}
}
/* ------------------------------
 施工事例（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.mainLead {
		margin-bottom: 35px;
	}
	.workBox .w1-2 img {
		width: 100%;
		border-radius: 15px;
	}
	.workBox .w1-2 + .w1-2:not(.sp_w1-2) {
		margin-top: 35px !important;
	}
	.workBox .w1-2 + .w1-2::before {
		top: -38px;
		left: 0;
		right: 0;
		width: 8px;
		height: 20px;
		margin: 0 auto;
		transform: rotate(90deg);
	}
	.workBox:has(.w2-3) {
		flex-direction: column-reverse;
	}
	.workBox .w2-3 + .w1-3:not(.sp_w1-3) {
		margin-top: 0 !important;
		margin-bottom: 30px;
	}
	.workBox .w1-3 img {
		width: 200px;
		border-radius: 10px;
	}
}