.page-hd > div{
	width: 50%;
	margin-left: auto;
	text-align: left;
}
.page-hd > div h2{
	text-align: left;
	margin: .5rem 0 2rem;
}
.connect-app .app_desc .img_box{
	position: relative;
}
.connect-app .app_desc .img_box .txt{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	width: max-content;
	text-align: center;
	color:#fff;
}
.connect-app .app_desc .img_box h3{
	font-size: 2rem;
}
.connect-app .app_desc .img_box p{
	font-size: 1.25rem;
}
.connect-app .app_desc ul{
	padding: 3.75rem 2.5rem;
	background: #F7F7F7;
}
.connect-app .app_desc li{
	position: relative;
	padding: 0 2.5rem;
	width: 50%;
}
.connect-app .app_desc .h5{
	margin: 0;
	padding-bottom: 2px;
}
.connect-app .app_desc li:nth-of-type(1),
.connect-app .app_desc li:nth-of-type(2){
	margin-bottom: 2.25rem;
}
.connect-app .app_desc li:not(:nth-of-type(1),:nth-of-type(2)){
	padding:0 2.5rem;
	margin: 2.25rem 0;
}
.connect-app .app_desc li:nth-of-type(odd){
	border-right: 1px solid #e6e6e6;
}
.connect-app .app_desc li::after{
	position: absolute;
	bottom: -2.25rem;
	content:"";
	width: calc(100% - 3.5rem);
	height: 1px;
	background-color: #e6e6e6;
}
.connect-app .app_desc li:nth-of-type(odd)::after{
	left: 2.5rem;
}
.connect-app .app_desc li:nth-of-type(even)::after{
	right: 2.5rem;
}
.connect-app .app_desc li.bd_0{margin-bottom: 0}
.connect-app .app_desc li.bd_0::after{
	display: none;
}

@media all and (max-width:768px){
	.page-container .page-hd{
		justify-content:flex-end;
		height: 460px;
		background-image: url("/img/future/connectApp_visual_mo_img.png") !important;
	}
	.page-hd > div{
		width: 100%;
	}
	.page-hd .h2-group{
		font-size: 1.25rem;
	}
	
	.connect-app .app_desc .img_box .txt{
		top: 40px;
		transform: translateX(-50%);
		width: 100%;
		text-align: center;
	}
	.connect-app .app_desc .img_box h3{
		font-size: 20px;
	}
	.connect-app .app_desc .img_box p{
		font-size:12px;
	}
	.connect-app .app_desc ul{
		padding: 20px;
	}
	.connect-app .app_desc li{
		width: 100%;
	}
	.connect-app .app_desc li:nth-of-type(1), .connect-app .app_desc li:nth-of-type(2),
	.connect-app .app_desc li:not(:nth-of-type(1),:nth-of-type(2)){
		padding: 20px 0;
		margin: 0;
		border-right: none;
	}
	.connect-app .app_desc li:not(:last-of-type){
		border-bottom: 1px solid rgba(0,0,0,0.3);
	}
	.connect-app .app_desc li::after{
		display: none !important;
	}
	.connect-app .app_desc li a{
		min-width: 100px;
	}
}