@charset "utf-8";
@import url(reset.css);
@import url(base.css);

h1{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index:5;
}
.inner{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;	
}
#container{/* 	border:1px solid #000; */
width:1200px;
background: -moz-linear-gradient(top,  #ffffff 0%,#FFFFFF 13%, #FBE1EA 13%, #FBE1EA 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFFF 13%,#FBE1EA 13%,#FBE1EA 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#FFFFFF 13%,#FBE1EA 13%,#FBE1EA 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#relBox{
	position:relative;
/* 	margin-top:100px; */
	display:block;
	z-index:1;
}

.btn{
	position:absolute;
	z-index:100;
	max-width:180px;
	width: 23.7%;
}
#btn01{left:15%; top:12%;}
#btn02{left:39%; top:21%;}
#btn03{left:5%; top:31%;}
#btn04{left:55%; top:33%;}
#btn05{left:33%; top:42%;}
#btn06{left:24%; top:51%;}
#btn07{left:47%; top:59%;}

#txt01{left:60%; top:18%;}
#txt02{left:74%; top:32%;}
#txt03{left:71%; top:52%;}
#txt04{left:11%; top:67%;}
#txt05{left:30%; top:71%;}
#txt06{left:58%; top:75%;}

.copyright{
	font-size:10px;
	text-align:center;
}
.pc{
	line-height:0;
}
@media only screen and (max-width:640px){
html, body{
	overflow-x:hidden;
}
#firstMessage{
	position:fixed;
	left:0px;
	top:0px;
	background-color:#FBE1EA;
	width:100%;
	height:100%;
	z-index:1000;
}
.bgC1{
	background-color:#FBE1EA;
}
/* #firstMessage .infoSp{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#FBE1EA;
} 
#firstMessage .infoSp > span{
	position:relative;
	width:100%;
	height:100%;
	display:block;
}*/
#firstMessage  img{
	position:relative;
	width:96%;
	margin-left:auto;
	margin-right:auto;
	margin-top:80px;

	
}
#container{
	width:100vw;
	height:100vh;
	background:#FBE1EA !important;	
	overflow:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#container > div{
	max-width:860px;
	width:100%;
}

.copyright{
	text-align:left;
	margin-left:10%;
	padding-bottom:10px;
}
#logoSpFM{
	position:relative;
}
#logoSp{
	width:100vw;
	background-color:#FFF;
	position:fixed;
	left:0px;
	top:0px;
	z-index:99999;
}
.arrow{
	position:absolute;
	left:10%;
	top:10px;
	z-index:1;
	width:40%;
}
#relBox{
	position:relative;
 	min-width:100%;
/*	height:100vh; */
	margin-top:13vw;
	display:block;
	z-index:1;
}

#mapSp{
	height: calc( 100vh - 120px );
	
}




}