.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(66,76,109,0.65);
  /*ホバーの動き方*/
  transition: .35s ease-in-out;
}
.hover .hover-text .text1 {
  font-size: 22px;
  padding: 10px 20px;
  color: #fff;
}
.hover .hover-text .text2 {
  font-size: 16px;
  padding: 0 20px;
  color: #fff;
}
/*ホバーエフェクト*/
.hover:hover .hover-text {
  /*topを0にして上からスライド*/
  top: 0;
}