/* ==================================================
   Business（事業内容）
================================================== */

/* 事業内容 本文エリア */
.business-wrap{
	max-width:1100px;
	margin:0 auto;
	padding:26px 0 70px;
}

/* 「選別作業でお困りの方へ」見出し */
.business-lead{
	max-width:1100px;
	margin:30px auto 0;
	padding:18px 20px;
	border-left:6px solid #2590e2;
	background:linear-gradient(90deg, rgba(37,144,226,.10), rgba(255,255,255,0));
	border-radius:12px;
	font-size:20px;
	font-weight:900;
	color:#111;
	letter-spacing:.02em;
}

/* 本文ボックス */
.business-box{
	max-width:1100px;
	margin:16px auto 0;
	padding:22px 24px;
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:14px;
	box-shadow:0 10px 26px rgba(0,0,0,.05);
	color:#222;
	line-height:2.0;
	font-size:15px;
}

/* ==================================================
   Business Flow（作業フロー）
================================================== */

.business-flow{
	margin:0 auto;
	padding:0 20px;
}

/* タイトル行：左に「作業フロー」、右に「ご依頼の流れ」 */
.business-flow-head{
	max-width:1100px;
	margin:0 auto 40px;
	display:flex;
	align-items:center;
	gap:18px;
}

/* 作業フロー：business-lead と同系統 */
.business-flow-title{
	margin:0;
	padding:18px 20px;
	border-left:6px solid #2590e2;
	background:linear-gradient(90deg, rgba(37,144,226,.10), rgba(255,255,255,0));
	border-radius:12px;
	font-size:20px;
	font-weight:900;
	color:#111;
	letter-spacing:.02em;
}

.business-flow-sub{
	padding:0;
	margin:0 0 0 14px;
	border:none;
	background:none;
	font-size:14px;
	font-weight:900;
	color:#1b4f8f;
	letter-spacing:.05em;
	white-space:nowrap;
}

/* ===== PC：横並び ===== */
.flow-list{
	max-width:1100px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	gap:24px;
}

.flow-item{
	position:relative;
	background:#fff;
	padding:32px 20px 28px;
	border-radius:14px;
	box-shadow:0 14px 36px rgba(0,0,0,.08);
	flex:1;
}

.flow-item::after{
	content:"";
	position:absolute;
	right:-18px;
	top:50%;
	transform:translateY(-50%);
	width:0;
	height:0;
	border-top:14px solid transparent;
	border-bottom:14px solid transparent;
	border-left:18px solid #2590e2;
}

.flow-item:last-child::after{
	display:none;
}

.flow-num{
	display:block;
	font-size:36px;
	font-weight:900;
	color:#2590e2;
	margin-bottom:14px;
}

.flow-item h4{
	margin:0 0 10px;
	font-size:16px;
	font-weight:900;
}

.flow-item p{
	margin:0;
	font-size:14px;
	color:#555;
	line-height:1.6;
}



/* =========================
	汎用セクション（タイトル＋box）
========================= */

.gsec{
	padding:0 20px;
	margin:90px auto 0;
}

.gsec-wrap{
	max-width:1100px;
	margin:0 auto;
}

/* タイトル：business-lead 系 */
.gsec-title{
	margin:0;
	padding:18px 20px;
	border-left:6px solid #2590e2;
	background:linear-gradient(90deg, rgba(37,144,226,.10), rgba(255,255,255,0));
	border-radius:12px;
	font-size:20px;
	font-weight:900;
	color:#111;
	letter-spacing:.02em;
}

/* 本文box：business-box 系 */
.gsec-box{
	margin:16px 0 0;
	padding:22px 24px;
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:14px;
	box-shadow:0 10px 26px rgba(0,0,0,.05);
	color:#222;
	line-height:2.0;
	font-size:15px;
}

/* 連続改行の見え方（必要なら） */
.gsec-box br + br{content:"";}

/* レスポンシブ */
@media screen and (max-width:900px){
	.gsec{
		padding:0;
		margin:70px auto 0;
	}
	.gsec-wrap{
		margin:0 12px;
	}
	.gsec-title{
		padding:16px 16px;
		font-size:18px;
	}
	.gsec-box{
		padding:16px 16px;
		font-size:14px;
	}
}



/* =========================
	gsec 内容レイアウト
========================= */

.gsec-box{
	margin-top:16px;
	padding:28px;
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:14px;
	box-shadow:0 10px 26px rgba(0,0,0,.05);

	display:flex;
	gap:40px;
	align-items:center;
}

/* 画像 */
.gsec-media{
	flex:0 0 40%;
}

.gsec-media img{
	width:100%;
	border-radius:12px;
	display:block;
}

/* 文章 */
.gsec-content{
	flex:1;
	line-height:2;
	font-size:15px;
	color:#333;
}

/* 左右反転 */
.gsec-reverse{
	flex-direction:row-reverse;
}



/* ===== スマホ：縦並び ===== */
@media screen and (max-width:768px){
	.flow-list{
		flex-direction:column;
	}
	.flow-item::after{
		right:auto;
		left:50%;
		top:auto;
		bottom:-20px;
		transform:translateX(-50%) rotate(90deg);
	}
	.flow-item:last-child::after{
		display:none;
	}
}

/* レスポンシブ（余白だけ） */
@media screen and (max-width:900px){
	.business-flow-head{
		margin:0 12px 34px;
		flex-direction:column;
		align-items:flex-start;
	}
	.business-flow-title{
		width:100%;
		padding:16px 16px;
		font-size:18px;
	}
	.business-flow-sub{
		margin-top:12px;
		padding:9px 16px;
		font-size:13px;
	}
	.business-wrap{
		padding:18px 0 54px;
	}
	.business-lead,
	.business-box{
		margin-left:12px;
		margin-right:12px;
		padding:16px 16px;
	}
	.business-lead{
		font-size:18px;
	}
	.business-box{
		font-size:14px;
	}
	
	.gsec-box{
		flex-direction:column;
		gap:20px;
		padding:20px;
	}

	.gsec-media{
		width:100%;
	}

	.gsec-content{
		font-size:14px;
	}
	
}