@charset "utf-8";
@media (max-width: 767px){
  #yoko-logo {
      max-width:100%;
  }
}
@media (min-width: 768px){
  #yoko-logo {
      width:600px;
  }
}
.ccc_top img{
    width:100%;
    height:100vh;
    object-fit:cover;
}

.blur-box{
  animation-name: blur;
  animation-duration: 3.0s;
  animation-fill-mode:forwards;
  -- animation-iteration-count: infinite;
  font-size: 4rem;
  font-weight: bold;
  color: #000;
}

@keyframes blur{
  from {
    filter: blur(50px);
  }

  to {
    filter: blur(0) drop-shadow(5px 5px 5px rgba(0, 0, 0,0.5));
    transform: scale(1);
  }
}