@charset "shift_jis";
/* -----------------------------------------------------------------------------
-- implant.ac smartphone
----------------------------------------------------------------------------- */

body {
	width:320px;
	margin:10px auto;
}

#pc-mode {
	width:320px;
	border:1px solid #DDD;
	margin:10px auto;
}
.nav-list.contents-menu a {
    line-height: 1.3;
}


#keyvisual img,
#keyvisual video {
	width:300px;
	height:169px;
}

.map {
	margin:0 auto;
	width:280px;
}

.map img {
	width:280px;
	height:auto;
	margin:10px 0;
}


#top-animation {
width:300px;
height:170px;
margin:0 auto 10px;
overflow:hidden;
position:relative;
}
#top-animation #photo-01 img {
	width:300px;
	height:170px;
}
#top-animation #photo-mask img {
	width:300px;
	height:170px;
}
#top-animation #photo-04 img {
	width:300px;
	height:202px;
}

#top-animation #text-01 img,
#top-animation #text-02 img {
	width:300px;
	height:39px;
}
#top-animation #photo-02 img,
#top-animation #photo-03 img {
	width:160px;
	height:240px;
}
#top-animation #photo-01 {
-moz-animation-name: top-animation-photo-01;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 15s;
position:absolute;
top:0;
z-index:1;
}

#top-animation #text-01 {
-moz-animation-name: top-animation-text-01;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 15s;
position:absolute;
bottom:0;
z-index:2;
}

#top-animation #photo-02 {
-moz-animation-name: top-animation-photo-02;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration: 15s;
position:absolute;
top:-60px;
left:0;
z-index:-2;
}

#top-animation #photo-03 {
-moz-animation-name: top-animation-photo-03;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration: 15s;
position:absolute;
top:0;
right:0;
z-index:-2;
}
#top-animation #photo-mask {
-moz-animation-name: top-animation-photo-mask;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration: 15s;
position:absolute;
top:0;
right:0;
z-index:-1;
}

#top-animation #photo-04 {
-moz-animation-name: top-animation-photo-04;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 15s;
position:absolute;
bottom:0;
z-index:2;

}

#top-animation #text-02 {
-moz-animation-name: top-animation-text-02;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 15s;
position:absolute;
bottom:0;
z-index:2;

}

@-moz-keyframes top-animation-photo-01 {
0% {opacity:0;}
10% {opacity:1;}
30% {opacity:1;}
40% {opacity:0;}
100% {opacity:0;}
}

@-moz-keyframes top-animation-text-01 {
0% {opacity:0;left:-30px;}
10% {opacity:0;left:-30px;}
15% {opacity:1;left:0;}
30% {opacity:1;left:0;}
40% {opacity:0;left:0;}
100% {opacity:0;left:0;}
}

@-moz-keyframes top-animation-photo-02 {
0% {opacity:0;top:-60px;}
20% {opacity:0;top:-60px;}
30% {opacity:1;top:-60px;}
60% {opacity:1;top:0;}
90% {opacity:0;top:0;}
100% {opacity:0;top:0;}
}
@-moz-keyframes top-animation-photo-03 {
0% {opacity:0;top:0;}
20% {opacity:0;top:0;}
30% {opacity:1;top:0;}
60% {opacity:1;top:-60px;}
90% {opacity:0;top:-60px;}
100% {opacity:0;top:-60px;}
}
@-moz-keyframes top-animation-photo-mask {
0% {opacity:0;}
55% {opacity:0;}
60% {opacity:1;}
80% {opacity:1;}
85% {opacity:1;}
100% {opacity:0;}
}

@-moz-keyframes top-animation-photo-04 {
0% {opacity:0;bottom:0;}
60% {opacity:0;bottom:0;}
70% {opacity:1;bottom:-20px;}
95% {opacity:1;bottom:-20px;}
100% {opacity:0;bottom:-20px;}
}

@-moz-keyframes top-animation-text-02 {
0% {opacity:0;left:-30px;}
70% {opacity:0;left:-30px;}
75% {opacity:1;left:0;}
95% {opacity:1;left:0;}
100% {opacity:0;left:0;}
}


#staff-animation-01 {
width:300px;
height:170px;
margin:0 auto 10px;
overflow:hidden;
position:relative;
}

