/* font-size */
.fs-14px {
	font-size: 14px;
}

.fs-15px {
	font-size: 15px;
}

.fs-0p8rem {
	font-size: 0.8rem;
}

.fs-0p9rem {
	font-size: 0.9rem;
}

/* background-color */
.bg-footer {
	background: linear-gradient(to right, var(--bg-footer-start) 40%, var(--bg-footer-end));
}

.bg-footer-area {
	background-color: var(--bg-footer-area);
}

.link-opacity {
	color: var(--txt-link-opacity);
}

.link-opacity:hover {
	opacity: 0.7;
	color: var(--txt-link-opacity);
	text-decoration: none;
}

.phone-link {
	color: var(--txt-phone-link);
	text-decoration: none;
}

.item-link:hover {
	text-decoration: none;
	opacity: 0.9;
}


.position-to-toppage {
	position: absolute;
	cursor: pointer;
	content: '';
	color: var(--txt-to-toppage);
	top: -2%;
	right: calc(14.5% + 30px);
}

.position-to-toppage-arrow {
	position: absolute;
	cursor: pointer;
	content: '';
	color: var(--txt-to-toppage);
	top: -1.7%;
	right: 14.5%;
	width: 20px;
	height: 20px;
	background: var(--bg-toppage-arrow);
	border-radius: 20px;
}

@media screen and (min-width: 768px) {

	.position-to-toppage {
		position: absolute;
		cursor: pointer;
		content: '';
		color: var(--txt-to-toppage);
		top: -5%;
		right: calc(14.5% + 30px);
	}

	.position-to-toppage-arrow {
		position: absolute;
		cursor: pointer;
		content: '';
		color: var(--txt-to-toppage);
		top: -4.3%;
		right: 14.5%;
		width: 20px;
		height: 20px;
		background: var(--bg-toppage-arrow);
		border-radius: 20px;
	}
}

.position-to-toppage-arrow:after {
	position:absolute;
	content: url('/common/img/ico_arrow.svg');
	top: -2px;
	right: 6px;
	transform: rotate(-90deg);
}