@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
body{background: url(../img/common/bg02.jpg) repeat left top;}

#main {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

#main .box {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
}

#main .box .pBox {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 15px;
}

#main .box p {
	font-weight: bold;
	font-size: 17px;
	color: #201614;
	letter-spacing: 2px;
	position: relative;
}

#main .box img {
	width: 100%;
}

#main .box span {
	display: block;
}

#main .box .img01 {
	position: absolute;
	top: -154px;
	left: 178px;
}

#main .box .img02 {
	position: absolute;
	top: -200px;
	left: 440px;
}

#main .box .img03 {
	position: absolute;
	top: -90px;
	left: 620px;
}

#main .box .img04 {
	position: absolute;
	bottom: -150px;
	left: 583px;
}

#main .box .img05 {
	position: absolute;
	bottom: -120px;
	left: 305px;
}

#main .box .img06 {
	position: absolute;
	bottom: -267px;
	left: -45px;
}

#main .box .img07 {
	position: absolute;
	top: 12px;
	left: 25%;
}

#main .box .img08 {
	position: absolute;
	top: 12px;
	right: 25%;
}



@media all and (min-width: 0px) and (max-width: 767px) {
	body {
		background-image: url(../img/common/sp_bg.jpg);
		background-size: 100% auto;
	}
	#main .box{position:static;}
	#main .box p{font-size: 10px;}
	#main .box img{
		width:100%;
		height:auto;
	}

	#main .box .pBox{
		padding: 0;
		width: 100%;
		max-width: 100%;
	}


}



@media all and (min-width: 768px) and (max-width: 1024px){}