@media print, screen and (min-width: 845px) {
/*トグルになるメニューの初期のデザイン*/
dl.toggle{
}
dl.toggle dt {
	margin-top:16px;
	cursor:pointer;
	background: url(../images/faq/plus.png) no-repeat #EEFFF9 98% center;
	padding:20px 40px 20px 20px;
	border:solid 1px #CCC;
}

/*トグルになるメニューがアクティブ時のデザイン*/
dl.toggle dt.active {
	cursor:pointer;
	background: url(../images/faq/minus.png) no-repeat #BCECE1 98% center ;
	padding:20px 40px 20px 20px;
}

/*表示切り替えしたい要素は最初は非表示にしておく*/
dl.toggle dd {
	display:none;
	background:15px 25px #FFF;
	padding:20px 20px 20px 20px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}
.faq-q{
	background: url(../images/faq/icon-q.png) no-repeat left top;
	padding-left:40px;
}
.faq-a{
	background: url(../images/faq/icon-a.png) no-repeat left top;
	padding-left:40px;
}
/*
dl.toggle dd img{
	width:40%;
	height:auto;
	padding-left:2%;
}
*/
}
@media screen and (max-width: 844px) {
/*トグルになるメニューの初期のデザイン*/
dl.toggle{
}
dl.toggle dt {
	margin-top:16px;
	cursor:pointer;
	background: url(../images/faq/plus.png) no-repeat #EEFFF9 96% center;
	padding:20px 40px 20px 20px;
	border:solid 1px #CCC;
}

/*トグルになるメニューがアクティブ時のデザイン*/
dl.toggle dt.active {
	cursor:pointer;
	background: url(../images/faq/minus.png) no-repeat #BCECE1 96% center ;
	padding:20px 40px 20px 20px;
}

/*表示切り替えしたい要素は最初は非表示にしておく*/
dl.toggle dd {
	display:none;
	background:15px 25px #FFF;
	padding:20px 20px 20px 20px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}
.faq-q{
	background: url(../images/faq/icon-q.png) no-repeat left top;
	padding-left:40px;
}
.faq-a{
	background: url(../images/faq/icon-a.png) no-repeat left top;
	padding-left:40px;
}
dl.toggle dd img{
	width:40%;
	height:auto;
	padding-left:2%;
}
.faq-a a{
 word-wrap: break-word;
 }
 
 }