@charset "UTF-8";

#mainV {
	background: url(/ueda/img/driver/mainv.jpg) no-repeat top center;
}

.driver_list {
	margin-bottom: 20px;
	overflow: hidden;
}

.driver_list {
	margin-bottom: 20px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.driver_list li {
	margin-bottom: 30px;
	width: 22%;
	margin-right: 4%;
}

.driver_list li:nth-child(4n) {
	margin-right: 0;
}

.driver_list li a {
	display: block;
	outline: none;
}

.driver_list li a img {
	width: 100%;
}

.driver_list li p.image {
	line-height: 0;
}

.driver_list li p.name {
	background: #3D3938;
	color: #FFF;
	padding: 3px;
	font-size: 15px;
	text-align: center;
}

.driver_list li p.name span {
	font-size: 12px;
}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	.driver_list li {
		width: 30%;
		margin-right: 5%;
	}

	.driver_list li:nth-child(4n) {
		margin-right: 5%;
	}

	.driver_list li:nth-child(3n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 420px) {
	#mainV {
		background: url(/ueda/img/driver/mainv_sp.jpg) no-repeat 50%;
		background-size: cover;
	}

	.driver_list li {
		width: 48%;
		margin-right: 4%;
	}

	.driver_list li:nth-child(3n) {
		margin-right: 4%;
	}

	.driver_list li:nth-child(2n) {
		margin-right: 0;
	}

	.driver_list li p.name {
		font-size: 14px;
	}
}