@charset "UTF-8";
#TopPage {
	padding:  0 0 0 0;
	animation: fadeIn 2s; /* 2秒間でフェードイン */
}

#TopPage .topimg {
	width: 100%;
	height: calc(100vw * 0.35);
	overflow: hidden;
	margin: 0 0 50px 0;
}

#TopPage .topimg img,
#TopPage .topimg .topowrd {
	position: absolute;
	width: 100%;
	text-align: center;
}

#TopPage .topimg .topowrd {
	top: 50%;
	transform: translateY(-50%);
	color: #ffffff;
    font-size: 3vw;
	line-height: 1.5em;
    font-weight: bold;
    text-shadow: 0 0 10px #000000, 0 0 10px #000000, 0 0 10px #000000, 0 0 10px #000000, 0 0 10px #000000, 0 0 10px #000000;
}

#TopPage .topread {
	text-align: center;
	padding: 0 0 20px 0;
}

#TopPage .topreadend {
	text-align: center;
	padding: 0 0 50px 0;;
	margin: 0 auto 50px auto;
	    border: #70bb2b solid;
    border-width: 0 0 1px 0;
}

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

#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 6s;
}

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

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

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

.topLogo img {
	width: 100%;
}

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

}

/* ------------------------------------------------------ */
@media only screen and (max-width : 1250px) {
/* ------------------------------------------------------ */
.topLogo {
	width: 50%;
}

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

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

#TopPage .topread,
#TopPage .topreadend {
	text-align: left;
}

#TopPage .topread br,
#TopPage .topreadend br {
	display: none;
}

#TopPage .topreadend {
	padding: 0 0 30px 0;;
	margin: 0 auto 30px auto;
}
	
}
}

/* ------------------------------------------------------ */
@media only screen and (max-width : 600px) {
/* ------------------------------------------------------ */
.topLogo {
	width: 80%;
}

#TopPage .topimg .topowrd {
    font-size: 5vw;
}

#TopPage .topimg {
	width: 100%;
	height: 100vw;
}

#TopPage .topimg img {
	position: absolute;
	width: auto;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
}

}