/* h4 */

h4 {
	background: #C1976D;
}

.contentsBox .decimal {
	list-style-type: decimal;
}

.contentsBox .decimal li {
	padding-left: 1em;
	text-indent: -1em;
}

.contentsBox dl {
	-js-display: flex;
	display: -webkit-box;
	display: box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	box-pack: justify;
	flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	border-bottom: 1px solid #D6D6D6;
}


/* PC */

@media screen and (min-width: 980px) {
	/* h4 */
	h4 {
		font-size: 20px;
		padding: 10px 25px;
		margin-bottom: 30px;
	}
	p.heading {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.contentsBox {
		margin-bottom: 40px;
	}
	.contentsBox dl dt {
		width: 230px;
		padding: 5px 0;
	}
	.contentsBox dl dd {
		width: 970px;
		padding: 5px 0;
	}
}


/*SP*/

@media screen and (max-width: 980px) {
	/*h4*/
	h4 {
		padding: 2px 10px;
		margin-bottom: 5px;
	}
	.contentsBox {
		margin-bottom: 1em;
	}
	.contentsBox p {
		padding: 0 10px;
		margin-bottom: 5px;
	}
	.contentsBox .decimal {
		padding: 0 10px;
	}
	.contentsBox dl dt,
	.contentsBox dl dd {
		width: 100%;
		padding: 2px 10px;
	}
}