<style>
body{
 background-color:#f5fbfd;
 
 }

img{
	width:100%;
	height:auto;
	display:block;	
}

.bk{
	width:1700px;
	height:auto;
	display:block;
	position:absolute;
	left:50%;
	
    margin-left:-850px;
	z-index:1;
}

.bk_01{
	
	display:none;
}

.bk_02{
	
	display:none;
}

.game{
width:1110px;
height:auto;
display:block;

position:absolute;
top:320px;
left:50%;
margin-left:-555px;
z-index:2;
}

.game img:hover{

transform:scale(1.2,1.2);
}


.game01{
width:330px;
height:auto;
display:block;
float:left;
z-index:2;
}

.game02{
width:330px;
height:auto;
display:block;
position:relative;
left:60px;
float:left;
z-index:2;
}

.game03{
width:330px;
height:auto;
display:block;
position:relative;
left:120px;
float:left;
z-index:2;
}

.footer{
width:500px;
position:absolute;
bottom:100px;
left:50%;
margin-left:-250px;
z-index:3;

}

@media only screen and (max-width:1440px){

.bk{
	width:100%;
	left:0px;
    margin-left:0px;
}
	
.footer{
		
	bottom:30px;
	}
	
.game{
	top:250px;
}
}

@media only screen and (max-width:1024px){

.bk{
	display:none;
}

.bk_01{
	width:70%;
	position:absolute;
	left:15%;
	display:block;
}
	
	
.game{
	width:750px;
	margin-left:-375px;
	top:250px;
}

.game01{
	width:250px;
	position:relative;
	right:50px;
}

.game02{
	width:250px;
	left:0px;
}

.game03{
	width:250px;
	left:50px;
}

.footer{
    width:300px;
	margin-left:-150px;
	bottom:100px;
	}
}



@media only screen and (max-width:812px) and (max-height:375px){
.bk{
	width:86%;
	left:7%;
    margin-left:0px;
	display:block;
}

.game{
width:480px;
left:50%;
margin-left:-240px;
position:absolute;
top:130px;
}

.game01{
width:160px;
position:relative;
right:30px;
}

.game02{
width:160px;
position:relative;
left:0px;


}

.game03{
width:160px;
position:relative;
left:30px;


}

.footer{
width:210px;
position:absolute;
bottom:15px;
left:50%;
margin-left:-105px;

}

}

@media only screen and (max-width:736px){
	
.bk{
	width:100%;
	left:0px;
    margin-left:0px;
	display:block;
}

.bk_01{
	
	display:none;
}

.bk_02{
	
	display:none;
}

.game{
width:450px;
left:50%;
margin-left:-225px;
position:absolute;
top:150px;
}


.game01{
width:150px;
position:relative;
right:30px;
}

.game02{
width:150px;
position:relative;
left:0px;


}

.game03{
width:150px;
position:relative;
left:30px;


}

.footer{
width:210px;
position:absolute;
bottom:25px;
left:50%;
margin-left:-105px;

}

}
 @media only screen and (max-width:667px){
	 
	 .bk{
	width:100%;
	left:0px;
    margin-left:0px;
	display:block;
}
	.game{
		top:120px;
	}
	 
 }
 
 
</style>