@charset "utf-8";

#box-header {
	position: relative !important;
	background: #fff;
}
.g-navi {
	margin-bottom: 0;
}
.bg-bucknumber {
	background: #fff;
	background-image: url('../backnumber/images/bg.png');
	background-position: center bottom;
	padding: 65px 0;
}
.bg-bucknumber h2 {
	margin-top: 1.5em;
	font-size: 3.2rem;
	color: #0093BE;
}
.bg-bucknumber h2 span {
	display: block;
	font-size: 1.7rem;
	color: #0093BE;
}

.backnumber {
	padding: 0 3em 1em 3em;
}
.backnumber a img {
	border: solid 1px #7E584B;
}
.backnumber p {
	margin-top: 1em;
	font-size: 1.7rem;
}
.backnumber p span {
	font-size: 1.9rem;
	background: #0093BE;
	color: #fff;
	padding: 0 7px 3px 7px;
	border-radius: 5px;
	margin-right: 10px;
}


@media (max-width: 1400px) {
	.bg-bucknumber h2 {
		margin: 1em 0;
		font-size: 2.8rem;
	}
}
@media (max-width: 992px) {
	.backnumber {
		padding: 0 2em 1em 2em;
	}
}
@media (max-width: 768px) {
	.backnumber {
		padding: 0 1em 1em 1em;
	}
}
@media (max-width: 576px) {
	.bg-bucknumber {
		padding: 25px 0 50px 0;
	}
	.backnumber {
		padding: 0 0.5em 1em 0.5em;
	}
/*
	.backnumber p {
		font-size: 1.6rem;
	}
	.backnumber p span {
		font-size: 1.6rem;
	}
*/
}