@media screen and (max-width: 1024px) {
  #app {
    height: 75vw;
  }
}
@media screen and (max-width: 667px) {
  #app {
    height: 100vh;
    height: 100svh;
  }
}

@media screen and (max-width: 1024px) {
  .video video {
    width: 100vw;
  }
}
@media screen and (max-width: 667px) {
  .video video {
    width: auto;
  }
}

@media screen and (max-width: 1024px) {
  .contents .contents_inner {
    right: 0;
    height: 100%;
    width: 100vw;
  }
}
@media screen and (max-width: 667px) {
  .contents .contents_inner {
    right: auto;
    width: auto;
  }
}
@media screen and (max-width: 1024px) {
  .contents .contents_inner .frame {
    width: 100vw;
  }
}
@media screen and (max-width: 667px) {
  .contents .contents_inner .frame {
    width: auto;
  }
}
@media screen and (max-width: 1024px) {
  .contents .contents_inner .base_img {
    width: 100vw;
  }
}
@media screen and (max-width: 667px) {
  .contents .contents_inner .base_img {
    width: auto;
  }
}

#home .picture-caution {
  font-size: 16px;
  bottom: 5px;
}
@media screen and (max-width: 1024px) {
  #home .picture-caution {
    bottom: 170px;
  }
}
@media screen and (max-width: 667px) {
  #home .picture-caution {
    bottom: 210px;
    font-size: 12px;
  }
}

@media screen and (max-width: 1024px) {
  .sp_scroll_icon {
    display: none;
  }
}
@media screen and (max-width: 667px) {
  .sp_scroll_icon {
    display: block;
  }
}

#menu .links > .keiyu .menu_icon {
  margin-bottom: 5px;
}
#menu .links > .keiyu .label {
  font-size: 11px;
  line-height: 1.4;
}
@media print, screen and (max-width: 1080px) {
  #menu .links .menu_icon img {
    height: calc(24vh - 105px);
  }
}
@media screen and (max-width: 1024px) {
  #menu .links .menu_icon img {
    height: calc((100vh - 320px) / 9);
  }
}

.stage,
.video {
  position: relative;
  height: 100%;
}
.stage::before,
.video::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.detail_article {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 667px) {
  #app {
    height: 100vh;
    height: 100svh;
  }
}
.sp_menu_inner span img {
  height: 50px;
  max-width: 100%;
  width: auto;
}

/*# sourceMappingURL=vt_contents_iframe.css.map */
