@charset "UTF-8";

/* page-title
------------------------------------------------*/
#page-title {
	background: url(img/bg01.jpg) no-repeat 0 0;
	background-size: cover;
	padding: 90px 0 180px;
	text-align: right;
	text-shadow: 0 0 10px #000;
	color: #fff;
}

#page-title p {
	font-size: 30px;
	font-weight: bold;
}
#page-title h1 {
	margin: 50px 0 30px;
	font-size: 35px;
	font-weight: bold;
}
#page-title dt {
	font-size: 22px;
	font-weight: bold;
}
#page-title dd {
	line-height: 2em;
	font-size: 17px;
}

@media screen and (max-width:1014px) {
	#page-title {
		background: url(img/bg01.jpg) no-repeat left -100px top;
		padding: 90px 0;
	}
}
@media screen and (max-width:900px) {
	#page-title {
		background: url(img/bg01.jpg) no-repeat left -180px top;
	}
}
@media screen and (max-width:769px) {
	#page-title {
		background: url(img/sp-bg01.jpg) no-repeat center top;
		padding: 330px 0 0;
		text-align: center;
		text-shadow: none;
		color: #222;
	}
	#page-title p,
	#page-title dt {
		font-size: 26px;
	}
	#page-title h1 {
		margin: 20px 0 20px;
		font-size: 40px;
	}
    #page-title span {
	display: inline-block;
}
	#page-title dd {
		line-height: 1.7;
	}
}
@media screen and (max-width:480px) {
	#page-title h1 {
		font-size: 25px;
	}
}


/* #main
------------------------------------------------*/
#main dl.faq {
	margin: 70px 0 70px 170px;
	line-height: 2;
	font-size: 17px;
}
#main dl.faq dt {
	position: relative;
	margin: 0 0 45px;
	color: #4c4c4c;
}
#main dl.faq dt:before {
	position: absolute;
	top: 0;
	left: -2em;
	content: "Q";
}
#main dl.faq dd {
	position: relative;
	margin: 0 0 45px;
	color: #000;
}
#main dl.faq dd:before {
	position: absolute;
	top: 0;
	left: -2em;
	content: "A";
}
#main p.bg img {
	width: 100%;
	height: auto;
}
#main p.back {
	text-align: right;
}
#main p.back a {
	position: relative;
}
#main p.back a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -25px;
	width: 8px;
	height: 8px;
	border: 1px solid;
	border-color: transparent transparent #000 #000;
	margin: -5px 0 0;
	transform: rotate(-135deg);
}
#main p.back a:hover {
	text-decoration: underline;
}


@media screen and (max-width:1014px) {
	#main dl.faq {
		margin: 50px 0 50px 35px;
	}
}
@media screen and (max-width:769px) {
	#main dl.faq {
		line-height: 1.7;
	}
	#main dl.faq dt {
		margin: 0 0 30px;
	}
}