.btn_underline {
    display: block;
	position: relative;
	padding-right: 50px;
}
.btn_underline::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 22px;
	height: 8px;

	opacity: 1;
	transition: opacity 0.2s;
	pointer-events: none;
}
.btn_underline::after {background: url(../../images/btn_arrow.svg) no-repeat;}



/* 矢印も透過する（起動はjsで管理） */
.btn_underline.hovered::after {
  opacity: 0.7;
}
@media screen and (max-width:480px) {

.btn_underline::after {
		transform: scale(0.7) translateY(-50%);
	}

	.btn_underline a {
		padding-right: 34px;
	}
}