/* CSS Document */

.imgbox img {
-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
    display: block;
	transition-duration: 0.9s;	/*変化に掛かる時間*/
}
.imgbox img:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
    transform: scale(1.02);	/*画像の拡大率*/
	transition-duration: 0.9s;	/*変化に掛かる時間*/
}
/* L 594*/

#bg-video{
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
/*	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/bg-c.png);*/
	 background-image: url("../images/bg4.jpg");
    background-repeat: no-repeat;
 background-size: cover;
    background-position: 0% top;
	
}

/*----------------------------------------------------
  「トップへ戻る」ボタン 
----------------------------------------------------*/

#page-top {
	position: fixed;
	bottom: 50px;
	right: 15px;
	font-size: 0.63em;
}
#page-top a {
	background-color: #FFFFFF;
	text-decoration: none;
	color: #E47620;
	width: 55px;
	padding-top: 13px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 13px;
	text-align: center;
	display: block;
	border-radius: 50%;
	border: 1px solid #E47620;
	height: 30px;
}
#page-top a:hover {
	text-decoration: none;
	background-color: #E47620;
	color: #FFFFFF;
}






@media screen and (max-width: 736px) {
	.contents {
  background-color: #77D6F2;
	}
.mv_box {
	width: 100%;
	min-height: none;
	max-width: none;
}
.mv_box_in {
	width: 100%;
	 background-image: url("../images/bg4.jpg");
	background-size: cover;
	min-height: 400px;
	background-position: center center;
    }
.mv_logo {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 150px;
	position: static;
    animation-name: SlideDown;/* アニメーション名 */
animation-duration: 2s;/* アニメーション時間 */
}
}