header {
	background: url("images/question/pc_header_bg.jpg") center top no-repeat;
	background-size: cover;
	width: 100%;
}

h1 {
	margin-bottom: 60px;
	background: url("images/question/pc_question.png") top center no-repeat;
}
h1 img {
	display: block;
	margin: 0 auto;
	opacity: 0;
}

article > .wrap ul li {
	border-bottom: 1px solid #c8c8c8;
	padding-bottom: 10px;
	margin-top: 10px;
}
article > .wrap ul li:first-child {
	margin-top: 0;
}
article > .wrap ul li dl dt {
	overflow: hidden;
	margin-bottom: 10px;
}
article > .wrap ul li dl dt .icon {
	float: left;
	width: 23px;
	margin-right: 8px;
}
article > .wrap ul li dl dt .icon img {
	display: block;
	width: 100%;
}
article > .wrap ul li dl dt .text {
	float: left;
	padding-top: 1px;
	line-height: 1.5;
}
article > .wrap ul li dl dd {
	background-color: #f1f1f1;
	margin-left: 10px;
}
article > .wrap ul li dl dd {
	overflow: hidden;
	padding: 10px;
}
article > .wrap ul li dl dd .icon {
	float: left;
	width: 23px;
	margin-right: 8px;
}
article > .wrap ul li dl dd .icon img {
	display: block;
	width: 100%;
}
article > .wrap ul li dl dd .text {
	float: left;
	padding-top: 1px;
	line-height: 1.5;
	word-break: normal;
	width: 858px;
}

/* smart phone */
@media only screen and ( max-width: 768px ){

	h1 {
		background-image: none;
		width: 36.2686%;
		margin: 0 auto 8.9552%;
	}
	h1 img {
		opacity: 1;
		width: 100%;
		display: block;
	}
	article > .wrap ul li {
		padding-bottom: 2.9850%;
		margin-top: 2.9850%;
		font-size: 1.2rem;
	}
	article > .wrap ul li dl dt .text {
		line-height: 1.41;
	}
	article > .wrap ul li dl dt .icon {
		width: 7.1641%;
		margin-right: 4.3283%;
	}
	article > .wrap ul li dl dd {
		padding: 3.0769% 0 3.0769% 2.9850%;
		margin-left: 2.9850%;
	}
	article > .wrap ul li dl dd .icon {
		width: 7.3846%;
		margin-right: 3.0769%;
	}
	article > .wrap ul li dl dd .text {
		width: 85%;
		line-height: 1.41;
	}
}