@charset "UTF-8";

/** TOP Slider **/

.top_photo01 {background-image: url("../img/top_01pc.jpg?231018");}
.top_photo02 {background-image: url("../img/top_02pc.jpg?231018");}
.top_photo03 {background-image: url("../img/top_03pc.jpg?231018");}

#slide {
    position: absolute;
	overflow: hidden;
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
}

#slide .photo {
    position: relative;
	background-size: cover;
	background-position: center;
	height: 100%;
	width: 100%;
}

/* JSの秒数に合わせる */
.top_zoom {
    animation: top_zoom_animation 13s;
}

@keyframes top_zoom_animation {
  0% {
    transform: scale(1);
      transform-origin: 50% 50%;
  }
  100% {
    transform: scale(1.1);
      transform-origin: 50% 50%;
  }
}

/* JSの秒数に合わせる */

.top_word_center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.zoom_word {
    animation: top_word_animation 13s;
	width: 100%;
}

@keyframes top_word_animation {
  0% {
    transform: scale(1.2);
     transform-origin: 50% 50%;
  }
  100% {
    transform: scale(1);
      transform-origin: 50% 50%;
  }
}

.top_info {
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	text-align: center;
	width: auto;
	padding: 25px 50px;
	border: #000000 solid;
	border-width: 1px;
	background-color: rgba(255,255,255,0.7);
}

.top_info h1 {
	margin: 0 auto;
}

.topImg_SP {display: none;}

/* ------------------------------------------------------ */
/* Media Query for Lenobo to SmartPhone */
@media only screen and (max-width : 600px) {
/* ------------------------------------------------------ */
.topImg_PC {display: none;}
.topImg_SP {display: inline-block;}

.top_photo01 {background-image: url("../img/top_01sp.jpg?231018");}
.top_photo02 {background-image: url("../img/top_02sp.jpg?231018");}
.top_photo03 {background-image: url("../img/top_03sp.jpg?231018");}

#TopPage, #slide, #slide .photo {
    height: 450px;
	width: 100%;
}

#top_info {
	height: 450px;
}

.top_word_center {
	width: 85%;
}

}