* {
  box-sizing: border-box;
}
a img {
  border: 0;
}
img.push {
  position: absolute;
  top: 0;
}
body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  height: 100%;
}
#banner,
#story,
a {
  position: absolute;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
  height: 100%;
  background: #f0f0f0;
}
#story {
  visibility: hidden;
}
#bg_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 65.27777%;
  height: 100%;
  overflow: hidden;
}
#bg_image #visual {
  width: 100%;
  height: 100%;
  transform: rotate(0.3deg);
}
.push {
  width: 100%;
  height: auto;
}
.pContainer {
  position: absolute;
  width: 100%;
  height: 0;
  padding-bottom: 61.111%;
  overflow: hidden;
}
#people {
  position: absolute;
  left: 63%;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.imgContainer {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#line {
  left: -4px;
}
#imgContainerLeft {
  transform: scaleX(-1);
  transform-origin: left center;
}
.p-image {
  position: absolute;
  transform: rotate(0.3deg);
  transform-origin: left center;
}
.auto-height {
  position: absolute;
  width: auto;
  height: 100%;
}
#outline {
  position: absolute;
  width: 100%;
  height: 100%;
  border: solid 1px #999;
}

a, a:hover, a:active, a:focus { outline: none; }
html, body { padding: 0; margin: 0; overflow: hidden;}
img { padding: 0; margin: 0; position: absolute; border: none; }
div { padding: 0; margin: 0; position: absolute; display: block; }

#container_wrapper {background-color: #00a8e5}
#container_ad { overflow: hidden; cursor: pointer; display: none; background-color: #00a8e5}
.s { width: 1140px; height: 260px }
.m { mix-blend-mode: multiply }
.f { width: 100%; height: 100% }
.outline          { width: 100%; height: 100%; background: transparent }
#outline_top      { height: 1px }
#outline_left     { left: 0; width: 1px }
#outline_right    { right: 0; width: 1px }
#outline_bottom   { bottom: 0; height: 1px }