#staff-animation-01 #photo-01 img,
#staff-animation-01 #photo-02 img {
	width:300px;
	height:auto;
}
#staff-animation-01 #dr-01 img {
	width:145px;
	height:auto;
}
#staff-animation-01 #text-01 img {
	width:300px;
	height:auto;
}


#staff-animation-01 #photo-01 {
-moz-animation-name: staff-animation-01-photo-01;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration: 12s;
position:absolute;
z-index:10;
top:0;
}


#staff-animation-01 #photo-02 {
-moz-animation-name: staff-animation-01-photo-02;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration: 12s;
position:absolute;
top:0;
}
#staff-animation-01 #dr-01 {
-moz-animation-name: staff-animation-01-dr-01;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration: 12s;
position:absolute;
bottom:0;
right:0;
z-index:5;
}

#staff-animation-01 #text-01 {
-moz-animation-name: staff-animation-01-text-01;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 12s;
position:absolute;
top:15px;
}

@-moz-keyframes staff-animation-01-photo-01 {
0% {opacity:0;}
5% {opacity:1;}
20% {opacity:1;}
28% {opacity:0;}
100% {opacity:0;}
}

@-moz-keyframes staff-animation-01-photo-02 {
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:1;}
85% {opacity:1;}
95% {opacity:0;}
100% {opacity:0;}
}

@-moz-keyframes staff-animation-01-dr-01 {
0% {opacity:0;}
30% {opacity:0;}
35% {opacity:1;}
80% {opacity:1;}
90% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes staff-animation-01-text-01 {
0% {left:-20px; opacity:0;}
33% {left:-20px; opacity:0;}
40% {left:0; opacity:1;}
80% {left:0; opacity:1;}
90% {left:0; opacity:0;}
100% {left:0; opacity:0;}
}

/* CSS Document */

#staff-animation-02 {
width:300px;
height:170px;
margin:0 auto 10px;
overflow:hidden;
position:relative;
}
#staff-animation-02 #photo-01 img,
#staff-animation-02 #photo-02 img {
	width:300px;
	height:auto;
}
#staff-animation-02 #dr-01 img,
#staff-animation-02 #dr-02 img {
	width:145px;
	height:auto;
}
#staff-animation-02 #text-01 img,
#staff-animation-02 #text-02 img {
	width:300px;
	height:auto;
}


#staff-animation-02 #photo-01 {
-moz-animation-name: staff-animation-02-photo-01;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration: 15s;
position:absolute;
z-index:10;
top:0;
}


#staff-animation-02 #photo-02 {
-moz-animation-name: staff-animation-02-photo-02;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration: 15s;
position:absolute;
top:0;
}
#staff-animation-02 #dr-01 {
-moz-animation-name: staff-animation-02-dr-01;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration: 15s;
position:absolute;
bottom:0;
right:0;
z-index:5;
}

#staff-animation-02 #text-01 {
-moz-animation-name: staff-animation-02-text-01;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 15s;
position:absolute;
top:15px;
}
#staff-animation-02 #dr-02 {
-moz-animation-name: staff-animation-02-dr-02;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration: 15s;
position:absolute;
bottom:0;
right:0;
z-index:5;
}

#staff-animation-02 #text-02 {
-moz-animation-name: staff-animation-02-text-02;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 15s;
position:absolute;
top:15px;
}

@-moz-keyframes staff-animation-02-photo-01 {
0% {opacity:0;}
5% {opacity:1;}
15% {opacity:1;}
20% {opacity:0;}
100% {opacity:0;}
}

@-moz-keyframes staff-animation-02-photo-02 {
0% {opacity:0;}
10% {opacity:0;}
15% {opacity:1;}
90% {opacity:1;}
95% {opacity:0;}
100% {opacity:0;}
}

