/*==================================
		service / index
==================================*/
/*========== body ==========*/
body {
	background: url(../../img/service/service.jpg) no-repeat center 0;
	background-size: contain;	
	counter-reset:count-number;
}

/*========== mainWrap ==========*/
.whiteWrap p,
#service02 ol span {
	font-weight: bold;
}

#service02 ol li {
	margin: 1.0rem 0 0 0;
	display: flex;
	justify-content: flex-start;
}

#service02 ol li::before {
	counter-increment: count-number;
	content: counters(count-number,".") " ";
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0.5rem 0 0;
	background: #ffffff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}

#service02 ol li div {
	line-height: 1.6;
}

@media screen and (max-width: 480px){
}


/*= ver.purple =*/
.purple .whiteWrap p,
.purple #service02 ol li::before,
.purple #service02 ol span {
	color: #ae1c87;
}