.m-box-mainv .mainv-bg span {
	background-image : url('../../images/qa/bg_qa.jpg');
}

.u-qa {
	display : none;
	margin-top : 50px;
	counter-reset : qa;
}
.u-qa.is-active {
	display : block;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-qa {
		margin-top : 30px;
	}
}
.u-qa > li {
	padding : 25px 45px 25px 85px;
	border-bottom : 1px dashed #9eacb6;
	cursor : pointer;
	-webkit-transition : all 0.3s ease-in-out;
	        transition : all 0.3s ease-in-out;
}
@media screen and (min-width: 1080px) {
	.u-qa > li:hover {
		background : #fafafa;
	}
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-qa > li {
		padding : 15px 30px 15px 55px;
	}
}
.u-qa > li > dl > dt {
	position : relative;
	font-size : 32px;
	font-size : 2.0rem;
	color : #1777ba;
	line-height : 1.6;
	letter-spacing : 0.1em;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-qa > li > dl > dt {
		font-size : 1.4rem;
	}
}
.u-qa > li > dl > dt:before {
	font-family : 'Roboto', sans-serif;
	content : 'Q';
	position : absolute;
	top : 50%;
	left : -80px;
	-webkit-transform : translateY(-50%);
	    -ms-transform : translateY(-50%);
	        transform : translateY(-50%);
	margin-top : 4px;
	font-size : 41.6px;
	font-size : 2.6rem;
	color : #ffc236;
	font-weight : 100;
	font-style : italic;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-qa > li > dl > dt:before {
		margin-top : 2px;
		left : -55px;
		font-size : 2.2rem;
	}
}
.u-qa > li > dl > dt:after {
	font-family : 'Roboto', sans-serif;
	counter-increment : qa;
	content : '.' counter(qa);
	position : absolute;
	top : 50%;
	left : -60px;
	letter-spacing : -0.02em;
	-webkit-transform : translateY(-50%);
	    -ms-transform : translateY(-50%);
	        transform : translateY(-50%);
	font-size : 54.4px;
	font-size : 3.4rem;
	color : #ffc236;
	font-weight : 100;
	font-style : italic;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-qa > li > dl > dt:after {
		left : -40px;
		letter-spacing : -0.03em;
		font-size : 2.6rem;
	}
}
.u-qa > li > dl > dt span {
	position : relative;
	display : block;
}
.u-qa > li > dl > dt span:after {
	content : '';
	position : absolute;
	top : 50%;
	right : -39px;
	-webkit-transform : translateY(-50%) rotate(0);
	    -ms-transform : translateY(-50%) rotate(0);
	        transform : translateY(-50%) rotate(0);
	width : 26px;
	height : 26px;
	background : url('../../images/qa/i_ar.png') no-repeat center #1877ba;
	border-radius : 50%;
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-qa > li > dl > dt span:after {
		right : -28px;
		width : 22px;
		height : 22px;
		background-size : 10px auto;
	}
}
.u-qa > li > dl > dd {
	display : none;
	padding-top : 25px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-qa > li > dl > dd {
		padding-top : 10px;
	}
}
.u-qa > li.is-active > dl > dt span:after {
	-webkit-transform : translateY(-50%) rotate(180deg);
	    -ms-transform : translateY(-50%) rotate(180deg);
	        transform : translateY(-50%) rotate(180deg);
}

@media screen and (min-width: 0) and (max-width: 768px) {
	.m-box-tab .tab-sp {
		font-size : 1.2rem;
	}
}

.m-box-tab [data-js-tab-ac='qa'] > li {
	height : 76px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.m-box-tab [data-js-tab-ac='qa'] > li {
		height : auto;
	}
}