@charset "utf-8";

.q {
	font-size: 1.7rem;
	font-weight: bold;
	padding: 20px 60px 20px 47px;
	cursor: pointer;
	margin-bottom: 0 !important;
	margin-top: -1px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	position: relative;
	background: url(../img/plus_icon.png) no-repeat right 28px center / 25px auto;
}
.q.active {
	font-size: 1.7rem;
	font-weight: bold;
	padding: 20px 60px 20px 47px;
	position: relative;
	background: url(../img/minus_icon.png) no-repeat right 28px center / 25px auto;
}
.q:before,
.q.active:before {
	content: "Q";
	font-size: 2.3rem;
	font-weight: bold;
	color: #003366;
	position: absolute;
	top: 15px;
	left: 18px;
}
.toggle_box {
	display:none;
	padding: 20px 0 20px 47px;
	background: #F3F3F3;
	border-bottom: solid 1px #ccc;
	position: relative;
	margin-bottom: 0 !important;
}
.toggle_box:before {
	content: "A";
	font-size: 2.3rem;
	font-weight: bold;
	color: #CC4B1F;
	position: absolute;
	top: 15px;
	left: 18px;
}


/* ------------------------------
 スマホ用コード
------------------------------ */
@media screen and (max-width: 767px) {
	.q {
		font-size: 1.6rem;
		padding: 15px 40px 15px 40px;
		background-position: right 10px center;
	}
	.q.active {
		font-size: 1.6rem;
		padding: 15px 40px 15px 40px;
		background-position: right 10px center;
	}
	.q:before,
	.q.active:before {
		top: 10px;
		left: 10px;
	}
	.toggle_box {
		padding: 15px 15px 15px 40px;
	}
	.toggle_box:before {
		top: 10px;
		left: 10px;
	}
}
@media screen and (max-width: 479px) {
	
}