@charset "utf-8";


/* =intro
----------------------------------------------- */
#intro h2 span{
	background-image:url(../images/common/icn_faq.png);
}


/* =main_contents
----------------------------------------------- */
#main_contents{
	padding:20px 10px;
	background-color:#EEE;
}
#faq .box{
	margin-bottom:5px;
	background-color:#FFF;
}
#faq .box .mds{
	padding-right:10px;
	border-top:3px #189E81 solid;
}
#faq .box .mds .inner{
	display:block;
	background-repeat:no-repeat;
	background-position:right center;
	-webkit-background-size:21px;
	-moz-background-size:21px;
	background-size:21px;
	background-image:url(../images/common/icn_open.png);
}
#faq .box .mds.open .inner{background-image:url(../images/common/icn_close.png);}
#faq .box .mds .q{
	display:block;
	float:left;
	width:15%;
	padding-top:10px;
	padding-bottom:10px;
}
#faq .box .mds .q span{padding-left:10px;}
#faq .box .mds .txt{
	display:block;
	float:left;
	width:75%;
	padding-top:5px;
	font-weight:bold;
	font-size:1.3rem;
}
@media screen and (min-width: 480px){
	#faq .box .mds .q{
		width:10%;
	}
	#faq .box .mds .txt{
		width:80%;
		padding-top:15px;
	}
}
#faq .box .mds .txt span{
	display:block;
	padding-right:10px;
}
#faq .box .mds .toggle{
	float:left;
	width:10%;
	padding-top:12px;
}
#faq .box .detail .hlight{
	padding:15px 10px 0;
	background-color:#EBFCF8;
	background-repeat:repeat-x;
	background-position:0 0;
	-webkit-background-size:5px 10px;
	-moz-background-size:5px 10px;
	background-size:5px 10px;
	background-image:url(../images/common/inner_shadow.png);
}
#faq .box .detail .hlight .inner{
	padding-bottom:20px;
	background-repeat:no-repeat;
	background-position:right bottom;
	-webkit-background-size:42px 45px;
	-moz-background-size:42px 45px;
	background-size:42px 45px;
	background-image:url(../images/faq/icn_a.png);
}
#faq .box .detail .hlight .inner p{
	margin-top:10px;
}