@charset "utf-8";
/* ===================================================================
 style info : ヘッダーやフッターなどサイト内共通
=================================================================== */

/* -----------------------------------------------------------
    header
----------------------------------------------------------- */
header {
	background: #ffffff;
	padding: 10px 0;
	font-size: 86%;
}

header div {
	width: 1120px;
	margin: 0 auto;
	display: table;
}

header div h1 {
	display: table-cell;
	vertical-align: middle;
	color: #666;
	font-weight: normal;
}

header div ul {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

header div ul li {
	display: inline-block;
	margin: 0 0 0 10px;
}

header div ul li:first-child {
	margin: 0;
}

header div ul li:before {
	content: "▶";
}

#backstretch {
}

/* -----------------------------------------------------------
    section
----------------------------------------------------------- */
#wrapper > section {
	padding: 90px 0;
	overflow: hidden;
}

#wrapper > section > div {
	width: 1120px;
	margin: 0 auto;
	overflow: hidden;
}

#wrapper > section:nth-child(2n) {
	background: #f2f2f2;
}

#wrapper > section div h2 {
	text-align: center;
}

#wrapper > section div section {
	margin: 60px 0 0 0;
	padding: 0;
}

#wrapper > section div section:nth-of-type(1) {
	margin: 45px 0 0 0;
	padding: 0;
}

#wrapper > section div section h3 {
	text-align: center;
}

/* -----------------------------------------------------------
    section01
----------------------------------------------------------- */
#wrapper > section:nth-child(1) div section p {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8;
	margin: 30px 0 0 0;
}

#wrapper > section:nth-child(1) div section figure {
	text-align: center;
	margin: 30px 0 0 0;
}

/* -----------------------------------------------------------
    section02
----------------------------------------------------------- */
#wrapper > section:nth-child(2) > div section {
	overflow: hidden;
	margin: 45px 0 0 0;
}

#wrapper > section:nth-child(2) > div section div {
	float: left;
	margin: 0 0 0 35px;
}

#wrapper > section:nth-child(2) > div section div:first-child {
	margin: 0;
}

#wrapper > section:nth-child(2) > div section div figure {
	margin: 23px 0 0 0;
	text-align: center;
}

#wrapper > section:nth-child(2) > div section div figure:first-child {
	margin: 0;
}

#wrapper > section:nth-child(2) > div section div figure figcaption {
	font-size: 10px;
	font-size: 1.0rem;
	margin: 10px 0 0 0;
}

/* -----------------------------------------------------------
    section04
----------------------------------------------------------- */
#wrapper > section:nth-child(4) > div dl {
	font-size: 12px;
	font-size: 1.2rem;
	margin: 50px 0 0 0;
}

#wrapper > section:nth-child(4) > div dl dt {
	background: url(../img/top/faq_line.png) no-repeat bottom left;
	margin: 15px 0 0 0;
}

#wrapper > section:nth-child(4) > div dl dt:first-child {
	margin: 0;
}

#wrapper > section:nth-child(4) > div dl dt:before {
	content: url(../img/top/q.png);
	position: relative;
	top: 10px;
	left: 0;
	margin: 0 5px 0 0;
}

#wrapper > section:nth-child(4) > div dl dd {
	margin: 5px 0 0 39px;
}

/* -----------------------------------------------------------
    section05
----------------------------------------------------------- */
#wrapper > section:nth-child(5) > div section p {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8;
	margin: 30px 0 0 0;
}

#wrapper > section:nth-child(5) > div section div img {
	float: right;
	margin: -50px 0 0 20px;
}

#wrapper > section:nth-child(5) > div section div p {
	overflow: hidden;
}

#wrapper > section:nth-child(5) > div > dl {
	background: #f0f9fe;
	margin: 35px 0 0 0;
	padding: 30px 35px;
	overflow: hidden;
	clear: both;
	font-size: 10px;
	font-size: 1.0rem;
}

#wrapper > section:nth-child(5) > div > dl > dt {
	float: left;
	width: 10em;
	margin: 10px 0 0 0;
}

#wrapper > section:nth-child(5) > div > dl > dt:nth-of-type(1) {
	margin: 0;
}

#wrapper > section:nth-child(5) > div > dl > dd {
	overflow: hidden;
	margin: 10px 0 0 0;
}

#wrapper > section:nth-child(5) > div > dl > dd:nth-of-type(1) {
	margin: 0;
}

#wrapper > section:nth-child(5) > div > dl > dd dl dt {
	margin: 5px 0 0 0;
}

#wrapper > section:nth-child(5) > div > dl > dd dl dt:nth-of-type(1) {
	margin: 0;
}

/* -----------------------------------------------------------
    footer
----------------------------------------------------------- */
footer {
	text-align: center;
	background-color: #f2f2f2;
}

footer p {
	background: #00a0e9;
	color: #ffffff;
	padding: 50px 0;
	font-size: 9px;
	font-size: 0.9rem;
}

/* -----------------------------------------------------------
    img:hover
----------------------------------------------------------- */
a img:hover {
	opacity: 0.5;
	-webkit-transition: all .3s;
	transition: all .3s;
}