@charset "UTF-8";

.cmnsec_hd_img {
	background-image: url('../useful/img/img-qa-head@2x.jpg');
}

.qa {
}

.qa_item {
	margin-top: 20px;
}

.qa_item_q {
	background: #EBEBEB;
	padding: 15px 60px 15px 55px;
	position: relative;
	cursor: pointer;
}

.qa_item_q:before,
.qa_item_q:after {
	content: "";
	display: block;
	position: absolute;
	height: 3px;
	width: 10px;
	background: #324FC9;
	right: 20px;
	top: 50%;
	margin-top: -1.5px;
	transition: transform .3s;
}

.qa_item_q.-open:before {
	transform: rotate(90deg);
}

.qa_item_q.-open:after {
	transform: rotate(180deg);
}

.qa_item_q span {
	color: #324FC9;
	line-height: 1;
	font-size: 25px;
	position: absolute;
	left: 25px;
	top: 12px;
}

.qa_item_q em {
	font-weight: bold;
	font-size: 17px;
	line-height: 1.4;
}

.qa_item_cnt {
	padding: 20px 30px 0;
	display: none;
}

.qa_item_a {
	color: #3DAEC9;
	line-height: 1.4;
	position: relative;
	padding-left: 25px;
}

.qa_item_a span {
	font-size: 25px;
	line-height: 1;
	position: absolute;
	left: 0;
	top: -2px;
}

.qa_item_a em {
	font-weight: bold;
	font-size: 17px;
}

.qa_item_text {
	font-size: 15px;
	margin-top: 5px;
	padding-left: 25px;
}

.qa_item_text a {
	text-decoration: underline;
	color: #3DAEC9;
}

.qa_item_text a:hover {
	text-decoration: none;
}

@media screen and (max-width:1250px) {
}

/* for Tablet */
@media screen and (max-width:1030px) {
}

/* for SP */
@media screen and (max-width:640px) {
}