@charset "UTF-8";
#title {  background-image: url("images/title-bg.jpg");}

.inner { max-width:960px;}

.art { text-align: left; padding: 40px 0;}
	.art dt { display: block; padding: 15px 10px 15px 60px; border: 1px solid #FFF; margin-bottom: 10px; font-size: 16px; cursor: pointer;}
		.art dt::before { content:url("images/q.svg"); float: left; display: block; width: 40px; height: 40px; overflow: hidden; margin-left: -40px;}
		.art dt:hover { background: rgba(255,255,255,.1); transition: .3s;}
	.art dd { display: none; padding: 15px 10px 60px 60px; font-size:16px;}
		.art dd::before { content:url("images/a.svg"); float: left; display: block; width: 40px; height: 40px; overflow: hidden; margin-left: -40px;}

@media all and (min-width:320px) {
	/* 320px+ settings */
}

@media all and (min-width:640px) {
	/* 640px+ settings */
}

@media all and (min-width:960px) {
	/* 960px+ settings */
}

@media all and (min-width:1200px) {
	/* 1200px+ settings */
}