@charset "utf-8";
/* CSS Document */

.under_ttl_inner{
	background:url(../img/faq/ttl_bg.png);
	background-size:cover;
}

.qanda_box{
	width:100%;
	padding:30px 60px;
	border:1px solid #eee;
	margin-bottom: 40px;
}

.question{
	position: relative;
	transition:0.4s;
	cursor:pointer;
}

.qanda_box.active .question{
	margin-bottom: 30px;
}

.answer{
	display: none;
}

.qanda_box.active{
	background:#f9f9f9;
}
.qanda_box:hover{
	background:#f9f9f9;
}


.question .q_a_switch{
	position: absolute;
	content:"+";
	display:inline-block;
	width:28px;
	height:28px;
	border-radius:50%;
	background:#0e7026;
	color:#fff;
	right:30px;
	text-align:center;
	cursor:pointer;
	transition:.5s ease;
}

.question .q_a_switch.active{
	background:#fff;
	color:#0e7026;
	border:1px #dcdcdc solid;
}

.question .left_q,
.answer .left_a{
	float: left;
	width:54px;
}

.question .right_q,
.answer .right_a
{
	float: left;
	max-width:760px;
	margin-left: 30px;
}

.answer .right_a p{
	margin-bottom:10px;
}



.question .left_q span,
.answer .left_a span{
	width: 54px;
	height: 54px;
	line-height: 54px;
	background:#0e7026;
	display: inline-block;
	font-size: 2rem;
	color:#fff;
	text-align: center;
}

.answer .left_a span{
	background:#ca3839;
}



@media all and (max-width: 798px) {
	.qanda_box{
		padding:10px 15px; 
	}
	
	.question .left_q span, .answer .left_a span{
		width:30px;
		height: 30px;
		line-height: 30px;
	}
	
	.question .left_q, .answer .left_a{
		width:15%;
	}
	
	.question .right_q, .answer .right_a{
		width:80%;
		margin-left: 3%;
	}
	.question .q_a_switch {
	right: -11px;
    bottom: -1px;
	}
	
	.question .right_q, .answer .right_a{
		padding-right:15px;
	}
	
}