@media screen and (max-width:3000px){
.bgImage {
  width: 100%;
  height: 0;padding-top:calc(125%/3);
  position: relative;
  z-index: -1;
}
 .bgImage div {
  height: 100%;
  width: 100%;
  background-size: 100%;background-repeat:no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
.background_index001{background:url("../img/index13_L-cross.jpg");}

.background_index002{background:url("../img/index14_L-cross.jpg");}

.background_index003{background:url("../img/index15_L-cross.jpg");}

.background_index004{background:url("../img/index16_L-cross.jpg");}


}

@media screen and (max-width:768px){
.bgImage {
  width: 100%;
  height: 0;padding-top:100%;
  position: relative;
  z-index: -1;
}
 .bgImage div {
  height: 100%;
  width: 100%;
  background-size: 100%;background-repeat:no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
.background_index001{background:url("../img/index13_s.jpg");}

.background_index002{background:url("../img/index14_s.jpg");}

.background_index003{background:url("../img/index15_s.jpg");}

.background_index004{background:url("../img/index16_s.jpg");}


}