@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");}

#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%;
}

/* 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%;
  }
}

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

section#topBanner {;
	background-color: #0b318f;
}

.topUnder {
	height: calc((100vh - 100px) * 0.3);
	background-image: url("../img/Logo_Header.png");
	background-position: right -100px top -40px;
	background-repeat: no-repeat;
	background-size: calc((100vh) * 0.32);
}

.topUnder .txt {
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #ffffff;
	text-align: center;
}

.topUnder .txt .e-mincho {
	font-size: calc(100vw * 0.02);
}

.topUnder .txt .j-name {
	font-size: calc(100vw * 0.012);
	letter-spacing: 0.1em;
	line-height: 1.8em;
	margin: 0 auto 15px auto;
	display: inline-block;
}


/* ------------------------------------------------------ */
@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_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");}
}

}