@keyframes faqopen{
    0%{opacity: 0;}
    100%{opacity: 1;} }

@media (min-width: 960px) {
	.faq_dl{width: 960px; margin: 40px auto; border-top:3px solid #41B8EA;border-bottom:3px solid #41B8EA;}
	.faq_dt{display: block; border-bottom: 1px solid #ddd; background: url(../../img/img_contents/faq_open.svg) no-repeat 95% center; background-size: 20px; cursor: pointer;}
	.faq_dt:hover{color: #41B8EA}
	.faq_dt,.faq_dd{font-size: 16px; padding: 20px;line-height: 22px; word-break: keep-all}
	.faq_dl span{display: block; width: 820px; margin-left: 30px}
	.faq_dl strong{display: block; float: left; width: 30px; font-size: 22px; line-height: 20px; font-weight: bold;}
	.faq_dt strong{ color: #777;}
	.faq_dd{color: #777; display: none;}
	.faq_dd strong{color: #41B8EA;}
	.faq_dt_open{animation: faqopen 0.5s; border: none; background: #F0EEF6 url(../../img/img_contents/faq_open_click.svg) no-repeat 95% center; background-size: 20px}
	.faq_dt_open:hover{color: #000}
	.faq_dd_open{animation: faqopen 0.5s;display: block; background-color: #F0EEF6; display: block;border-bottom: 1px solid #ddd;}
}

@media (max-width: 959px) {
	.faq_dl{margin: 20px 10px; border-top:3px solid #41B8EA;border-bottom:3px solid #41B8EA;}
	.faq_dt{display: block; border-bottom: 1px solid #ddd; background: url(../../img/img_contents/faq_open.svg) no-repeat 95% center; background-size: 20px}
	.faq_dt,.faq_dd{font-size: 14px; padding: 20px;line-height: 22px}
	.faq_dl span{display: block; width: 80%; margin-left: 12%}
	.faq_dl strong{display: block; float: left; width: 12%; font-size: 22px; line-height: 20px; font-weight: bold;}
	.faq_dt strong{ color: #777;}
	.faq_dd{color: #777; display: none;}
	.faq_dd strong{color: #41B8EA;margin-top: 4px;}
	.faq_dt_open{animation: faqopen 0.5s; border: none; background: #F0EEF6 url(../../img/img_contents/faq_open_click.svg) no-repeat 95% center; background-size: 20px}
	.faq_dd_open{animation: faqopen 0.5s;display: block; background-color: #F0EEF6; display: block;border-bottom: 1px solid #ddd;}
}