/* Scss Document */
.pc {
  display: block;
}
@media (max-width: 834px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media (max-width: 834px) {
  .sp {
    display: block;
  }
}

.layout {
  width: 100% !important;
}
.layout img {
  max-width: 100%;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.layout .item {
  width: 12.5%;
  margin-bottom: 0px;
  display: block;
  filter: brightness(1);
  transition: filter 1s;
}
.layout .item.large {
  width: 25%;
}
@media (max-width: 834px) {
  .layout .item.large {
    width: 33.33%;
  }
}
.layout .item:hover {
  -webkit-animation: zoom 0.3s;
          animation: zoom 0.3s;
}
@media (max-width: 834px) {
  .layout .item {
    width: 33.33%;
  }
}

@-webkit-keyframes bright-flash {
  0% {
    filter: brightness(1.3);
  }
  100% {
    filter: brightness(1.1);
  }
}

@keyframes bright-flash {
  0% {
    filter: brightness(1.3);
  }
  100% {
    filter: brightness(1.1);
  }
}
@-webkit-keyframes zoom {
  50% {
    transform: scale(1.05);
  }
}
@keyframes zoom {
  50% {
    transform: scale(1.05);
  }
}/*# sourceMappingURL=custom.css.map */