h3 {
	color: #FFF;
}

h3.orange {
	background: #EC5A24;
}

h3.green {
	background: #39B04A;
}


/* homeListWrap */

.homeListWrap {
	width: 100%;
}

.homeListWrap .box {
	width: 100%;
	border-bottom: 1px solid #D6D6D6;
}

.homeListWrap .box:last-child {
	border-bottom: none;
}

.homeListWrap .box .detaile figure {
	padding: 5px 0;
}

.homeListWrap .box .btn a {
	display: block;
	background: #C1976D;
	text-align: center;
	margin: 0 auto;
	color: #000;
}


/* PC */

@media screen and (min-width: 980px) {
	h3 {
		font-size: 20px;
		padding: 5px 20px;
		margin-bottom: 5px;
	}
	/* homeListWrap */
	.homeListWrap>p {
		margin-bottom: 2em;
	}
	.homeListWrap .box {
		padding-right: 45px;
		margin-bottom: 25px;
		padding-bottom: 25px;
	}
	.homeListWrap .box .title {
		font-size: 20px;
	}
	.homeListWrap .box .detaile {
		width: 420px;
	}
	.homeListWrap .box .btn {
		width: 245px;
		margin-top: 66px;
	}
	.homeListWrap .box .btn a {
		width: 200px;
		font-size: 20px;
		padding: 5px 0;
	}
	.homeListWrap .box .btn .small {
		font-size: 12px;
		padding: 0 23px;
	}
}


/*SP*/

@media screen and (max-width: 980px) {
	h3 {
		padding: 0 10px;
		margin-bottom: .5em;
	}
	/* homeListWrap */
	.homeListWrap>p {
		padding: 0 10px;
		margin-bottom: 1em;
	}
	.homeListWrap .box {
		padding: 0 10px;
		margin-bottom: 1em;
	}
	.homeListWrap .box .detaile {
		margin-bottom: .5em;
	}
	.homeListWrap .box .btn {
		width: 50%;
		margin-bottom: 1em;
	}
	.homeListWrap .box .btn:last-child {
		width: 100%;
	}
	.homeListWrap .box .btn a {
		padding: 5px 0;
		width: 90%;
	}
	.homeListWrap .box .btn:last-child a {
		width: 80%;
	}
	.homeListWrap .box .btn .small {
		text-align: center;
		font-size: 10px;
	}
}