/* example
.navbar {
    margin-bottom: 20px;
}
footer a img {
    width: 170px;
}
*/

#learn .card-img-top img#obj-kyan {
  width: 480px !important;
  -o-object-position: -110px -100px !important;
  object-position: -170px -120px !important;
}

#learn .card-img-top img#obj-iyasasa {
  width: 323px !important;
  -o-object-position: -20px 0 !important;
  object-position: -50px 0 !important;
}

.hero {
  position: relative;
  height: 500px;
  margin-bottom: 3rem;
}

.carousel-item:nth-child(1) .bg-slide {
  background-image: url(../images/mv-pc01.jpg);
}
.carousel-item:nth-child(2) .bg-slide {
  background-image: url(../images/mv-pc02.jpg);
}
.carousel-item:nth-child(3) .bg-slide {
  background-image: url(../images/mv-pc03.jpg);
}
.carousel-item:nth-child(4) .bg-slide {
  background-image: url(../images/mv-pc04.jpg);
}
.carousel-item:nth-child(5) .bg-slide {
  background-image: url(../images/mv-pc05.jpg);
}
.carousel-item:nth-child(6) .bg-slide {
  background-image: url(../images/mv-pc06.jpg);
}
.carousel-item:nth-child(7) .bg-slide {
  background-image: url(../images/mv-pc07.jpg);
}
.carousel-item:nth-child(8) .bg-slide {
  background-image: url(../images/mv-pc08.jpg);
}

@media (max-width: 576px) {
  /* example
  footer  a  img {
      width: 200px;
  }
*/
  .hero {
    height: 380px !important;
  }
  .carousel-item:nth-child(1) .bg-slide {
    background-image: url(../images/mv-sp01.jpg) !important;
  }
  .carousel-item:nth-child(2) .bg-slide {
    background-image: url(../images/mv-sp02.jpg) !important;
  }
  .carousel-item:nth-child(3) .bg-slide {
    background-image: url(../images/mv-sp03.jpg) !important;
  }
  .carousel-item:nth-child(4) .bg-slide {
    background-image: url(../images/mv-sp04.jpg) !important;
  }
  .carousel-item:nth-child(5) .bg-slide {
    background-image: url(../images/mv-sp05.jpg) !important;
  }
  .carousel-item:nth-child(6) .bg-slide {
    background-image: url(../images/mv-sp06.jpg) !important;
  }
  .carousel-item:nth-child(7) .bg-slide {
    background-image: url(../images/mv-sp07.jpg) !important;
  }
  .carousel-item:nth-child(8) .bg-slide {
    background-image: url(../images/mv-sp08.jpg) !important;
  }
}