@import url(Sides_manu.css);

/*----中間 問答----------------------------------------*/
.QA section ul{
	list-style: none;
	display: none;
}
.QA section ul li{
	border-bottom: 1px solid #aaa;
	margin-bottom: 10px;
}
section li:hover{
	cursor: pointer;
}
section span{
	color: #AE0000;
	margin-right: 10px;
	font-weight: bold;
}
.question{
	font-weight: bold;
}
.question span, .question p{
	display: inline-block;
}
.question span{
	float: left;
}
.question p{
	width: 91%;
	margin-bottom: 10px;
}
.question i{
	color:#AE0000;
	line-height: 2.8;
	float: right;
	margin-right: 10px;
}
.answer{
	display: none;
	margin:0 50px 20px 30px;
	text-align: justify;
}
.answer:before{
	content: 'AS:';
	color: #AE0000;
	margin-left: -29px;
	font-weight: bold;
	margin-right: 8px;
}

@media screen and (min-width: 767px) and (max-width: 990px){
	.question p{
		width: 83%;
	}
}
@media screen and (min-width: 346px) and (max-width: 766px){
	.question p{
		width: 85%;
	}
}
@media screen and (min-width: 100px) and (max-width: 345px){
	.question p{
		width: 80%;
	}
}
@media screen and (max-width: 767px){
	ul{
		padding: 0;
	}
}