@charset "UTF-8";

.button-wco{
	width: 300px;
	perspective: 800px;
	transform-style: preserve-3d;
    animation: wco 2000ms ease-in-out infinite alternate;

}

.button-el{
	width: 300px;
	perspective: 800px;
	transform-style: preserve-3d;
    animation: wcomove 2000ms ease-in-out infinite alternate;
}


.button-wco:hover{
	transform: scale(0.4);
}


@keyframes wco {
  0% {
    transform: rotateY(20deg);
  }
  100% {
    transform: rotateY(-20deg);
  }
}

@keyframes wcomove {
  0% {
    transform:translate3d(200px,20px,-400px);
  }
  100% {
    transform: rotateY(-20deg) translate3d(0px,-100px,0px);
  }
}





.bunner-youtube{
	object-position: top;
	background-image: url(../_src/image/bg-other-contents.png);
	width: 366px;
	height: 113px;
	margin-right: -37px;
	margin-bottom: 7px;
	object-fit: cover;
	overflow: hidden;
    transition: .2s;
}

.bunner-youtube:hover{
	object-position: bottom;
	transform:translateY (-133px);
	opacity: (1);
}

.bunner-contact{
	object-position: top;
	width: 366px;
	height: 113px;
	margin-right: -37px;
	margin-bottom: 7px;
	object-fit: cover;
	overflow: hidden;
    transition: .2s;
}

.bunner-contact:hover{
	object-position: bottom;
	transform:translateY (-133px);
	opacity: (1);
}