@charset "utf-8";
/* CSS Document */

#loading{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
  }
      
#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #fff;
    z-index: 20;
 }
 
#tophome {

}
slide
@-webkit-keyframes zoomUp {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
}

@keyframes zoomUp { /* 1.15倍させる指定 */
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
}

.swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: auto;
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img { /* 12秒かけて拡大させる */
    -webkit-animation: zoomUp 12s linear 0s;
    animation: zoomUp 12s linear 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slide-img {
	background-size: cover;
	background-position: center center; /* 背景画像は中央を軸に表示させる */
	height: 400px; /* 600pxの高さで表示させる */
	width: 1000px;
}
.swiper-container .swiper-slide .swiper-slide-content {
	position: absolute;
	top: 50%;
	left: 500px;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all 3s ease 0s;
	color: #FFF;
	font-size: 2.6em;
	text-align: center;
	line-height: 1.3em;
	width: 100%;
}
.swiper-container .swiper-slide .swiper-slide-content2 {
	position: absolute;
	top: 50%;
	left: 950px;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all 3s ease 0s;
	color: #009;
	font-size: 2.6em;
	text-align: left;
	line-height: 1.3em;
	width: 100%;
}