.loading figure {
  width: 120px;
}
@media (width >= 769px) {
  .loading figure {
    width: 200px;
  }
}

.l-fv h1 {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  align-items: center;
}
@media (width >= 769px) {
  .l-fv h1 img {
    width: calc((100% - 248px) / 32 * 16);
  }
}
.l-fv h1 p {
  font-size: 1.2rem;
  color: #edebe6;
}
@media (width >= 769px) {
  .l-fv h1 p {
    font-size: 1.6rem;
  }
}

.l-style .item {
  position: relative;
}

.plus {
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.plus::before, .plus::after {
  content: "";
  position: absolute;
  background-color: #fff;
}
.plus::before {
  width: 100%;
  height: 0.1rem;
}
.plus::after {
  width: 0.1rem;
  height: 100%;
}
.plus.active {
  transform: rotate(45deg);
}
.plus:hover {
  cursor: pointer;
}

.credits {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 1rem;
}
.credits li a {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.4rem;
  row-gap: 0.6rem;
  color: #fff;
  font-size: 1rem;
}
@media (width >= 769px) {
  .credits li a {
    font-size: 1.2rem;
  }
}

.underline {
  text-decoration: underline;
}

footer .name-credit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
@media (width >= 769px) {
  footer .name-credit {
    gap: 3.2rem;
  }
}
footer .name-credit li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
  color: #fff;
}
footer .name-credit li p:nth-of-type(1) {
  font-size: 1rem;
}
footer .name-credit li p:nth-of-type(2) {
  font-size: 1.2rem;
}
@media (width >= 769px) {
  footer .name-credit li {
    gap: 1.2rem;
  }
  footer .name-credit li p:nth-of-type(1) {
    font-size: 1.2rem;
  }
  footer .name-credit li p:nth-of-type(2) {
    font-size: 1.6rem;
  }
}
footer h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
  font-size: 1rem;
}
@media (width >= 769px) {
  footer h2 {
    font-size: 1.4rem;
  }
}
footer h2 img {
  width: calc((100% - 32px - 56px) / 8 * 6);
}
@media (width >= 769px) {
  footer h2 img {
    width: calc((100% - 64px - 248px) / 32 * 12);
  }
}
footer h2 p {
  font-size: 1rem;
  color: #fff;
}
@media (width >= 769px) {
  footer h2 p {
    font-size: 1.4rem;
  }
}
footer small {
  display: block;
  width: 100%;
  font-size: 1rem;
}
@media (width >= 769px) {
  footer small {
    font-size: 1.2rem;
  }
}

.video::-webkit-media-controls-start-playback-button {
  display: none !important;
}

.video::-webkit-media-controls {
  display: none !important;
}

.item .video {
  pointer-events: none;
}/*# sourceMappingURL=component.css.map */