@charset "utf-8";

* {　margin:0;padding:0; }
body {
	font-family:Helvetica,"游ゴシック","Yu Gothic",sans-serif;
	-webkit-text-size-adjust:100%;
	color:#FFF;
	background:#000;
	text-align:center;
	padding-bottom:20px;
}
#container {
	width:1130px;
	height:1850px;
	margin:50px auto 0;
	position:relative;
	overflow:hidden;
}
section:not(.access),nav {
	text-indent:120%; 
	white-space:nowrap;
	overflow:hidden;
}
header {
	width:1130px;
	height:570px;
	margin:0 auto;
	position:relative;
	background:url('bg.png')75px 0 no-repeat;
	animation:fade-1 2s ease-in 1 normal;
}
header p {
	width:1130px;
	height:90px;
	display:block;
	background:url('logo.png')0 0 no-repeat;
	position:absolute;
	top:90px;
	left:0;
	right:0;
	margin:auto;
	animation:fade-2 4s ease-in 1 normal;
}
#main {
	width:1130px;
	height:650px;
	background:url('main.png')0 0 no-repeat;
	position:absolute;
	top:210px;
	left:0;
	right:0;
	margin:auto;
	animation:fade-3 7s ease-in 1 normal;
}
#main a[href^="tel"] {
	width:484px;
	height:47px;
	display:block;
	position:absolute;
	top:450px;
	left:0;
	right:0;
	margin:auto;
	cursor:default;
}
nav a {
	width:267px;
	height:84px;
	display:block;
	position:absolute;
	top:766px;
	border-radius:15px;	
}
nav a:hover { background:rgba(100,100,100,0.5); }
nav a:first-child {	left:285px; }
nav a:last-child {	left:568px; }

footer {
	width:1130px;
	font-size:0.9em;
	color:#999;
	position:absolute;
	bottom:0;
}
header,header p,#main {
	background-size:contain;
	-moz-background-size:contain;	
}
ul,li { display:inline; }
.access { width:100%;position:absolute;bottom:50px;}
.access h1,.access h2 { font-size:1em; }
.access h1 { font-weight:normal; }
.access h2 { text-decoration:underline; }
.access iframe {
	width:570px;
	height:350px;
	margin:0 auto;
	display:block;
}
.access li { display:block; }
.access li a { color:#FFF;text-decoration:none; }
@keyframes fade-1 {
	  0% {	opacity:0;	}
	100% {	opacity:1;	}
}
@keyframes fade-2 {
	  0% {	opacity:0;	}
	 50% {	opacity:0;	}	  
	100% {	opacity:1;	}
}
@keyframes fade-3 {
	  0% {	opacity:0;	}
	 50% {	opacity:0;	}	  
	100% {	opacity:1;	}
}
@media screen and (max-width:375px) {
	#container {
		width:97vw;
		height:610px;
		height:1630px;		
		overflow:hidden;
		margin-left:0;
		margin-top:20px;
	}
	header {
		width:100%;
		background:url('bg_s.png')0 0 no-repeat;
	}
	header p {
		width:100%;
		top:60px;
		background:url('logo_s.png')0 0 no-repeat;
	}
	#main {
		width:100%;
		top:150px;
		background:url('main_s.png')0 0 no-repeat;
	}
	header,header p,#main {
		background-size:contain;
		-moz-background-size:contain;	
	}
	#main a[href^="tel"] {
		width:80%;
		height:45px;
		top:280px;
	}
	nav a {
		width:170px;
		height:55px;
		top:505px;
	}
	nav a:first-child {	left:6px; }
	nav a:last-child { left:186px; }
	footer { width:100%; }	
	.android nav a { width:165px;top:489px; }	
	.android a[href^="tel"] { top:266px; }	
	.android nav a:first-child { left:4px; }
	.android nav a:last-child { left:178px; }
	.access iframe { width:360px;margin:0; }
	.android .access iframe { width:335px; }
}