.top_bn_img-box{
  width: 100%;
  height: 46vw;
  overflow: hidden;
  position: relative;
}
.top_bn_img-box>div{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 46vw;
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
  opacity: 0;
  animation-name: fade;
  animation-duration: 8s;
  animation-iteration-count: infinite;
}
@keyframes fade {
  0%{
    opacity: 0;
  }
  20%{
    opacity: 7;
  }
  80%{
    opacity: 0;
    transform: scale(1.2);
  }
  100%{
    z-index: 0;
    opacity: 0;
  }
}
/* 1枚目のスライド */
.top_bn_img-box>div:first-of-type{
  background-image: url("../fg_img/campaign_img_kirei.png");
}

/* 2枚目のスライド */
.top_bn_img-box>div:nth-of-type(2){
  background-image: url("../fg_img/campaign_img_jyujitu.png");
  animation-delay: 4s;
}


@media screen and (max-width: 480px){
.top_bn_img-box{
  width: 90%;
  height: 100%;
  
}
.top_bn_img-box>div{
height: 100%;
  background-size: cover;
 
}
}