.guide-section h3
{
	margin-bottom: 30px !important;
}

/* Q & A */
.question
{
	margin-left  : 10px;
	margin-bottom: 35px;
}

/* Q・A 共通 */
.question dt,
.question dd
{
	position: relative;
	padding-left: 40px;
}

.question dt::before,
.question dd::before
{
	position: absolute;
	top : 0;
	left: 0;

	width : 30px;
	height: 30px;

	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

/* Q */
.question dt
{
	margin-bottom: 15px;
	
	color: #804C08;
	font-weight: bold;
}

.question dt::before
{
	content: "Q";
	top: -3px;
	padding-top: 1px;
	background-color: #804C08;
}

/* A */
.question dd::before
{
	content: "A";
	padding-top: 3px;
	background-color: #A0A0A0;
}

.question dd p
{
	margin-top  : 0 !important;
	margin-left : 0 !important;
	padding-left: 0;
	line-height: 1.8em;
}

/* レスポンシブ対応 */
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
	.question dd p,
	.question .support-link
	{
		font-size: 100%;
	}
}

@media only screen and (max-width: 767px)
{
	.guide-section h3
	{
		margin-bottom: 5vw !important;
	}
	
	.question
	{
		margin-left: 1vw;
		margin-bottom: 7vw;
	}
	
	/* Q・A 共通 */
	.question dt,
	.question dd
	{
		padding-left: 6vw;
	}
	
	.question dt::before,
	.question dd::before
	{
		width : 5vw;
		height: 5vw;

		font-size: 3vw;
	}
	
	/* Q */
	.question dt
	{
		margin-bottom: 3vw;
	}
	
	.question dt::before
	{
		top: 0.25vw;
	}
	
	.question dd::before
	{
		padding-top: 0.5vw;
	}

	/* A */
	.question dd
	{
		
	}
	
	.question dd::before
	{
		top: 0.85vw;
	}
}