.plan-service{background-color: var(--bg); padding-top: 0;}
.plan-service-item{background-color: #fff; border-radius: var(--size-20); overflow: hidden; margin-top: var(--size-30); min-height: calc(var(--size-100) * 2 + var(--size-30));}
.plan-service-item:first-child{margin-top: 0;}
.plan-service-item .img{width: 50%;border-radius: var(--size-20); aspect-ratio: 712/452; align-self: stretch; min-height: calc(var(--size-100) * 2 + var(--size-30));}
.plan-service-item .cont{flex: 1; padding: var(--size-55) var(--size-80);}
.plan-service-item .name{display: flex; align-items: center;}
.plan-service-item .ccont{max-width: calc(var(--size-100) * 5);}
.plan-service-item:hover{box-shadow: 0 5px 20px rgba(0, 0, 0, .04);}

@media screen and (max-width: 1024px){
	.plan-service-item{min-height: 0;}
	.plan-service-item .img,.plan-service-item .cont{width: 100%;}
	.plan-service-item .img{aspect-ratio: 712/452; min-height: 0;}
	.plan-service-item .cont{flex: inherit; padding: var(--size-35) var(--size-30);}
	.plan-service-item .ccont{max-width: none;}
}

@media screen and (max-width: 767px){
	.plan-service-list{margin-top: var(--size-50);}
	.plan-service-item{margin-top: var(--size-20); border-radius: var(--size-15);}
	.plan-service-item .cont{padding: var(--size-30) var(--size-25);}
	.plan-service-item .name{align-items: flex-start;}
	.plan-service-item .name::before{margin-top: 7px;}
}