@charset "UTF-8";
@import url(cmn.css);
@import url(base.css);
@import url(base_sp.css);




/*------#mv---------*/
#mv_title{
	background: -moz-linear-gradient(left, #6cdbc5, #409be7);
	background: -webkit-gradient(linear, left top, right top, from(#6cdbc5), to(#409be7));
}
main section{
	padding-bottom:50px;
}
main h3{
	font-weight:normal;
	border-bottom:1px solid #56bbd6;
	padding-bottom:10px;
	font-size:1.5em;
	
}

main p{
	padding-bottom:20px;
}
main dl{
	border-radius: 6px;
	border:1px solid #e2e2e2;
	margin:20px 0;
}
main dl dt{
	padding:15px;
	
}

main dl dd{
	display:none;
	border-top:1px solid #e2e2e2;
	padding:15px;
}
main dl dt a{
	position:relative;
	padding-left:15px;
	display:block;
}
main dl dt a:before{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: url(../images/cmn/icon_arrow_faq.svg) 50% 50% no-repeat;
	background-size: contain;
	position: absolute;
	top: calc(50% - 5px);
	left: 0;
	transform: rotate(-90deg);
}
main dl dt:hover{
	background-color:#e1f4f8;
}
main dl dt.active{
	background-color:#e1f4f8;
	font-weight:bold;
}
main dl dt.active>a:before{
	transform: rotate(0deg);
			
}


/*800以下*/
@media screen and (max-width:800px){
	main h3{
	font-size:1.3em;
	
}

}