@-moz-keyframes staff-animation-02-dr-01 {
0% {opacity:0;}
20% {opacity:0;}
25% {opacity:1;}
53% {opacity:1;}
56% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes staff-animation-02-dr-02 {
0% {opacity:0;}
56% {opacity:0;}
61% {opacity:1;}
90% {opacity:1;}
95% {opacity:0;}
100% {opacity:0;}
}


@-moz-keyframes staff-animation-02-text-01 {
0% {left:-20px; opacity:0;}
23% {left:-20px; opacity:0;}
30% {left:0; opacity:1;}
53% {left:0; opacity:1;}
56% {left:0; opacity:0;}
100% {left:0; opacity:0;}
}

@-moz-keyframes staff-animation-02-text-02 {
0% {left:-20px; opacity:0;}
59% {left:-20px; opacity:0;}
66% {left:0; opacity:1;}
90% {left:0; opacity:1;}
95% {left:0; opacity:0;}
100% {left:0; opacity:0;}
}


/* CSS Document */

#staff-animation-03 {
width:300px;
height:170px;
margin:0 auto 10px;
overflow:hidden;
position:relative;
}
#staff-animation-03 #photo-01 img,
#staff-animation-03 #photo-02 img {
	width:300px;
	height:auto;
}
#staff-animation-03 #dr-01 img,
#staff-animation-03 #dr-02 img,
#staff-animation-03 #dr-03 img {
	width:145px;
	height:auto;
}
#staff-animation-03 #text-01 img,
#staff-animation-03 #text-02 img,
#staff-animation-03 #text-03 img {
	width:300px;
	height:auto;
}


#staff-animation-03 #photo-01 {
-moz-animation-name: staff-animation-03-photo-01;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration: 20s;
position:absolute;
z-index:10;
top:0;
}


#staff-animation-03 #photo-02 {
-moz-animation-name: staff-animation-03-photo-02;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration: 20s;
position:absolute;
top:0;
}
#staff-animation-03 #dr-01 {
-moz-animation-name: staff-animation-03-dr-01;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration: 20s;
position:absolute;
bottom:0;
right:0;
z-index:5;
}

#staff-animation-03 #text-01 {
-moz-animation-name: staff-animation-03-text-01;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 20s;
position:absolute;
top:15px;
}
#staff-animation-03 #dr-02 {
-moz-animation-name: staff-animation-03-dr-02;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration: 20s;
position:absolute;
bottom:0;
right:0;
z-index:5;
}

#staff-animation-03 #text-02 {
-moz-animation-name: staff-animation-03-text-02;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 20s;
position:absolute;
top:15px;
}
#staff-animation-03 #dr-03 {
-moz-animation-name: staff-animation-03-dr-03;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration: 20s;
position:absolute;
bottom:0;
right:0;
z-index:5;
}

#staff-animation-03 #text-03 {
-moz-animation-name: staff-animation-03-text-03;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-out;
-moz-animation-duration: 20s;
position:absolute;
top:15px;
}

@-moz-keyframes staff-animation-03-photo-01 {
0% {opacity:0;}
5% {opacity:1;}
15% {opacity:1;}
20% {opacity:0;}
100% {opacity:0;}
}

@-moz-keyframes staff-animation-03-photo-02 {
0% {opacity:0;}
10% {opacity:0;}
15% {opacity:1;}
90% {opacity:1;}
95% {opacity:0;}
100% {opacity:0;}
}

@-moz-keyframes staff-animation-03-dr-01 {
0% {opacity:0;}
20% {opacity:0;}
23% {opacity:1;}
41% {opacity:1;}
44% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes staff-animation-03-dr-02 {
0% {opacity:0;}
44% {opacity:0;}
47% {opacity:1;}
64% {opacity:1;}
68% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes staff-animation-03-dr-03 {
0% {opacity:0;}
68% {opacity:0;}
71% {opacity:1;}
90% {opacity:1;}
95% {opacity:0;}
100% {opacity:0;}
}


@-moz-keyframes staff-animation-03-text-01 {
0% {left:-20px; opacity:0;}
23% {left:-20px; opacity:0;}
26% {left:0; opacity:1;}
41% {left:0; opacity:1;}
44% {left:0; opacity:0;}
100% {left:0; opacity:0;}
}

@-moz-keyframes staff-animation-03-text-02 {
0% {left:-20px; opacity:0;}
47% {left:-20px; opacity:0;}
50% {left:0; opacity:1;}
64% {left:0; opacity:1;}
68% {left:0; opacity:0;}
100% {left:0; opacity:0;}
}

@-moz-keyframes staff-animation-03-text-03 {
0% {left:-20px; opacity:0;}
71% {left:-20px; opacity:0;}
74% {left:0; opacity:1;}
90% {left:0; opacity:1;}
95% {left:0; opacity:0;}
100% {left:0; opacity:0;}
}