@charset "UTF-8";
/*------------------------------------*\
    link
\*------------------------------------*/
.bnr_area {
	width: 100%;
	max-width: 1200px;
	margin: 5% auto;
	padding: 0;
	list-style: none;
}

.bnr_area li {
	width: 100%;
	max-width: 450px;
	margin: 0 auto 5%;
	text-align: center;
}

.bnr_area li a {
	transition: 0.3s;
}

.bnr_area li a:hover {
	opacity: 0.7;
}

.bnr_area li p {
	font-size: 1.8rem;
	margin: 1% auto;
}


@media (max-width: 767px) {
	.bnr_area {
		margin: 10% auto;
	}

	.bnr_area li img{
		width: 90%;
	}

	.bnr_area li p {
		font-size: 1.4rem;
	}
}