@charset "utf-8";
/*-------------------------------------
  2014/09/01
  ooe kentarou
---------------------------------------*/
#main1 .photoIMG #image00{ background:#fff; *background:url("../img/index/slide/05.jpg") 50% 50% no-repeat;}
#main1 .photoIMG #image01{ background:url("../img/index/slide/01.jpg") 50% top no-repeat; background-size:cover;}
#main1 .photoIMG #image02{ background:url("../img/index/slide/02.jpg") no-repeat; background-size:120% auto;}
#main1 .photoIMG #image03{ background:url("../img/index/slide/03.jpg") center bottom no-repeat; background-size:cover;}
#main1 .photoIMG #image04{ background:url("../img/index/slide/04.jpg") center bottom no-repeat; background-size:cover;}
#main1 .photoIMG #image05{ background:url("../img/index/slide/05.jpg") center bottom no-repeat; background-size:cover;}
@media screen and (max-width: 1350px) {
#main1 .photoIMG #image02{ background-size:170% auto;}
}
@media screen and (max-width: 1000px) {
#main1 .photoIMG #image02{ background-size:cover;}
}
@media screen and (max-width: 900px) {
#main1 .photoIMG #image01{ background:url("../img/index/slide/01s.jpg") center bottom no-repeat; background-size:cover;}
#main1 .photoIMG #image02{ background:url("../img/index/slide/02s.jpg") no-repeat; background-size:cover;}
#main1 .photoIMG #image03{ background:url("../img/index/slide/03s.jpg") center bottom no-repeat; background-size:cover;}
#main1 .photoIMG #image04{ background:url("../img/index/slide/04s.jpg") center bottom no-repeat; background-size:cover;}
#main1 .photoIMG #image05{ background:url("../img/index/slide/05s.jpg") center bottom no-repeat; background-size:cover;}
}
/*=================
 アニメーション
=================*/
/*------------------------------
 TOP IMAGE
------------------------------*/
#main1 .photoIMG #image01, 
#main1 .photoIMG #image03 {
-webkit-backface-visibility: hidden;
-webkit-animation: Animation01 20s linear infinite 0s;
-moz-animation: Animation01 20s linear infinite 0s;
-o-animation: Animation01 20s linear infinite 0s;
-ms-animation: Animation01 20s linear infinite 0s;
animation: Animation01 20s linear infinite 0s;
}
#main1 .photoIMG #image02 {
-webkit-backface-visibility: hidden;
-webkit-animation: Animation02 30s linear infinite 0s;
-moz-animation: Animation02 30s linear infinite 0s;
-o-animation: Animation02 30s linear infinite 0s;
-ms-animation: Animation02 30s linear infinite 0s;
animation: Animation02 30s linear infinite 0s;
}
#main1 .photoIMG #image04 {
-webkit-backface-visibility: hidden;
-webkit-animation: Animation03 20s linear infinite 0s;
-moz-animation: Animation03 20s linear infinite 0s;
-o-animation: Animation03 20s linear infinite 0s;
-ms-animation: Animation03 20s linear infinite 0s;
animation: Animation03 20s linear infinite 0s;
}
#main1 .photoIMG .slide {
-webkit-backface-visibility: hidden;
-webkit-animation: Animation01 15s linear 0s;
-moz-animation: Animation01 15s linear 0s;
-o-animation: Animation01 15s linear 0s;
-ms-animation: Animation01 15s linear 0s;
animation: Animation01 15s linear 0s;
animation-iteration-count: 1;
}
@-webkit-keyframes Animation01 {
0% {-webkit-animation-timing-function: ease-in;}
50% {-webkit-transform: scale(1.30); -webkit-animation-timing-function: ease-out;}
100% {-webkit-transform: scale(1.0); -webkit-animation-timing-function: ease-out;}
}
@-moz-keyframes Animation01 {
0% {-moz-animation-timing-function: ease-in;}
50% {-moz-transform: scale(1.30); -moz-animation-timing-function: ease-out;}
100% {-moz-transform: scale(1.00); -moz-animation-timing-function: ease-out;}
}
@-o-keyframes Animation01 {
0% {-o-animation-timing-function: ease-in;}
50% {-o-transform: scale(1.30); -o-animation-timing-function: ease-out;}
100% {-o-transform: scale(1.00); -o-animation-timing-function: ease-out;}
}
@-ms-keyframes Animation01 {
0% {-ms-animation-timing-function: ease-in;}
50% {-ms-transform: scale(1.30); -ms-animation-timing-function: ease-out;}
100% {-ms-transform: scale(1.00); -ms-animation-timing-function: ease-out;}
}
@keyframes Animation01 {
0% {animation-timing-function: ease-in;}
50% {transform: scale(1.30); animation-timing-function: ease-out;}
100% {transform: scale(1.00); animation-timing-function: ease-out;}
}

