/*-------------------------------------------------------------

faq.css

-------------------------------------------------------------*/
.faqBox{
	text-align:left;
}

.faqBox h2{
	font-size:24rem;
	margin-top:2em;
	margin-bottom:1em;
}
.faqBox dl{
	margin-bottom:20px;
	padding:0 60px;
}
.faqBox dt{
	font-size:18rem;
	line-height:1.8;
	color:#396;
	vertical-align: top;
	font-weight:bold;
	background-color: #f3f5f4;
	position: relative;
}
.faqBox dd{
	font-size:16rem;
	line-height:1.8;
	vertical-align: top;
	padding:0 80px 20px 40px;
	background-color: #f3f5f4;
}

.faqBox dt a{
	display: block;
	color:#099;
	transition: 0.25s;
	padding:20px 80px 20px 40px;
}
.faqBox dt a:hover{
	color:#c67;
}

.farQueHead,
.farAnsHead{
	display: inline-block;
	font-weight:bold;
	width:10%;
	vertical-align: top;
}
.farQueCom,
.farAnsCom{
	display: inline-block;
	width:90%;
	vertical-align: top;
}
.faqQueHyouji{
	display: block;
	position: absolute;
	box-sizing: border-box;
	width:20px;
	height:20px;
	border-top:solid 3px #099;
	border-right:solid 3px #099;
	transform: rotate( 135deg );
	right:30px;
	top:50%;
	transition: 0.25s;
	margin-top: -16px;
	font-size:40rem;
	line-height:1.005;
}
.faqQueClose{
	margin-top: -8px;
	transform: rotate( -45deg );
}
.faqBox dt a:hover .faqQueHyouji{
	border-top:solid 3px #c67;
	border-right:solid 3px #c67;
}

.faqChushaku{
	padding:0 60px;
	margin-top:60px;
}
.faqChushaku li{
	display: flex;
	margin-bottom: 0.5em;
	font-size: 14rem;
	line-height:1.5;
}
.faqChushaku li span{
	white-space: nowrap;
}

/*-----834以下-----*/
@media screen and (max-width: 834px) {

	.faqBox{
		text-align:left;
		padding:0 2%;
	}

	.faqBox h2{
		font-size:18rem;
		line-height: 1.4;
	}
	.faqBox dl{
		margin-bottom:20px;
		padding:0;
	}
	.faqBox dt{
		font-size:16rem;
		line-height:1.6;
	}
	.faqBox dd{
		font-size:16rem;
		line-height:1.6;
		padding:0 10px 10px 10px;
	}

	.faqBox dt a{
		padding:10px 40px 10px 10px;
	}

	.farQueHead,
	.farAnsHead{
		display: block;
		width:auto;
	}
	.farQueCom,
	.farAnsCom{
		display: block;
		width:auto;
	}
	.faqQueHyouji{
		width:10px;
		height:10px;
		right:15px;
		margin-top: -8px;
		font-size:20rem;
	}
	.faqQueClose{
		margin-top: -4px;
	}

	.faqChushaku{
		padding:0;
		margin-top:30px;
	}

}