@charset "utf-8";
/*------------------------------------------------------------
	use_rule
------------------------------------------------------------*/
#pagePath {
	margin-bottom: 60px;
}
#main .topBox {
	margin-bottom: 120px;
}
#main .topBox .topText {
	margin-bottom: 61px;
	line-height: 2.19;
	letter-spacing: 0.04em;
}
#main .topBox .area {
	margin-bottom: 59px;
}
#main .topBox .area:last-of-type {
	margin-bottom: 0;
}
#main .topBox .area .headLine03 {
	margin-bottom: 28px;
}
#main .topBox .area p {
	line-height: 2.19;
	letter-spacing: 0.04em;
}
#main .topBox .area .textList li {
	padding-left: 40px;
	position: relative;
	line-height: 2.19;
	letter-spacing: 0.04em;
	counter-increment: list;
}
#main .topBox .area .textList > li::before {
	bottom: 0;
	content: "(" counter(list) ")";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
#main .topBox .area .textList.textList01 > li {
	counter-increment: list01;
}
#main .topBox .area .textList.textList01 > li::before {
	content: counter(list01);
}
#main .topBox .area .note {
	margin-top: 30px;
	text-align: right;
}
@media all and (min-width: 768px) {
	#main .topBox .area a:hover {
		opacity: 1;
		text-decoration: underline;
	}
}
@media all and (max-width: 767px) {
	#pagePath {
		margin-bottom: 51px;
	}
	#main .topBox {
		margin-bottom: 64px;
	}
	#main .topBox .topText {
		margin-bottom: 49px;
		line-height: 1.8;
		letter-spacing: 0.04em;
	}
	#main .topBox .area {
		margin-bottom: 48px;
	}
	#main .topBox .area:last-of-type {
		margin-bottom: 0;
	}
	#main .topBox .area .headLine03 {
		margin-bottom: 31px;
	}
	#main .topBox .area p {
		margin-bottom: 24px;
		letter-spacing: 0.05em;
	}
	#main .topBox .area .textList li {
		letter-spacing: 0.05em;
	}
	#main .topBox .area .note {
		margin-top: 24px;
	}
}