@charset "UTF-8";
/* ----------------------------------------------
wrapper
----------------------------------------------*/
#wrapper {
	margin-top: 16px;
}
.meritList {
	list-style: none;
	padding: 0 20px;
	box-sizing: border-box;
}
.meritList li {
	position: relative;
	padding-left: 76px;
}
.meritList li:nth-child(n+2) {
	margin-top: 30px;
}
.meritList .num {
	position: absolute;
	left: 0;
	top: 0;
}
.meritList .ttlText {
	padding-top: 8px;
}
.meritList .text {
	position: relative;
	padding-top: 12px;
	padding-left: 2px;
	font-size: 1.5rem;
}
#illust01 {
	width: 145px;
	position: absolute;
	right: 234px;
	top: -48px;
}
#illust02 {
	width: 181px;
	position: absolute;
	right: 39px;
	top: -10px;
}
#illust03 {
	width: 214px;
	position: absolute;
	right: 39px;
	top: -48px;
}
@media screen and (max-width: 767px) {
	.meritList {
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	.meritList li {
		padding-left: 32px;
	}
	.meritList .num {
		width: 28px;
	}
	.meritList .ttlText {
		padding-top: 4px;
		line-height: 1;
	}
	.meritList .ttlText img {
		vertical-align: bottom;
	}
	.meritList .text {
		font-size: 100%;
		padding-left: 0;
		padding-top: 6px;
	}
	#illust01 {
		width: 58px;
		right: -4px;
	}
	#illust02 {
		width: 72px;
		right: 10px;
		top: -48px;
	}
	#illust03 {
		width: 85px;
		right: -4px;
		top: -56px;
	}
	#illust03 + br {
		display: none;
	}
}
@media screen and (max-width: 359px) {
	#illust03 {
		position: static;
		float: right;
		margin-top: -26px;
	}
}