@charset "UTF-8";

.qa .faqs:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.qa .faqs{
	zoom: 1;
}


/*----------------------------------------
　PC
-------------------------------------------*/
@media print, screen and (min-width: 769px){


#contents h3{
	width:960px;
	margin-bottom:30px;
}

#contents .hgroup{
	margin-bottom:25px;
}
#contents p.subtitle{
	margin-bottom:5px;
}
#contents p.lead{
	font-size:1.3em;
}


.qa .faqs{
	width:630px;
	background:#FFF;
	padding:20px 20px 10px 20px;
	margin-bottom:25px;
}
.qa .faqs p.category{
	font-size:1.0em;
	text-align:right;
	margin-bottom:10px;
}
.qa .faqs dt{
	font-size:1.4em;
	font-weight:bold;
	color:#339900;
	background:url(/image/qa/icon_q.gif) no-repeat;
	padding:2px 0 18px 50px;
	position:relative;
	text-decoration: underline;
	margin-bottom:15px;
}
.qa .faqs dt:hover{cursor:pointer}

.qa .faqs dd{
	clear:both;
	font-size:1.2em;
	color:#333;
	background:url(/image/qa/icon_a.gif) no-repeat;
	padding:0 0 18px 50px;
}
.qa .faqs .hover{
	color:#FF6600;
	text-decoration:underline;
}

}






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


#contents h3{
	margin-bottom:24px;
}

#contents .hgroup{
	margin-bottom:25px;
}
#contents p.subtitle{
	margin-bottom:5px;
}
#contents p.lead{
	font-size:1.3em;
}

.qa .faqs{
	background:#FFF;
	padding:20px 20px 10px 20px;
	margin-bottom:25px;
}
.qa .faqs p.category{
	font-size:1.1em;
	text-align:right;
	margin-bottom:10px;
}
.qa .faqs dt{
	font-size:1.5em;
	font-weight:bold;
	color:#339900;
	background:url(/image/qa/icon_q.gif) no-repeat;
	padding:2px 0 18px 50px;
	position:relative;
	text-decoration: underline;
	margin-bottom:15px;
}
.qa .faqs dt:hover{cursor:pointer}

.qa .faqs dd{
	clear:both;
	font-size:1.3em;
	color:#333;
	background:url(/image/qa/icon_a.gif) no-repeat;
	padding:0 0 18px 50px;
}


}
