section {
	display: flex;
	gap: 50px;
}

.left, .right {
	position: relative;
	width: 50%;
}
.border {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}
.half figure img {
	max-height: 600px;
	width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 25px;
}
#adv .wrap {
	display: flex;
	flex-wrap: wrap;
	position: absolute;
    bottom: 10px;
}
#adv .wrap .item {
	display: flex;
    flex-direction: column;
    align-items: center;
	flex: 33.33%;
}
#adv .wrap .item div:first-child {
	min-height: 64px;
}
#adv .wrap .item div:last-child {
	width: 60%;
    text-align: center;
}
#service {
	flex-direction: column;
	gap: 0px;
}
#service .wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 20px;
}
#service .wrap .item {
	position: relative;
	display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: center;
	flex: calc(25% - 15px);
	height: 100px;
	border: 1px solid #cdcccc;
    border-left: 4px solid #FD4A36;
}
#service .wrap .item > div {
	position: relative;
	left: 5%;
	width: 80%;
}
#service .wrap .item div p {
	font-size: 16px;
}

#cond .right, #cond .wrap, #cond .after {
	display: flex;
    flex-direction: column;
}
#cond .wrap {
    gap: 10px;
    align-items: flex-start;
	padding-top: 30px;
}
#cond .wrap .item {
	position: relative;
	display: flex;
    align-items: center;
	height: 30px;
    line-height: 30px;
	padding-left: 20px;
}
#cond .wrap .item p {
	margin: 0;
	font-size: 18px;
	line-height: 1;
}
#cond .wrap .item:before {
	content: "—";
	position: absolute;
    left: 0;
    top: calc(50% - 15px);	
}

#cond .after {
	justify-content: space-evenly;
	flex: 1 1 auto;
}
#cond .after ul li {
	font-size: 16px;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
@media screen and (max-width: 1367px) {
	#service .wrap .item > div {
		left: unset;
	}
}
@media screen and (max-width: 1280px) {
	#cond .wrap {
		gap: 5px;
		padding-top: 20px;
	}
	#cond .wrap .item p {
		font-size: 16px;
	}
	#cond .after {
		justify-content: center;
	}
}
@media (min-width: 1024px) and (max-width: 1280px) {
	#adv {
		margin-bottom: 200px;
	}
	#adv .wrap {
		flex-wrap: unset;
		bottom: -220px;
		width: 200%;
	}
	#adv .wrap .item div:last-child {
		width: 80%;
	}
}
@media screen and (max-width: 1200px) {
	#service .wrap {
		gap: 20px;
	}
	#service .wrap .item {
		flex: calc(50% - 10px);
		height: 80px;
	}
}
@media screen and (max-width: 1024px) {
	section {
		flex-wrap: wrap;
	}
	.left, .right {
		width: 100%;
	}
	.border {
		padding-bottom: 20px;
	}
	#adv .wrap {
		position: relative;
		padding-top: 30px;
	}
}
@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 650px) {
	#product .wrap .item {
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	#service .wrap {
		gap: 10px;
	}
	#service .wrap .item {
		flex: 100%;
		height: 70px;
	}
}
@media screen and (max-width: 480px) {
	
}
@media screen and (max-width: 375px) {
	
}