/* ========== SERVICE lanes (縦並び / 横長 / ロングコピー対応) ========== */
.esv_service{
	width:var(--container);
	margin:120px auto 120px auto;
	padding:0;
}

.esv_intro{
	position:relative;
	text-align:left;
	padding:10px 0 28px 0;
}
.esv_intro_lead{
	font-size:clamp(14px,1.6vw,16px);
	line-height:1.9;
	color:#1f2937;
	margin:8px 0 0 0;
}
.esv_intro_title{
	display:inline-flex;
	align-items:center;
	gap:12px;
	font-size:clamp(22px,2.6vw,30px);
	font-weight:700;
	margin:0;
}
.esv_intro_num{
	display:inline-block;
	font-weight:700;
	font-size:clamp(16px,2.2vw,22px);
	padding:2px 10px;
	border:2px solid #00b1cc;
	border-radius:999px;
	color:#00b1cc;
}
.esv_intro_stripe{
	height:12px;
	margin-bottom:12px;
	background-image:repeating-linear-gradient(-45deg,#ffe600 0,#ffe600 12px,transparent 12px,transparent 24px);
	border-radius:6px;
}

.esv_marker{
	background:linear-gradient(transparent 60%,#fff5a8 60%);
	-webkit-box-decoration-break:clone;
	box-decoration-break:clone;
	padding:0 0.2em;
	border-radius:0.2em;
}

.esv_lane{
	display:grid;
	grid-template-columns:3fr 2fr;
	gap:clamp(18px,2.5vw,28px);
	align-items:center;
	background:#f9ffff;
	border-radius:20px;
	padding:26px clamp(18px,3vw,32px);
	box-shadow:0 10px 26px rgba(0,0,0,0.06);
	position:relative;
	overflow:hidden;
	margin:0 0 clamp(20px,3vw,28px) 0;
}
.esv_lane2{
	display:grid;
	grid-template-columns:2fr 3fr;
	gap:clamp(18px,2.5vw,28px);
	align-items:center;
	background:#f9ffff;
	border-radius:20px;
	padding:26px clamp(18px,3vw,32px);
	box-shadow:0 10px 26px rgba(0,0,0,0.06);
	position:relative;
	overflow:hidden;
	margin:0 0 clamp(20px,3vw,28px) 0;
}

.esv_lane_body{
	min-width:0;
}
.esv_lane_title{
	margin:0 0 10px 0;
	font-size:clamp(18px,2.2vw,24px);
	font-weight:700;
	color:#243b4a;
}
.esv_badge{
	display:inline-block;
	font-size:0.8em;
	background:#00b1cc;
	color:#fff;
	border-radius:10px;
	padding:2px 8px;
	margin-right:6px;
}
.esv_lane_copy{
	margin:0 0 12px 0;
	font-size:clamp(14px,1.6vw,16px);
	color:#333;
	line-height:1.9;
}
.esv_list{
	margin:0 0 12px 18px;
	padding:0;
	list-style:disc;
	color:#444;
	font-size:clamp(13px,1.5vw,15px);
	line-height:1.9;
}
.esv_quote{
	margin:6px 0 0 0;
	padding:14px 16px;
	border-left:4px solid #a3c7d9;
	background:linear-gradient(90deg,#f7fbff 0%,#ffffff 100%);
	border-radius:10px;
}
.esv_quote p{
	margin:0;
}

.esv_lane_media{
	justify-self:end;
}
.esv_lane_img{
	display:block;
	width:min(460px,100%);
	height:auto;
	object-fit:cover;
}

.esv_service--stack .esv_lane+.esv_lane{
	margin-top:clamp(16px,2.2vw,20px);
}



@media(max-width:800px){
	.esv_lane{
		grid-template-columns:1fr;
	}
	.esv_lane2{
		grid-template-columns:1fr;
	}
	.esv_lane_img {
		margin:0 auto;
	}
	.esv_lane_body {
		order:1;
	}
	.esv_lane_media {
		order:2;
	}
}

@media(max-width:440px){
	.esv_service{
		margin:90px auto 120px auto;
	}
}