@charset "utf-8";

.contentsImg {
	background-image: url(../../img/contents-img1.jpg);
	background-position: center 30%;
}
.wrap01 p {
	font-size: 0.94em;
}
.wrap01 .indent {
	font-size: 0.88em;
	margin-top: 10px;
}

.backNum {
	margin-top: 30px;
}
.backNum ul {
	display: flex;
	flex-wrap: wrap;
}
.backNum ul li {
	width: 19.2%;
	margin-right: 1%;
	margin-bottom: 10px;
	text-align: center;
	font-size: 0.94em;
	font-weight: bold;
}
.backNum ul li:nth-child(5n) { margin-right: 0; }
.backNum ul li a {
	display: block;
	padding: 6px 10px;
	background: rgba(255,243,234,1);
	border: 1px solid #ccc;
	border-radius: 4px;
}
.backNum ul li a:hover {
	background: rgba(255,211,208,1);
}
.backNum ul li span {
	display: block;
	font-size: 0.75em;
	font-weight: normal;
}

/* ---------------------------------------------
	960px
--------------------------------------------- */
@media only screen and (max-width: 960px) {
	.backNum ul li { width: 24.25%; }
	.backNum ul li:nth-child(5n) { margin-right: 1%; }
	.backNum ul li:nth-child(4n) { margin-right: 0%; }

}

/* ---------------------------------------------
	768px
--------------------------------------------- */
@media only screen and (max-width: 768px) {
	.backNum ul li { width: 32.6666%; font-size: 0.88em; }
	.backNum ul li:nth-child(5n) { margin-right: 1%; }
	.backNum ul li:nth-child(4n) { margin-right: 1%; }
	.backNum ul li:nth-child(3n) { margin-right: 0%; }

}

/* ---------------------------------------------
	640px
--------------------------------------------- */
@media only screen and (max-width: 640px) {
	.backNum ul li { width: 49%; }
	.backNum ul li:nth-child(5n) { margin-right: 1%; }
	.backNum ul li:nth-child(4n) { margin-right: 0%; }
	.backNum ul li:nth-child(3n) { margin-right: 1%; }
	.backNum ul li:nth-child(2n) { margin-right: 0%; }

}

/* ---------------------------------------------
	480px
--------------------------------------------- */
@media only screen and (max-width: 480px) {
	.backNum ul li { width: 100%; text-align: left; }
	.backNum ul li:nth-child(5n) { margin-right: 0%; }
	.backNum ul li:nth-child(3n) { margin-right: 0%; }
	.backNum ul li span {
		display: inline;
		margin-left: 0.3em;
	}

}