#key {
	background: url(../img/howto/key.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
#header .key-txt {
	top: 179px;
}
#sec1 {
	position: relative;
	padding: 63px 0 113px;
}
#sec1:before {
	background: url(../img/howto/sec1-bg.png) no-repeat center bottom;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 917px;
	content: '';
}
#sec1 h2 {
	margin: 0 0 66px -50px;
	position: relative;
	z-index: 1;
}
#sec1 .txt {
	background: rgba(82,34,6,0.70);
	color: #FFF;
	margin-left: -21px;
	width: 519px;
	padding: 41px 38px 40px 51px;
	position: relative;
	z-index: 1;
}
#sec1 .photo {
	position: absolute;
	top: 108px;
	right: -197px;
}
#sec1 .photo:before {
	background: url(../img/howto/sec1-deco.png) no-repeat center top;
	width: 864px;
	height: 236px;
	content: '';
	position: absolute;
	top: 436px;
	right: -103px;
	z-index: 1;
}
#sec2 {
	position: relative;
}
#sec2:before {
	background: url(../img/howto/sec2-bg1.png) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	height: 1441px;
	content: '';
}
#sec2:after {
	background: url(../img/howto/sec2-bg2.png) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 650px;
	content: '';
}
#sec2 .info1 {
	padding: 108px 0 69px;
}
#sec2 .info1 h3 {
	margin-right: -39px;
}
#sec2 .info1 .txt {
	margin: -2px 0 30px 140px;
}
#sec2 .info1 .bnr {
	margin-left: 140px;
}
#sec2 .info1 .photo {
	position: absolute;
	top: 0;
	left: -263px;
}
#sec2 .info2 {
	padding-bottom: 119px;
}
#sec2 .info2 .txt {
	margin: 11px 0 30px 49px;
	width: 380px;
}
#sec2 .info2 .bnr {
	margin-left: 49px;
}
#sec2 .info2 .photo {
	position: absolute;
	top: -9px;
	right: -45px;
}
#sec2 .info3 {
	padding: 62px 0 118px;
}
#sec2 .info3 h3 {
	margin-right: -197px;
}
#sec2 .info3 .txt {
	margin: 8px 0 30px 178px;
}
#sec2 .info3 .bnr {
	margin-left: 180px;
}
#sec2 .info3 .photo {
	position: absolute;
	top: 0;
	left: -119px;
}
#sec3 {
	padding: 105px 0 88px;
	background: url(../img/howto/sec3-bg.png) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
	position: relative;
}
#sec3 .txt {
	padding: 18px 0 50px 6px;
	font-weight: bold;
}
#sec3 .photo {
	position: absolute;
	top: 75px;
	right: 50%;
	margin-right: 97px;
}
#sec4 {
	padding: 74px 0 60px;
	background: url(../img/howto/sec4-bg.png) repeat center top;
}
#sec4 .map {
	text-align: center;
	padding-top: 47px;
}
#sec4 .wrap {
	margin-top: -147px;
}
#sec4 .wrap .item {
	float: left;
	margin-right: 25px;
	padding: 262px 0 26px;
	color: #FFF;
}
#sec4 .wrap .item .txt {
	line-height: 27px;
	padding: 8px 0 15px 31px;
	width: 269px;
}
#sec4 .wrap .item .photo {
	text-align: center;
}
#sec4 .wrap .item1 {
	background: url(../img/howto/sec4-box1.png) no-repeat center top;
	margin-left: -20px;
}
#sec4 .wrap .item2 {
	background: url(../img/howto/sec4-box2.png) no-repeat center top;
}
#sec4 .wrap .item3 {
	background: url(../img/howto/sec4-box3.png) no-repeat center top;
	margin-right: -21px;
}
#sec5 {
	padding: 55px 0 56px;
	background: url(../img/shared/bg-01.png) repeat center top;
	text-align: center;
}
#sec5 .txt {
	padding-top: 8px;
}