@charset "UTF-8";





/* SP */
@media (max-width: 767px) {
	.afterservice-list {
		box-sizing: border-box;
		padding: 0 16px;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.afterservice-list {
		box-sizing: border-box;
		padding: 0 32px;
	}
}




.afterservice-list > a {
	border: 2px solid #f5f5f5;
	color: #333;
	text-decoration: none;
}
.afterservice-list > a > div:last-child {
	box-sizing: border-box;
	position: relative;
}
.afterservice-list__name {
	box-sizing: border-box;
}
.afterservice-list__name .arrow:after {
	background-position: -1em -2em;
}
.afterservice-list__name > span .text-small {
	font-size: 0.75em;
}
.afterservice-list__name > span:first-child {
	font-size: 1.6rem;
	font-weight: bold;
	display: inline-block;
}
/* SP */
@media (max-width: 767px) {
	.afterservice-list > a {
		margin: 0 auto 16px auto;
	}
	.afterservice-list__name {
		padding: 14px;
	}
	.afterservice-list__name .arrow:after {
		font-size: 1.3em;
		top: 1px;
	}
	.afterservice-list__name > span:first-child {
		font-size: 1.4rem;
		padding: 0 0 8px 0;
	}
	.afterservice-list__name > span:last-child {
		font-size: 1rem;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.afterservice-list > a {
		margin: 0 auto 20px auto;
	}
	.afterservice-list__name {
		padding: 0 7px 4px 16px;
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
	}
	.afterservice-list__name .arrow:after {
		font-size: 1.4em;
		top: 1px;
	}
	.afterservice-list__name > span:first-child {
		font-size: 1.6rem;
		padding: 0 0 8px 0;
	}
	.afterservice-list__name > span:last-child {
		font-size: 1.2rem;
	}
}
/* PC */
@media (min-width: 1280px) {
	.afterservice-list > a {
		margin: 0 auto 24px auto;
	}
	.afterservice-list__name {
		padding: 0 32px 8px 32px;
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
	}
	.afterservice-list__name .arrow:after {
		font-size: 1.4em;
		top: 1px;
	}
	.afterservice-list__name > span:first-child {
		font-size: 1.8rem;
		padding: 0 0 8px 0;
	}
	.afterservice-list__name > span:last-child {
		font-size: 1.2rem;
	}
}



/* SP & TB */
@media (max-width: 1279px) {
	.afterservice-list > a.is_tapped img {
		opacity: 0.9;
	}
}
/* PC */
@media (min-width: 1280px) {
	.afterservice-list > a:hover img {
		opacity: 0.9;
	}
}