@charset "utf-8";



.image {
  position: absolute;
  opacity: 0;
  animation: changeimg 8s infinite;
}


.image:nth-of-type(1) {
  animation-delay:0s;
}
.image:nth-of-type(2) {
  animation-delay: 4s;
}



@keyframes changeimg {
  0%{ opacity: 0;}
  50%{ opacity: 1;}
  100%{ opacity: 0;}
}






.credit a {
  color: #333 !important;
}




.item1 .img1 {
  position: relative;
  display: flex;
  margin: 15% 0;
}


.item1 .img1 .img1-1 {
  width: 50%;
}

.item1 .img1 .img1-2 img {
  width: 50%;
}


.item1 .img2 {
  width: 100%;
  margin: 0 0 1%;
}






.item2 .img1 {
  width: 80%;
  margin:15% auto;
}


.item2 .img2 {
  position: relative;
  display: flex;
}

.item2 .img2 .img2-1 {
  width: 50%;
}

.item2 .img2 .img2-2 img {
  width: 50%;
}







.item3 .img1 {
  width: 80%;
  margin:15% auto;
}


.item3 .img2 {
  position: relative;
  display: flex;
}

.item3 .img2 .img2-1 {
  width: 50%;
}

.item3 .img2 .img2-2 img {
  width: 50%;
}






.item4 .img1 {
  width: 80%;
  margin:15% auto;
}


.item4 .img2 {
  position: relative;
  display: flex;
}

.item4 .img2 .img2-1 {
  width: 50%;
}

.item4 .img2 .img2-2 img {
  width: 50%;
}








.item5 .img1 {
  width: 80%;
  margin:15% auto;
}


.item5 .img2 {
  position: relative;
  display: flex;
}

.item5 .img2 .img2-1 {
  width: 50%;
}

.item5 .img2 .img2-2 img {
  width: 50%;
}