@charset "utf-8";
.faq-nav {
	text-align: center;
}
.faq-nav a {
	display: block;
	width: 90%;
	border-radius: 12px;
	line-height: 36px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	margin-bottom: 40px;
	margin-left: 0.5em;
	margin-right: 0.5em;
	font-weight: bold;
	background-color: rgba(255,179,221,1.00);
	color: rgba(255,255,255,1.00);
	text-shadow: 0px 0px 4px rgba(193,80,126,1.00);
}
.faq-nav a:hover {
	background-color: rgba(167,238,249,0.50);
	text-shadow: 0px 0px 4px rgba(26,63,127,1.00);
}
.faq-box {
	background-color: rgba(255,255,255,1.00);
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	margin-bottom: 2em;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.36);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.36);
	border-left: 8px solid rgba(57,116,220,1.00);
}
.faq-cate {
	color: rgba(255,255,255,1.00);
	font-size: 12px;
	line-height: 16px;
	background-color: rgba(255,100,168,1.00);
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 4px;
	display: inline;
}
.faq-q {
	margin-top: 1em;
	margin-bottom: 1em;
	border-bottom: 1px dashed rgba(142,142,142,1.00);
	padding-bottom: 1em;
	line-height: 150%;
	text-indent: -1em;
	padding-left: 1em;
	font-size: 18px;
	font-weight: bold;
}
.faq-a {
	line-height: 150%;
	text-indent: -0.67em;
	padding-left: 1em;
	font-size: 18px;

}
@media print,screen and (min-width: 641px) {
   /* 表示領域が640px以上の場合に適用するスタイル */

.faq-nav a {
	width: 350px;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
}


}