@charset "utf-8";


.service {}
.service-info {border-radius: 20px;border: 1px solid #DDD; overflow:hidden;}
.service-info-img {height:400px;}
.service-info-img img {width:100%; height:100%; object-fit:cover;}
.service-info-list {display:flex;}
.service-info-item {padding:80px 100px; width:50%;}
.service-info-item h4 {width:200px; color: #FFF; line-height:50px; font-size: var(--fs18);font-weight: 700; border-radius: 200px;background: var(--base1); display:flex; align-items:center; justify-content:center;}
.service-info-item.as h4 {background:var(--base2);}
.service-info-item ul {padding:20px 0 0;}
.service-info-item ul li {color: #000;font-size: var(--fs18);font-weight: 500;line-height:1.6}




@media (max-width: 1199px) {
	
	.service-info-img {height:300px;}
	.service-info-item {padding:60px 70px;}
	
	
	
	
}

@media (max-width: 767px) {
	.service-info-img {height:240px;}
	.service-info-list {padding:30px; flex-direction:column; gap:20px;}
	.service-info-item {padding:0; width:100%;}
	.service-info-item h4 {line-height:40px; width:160px;}
	.service-info-item ul {padding:10px 0 0;}
	
	
	
	
	
	
}