.hover {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hover .hover-img {
  margin: 0;
  padding: 0;
}
.hover-img img {
  width: 100%;
  height: 100%;
}
.hover .hover-text {
  position: absolute;
  width: 100%;
  height: 100%;
  /*topを-100%にして非表示*/
  top: -100%;
  left: 0;
  color: #fff;
  background-color: rgba(0,110,188,0.7);
  /*ホバーの動き方*/
  transition: .35s ease-in-out;
}
.hover .hover-text .text1 {
  color: white;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 3em;/*サイズ2.5倍*/
  text-shadow: 5px 5px 1px #000;/*文字の影*/
  padding: 3% 3%;
}
.hover .hover-text .text2 {
  font-size: 1.5em;
  padding: 0% 3%;
  color: #fff;
}
/*ホバーエフェクト*/
.hover:hover .hover-text {
  /*topを0にして上からスライド*/
  top: 0;
}