@charset "UTF-8";

.qawrapper{padding: 80px 0px 80px;}

.qa{padding: 58px 30px 0;}

.qakv {
	background: url(../img/qa/kv.jpg) no-repeat center bottom;
	background-size: 1440px;
	height: 180px;
	position: relative;
}

.qakv-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.qakv-title{
	width: 652px;
	height: 65px;
	background: url(../img/qa/kv_text.svg) no-repeat center center;
	background-size: contain;
}


/* qa lead ---------------------------------------*/

.qa-lead{
	padding-top: 70px;
}


/* qa list ---------------------------------------*/

.qa-list-wrapper{margin-bottom: 200px;}

.qa-list{}

.qa-list > li{margin-bottom: 30px;}

.qa-list-item{}

.qa-list-item-title{
	color: #fff;
	background: #626e60;
	position:relative;
	line-height: 1;
	padding: 20px 30px;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.15em;
	cursor: pointer;
	transition: all .25s ease;
}

.qa-list-item-title:hover{opacity:0.9;}

.qa-list-item-title::after{
	display:block;
	content:'';
	background:url('../img/qa/icon_accordion.png') no-repeat left top;
	background-size:100%;
	width:36px;
	height:22px;
	position:absolute;
	right:20px;
	top:50%;
	transform:translate(0,-50%);
}

.qa-list-item-title.is-open::after{
	transform:translate(0,-50%) rotate(180deg);
}

.qa-list-item-body{display: none;}

.qa-list-item-body-inner{padding: 0 40px;}

.qa-list-item-body-block{
	padding: 30px 0 15px;
	border-bottom:1px solid #626e60;
}

.qa-list-item-body{}

.qa-list-item-q{
	background: url('../img/qa/icon_q.svg') no-repeat left top;
	padding: 12px 0 15px 60px;
	font-size:16px;
	font-weight:bold;
	line-height: 1.5;
	letter-spacing:0.1em;
	margin-bottom: 20px;
}

.qa-list-item-a{
	background: url('../img/qa/icon_a.svg') no-repeat left top;
	padding: 10px 0 15px 60px;
	font-size:16px;
	line-height: 2.0;
	letter-spacing:0.1em;
}




/* big pc */

@media screen and (min-width: 1441px){

	.qakv {
		background-size: cover;
	}

}


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

	.qawrapper{padding: 48px 0 83px;}

	.qakv {
		background: url(../img/qa/kv_sp.jpg) no-repeat center bottom;
		background-size: cover;
		height: 107px;
		position: relative;
	}

	.qakv-title{
		width: 280px;
		height: 30px;
	}


	/* qa lead ---------------------------------------*/

	.qa-lead{padding: 40px 25px;}


	/* qa list ---------------------------------------*/

	.qa-list-wrapper{
		padding: 0 25px;
		margin-bottom: 80px;
	}

	.qa-list{}

	.qa-list > li{margin-bottom: 15px;}
	.qa-list-item{}

	.qa-list-item-title{
		padding: 10px 15px;
		font-size:15px;
	}

	.qa-list-item-title:hover{opacity:1;}

	.qa-list-item-title::after{
		width:18px;
		height:11px;
		right:10px;
	}

	.qa-list-item-body-inner{padding: 0 0 10px;}

	.qa-list-item-body-block{
		padding: 15px 0 10px;
		border-bottom:1px solid #626e60;
	}

	.qa-list-item-q{
		background: url('../img/qa/icon_q.svg') no-repeat left top;
		background-size: 25px;
		padding: 3px 0 5px 35px;
		font-size:13px;
		margin-bottom: 10px;
	}

	.qa-list-item-a{
		background: url('../img/qa/icon_a.svg') no-repeat left top;
		background-size: 25px;
		padding: 3px 0 5px 35px;
		font-size:13px;
		line-height: 1.6;
	}


}