Edit in JSFiddle

$(document).ready(function(){
  var deck = new $.scrolldeck();
})

<div id="first" class="slide">
</div>

<div id="second" class="slide">
    <h3 class="animate-build" data-build="2">テストその2って感じ</h3>
    <div class="animate-build" data-build="4"></div>
</div>

<div id="third" class="slide">
</div>

html,body{
	width:100%;
	height:100%;
	margin:0 auto;
}

#first{
  background:url(http://newyear.opdsgn.com/images/bg2.png) no-repeat fixed #EC4354;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
  z-index:1;
  height:3000px;
}

#second{
	background: #000;
	margin: 0 auto;
  z-index:0;
}

#second h3{
	font-size: 300%;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 40%;
	width: 100%;
}

#third{
  background:url(http://newyear.opdsgn.com/images/bg2.png) no-repeat fixed #EC4354;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 1000px;
}

.slide{
	width:100%;
	height:100%;
	position: relative;
}