/*------------------------------------------------------------
	◆読み込みHTML
	/index.html
------------------------------------------------------------*/
#header {
	padding-bottom: 30px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#header {
		padding-bottom: 20px;
	}
}

#main {
	padding: 50px 0 110px;
	background: url(../images/greeting/main_bg.jpg) repeat left top;
	background-size: 125px 725px;
	position: relative;
}

#main:before {
	width: 100%;
	height: 12px;
	background: url(../images/greeting/bg01.jpg) no-repeat left top;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
}

#main:after {
	width: 100%;
	height: 21px;
	background: url(../images/faq/bg02.jpg) repeat-x left bottom;
	background-size: 287px 21px;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}

@media all and (min-width: 0) and (max-width: 767px) {
	#main {
		padding: 29px 0 50px;
	}

	#main:before {
		height: 6px;
		background-size: auto 6px;
	}
}

#faq {
	background: url(../images/faq/bg01.jpg) repeat-y center 97px;
	background-size: 1280px auto;
}

#faq .mainBox {
	position: relative;
	z-index: 10;
}

#faq .img01 {
	position: absolute;
	bottom: -105px;
	left: 0;
}

#faq .img02 {
	position: absolute;
	right: 0;
	bottom: -100px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#main .mainBox {
		padding: 16px 20px 20px;
	}

	#faq .img02,
	#faq .img01 {
		display: none;
	}
}

#main .comHeading01 {
	margin-bottom: 14px;
}

#main .comHeading01 span {
	margin-bottom: 10px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#main .comHeading01 {
		margin-bottom: 6px;
		background-size: 30px 26px;
	}

	#main .comHeading01 img {
		margin: 0 auto;
	}

	#main .comHeading01 span {
		margin-bottom: 6px;
	}
}