@charset "utf-8";

.mainContents h2 {
	padding-bottom: 0.5rem;
	font-size: 1.9rem;
	font-weight: bold;
	color: #eb50a0;
	border-bottom: 1px solid #eb50a0;
}
.mainContents ul + h2 {
	margin-top: 6rem;
}
.mainContents ul {
	margin-top: 1rem;
	font-size: 1.8rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.mainContents ul li {
	margin-top: 1rem;
	width: 50%;
	padding-left: 1em;
	text-indent: -1em;
}
.mainContents ul li a {
	padding-left: 2rem;
	position: relative;
}
.mainContents ul li a::before {
	display: block;
	content: "";
	width: 1rem;
	height: 1rem;
	border-bottom: solid 2px #eb50a0;
	border-right: solid 2px #eb50a0;
	transform: rotate(-45deg);
	position: absolute;
	top: calc(50% - 0.5rem);
	left: 0;
}
@media (max-width: 768px) {
	.mainContents h2 {
		padding-bottom: 1rem;
		font-size: 3.2rem;
	}
	.mainContents ul + h2 {
		margin-top: 8rem;
	}
	.mainContents ul {
		font-size: 3rem;
		flex-direction: column;
	}
	.mainContents ul li {
		margin-top: 1.5rem;
		width: 100%;
	}
	.mainContents ul li a {
		padding-left: 3rem;
	}
}