#top .mv_top .wrapper_bg {
  position: relative;
  overflow: hidden;
  width: 100%;
	height: 100%;
}
#top .mv_top .wrapper_bg::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(62,58,57,0.6);
}
#top .mv_top .wrapper_bg .bg_img {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#top .mv_top .wrapper_bg .bg_img_01{
  background-image: url(/img/top/mv/bg_mv_01.jpg);
  animation: slide-animation-01 32s infinite;
}
#top .mv_top .wrapper_bg .bg_img_02{
  background-image: url(/img/top/mv/bg_mv_02.jpg);
  animation: slide-animation-02 32s infinite;
}
#top .mv_top .wrapper_bg .bg_img_03{
  background-image: url(/img/top/mv/bg_mv_03.jpg);
  animation: slide-animation-03 32s infinite;
}
@keyframes slide-animation-01 {
   0% {opacity: 1; transform: scale(1.0);}
 30% {opacity: 1;}
 40% {opacity: 0; transform: scale(1.15);}
 90% {opacity: 0}
100% {opacity: 1; transform: scale(1.0);}
}
@keyframes slide-animation-02 {
   0% {opacity: 0;}
 30% {opacity: 0; transform: scale(1.15);}
 40% {opacity: 1;}
 60% {opacity: 1;}
 70% {opacity: 0; transform: scale(1.0);}
100% {opacity: 0;}
}
@keyframes slide-animation-03 {
   0% {opacity: 0;}
 60% {opacity: 0;  transform: scale(1.0);}
 70% {opacity: 1;}
 90% {opacity: 1;}
100% {opacity: 0; transform: scale(1.15);}
}

@media screen and (max-width:767px) {
  #top .mv_top .wrapper_bg .bg_img_01{
    background-image: url(/img/top/mv/bg_mv_sp_01.jpg);
    animation: slide-animation-01 32s infinite;
  }
  #top .mv_top .wrapper_bg .bg_img_02{
    background-image: url(/img/top/mv/bg_mv_sp_02.jpg);
    animation: slide-animation-02 32s infinite;
  }
  #top .mv_top .wrapper_bg .bg_img_03{
    background-image: url(/img/top/mv/bg_mv_sp_03.jpg);
    animation: slide-animation-03 32s infinite;
  }
}