@-webkit-keyframes Animation02 {
0% { background-position:right top;}
100% { background-position:left top;}
}
@-moz-keyframes Animation02 {
0% { background-position:right top;}
100% { background-position:left top;}
}
@-o-keyframes Animation02 {
0% { background-position:right top;}
100% { background-position:left top;}
}
@-ms-keyframes Animation02 {
0% { background-position:right top;}
100% { background-position:left top;}
}
@keyframes Animation02 {
0% { background-position:right top;}
100% { background-position:left top;}
}
@-webkit-keyframes Animation03 {
0% {-webkit-animation-timing-function: ease-in; background-position:center bottom;}
90% {-webkit-transform: scale(1.20); -webkit-animation-timing-function: ease-out; background-position:center top;}
100% {-webkit-transform: scale(1.0); -webkit-animation-timing-function: ease-out;}
}
@-moz-keyframes Animation03 {
0% {-moz-animation-timing-function: ease-in; background-position:center bottom;}
50% {-moz-transform: scale(1.20); -moz-animation-timing-function: ease-out; background-position:center top;}
100% {-moz-transform: scale(1.00); -moz-animation-timing-function: ease-out;}
}
@-o-keyframes Animation03 {
0% {-o-animation-timing-function: ease-in; background-position:center bottom;}
50% {-o-transform: scale(1.20); -o-animation-timing-function: ease-out; background-position:center top;}
100% {-o-transform: scale(1.00); -o-animation-timing-function: ease-out;}
}
@-ms-keyframes Animation03 {
0% {-ms-animation-timing-function: ease-in; background-position:center bottom;}
50% {-ms-transform: scale(1.20); -ms-animation-timing-function: ease-out; background-position:center top;}
100% {-ms-transform: scale(1.00); -ms-animation-timing-function: ease-out;}
}
@keyframes Animation03 {
0% {animation-timing-function: ease-in; background-position:center bottom;}
50% {transform: scale(1.20); animation-timing-function: ease-out; background-position:center top;}
100% {transform: scale(1.00); animation-timing-function: ease-out;}
}
#main1 #PW {
-webkit-backface-visibility: hidden;
-webkit-animation: Font1 12s linear 0s;
-moz-animation: Font1 12s linear 0s;
-o-animation: Font1 12s linear 0s;
-ms-animation: Font1 12s linear 0s;
animation: Font1 12s linear 0s;
}
@-webkit-keyframes Font1 {
0% { letter-spacing:30px; opacity: 0; filter: alpha(opacity=0);}
30% { letter-spacing:30px; opacity: 0; filter: alpha(opacity=0);}
100% {letter-spacing:10px; opacity: 1; filter: alpha(opacity=100);}
}
@-moz-keyframes Font1 {
0% { letter-spacing:30px; opacity: 0; filter: alpha(opacity=0);}
30% { letter-spacing:30px; opacity: 0; filter: alpha(opacity=0);}
100% {letter-spacing:10px; opacity: 1; filter: alpha(opacity=100);}
}
@-o-keyframes Font1 {
0% { letter-spacing:30px; opacity: 0; filter: alpha(opacity=0);}
30% { letter-spacing:30px; opacity: 0; filter: alpha(opacity=0);}
100% {letter-spacing:10px; opacity: 1; filter: alpha(opacity=100);}
}
@-ms-keyframes Font1 {
0% { letter-spacing:30px; opacity: 0; filter: alpha(opacity=0);}
30% { letter-spacing:30px; opacity: 0; filter: alpha(opacity=0);}
100% {letter-spacing:10px; opacity: 1; filter: alpha(opacity=100);}
}
@keyframes Font1 {
0% { letter-spacing:30px; opacity: 0; filter: alpha(opacity=0);}
30% { letter-spacing:30px; opacity: 0; filter: alpha(opacity=0);}
100% {letter-spacing:10px; opacity: 1; filter: alpha(opacity=100);}
}

