@charset "utf-8";


.page-record {
	background-image: url(page_record.jpg);
}

.record-box {
	width: 100%;
}

.record-box li {
	width: 50%;
	margin: 0 0 40px 0;
	float: left;
}

.record-box li img {
	width: 90%;
	display: block;
	padding-bottom: 10px;
}

.record-box li span {
	font-size: 0.8rem;
	display: inline-block;
	padding: 10px;
	margin: 0 5px 10px 0;
	background: #747474;
	color: #fff;
	text-align: center;
	border-radius: 10px;
}

.record-box li h4 {
	margin: 0 0 10px 0px;
}

.record-box li p {
	margin: 0 0 20px 0;
}


@media screen and (min-width: 780px) {
/* pc */

.record-box li img {
	width: 300px;
	float: left;
}

.record-box li {
	margin: 0 30px 40px 0;
	width: 300px;
}

/* /pc */
}