@charset "utf-8";
/* CSS Document */

/**
 * Table of Contents:
 *
 * 0.0 - tags
 * 1.0 - Repeatable Patterns
 * 2.0 - Basic Structure
 * 3.0 - Page Setting
 * 0.0 - Media Queries
 * X.0 - Print
 * -----------------------------------------------------------------------------
 */

/* -----------------------------------------

	0.0 - tags

-----------------------------------------*/
body {
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	color: #333;
	letter-spacing: 0;
	text-align: center;
}
a:link {
	color: #199ccc;
	text-decoration: none;
}
a:visited {
	color: #199ccc;
	text-decoration: none;
}
a:hover {
	color: #199ccc;
	text-decoration: underline;
}
a:active {
	color: #199ccc;
	text-decoration: none;
}
img {
	vertical-align: bottom;
}
/* -----------------------------------------

	1.0 - Repeatable Patterns

-----------------------------------------*/
.p-abs {
	position: absolute;
	opacity: 0;
	}
/* -----------------------------------------

	2.0 - Basic Structure

-----------------------------------------*/
#wrap {
	background: url(../img/bg_wrap.jpg) repeat left top;
	}
#g-footer {
	background: #286734;
	text-align: center;
	padding: 3px 0;
	color: #FFF;
	font-size: 85%;
	margin-top: 50px;
	line-height: 28px;
	}
/* -----------------------------------------

	3.0 - Page Setting

-----------------------------------------*/
#main-header {
	width: 1000px;
	height: 700px;
	position: relative;
	margin: 0 auto;
	}
#main-title {
	top: -10px;
	left: 123px;
	z-index: 100;
	}
#main-lead {
	top: 500px;
	left: 234px;
	z-index: 90;
	}
#leaf-left {
	top: -50px;
	left: -130px;
	z-index: 80;
	}
#leaf-right {
	top: -50px;
	right: -130px;
	z-index: 80;
	}
#main-bg {
	top: 0px;
	left: 0px;
	z-index: 70;
	}
#contents {
	background: url(../img/bg_contents.jpg) repeat-y center top;
	width: 1080px;
	overflow: hidden;
	margin: 0 auto;
	padding: 20px 0;
	}
#contents .single-step {
	width: 360px;
	float: left;
	}
#contents .tit-step {
	margin-bottom: 10px;
	}
#contents .lead-step {
	margin-bottom: 10px;
	}
#contents .txt-1 {
	margin-bottom: 30px;
	}
#contents #step2 .img-1 {
	margin-top: 40px;
	}
#contents #step3 .img-1 {
	margin-top: 40px;
	}
#ex {
	text-align: center;
	padding-top: 50px;
	}
.btn-1,.btn-2,.btn-3 {
	margin-bottom: 5px;
	}
#btn-pv {
	position: absolute;
	bottom: 0px;
	opacity: 0;
	z-index: 9999;
	left: 410px;
	}
/* -----------------------------------------

	0.0 - Media Queries

-----------------------------------------*/
@media screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
}

@media screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン用）の記述 */
}

@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記
}