@charset "UTF-8";
/* CSS Document */
.qaList{
	width: 100%;
}
.qaList li{
	margin-bottom: 1vw;
}
.qaList .quest{
	display: table;
	cursor: pointer;
	padding: 1vw;
	background-color: #86cb25;
	background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,1.00) 3%,rgba(83,86,90,1.00) 3%);
    background-image: linear-gradient(90deg,rgba(0,0,0,1.00) 3%,rgba(83,86,90,1.00) 3%);
	border: 0.2vw solid #53565a;
	position: relative;
	width: 100%;
}
.qaList .quest p{
	display: table-cell;
	width: 96%;
	font-size: 1.6vw;
	color: #fff;
	vertical-align: middle;
	padding-left: 3%;
}
.qaList .quest .spear{
	display: table-cell;
	width: 3.5%;
}
.qaList .quest .spear img{
	width: 100%;
}
.qaList .detail{
	font-size: 1.3vw;
	line-height: 2.6vw;
	margin: 2vw 0;
	display: none;
	color: #000;
}
.qaList .detail p{
	color: #000;
}
.qaList .detail .mid{
	font-size: 1.4vw;
	font-weight: bold;
	color: #000;
}
@media (max-width: 640px) {
	.qaList li{
		margin-bottom: 2vw;
	}
	.qaList .quest{
		padding: 1.5vw;
		background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,1.00) 6%,rgba(83,86,90,1.00) 6%);
		background-image: linear-gradient(90deg,rgba(0,0,0,1.00) 6%,rgba(83,86,90,1.00) 6%);
		border: 0.8vw solid #53565a;
	}
	.qaList .quest p{
		width: 90%;
		font-size: 3vw;
		padding-left: 10%;
		text-indent: -1em;
	}
	.qaList .quest .spear{
		width: 10%;
	}
	.qaList .detail{
		font-size: 3vw;
		line-height: 5vw;
		margin: 4vw 0;
	}
	.qaList .detail .mid{
		font-size: 3.5vw;
	}
	
}