@charset "utf-8";

/***************************************************************
Qa archive
****************************************************************/

.qa-archive {
	margin-left: 1.25vw;
	margin-right: 1.25vw;
}
.qa-archive-ul {

}
.qa-archive-li {
	position: relative;
	margin-top: 25px;
	font-size: 16rem;
}
.qa__before_q::before {
	font-family: Helvetica;
	content: 'Q';
	padding: 4px 7.5px;
	color: #fff;
	background-color: #555;
	border-radius: 50%;
	font-size: 18rem;
	position: absolute;
	top: -2px;
	line-height: 1.2;
	font-weight: bold;
}
.qa-archive-li__link {
	margin-left: 35px;
	display: block;
	line-height: 1.6;
}
.qa-archive-li__link:hover {
	text-decoration: underline;
}
.qa-archive__bottom {
	position: relative;
	margin-top: 40px;
	padding: 12px calc(5vw + 12rem) 12px 5vw;
	display: inline-block;
	font-size: 13rem;
}
.qa-archive__bottom::after {
	position: absolute;
	top: calc(50% - 6px);
	right: 2.5vw;
	font-size: 13rem;
	line-height: 1;
}

@media screen and (min-width: 1024px) {
	.qa-archive {
		margin-left: 5px;
		margin-right: 5px;
	}
	.qa-archive__title--not_first {
		margin-top: 80px;
	}
	.qa-archive-li__link {
		display: inline-block;
	}
	.qa-archive__bottom {
		margin-top: 80px;
		padding: 12px 32px 12px 16px;
		font-size: 15px;
	}
	.qa-archive__bottom::after {
		right: 12px;
	}
}