@charset "utf-8";

.region-service-page .region-banner .cw-banner-text{
	max-width:560px;
}
.region-service-page .region-banner h1{
	font-size:34px;
	line-height:1.45;
}
.region-service-page .region-banner p{
	max-width:520px;
}
.region-intro .cw-lead{
	max-width:820px;
}
.region-service-grid{
	display:grid;
	grid-template-columns:36% 64%;
	gap:70px;
	align-items:start;
}
.region-service-head .cw-en{
	font-size:20px;
	color:#111;
	text-transform:uppercase;
	font-family:'SM';
}
.region-service-head h2{
	margin-top:18px;
	font-size:26px;
	line-height:1.7;
	font-weight:normal;
}
.region-service-head p{
	margin-top:24px;
	font-size:14px;
	line-height:2.1;
	color:#555;
}
.region-service-list{
	display:grid;
	grid-template-columns:1fr;
	gap:28px;
}
.region-service-item{
	display:grid;
	grid-template-columns:70px 150px 1fr;
	gap:24px;
	align-items:start;
	padding-top:28px;
	border-top:1px solid #d9d9d9;
}
.region-service-item span{
	font-size:13px;
	color:#b68b5b;
	font-family:'SR';
}
.region-service-item h3{
	font-size:18px;
	font-weight:normal;
	color:#222;
}
.region-service-item p{
	font-size:14px;
	line-height:2;
	color:#666;
}
.region-integration .cw-en{
	margin-bottom:18px;
	font-size:13px;
	letter-spacing:2px;
	color:#999;
	font-family:'SR';
}
.region-project-text{
	max-width:800px;
	margin:0 auto;
	font-size:15px;
	line-height:2.2;
	color:#555;
	text-align:center;
}
.region-backlink{
	text-align:center;
}
.region-text-link{
	display:inline-block;
	margin-top:34px;
	padding-bottom:9px;
	border-bottom:1px solid #b68b5b;
	font-size:15px;
	color:#222;
}
.region-text-link:hover{
	color:#b68b5b;
}

@media screen and (max-width:1200px){
	.region-service-grid{
		grid-template-columns:38% 62%;
		gap:44px;
	}
	.region-service-item{
		grid-template-columns:56px 130px 1fr;
		gap:20px;
	}
}

@media screen and (max-width:768px){
	.region-service-page .region-banner h1{
		font-size:25px;
	}
	.region-service-page .region-banner p{
		font-size:13px;
		line-height:1.9;
	}
	.region-service-grid{
		display:block;
	}
	.region-service-head{
		text-align:center;
	}
	.region-service-head .cw-en{
		font-size:17px;
	}
	.region-service-head h2{
		font-size:20px;
		line-height:1.7;
	}
	.region-service-head p{
		font-size:13px;
		line-height:2;
	}
	.region-service-list{
		margin-top:36px;
		gap:24px;
	}
	.region-service-item{
		display:block;
		padding-top:24px;
	}
	.region-service-item span{
		display:block;
		margin-bottom:12px;
	}
	.region-service-item h3{
		font-size:17px;
	}
	.region-service-item p{
		margin-top:12px;
		font-size:13px;
		line-height:2;
	}
	.region-project-text{
		font-size:13px;
		line-height:2;
		text-align:left;
		word-break:normal;
		overflow-wrap:anywhere;
	}
	.region-text-link{
		font-size:14px;
	}
}

@media screen and (max-width:420px){
	.region-service-page .region-banner h1{
		font-size:24px;
	}
	.region-service-head h2{
		font-size:19px;
	}
}