.wrap_item_img {
    animation: img-wrap 2s cubic-bezier(0.4, 0, 0.2, 1);
    animation-delay: 0.2s; 
}
@media (min-width: 992px) {
    .title_h1 {
      animation: toLeft 2s;
      animation-delay: 0.4s;
      left: 0;
      width: 100%;
      color: #ffffff; }
      .title_h1 .text {
        display: inline-block; } }
@media (max-width: 991px) {
    .title_h1 .text {
      display: block; }
    .title_h1 span {
      display: inline-block;
      background: rgba(255, 255, 255, 0.9);
      padding: 10px 15px;
      color: #000000;
      margin: 0 0 5px; 
    } 
  }
@media (min-width: 769px) {
    .title_h2 {
        animation: toRight 1s;
        animation-delay: 0.6s;
        right: 0;
        background: rgba(0, 0, 0, 0.3);
        padding: 1vh 5vh; } }

@keyframes toRight {
    0% {
        opacity: 0;
        right: -100px; }
    to {
        opacity: 1;
        right: 0; } 
}
@keyframes toLeft {
    0% {
      opacity: 0;
      left: -100px; }
    to {
      opacity: 1;
      left: 0; } 
}
@keyframes img-wrap {
    0% {
      clip-path: circle(0 at 50% 50%);
      -webkit-clip-path: circle(0 at 50% 50%); }
    100% {
      clip-path: circle(100% at 50% 50%);
      -webkit-clip-path: circle(100% at 50% 50%); } 
}
@keyframes FillIn {
  0% {
    fill-opacity: 0; }
  to {
    fill-opacity: 1; } 
}
/* house */
.black_cover {
  width: 100vw;
}
@media only screen and (max-width: 767px) {
  .block-1-tit2-sp {
    top: 68vh;
  }
  .text-quav {
    right: auto;
    bottom: 0;
  }
  .block-1-tit2-sp {
    margin-top: 5px;
  }
}