/* キービジュアル */
#key {
	width: 100%;
	height:auto;
    min-height: 630px;
	position:relative;
	background: #312a2a;
}
#key .sns{
    position: absolute;
    top: 50%;
    right: 2.5%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
		z-index: 400;
	}
#key ul.bxslider li {
	line-height:0;
	z-index:200;
}
#key ul.bxslider li img {
	width:100%;
    height: auto;
    min-height: 630px;
	object-fit: cover;
}
/*#key ul.bxslider li:nth-child(1) {
	background:url(../images/photo/key01.jpg) no-repeat center top;
	background-size:cover;
}
#key ul.bxslider li:nth-child(2) {
	background:url(../images/photo/key02.jpg) no-repeat center top;
	background-size:cover;
}
#key ul.bxslider li:nth-child(3) {
	background:url(../images/photo/key03.jpg) no-repeat center top;
	background-size:cover;
}*/
.bx-controls {
    display: none;
}
#key .catch {
	position:absolute;
	top:15%;
	left:5%;
	z-index:200;
    height: auto;
}
#key .catch img {
    max-width: 50%;
	min-width:40%;
	height:auto;
}

/* keyアニメーション */
/*#key ul.bxslider li {
  -webkit-animation: scaleout 10s infinite;
  animation: scaleout 10s infinite;
}

@-webkit-keyframes scaleout {
  0% { -webkit-transform: scale(1.1) }
  100% {
    -webkit-transform: scale(1.0);
  }
}

@keyframes scaleout {
  0% {
    transform: scale(1.0);
    -webkit-transform: scale(1.1);
  } 100% {
    transform: scale(1.1);
    -webkit-transform: scale(1.0);
  }
}*/