.tate {
  /* display: flex; */
  max-width: 200px;
  margin-top: -1vw;
  margin-bottom: -1vw;
  text-align    : center;
  font-weight   : bold;
  /* object-fit:  contain; */
  display: inline-block;
  /* vertical-align: middle; */
}

@media screen and (min-height: 1520px) {
  .tate {
    font-size: 1.5rem;
  }
}
@media screen and (min-height: 1024px) and (max-height: 1520px) {
  .tate {
    font-size: 1.8vw;
  }
}
@media screen and (max-height: 1024px) {
  .tate {
    font-size: 2vw;
  }
}

@media screen and (min-height: 1200px) {
  .tate figure {
    margin: 0 auto;
    height: 300px;
    vertical-align: middle;
  }
}

@media screen and (max-width: 1200px) {
  .tate figure {
    margin: 0 auto;
    height: 10%;
    /* width: 30%; */
    vertical-align: middle;
  }
}