@charset "utf-8";

.anchor {
	text-align: center;
	margin: 30px 0;
}
	.anchor li {
		display: inline-block;
		line-height: 1;
		margin: 0 10px;
	}
		.anchor li a {
			display: block;
			width: 180px;
			padding: 13px 0 22px;
			background: url(../img/bg_anchor.png) center top no-repeat;
			color: #fff;
			text-decoration: none;
		}
		.anchor li a:hover {
			background: url(../img/bg_anchor_ov.png) center top no-repeat;
		}
		.anchor li.sizeL a {
			width: 260px;
			background: url(../img/bg_anchor_l.png) center top no-repeat;
		}
		.anchor li.sizeL a:hover {
			background: url(../img/bg_anchor_l_ov.png) center top no-repeat;
		}
@media screen and (max-width: 767px) {
	.anchor {
		text-align: center;
		margin: 10px 0;
	}
		.anchor li {
			margin: 0 5px;
		}
		.anchor li a {
			width: 138px;
			padding: 8px 0 25px;
			background: url(../img/bg_anchor_sp.png) center top no-repeat;
			background-size: 100% auto;
			font-size: 12px;
		}
		.anchor li a:hover {
			background: url(../img/bg_anchor_sp.png) center top no-repeat;
			background-size: 100% auto;
		}
		.anchor li.sizeL a {
			width: 138px;
			padding: 10px 0 25px;
			background: url(../img/bg_anchor_sp.png) center top no-repeat;
			background-size: 100% auto;
			font-size: 9px;
		}
		.anchor li.sizeL a:hover {
			background: url(../img/bg_anchor_sp.png) center top no-repeat;
			background-size: 100% auto;
		}
}