#topimage {
  padding: 0 0 0 0;
}
#topimage .carousel-inner {
  max-width:  100%;
  max-height: 100%;
  margin: 0rem 0px 0px 0px;
  padding: 0 0px;
}
#topimage img {
  margin: auto;
  width: 100%;
  height: 100%;
}
.carousel-indicators {
  margin-bottom: -2rem;
}
.carousel-indicators button {
  border-radius: 50%;
  width: 12px !important;
  height: 12px !important;
  margin: 1% !important;
  border :10px !important;
  background-color: gray !important;
}
@media (max-width: 991.98px) {
/* 991以下の時にこの定義がきく */
  #topimage .carousel-inner {
    margin-top: 0rem;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .carousel-indicators {
  margin-bottom: -1.2rem;
}
  .carousel-indicators button {
    width: 7px !important;
    height: 7px !important;
  }
}