#contents {
		position:relative; 
		background-repeat: no-repeat ;
		background-position:center center;
		background-size: cover;
		width:100%;
		min-height:820px; 
		text-align:center;
}


#contents ul { width:100%; /*position:absolute; top:30%; left:30%;*/ padding-top:5%;}



@media screen and (max-width:599px) {
	#contents {min-height:480px; background-position:center;     background-size: cover}
	#contents ul li  > img{max-width:90%;}
}


#photolist {position:absolute; width:982px; left:50%; margin-left:-491px; top:11%;}
#photo_warp {width:982px;}
#photo_warp li {border:1px solid #ccc}

.imgbox1 {float:left; width:479px; height:400px; background:#fff; overflow:hidden;}
.imgbox1 img {width:481px; height:400px;}
.imgbox2 {float:right; width:481px; height:400px; background:#000;}
.imgbox2 img {width:479px; height:400px;}
.imgbox3 {float:left; width:312px; height:300px; background:red; margin:20px 20px 0 0;}
.imgbox3 img {width:314px; height:300px;}
.imgbox4 {float:left; width:479px; height:550px; overflow:hidden; margin-right:20px;}
.imgbox4 img {width:481px; height:550px;}
.imgbox5 {float:left; width:479px; height:265px; overflow:hidden; margin-bottom:20px;}
.imgbox5 img {width:481px; height:265px;}
.imgbox6 {float:left; width:312px; height:150px; overflow:hidden; margin-right:20px;}
.imgbox6 img {width:314px; height:150px;}
.imgbox7 {float:left; width:646px; height:150px; overflow:hidden;}
.imgbox7 img {width:648px; height:150px;}

/*¸ÞÀι®±¸ css*/
#Mtext {position:absolute; top:45%; left:50%; transform:translateX(-50%); text-align:center;}
#Mtext li span {display:block;}
.mFont01 {color:#fff; font-size:45px; font-weight:bold; line-height:100px;}
.mFont02 {color:#fff; font-size:30px; font-weight:600; line-height:45px;}