@media (max-width: 768px) {
  body.js-ready .gnavi .js-btn-menu {
    transform: translate3d(0, 0, 0) !important;
    transition: none !important; } }

body #page .YTPOverlay {
  background-image: url(/_materials/img/top/video-overlay.png);
  background-size: 15px 15px;
  opacity: 0.15; }

body #page main h1 {
  position: relative;
  z-index: 1; }

body #page main h2 {
  z-index: 1; }

body #page main #main-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 0;
  opacity: 0;
  pointer-events: none; }
  body #page main #main-video.js-show {
    opacity: 1;
    transition: opacity 800ms; }

.about .chara01 {
  top: 14.9375vw; }
  @media (max-width: 768px) {
    .about .chara01 {
      top: 93.80208vw; } }

.about .chara02 {
  top: 0.1875vw; }
  @media (max-width: 768px) {
    .about .chara02 {
      top: 76.09375vw; } }

.about .block02 .chara01 {
  top: 14.9375vw; }
  @media (max-width: 768px) {
    .about .block02 .chara01 {
      top: 101.43229vw; } }

.about .block03 .chara01 {
  top: 0.5vw; }
  @media (max-width: 768px) {
    .about .block03 .chara01 {
      top: 49.14062vw; } }

.about .block03 .chara02 {
  top: 50.5vw; }
  @media (max-width: 768px) {
    .about .block03 .chara02 {
      top: 151.43229vw; } }

.about .block04 .chara01 {
  top: 10.34375vw; }
  @media (max-width: 768px) {
    .about .block04 .chara01 {
      top: 82.83854vw; } }

.about .block04 .chara02 {
  top: 40.09375vw; }
  @media (max-width: 768px) {
    .about .block04 .chara02 {
      top: 140.18229vw; } }
.js-play-text {
	pointer-events: none;
}