@charset "UTF-8";

section img.mainImg{
	width:100%;
	height: auto;
	margin-top:3%;
}

section p{
	margin:5% auto 5%;
	width:640px;
	line-height: 1.8;
	font-size:1.2em;
}

#mess{
	position: relative;
	top:-150px;
	z-index: 10;
}

#mainBnr{
	position: relative;
	/*height:660px;*/
	height:80vw;
	min-height: 500px;
	max-height: calc(100vh - 250px); /* max-height: 900px; */
	margin-top: 90px;
	margin-bottom: 90px;
	background-size: cover;
	background-color: #C2C2C2;
	background:linear-gradient(#FFF, #C2C2C2, #FFF);

	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	z-index: -1;
}
#mainBnr #clmFImg{
	position: relative;
	width:100%;
	height:80%;

	background:url(../../../top/img/img_main_01.png) no-repeat center center;
	background-size:130%;
}
#mainBnr #clmFImg img{
	position: absolute;
	height:auto;
}
#mainBnr #fImg01{
	right:10%;bottom:-10%;width:18%;z-index: 2;
}
#mainBnr #fImg02{
	right:3%;bottom:-120%;width:13%;
}
#mainBnr #fImg03{
	left:49%;top:4%;width:5%;
}
#mainBnr #fImg04{
	left:5%;top:-15%;width:10%;
}
#mainBnr #fImg05{
	right:3%;bottom:-60%;width:15%;
}
#mainBnr #fImg06{
	right:2%;bottom:-80%;width:12%;
}
#mainBnr #fImg07{
	right:3%;bottom:-170%;width:8%;
}
#mainBnr #fImg08{
	left:14%;top:20%;width:14%;z-index: 1;
}
#mainBnr #fImg09{
	right:5%;top:20%;width:8%;
}
#mainBnr #fImg10{
	left:2%;bottom:-100%;width:7%;
}
#mainBnr #fImg11{
	right:12%;top:-10%;width:18%;
}
#mainBnr #fImg12{
	left:4%;bottom:-35%;width:8%;
}
#mainBnr #fImg13{
	right:6%;top:50%;width:13%;
}


@media only screen and (max-width: 980px) {
	#mainBnr{
		min-width: 980px;
		margin-left: -490px;
		margin-right: -490px;
	}
}


/* ------------------------------------
    SP
   ------------------------------------ */

@media only screen and (max-width: 480px) {

	#mainBnr{
		width: 100vw;
		min-width: 100vw;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
	}
	#mainBnr #clmFImg{
		background-size: 230%;
	}
	#mainBnr #fImg01{
		right:6%;bottom:-2%;width:25%;z-index: 2;
	}
	#mainBnr #fImg02{
		right:1%;bottom:-120%;width:13%;
	}
	#mainBnr #fImg03{
		left:30%;top:3%;width:16%;
	}
	#mainBnr #fImg04{
		left:5%;top:-15%;width:10%;
	}
	#mainBnr #fImg06{
		right:0%;bottom:-50%;width:15%;
	}
	#mainBnr #fImg08{
		left:12%;top:60%;width:20%;z-index: 1;
	}
	#mainBnr #fImg11{
		right:20%;top:-5%;width:18%;
	}
	#mainBnr #fImg13{
		right:1%;top:60%;width:15%;
	}

	#mess{
		margin:0 14%;
	}

	section p {
	    margin: 5% auto 5%;
	    width: auto;
	    line-height: 1.8;
	    font-size: 1.2em;
	    white-space:normal;
	}
	section p br{
		display: none;
	}
	section p br.mast{
		display: block;
	}

}