@charset "UTF-8";
.faq-info {
	margin: 0 5% 20px;
}
dl.faq {
	width: 100%;
	margin: 0 2% 20px;
}
dl.voice_user {
	padding: 0;
	background: none;
}
dl.faq dt {
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
	margin: 0 0 5px;
	font-size: 16px;
	padding-top: 15px;
}

dl.faq dd {
	font-size: 16px;
	background: none;
	border-top: 1px solid #900;
	padding-top: 5px;
	margin-top: 10px;
}

dl.faq dd .answer-text {
	margin-top: -25px;
}

dl.faq dd:before {
	margin-right: 7px;
}

@media only screen and (min-width:768px) { /* PCサイズでの指定 */
	.faq-info {
		margin: 0 30px 20px;
	}
	
	div.article {
		width: 940px;
		margin: 0 30px 20px;
		padding: 0;
		background: none;
		border: 4px double #bb172b;
	}
	dl.faq {
		width: 95%;
		margin: 0 auto;
		font-size: 0;
	}
	dl.voice_user,
	dl.voice_staff {
		float: none;
		display: inline-block;
		box-shadow: none;
		font-size: 16px;
		vertical-align: top;
	}
	dl.voice_user {
		margin-right: 15px;
	}
	dl.voice_staff {
		width: 360px;
		position: initial;
	}
	dl.faq dd .answer-text {
		margin-top: -30px;
	}
}

@media only screen and (max-width:768px) { /* スマホサイズでの指定 */

	div.article {
		width: 100%;
		margin-bottom: 30px;
	}

	dl.faq {
		width: 90%;
		border: 4px double #bb172b;
		background: none;
		margin: 0 auto;
	}

	dl.faq dt {
		width: 85%;
		margin: 0 auto 10px;
	}

	dl.faq dd {
		width: 85%;
		margin: 0 auto;
	}

}