@charset "utf-8";

/*=============================================*/
/*                   home                      */
/*=============================================*/
#key {
	background: url(../img/about/key_bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	height: 640px;
}

#key .key_ttl {
	position: absolute;
	top: 366px;
	right: 0;
}

#section01 {
	min-height: 1345px;
	background: url(../img/about/sec01_bg.jpg) no-repeat center top;
}

#section01 h2 {
	left: 343px;
	position: absolute;
	top: 193px;
}

#section01 h3 {
	position: absolute;
	top: 358px;
	left: 0;
}

#section01 .img_01 {
	left: 648px;
	position: absolute;
	top: 468px;
}

#section01 .list_p {
	font-size: 16px;
	left: 0;
	letter-spacing: 1px;
	position: absolute;
	top: 822px;
	width: 590px;
}

#section01 .list_p p { margin-bottom: 13px; }

#section02 {
	min-height: 1800px;
	background: url(../img/about/sec02_rp_02.jpg) repeat center top;
}

#section02_t { background: url(../img/about/sec02_rp_01.jpg) repeat-x center top; }

#section02 h2 { padding: 89px 0 0 0; }

#section02 .list_p {
	font-size: 16px;
	letter-spacing: 1px;
	padding: 5px 0 31px 2px;
}

#section02 .list_p p { margin-bottom: 34px; }

#section02 .txt_df {
	text-align: center;
	font-size: 22px;
}

#gallery .slide li {
	width: 100%;
	height: 600px;
}

#gallery .slide1 {
	background: url(../img/about/slide_01.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

#gallery .slide2 {
	background: url(../img/about/slide_02.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

#gallery .slide3 {
	background: url(../img/about/slide_03.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

#gallery .slide4 {
	background: url(../img/about/slide_04.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

#gallery .slide5 {
	background: url(../img/about/slide_05.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

#gallery #bx-pager {
	width: 1000px;
	margin: 40px auto 0 auto;
}

#gallery #bx-pager p {
	width: 18%;
	margin-right: 2%;
	float: left;
}

#gallery #bx-pager p:last-child { margin-right: 0; }

#gallery #bx-pager a img {
	width: 100% !important;
	height: 100% !important;
}

#gallery #bx-pager a.active {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#section02 .btn_01 {
	padding: 84px 0 50px;
	text-align: center;
}

#section03 {
	min-height: 1122px;
	background: url(../img/about/sec03_bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}

#section03 h2 {
	position: absolute;
	top: 0;
	right: 62px;
}

#section03 .img_01 {
	position: absolute;
	top: 166px;
	left: 0;
}

#section03 .img_02 {
	left: 640px;
	position: absolute;
	top: 622px;
}

#section03 .btn_01 {
	text-align: center;
	position: absolute;
	/*top: 1200px;*/
	top: 700px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#section03 .list_p {
	color: #fff;
	font-size: 16px;
	left: 0;
	letter-spacing: 2px;
	position: absolute;
	top: 409px;
	width: 490px;
}

#section03 .list_p p { 
    margin-bottom: 10px; 
    margin-top: 30px;
}

#section04 {
	min-height: 1048px;
	background-image: url(../img/about/sec04_bg.png), url(../img/about/sec04_rp.jpg);
	background-repeat: no-repeat, repeat-x;
	background-position: center top;
}

#section04 h2 {
	position: absolute;
	top: 70px;
	left: 681px;
}

#section04 .img_01 {
	position: absolute;
	top: 95px;
	left: -150px;
}

#section04 .btn_01 {
	position: absolute;
	top: 848px;
	left: 150px;
}

#section04 .list_p {
	font-size: 16px;
	left: 489px;
	letter-spacing: 2px;
	position: absolute;
	top: 522px;
	width: 480px;
}

#section04 .list_p p { margin-bottom: 13px; }
