@charset "UTF-8";

/** TOP Slider **/
.top_photo01 {background-image: url("../img/toppc_img01.jpg");}
.top_photo02 {background-image: url("../img/toppc_img02.jpg");}
.top_photo03 {background-image: url("../img/toppc_img03.jpg");}
.top_photo04 {background-image: url("../img/toppc_img04.jpg");}
.top_photo05 {background-image: url("../img/toppc_img05.jpg");}

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

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

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

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

.top_zoom02 {
    animation: top_zoom_animation02 2s;
}

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

.top_name,
.top_name2 {
	position: absolute;
	left: 20%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 70%;
	max-height: 70%;
	margin: 40px 0 0 0;
}

.top_name2 {
	display: none;
}

/** テキストアニメーションここまで **/

/* ------------------------------------------------------ */
@media only screen and (max-height : 600px) {
/* ------------------------------------------------------ */
.top_name {
	left: 25%;
}

}

/* ------------------------------------------------------ */
@media only screen and (max-width : 1336px) {
/* ------------------------------------------------------ */

}


/* ------------------------------------------------------ */
@media only screen and (max-width : 1250px) {
/* ------------------------------------------------------ */

}


/* ------------------------------------------------------ */
@media only screen and (max-width : 880px) {
/* ------------------------------------------------------ */
}

/* ------------------------------------------------------ */
@media only screen and (max-width : 600px) {
/* ------------------------------------------------------ */

.top_name {
	display: none;
}

.top_name2 {
	display: inline-block;
	position: absolute;
	left: 3%;
	top: 50%;
	transform: translate(0, -50%);
	height: 40%;
	max-height: 75%;
	margin: 10px 0 0 0;
}
.top_photo01 {background-image: url("../img/topsp_img01.jpg");}
.top_photo02 {background-image: url("../img/topsp_img02.jpg");}
/*.top_photo03 {background-image: url("../img/topsp_img03.jpg");}
.top_photo04 {background-image: url("../img/topsp_img04.jpg");}
.top_photo05 {background-image: url("../img/topsp_img05.jpg");}*/


}