/*//////////////////////////////////////////////////////////////////////////////

index.css
	
//////////////////////////////////////////////////////////////////////////////*/
#main{
	background:url(../img/index/main.jpg) no-repeat center center;
	background-size:cover;
	height:100%;
}
#main .blue-cover{
	height:100%;
	background:#00A0E9;
}

.logo-set-pc{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-85px;
	margin-left:-200px;
	width:400px;
	height:170px;
}

.logo-set-pc div{
	opacity:0;
	position:absolute;
}
.l1{ top:100px; left:0px; }
.l2{ top:100px; left:90px; }
.l3{ top:100px; left:178px; }
.l4{ top:100px; left:262px; }
.l5{ top:100px;  left:322px; }
.l6{ top:0px; left:116px; }
.l7{ top:150px; left:0px; }

#gnav{
	opacity:0;
}

.logo-set-sp{
	opacity:0;
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-34px;
	margin-left:-100px;
	width:200px;
	height:68px;
}

#contents section p+p{
	margin-top:20px;
}
#intro{
	max-width:800px;
	margin:100px auto 0 auto;
	text-align:center;
	line-height:3;
}


#footer{
	opacity:0;
	background:none;
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:12px;
	text-align:center;
	position:absolute;
	bottom:0;
	width:100%;
}


/* Responsive Styles
   ========================================================================== */
@media only screen and (max-width: 768px) {
#intro .pc-only{
	display:none;
}
#intro{
	max-width:90%;
	margin:80px auto 0 auto;
	text-align:left;
}

}

@media only screen and (max-width: 481px) {
.logo-set-pc{
	display:none;
}
.logo-set-sp{
	display:block;
}
.logo-set-sp img{
	width:200px;
	height:auto;
}
}