/*------------------------------
 CONCEPT
------------------------------*/
/*波*/
#concept .box a .inner .Animation .nami {
-webkit-backface-visibility: hidden;
-webkit-animation: Concept1 15s linear infinite 0s;
-moz-animation: Concept1 15s linear infinite 0s;
-o-animation: Concept1 15s linear infinite 0s;
-ms-animation: Concept1 15s linear infinite 0s;
animation: Concept1 15s linear infinite 0s;
}
@-webkit-keyframes Concept1 {
0% { background-position:right bottom;}
50% { background-position:left bottom;}
100% { background-position:right bottom;}
}
@-moz-keyframes Concept1 {
0% { background-position:right bottom;}
50% { background-position:left bottom;}
100% { background-position:right bottom;}
}
@-o-keyframes Concept1 {
0% { background-position:right bottom;}
50% { background-position:left bottom;}
100% { background-position:right bottom;}
}
@-ms-keyframes Concept1 {
0% { background-position:right bottom;}
50% { background-position:left bottom;}
100% { background-position:right bottom;}
}
@keyframes Concept1 {
0% { background-position:right bottom;}
50% { background-position:left bottom;}
100% { background-position:right bottom;}
}

#concept .box a .inner .Animation .iruka01 {
	-webkit-animation: iruka0 6s infinite 7s;
	-moz-animation: iruka0 6s	infinite 7s;
	-o-animation: iruka0 6s infinite 7s;
	-ms-animation: iruka0 6s infinite 7s;
	animation: iruka0 6s infinite 7s;
}

#concept .box a .inner .Animation .iruka02 {
	-webkit-animation: iruka0 6.5s infinite 8s;
	-moz-animation: iruka0 6.5s infinite 8s;
	-o-animation: iruka0 6.5s infinite 8s;
	-ms-animation: iruka0 6.5s infinite 8s;
	animation: iruka0 6.5s infinite 8s;
}

#concept .box a .inner .Animation .iruka03 {
	-webkit-animation: iruka0 6.5s infinite 10s;
	-moz-animation: iruka0 6.5s infinite 10s;
	-o-animation: iruka0 6.5s infinite 10s;
	-ms-animation: iruka0 6.5s infinite 10s;
	animation: iruka0 6.5s infinite 10s;
}



@-webkit-keyframes iruka0 {
 0% {	-webkit-transform: rotate(0deg);}
 100% {	-webkit-transform: rotate(-270deg);}
}
@-moz-keyframes iruka0 {
 0% {	-moz-transform: rotate(0deg);}
 100% {	-moz-transform: rotate(-270deg);}
}
@-o-keyframes iruka0 {
 0% {	-o-transform: rotate(0deg);}
 100% {	-o-transform: rotate(-270deg);}
}
@-ms-keyframes iruka0 {
 0% {	-ms-transform: rotate(0deg);}
 100% {	-ms-transform: rotate(-270deg);}
}
@keyframes iruka0 {
 0% {	transform: rotate(0deg);}
 100% {	transform: rotate(-270deg);}
}