:root {
  --bg-color: #9dd5e9; }

@font-face {
  font-family: "mikadoblack";
  src: url("../fonts/mikadoblack-webfont.woff") format("woff"); }

@font-face {
  font-family: "mikadobold";
  src: url("../fonts/mikadobold-webfont.woff") format("woff"); }

@font-face {
  font-family: "mikadomedium";
  src: url("../fonts/mikadomedium-webfont.woff") format("woff"); }

@font-face {
  font-family: "mikadoregular";
  src: url("../fonts/mikadoregular-webfont.woff") format("woff"); }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  width: 100%;
  height: 100%; }

body {
  position: absolute;
  width: 100%;
  height: 100%;
  user-select: none; }
  body main {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: var(--bg-color); }
    body main .content {
      display: none;
      width: 100%;
      height: 100%;
      font-size: 26px;
      font-family: "mikadoregular";
      position: relative; }
      body main .content #lg {
        position: fixed;
        right: -5px;
        top: -5px;
        z-index: 1000; }
      body main .content .audio_on, body main .content .audio_off {
        position: fixed;
        width: 6vw;
        height: 3vw;
        z-index: 10;
        left: 4vw;
        top: 0.5vw;
        cursor: pointer; }
        body main .content .audio_on img, body main .content .audio_off img {
          width: 100%;
          height: 100%;
          position: absolute;
          object-fit: contain;
          object-position: center; }
      body main .content .audio_on {
        display: none; }
      body main .content .hamburger {
        position: fixed;
        background-color: transparent;
        left: 0;
        top: 0;
        height: 30px;
        width: 30px;
        padding: 20px 20px;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
        transition: transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
        z-index: 1002;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
      body main .content .hamburger.is-active {
        background-color: none; }
      body main .content ._layer {
        background: black;
        margin-bottom: 4px;
        border-radius: 2px;
        width: 28px;
        height: 4px;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
        transition: all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98); }
      body main .content .hamburger:hover .-top {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%); }
      body main .content .hamburger:hover .-bottom {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%); }
      body main .content .hamburger.is-active .-top {
        -webkit-transform: translateY(200%) rotate(45deg) !important;
        -ms-transform: translateY(200%) rotate(45deg) !important;
        transform: translateY(200%) rotate(45deg) !important; }
      body main .content .hamburger.is-active .-mid {
        opacity: 0; }
      body main .content .hamburger.is-active .-bottom {
        -webkit-transform: translateY(-200%) rotate(135deg) !important;
        -ms-transform: translateY(-200%) rotate(135deg) !important;
        transform: translateY(-200%) rotate(135deg) !important; }
      body main .content .menuppal.is_active {
        transform: translate3d(0px, 0px, 0px); }
      body main .content .menuppal {
        background-color: #b3d9ff;
        bottom: 0;
        height: 100%;
        left: 0;
        overflow-y: auto;
        position: fixed;
        top: 0;
        transform: translate3d(0px, -100%, 0px);
        transition: transform 0.35s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s;
        width: 100%;
        z-index: 1001;
        display: flex; }
      body main .content .menuppal ul {
        margin: auto;
        padding: 0;
        display: flex;
        flex-flow: column;
        justify-content: center; }
      body main .content .menuppal ul li {
        list-style: none;
        text-align: center;
        line-height: 3em;
        height: 3em;
        color: black;
        text-transform: none;
        font-weight: bold; }
      body main .content .menuppal ul li a {
        text-decoration: none;
        color: #242424;
        cursor: pointer; }
      body main .content .menuppal ul li a:hover {
        text-decoration: none;
        color: #242424; }
      body main .content .perrito_1 {
        color: white; }
      body main .content .perrito_2 {
        color: #646668; }
      body main .content .doc_1 {
        color: #001e3a; }
      body main .content .cover {
        width: 100%;
        height: 100%;
        position: fixed;
        background: linear-gradient(180deg, #7393c7 0%, #edefda 50%);
        z-index: 10; }
        body main .content .cover .instruction-wrapper {
          position: fixed;
          width: 100%;
          height: 100%;
          display: flex;
          align-items: flex-end;
          justify-content: center;
          display: none;
          z-index: 0; }
          body main .content .cover .instruction-wrapper .scroll-instruction {
            position: relative;
            left: 0;
            right: 0;
            color: white;
            height: auto;
            padding: 1.5vw 3vw;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-flow: column;
            background-color: rgba(0, 0, 0, 0.5);
            margin-bottom: 1vw; }
            body main .content .cover .instruction-wrapper .scroll-instruction span {
              position: relative;
              display: flex;
              flex-flow: row;
              align-items: center;
              justify-content: space-evenly; }
            body main .content .cover .instruction-wrapper .scroll-instruction .scroll-image {
              position: relative;
              width: 2vw;
              margin-left: 1vw; }
              body main .content .cover .instruction-wrapper .scroll-instruction .scroll-image img {
                position: relative;
                width: 100%;
                height: 100%;
                object-fit: contain; }
          body main .content .cover .instruction-wrapper[helper="1"] {
            display: flex;
            z-index: 2; }
        body main .content .cover .title {
          width: 40vw;
          height: 37vw;
          position: absolute;
          bottom: 1vw;
          margin: auto;
          left: 0;
          right: 0; }
        body main .content .cover .houses,
        body main .content .cover .road,
        body main .content .cover .clouds,
        body main .content .cover .car,
        body main .content .cover .green-stain {
          width: 90vw;
          height: 90vw;
          position: absolute;
          bottom: -42.5vw;
          margin: auto;
          left: 0;
          right: 0; }
        body main .content .cover .car {
          width: 69vw;
          height: 69vw;
          bottom: -32vw; }
        body main .content .cover .clouds {
          width: 95vw;
          height: 95vw;
          animation: rotate_clouds 25s linear infinite; }
        body main .content .cover .house {
          border-radius: 100%;
          transform: scale(1);
          width: 90vw;
          height: 90vw;
          bottom: -42.5vw;
          position: absolute;
          margin: auto;
          left: 0;
          right: 0; }
          body main .content .cover .house .house-wrapper {
            position: absolute;
            left: 0;
            right: 0;
            top: 2.5rem;
            margin: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 26vw;
            height: 13vw; }
        body main .content .cover img {
          width: 100%;
          height: 100%;
          position: absolute;
          object-fit: contain;
          object-position: center; }
      body main .content .scene_01 {
        background-image: url("../assets/scene01/01_fondo.png");
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        width: 100%;
        height: 100%;
        position: fixed;
        display: none;
        z-index: 9; }
        body main .content .scene_01 .sc1_bg {
          background-image: url("../assets/scene02/02_fondo.png");
          background-position: bottom right;
          background-repeat: no-repeat;
          background-size: cover;
          width: 100%;
          height: 100%;
          position: absolute; }
        body main .content .scene_01 .sc1_plant {
          width: 10vw;
          height: 20vw;
          position: absolute;
          right: 25vw;
          bottom: 7vw; }
        body main .content .scene_01 .window {
          width: 99%;
          height: 100%;
          position: absolute;
          background-image: url("../assets/scene01/01_elementos.png");
          background-position: bottom right;
          background-repeat: no-repeat;
          background-size: contain; }
        body main .content .scene_01 .blackboard {
          width: 41vw;
          height: 22vw;
          position: absolute;
          left: 26vw;
          top: 7vw; }
          body main .content .scene_01 .blackboard .semaforo,
          body main .content .scene_01 .blackboard .semaforo_blue {
            width: 10vw;
            height: 16vw;
            position: absolute;
            right: 3.5vw;
            margin: auto;
            top: 0;
            bottom: 0; }
          body main .content .scene_01 .blackboard .scene01_txt,
          body main .content .scene_01 .blackboard .scene03_txt {
            padding: 2vw 2vw 2vw 6vw;
            width: 60%;
            height: 18vw;
            overflow: auto;
            -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, black 5%, black 95%, rgba(0, 0, 0, 0) 100%);
            pointer-events: none;
            position: absolute;
            margin: auto;
            top: 0;
            bottom: 0;
            scrollbar-width: none; }
            body main .content .scene_01 .blackboard .scene01_txt ul li,
            body main .content .scene_01 .blackboard .scene03_txt ul li {
              list-style: none; }
              body main .content .scene_01 .blackboard .scene01_txt ul li .bullet,
              body main .content .scene_01 .blackboard .scene03_txt ul li .bullet {
                width: 3vw !important;
                height: auto !important;
                margin-left: -4vw;
                margin-right: 2vw; }
          body main .content .scene_01 .blackboard .scene03_txt {
            width: 98%; }
          body main .content .scene_01 .blackboard .scene01_txt::-webkit-scrollbar {
            display: none; }
          body main .content .scene_01 .blackboard .scene03_txt::-webkit-scrollbar {
            display: none; }
        body main .content .scene_01 .desk {
          position: absolute;
          width: 30vw;
          height: 16.5vw;
          bottom: 6.5vw;
          left: 10vw; }
        body main .content .scene_01 .chair {
          position: absolute;
          width: 12vw;
          height: 15vw;
          bottom: 7vw;
          left: 8vw; }
        body main .content .scene_01 .dog {
          width: 23vw;
          height: 14vw;
          position: absolute;
          bottom: 3vw;
          right: 11vw; }
        body main .content .scene_01 .doctor {
          width: 20vw;
          height: 35vw;
          bottom: 2vw;
          position: absolute;
          left: 7vw; }
        body main .content .scene_01 .bg_blue {
          width: 40vw;
          height: 100%;
          position: absolute;
          margin: auto;
          left: 0;
          right: 0; }
          body main .content .scene_01 .bg_blue .scene02_txt {
            padding: 2vw 2vw 2vw 6vw;
            width: 75%;
            height: 36vh;
            overflow: auto;
            -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, black 5%, black 95%, rgba(0, 0, 0, 0) 100%);
            pointer-events: none;
            position: absolute;
            margin: auto;
            top: 4vw;
            right: 4vw;
            scrollbar-width: none; }
            body main .content .scene_01 .bg_blue .scene02_txt ul li {
              list-style: none; }
              body main .content .scene_01 .bg_blue .scene02_txt ul li .bullet {
                width: 3vw !important;
                height: auto !important;
                margin-left: -4vw;
                margin-right: 2vw; }
          body main .content .scene_01 .bg_blue .scene02_txt::-webkit-scrollbar {
            display: none; }
          body main .content .scene_01 .bg_blue .bg_blue-img {
            width: 100% !important;
            height: auto !important;
            top: -20vw; }
          body main .content .scene_01 .bg_blue .bubble {
            position: absolute; }
          body main .content .scene_01 .bg_blue .bu1 {
            animation: bubbles 5s linear infinite; }
          body main .content .scene_01 .bg_blue .bu2 {
            animation: bubbles 3s linear infinite; }
          body main .content .scene_01 .bg_blue .bu3 {
            animation: bubbles 4s linear infinite; }
          body main .content .scene_01 .bg_blue .blue_1 {
            width: 5vw !important;
            height: 5vw !important;
            left: -4vw;
            top: 12vw; }
          body main .content .scene_01 .bg_blue .blue_2 {
            width: 2vw !important;
            height: 2vw !important;
            left: 20vw;
            top: 36vw; }
          body main .content .scene_01 .bg_blue .blue_3 {
            width: 5vw !important;
            height: 5vw !important;
            right: 5vw;
            top: 50vw; }
          body main .content .scene_01 .bg_blue .blue_4 {
            width: 5vw !important;
            height: 5vw !important;
            left: 1vw;
            top: 3vw; }
          body main .content .scene_01 .bg_blue .blue_5 {
            width: 4vw !important;
            height: 4vw !important;
            left: -5vw;
            top: 50vw; }
          body main .content .scene_01 .bg_blue .blue_6 {
            width: 2vw !important;
            height: 2vw !important;
            left: 0vw;
            top: 2vw; }
          body main .content .scene_01 .bg_blue .blue_7 {
            width: 2vw !important;
            height: 2vw !important;
            right: -2vw;
            top: 8vw; }
          body main .content .scene_01 .bg_blue .blue_8 {
            width: 3vw !important;
            height: 3vw !important;
            left: 0vw;
            top: 19vw; }
          body main .content .scene_01 .bg_blue .blue_9 {
            width: 4vw !important;
            height: 4vw !important;
            left: 4vw;
            top: 24vw; }
          body main .content .scene_01 .bg_blue .blue_10 {
            width: 8vw !important;
            height: 8vw !important;
            right: -4vw;
            top: 22vw; }
          body main .content .scene_01 .bg_blue .blue_11 {
            width: 5vw !important;
            height: 5vw !important;
            right: 0vw;
            top: 39vw; }
          body main .content .scene_01 .bg_blue .blue_12 {
            width: 5vw !important;
            height: 5vw !important;
            left: 1vw;
            top: 44vw; }
          body main .content .scene_01 .bg_blue .blue_13 {
            width: 4vw !important;
            height: 4vw !important;
            right: -1vw;
            top: 3vw; }
          body main .content .scene_01 .bg_blue .blue_14 {
            width: 4vw !important;
            height: 4vw !important;
            left: 2vw;
            top: 9vw; }
          body main .content .scene_01 .bg_blue .blue_15 {
            width: 3vw !important;
            height: 3vw !important;
            right: 6vw;
            top: 32vw; }
          body main .content .scene_01 .bg_blue .blue_16 {
            width: 8vw !important;
            height: 8vw !important;
            left: -5vw;
            top: 28vw; }
        body main .content .scene_01 .boy_s2,
        body main .content .scene_01 .handwash,
        body main .content .scene_01 .gel {
          position: absolute;
          width: 15vw;
          height: 58vh;
          margin: auto;
          left: 0;
          right: 0;
          bottom: 0; }
          body main .content .scene_01 .boy_s2 img,
          body main .content .scene_01 .handwash img,
          body main .content .scene_01 .gel img {
            height: auto !important; }
        body main .content .scene_01 .handwash {
          width: 11.3vw;
          height: 12vh; }
        body main .content .scene_01 .gel {
          width: 3vw;
          height: 18.5vh; }
        body main .content .scene_01 .cubrebocas {
          position: absolute;
          width: 12vw;
          height: 7vw;
          bottom: 21.5vw;
          left: 10vw; }
        body main .content .scene_01 .panuelo {
          position: absolute;
          width: 10vw;
          height: 7vw;
          bottom: 9vw;
          right: 20vw; }
        body main .content .scene_01 .cubrebocas-container {
          position: absolute;
          height: 300%;
          width: 60%;
          bottom: 25%;
          right: 0%; }
          body main .content .scene_01 .cubrebocas-container .c_element {
            position: absolute;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center; }
          body main .content .scene_01 .cubrebocas-container .jabon {
            background-image: url("../assets/scene03/03_e1.1.png"); }
          body main .content .scene_01 .cubrebocas-container .lavabo {
            background-image: url("../assets/scene03/03_e2.1.png"); }
          body main .content .scene_01 .cubrebocas-container .panuelo {
            background-image: url("../assets/scene03/03_e3.1.png"); }
          body main .content .scene_01 .cubrebocas-container .gel_1 {
            background-image: url("../assets/scene03/03_e5.1.png"); }
          body main .content .scene_01 .cubrebocas-container.big {
            width: 100%; }
            body main .content .scene_01 .cubrebocas-container.big .c_element {
              width: 25vw;
              height: 25vw; }
          body main .content .scene_01 .cubrebocas-container.mid {
            width: 100%; }
            body main .content .scene_01 .cubrebocas-container.mid .c_element {
              width: 15vw;
              height: 15vw; }
          body main .content .scene_01 .cubrebocas-container.small {
            width: 100%; }
            body main .content .scene_01 .cubrebocas-container.small .c_element {
              width: 10vw;
              height: 10vw; }
        body main .content .scene_01 img {
          width: 100%;
          height: 100%;
          position: absolute;
          object-fit: contain;
          object-position: center; }
      body main .content .scene_04 {
        background-image: url("../assets/scene04/04_fondo.png");
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        width: 100%;
        height: 100%;
        position: fixed;
        display: none;
        z-index: 8; }
        body main .content .scene_04 .scene04_txt {
          padding: 2vw 2vw 2vw 6vw;
          width: 40%;
          height: 18vw;
          overflow: auto;
          -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, black 5%, black 95%, rgba(0, 0, 0, 0) 100%);
          pointer-events: none;
          position: absolute;
          margin: auto;
          left: 0;
          right: 0;
          bottom: 1vw;
          scrollbar-width: none; }
          body main .content .scene_04 .scene04_txt ul li {
            list-style: none; }
            body main .content .scene_04 .scene04_txt ul li .bullet {
              width: 3vw !important;
              height: auto !important;
              margin-left: -4vw;
              margin-right: 2vw; }
        body main .content .scene_04 .scene04_txt::-webkit-scrollbar {
          display: none; }
        body main .content .scene_04 .lockers {
          width: 22.5vw;
          height: 60%;
          position: absolute;
          bottom: 0;
          left: 0vw; }
        body main .content .scene_04 .plant {
          position: absolute;
          width: 15vw;
          height: 26vw;
          right: 5vw;
          bottom: 8vw; }
        body main .content .scene_04 .trash {
          position: absolute;
          width: 10vw;
          height: 12vw;
          right: 0;
          bottom: 7vw; }
        body main .content .scene_04 .boy_right {
          position: absolute;
          width: 20vw;
          height: 30vw;
          right: 13vw;
          bottom: 7vw; }
        body main .content .scene_04 .boy_left {
          position: absolute;
          width: 20vw;
          height: 30vw;
          left: 13vw;
          bottom: 6vw; }
        body main .content .scene_04 .b5 {
          right: 28vw; }
        body main .content .scene_04 .b3 {
          left: 36vw; }
        body main .content .scene_04 img {
          width: 100%;
          height: 100%;
          position: absolute;
          object-fit: contain;
          object-position: center; }
      body main .content .scene_05 {
        width: 100%;
        height: 100%;
        position: fixed;
        background-attachment: fixed;
        display: none;
        z-index: 7;
        transform-origin: left bottom; }
        body main .content .scene_05 .scene05_txt {
          padding: 2vw 2vw 2vw 6vw;
          width: 45%;
          height: 13vw;
          overflow: auto;
          -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, black 5%, black 95%, rgba(0, 0, 0, 0) 100%);
          pointer-events: none;
          position: absolute;
          margin: auto;
          left: 5vw;
          right: 0;
          top: 1vw;
          scrollbar-width: none; }
          body main .content .scene_05 .scene05_txt ul li {
            list-style: none; }
            body main .content .scene_05 .scene05_txt ul li .bullet {
              width: 3vw !important;
              height: auto !important;
              margin-left: -4vw;
              margin-right: 2vw; }
        body main .content .scene_05 .scene05_txt::-webkit-scrollbar {
          display: none; }
        body main .content .scene_05 .sc5_1 {
          background-image: url("../assets/scene05/05_c3.png");
          background-position: top center;
          background-repeat: no-repeat;
          background-size: cover;
          width: 100%;
          height: 100%;
          position: absolute; }
          body main .content .scene_05 .sc5_1 .classroom {
            position: absolute;
            width: 22vw;
            height: 100%; }
            body main .content .scene_05 .sc5_1 .classroom img {
              object-position: left; }
          body main .content .scene_05 .sc5_1 .garden {
            background-image: url("../assets/scene05/05_c2.png");
            background-position: bottom right;
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
            height: 100%;
            position: absolute; }
          body main .content .scene_05 .sc5_1 .cloud_1 {
            position: absolute;
            width: 35vw;
            height: 15vw;
            left: -10vw;
            animation: cloud 25s linear infinite; }
          body main .content .scene_05 .sc5_1 .cloud_2 {
            position: absolute;
            width: 40vw;
            height: 20vw;
            top: 3vw;
            animation: cloud 25s linear infinite; }
          body main .content .scene_05 .sc5_1 .kid {
            position: absolute;
            width: 13vw;
            height: 22vw;
            bottom: 7vw; }
          body main .content .scene_05 .sc5_1 .kid_1 {
            right: 70vw; }
          body main .content .scene_05 .sc5_1 .kid_2 {
            right: 56vw; }
          body main .content .scene_05 .sc5_1 .kid_3 {
            right: 42vw; }
          body main .content .scene_05 .sc5_1 .kid_4 {
            right: 28vw; }
          body main .content .scene_05 .sc5_1 .kid_5 {
            right: 14vw; }
          body main .content .scene_05 .sc5_1 .arrow {
            width: 8vw;
            height: 4vw;
            position: absolute;
            bottom: 13vw;
            animation: glow 2s linear infinite; }
            body main .content .scene_05 .sc5_1 .arrow img {
              animation: glow 2s linear infinite; }
          body main .content .scene_05 .sc5_1 .arrow_1 {
            right: 65vw; }
          body main .content .scene_05 .sc5_1 .arrow_2 {
            right: 48vw; }
          body main .content .scene_05 .sc5_1 .arrow_3 {
            right: 31vw; }
          body main .content .scene_05 .sc5_1 .arrow_4 {
            right: 13vw; }
        body main .content .scene_05 .sc5_2 {
          background-image: url("../assets/scene05-1/05.1_fondo.png");
          background-position: bottom right;
          background-repeat: no-repeat;
          background-size: cover;
          width: 100%;
          height: 100%;
          position: absolute; }
          body main .content .scene_05 .sc5_2 .scene05_txt {
            width: 75%;
            height: 16vw;
            left: 0vw;
            top: 4vw; }
          body main .content .scene_05 .sc5_2 .projector {
            width: 7vw;
            height: 8vw;
            position: absolute;
            margin: auto;
            left: 0;
            right: 0; }
          body main .content .scene_05 .sc5_2 .screen {
            position: absolute;
            width: 50vw;
            height: 28vw;
            margin: auto;
            left: 5vw;
            right: 0;
            top: 15vw; }
          body main .content .scene_05 .sc5_2 .books {
            position: absolute;
            width: 11vw;
            height: 10vw;
            right: 13vw;
            top: 13vw; }
        body main .content .scene_05 .sc5_3 {
          background-image: url("../assets/scene05-2/05.2_capa1.png");
          background-position: bottom right;
          background-repeat: no-repeat;
          background-size: cover;
          width: 100%;
          height: 100%;
          position: absolute; }
          body main .content .scene_05 .sc5_3 .cloud_1 {
            position: absolute;
            width: 35vw;
            height: 15vw;
            left: -50vw;
            animation: cloud 25s linear infinite; }
          body main .content .scene_05 .sc5_3 .cloud_2 {
            position: absolute;
            width: 40vw;
            height: 20vw;
            top: 3vw;
            animation: cloud 25s linear infinite; }
          body main .content .scene_05 .sc5_3 .buildings_1,
          body main .content .scene_05 .sc5_3 .buildings_2,
          body main .content .scene_05 .sc5_3 .garden {
            position: absolute;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-size: contain; }
          body main .content .scene_05 .sc5_3 .buildings_1 {
            background-image: url("../assets/scene05-2/05.2_capa3.png");
            background-position: center;
            bottom: -4vw; }
          body main .content .scene_05 .sc5_3 .buildings_2 {
            background-image: url("../assets/scene05-2/05.2_capa4.png");
            background-position: top;
            bottom: -3vw;
            width: 85%;
            right: 1vw; }
          body main .content .scene_05 .sc5_3 .garden {
            background-image: url("../assets/scene05-2/05.2_capa5.png");
            background-position: bottom;
            background-size: cover; }
          body main .content .scene_05 .sc5_3 .games {
            position: absolute;
            width: 42vw;
            height: 50vw;
            right: 0;
            bottom: 0vw; }
        body main .content .scene_05 .students {
          width: 100%;
          height: 100%;
          position: absolute; }
          body main .content .scene_05 .students .kid {
            position: absolute;
            width: 15vw;
            height: 22vw;
            bottom: 1vw; }
          body main .content .scene_05 .students .kid_1 {
            right: 63vw; }
          body main .content .scene_05 .students .kid_2 {
            right: 52vw;
            bottom: 5vw; }
          body main .content .scene_05 .students .kid_3 {
            right: 42vw; }
          body main .content .scene_05 .students .kid_4 {
            right: 31vw;
            bottom: 5vw; }
          body main .content .scene_05 .students .kid_5 {
            right: 20vw; }
          body main .content .scene_05 .students .arrow {
            width: 8vw;
            height: 5vw;
            position: absolute;
            bottom: 4vw;
            animation: glow 2s linear infinite; }
            body main .content .scene_05 .students .arrow img {
              animation: glow 2s linear infinite; }
          body main .content .scene_05 .students .arrow_1 {
            right: 60vw; }
          body main .content .scene_05 .students .arrow_2 {
            right: 33vw; }
        body main .content .scene_05 .doc_bottom {
          width: 17vw;
          height: 17vw;
          position: absolute;
          bottom: -1vw;
          left: -1vw;
          background-image: url("../assets/scene05-1/05.1_cuadro_personajes.png");
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain; }
          body main .content .scene_05 .doc_bottom img {
            width: 115%;
            height: 115%;
            bottom: -20%; }
        body main .content .scene_05 .dog_bottom {
          width: 17vw;
          height: 17vw;
          position: absolute;
          bottom: -1vw;
          right: -1vw;
          background-image: url("../assets/scene05-1/05.1_cuadro_personajes.png");
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain; }
          body main .content .scene_05 .dog_bottom img {
            width: 70%;
            height: 70%;
            bottom: 1vw;
            margin: auto;
            left: 0;
            right: 1vw; }
        body main .content .scene_05 img {
          width: 100%;
          height: 100%;
          position: absolute;
          object-fit: contain;
          object-position: center; }
      body main .content .scene_06 {
        background-image: url("../assets/scene06/06_amarillo.png");
        background-position: bottom left;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: white;
        background-attachment: fixed;
        width: 100%;
        height: 100%;
        position: fixed;
        display: none;
        z-index: 6; }
        body main .content .scene_06 .fridge {
          width: 30vw;
          height: 48vw;
          position: absolute;
          left: 26vw;
          bottom: 0;
          margin: auto;
          left: 0;
          right: 0; }
          body main .content .scene_06 .fridge .calendar {
            position: absolute;
            width: 15vw;
            height: 14vw;
            margin: auto;
            left: 0;
            right: 0;
            bottom: 14vw; }
          body main .content .scene_06 .fridge .notes {
            position: absolute;
            width: 25vw;
            height: 15vw;
            margin: auto;
            left: 0;
            right: 0;
            bottom: 10vw; }
          body main .content .scene_06 .fridge .school_1 {
            bottom: 21vw;
            position: absolute;
            width: 3vw;
            height: 3vw;
            left: 9vw; }
            body main .content .scene_06 .fridge .school_1 img {
              animation: school_rotate 2s linear infinite; }
          body main .content .scene_06 .fridge .school_2 {
            bottom: 20vw;
            position: absolute;
            width: 3vw;
            height: 3vw;
            left: 13.5vw; }
            body main .content .scene_06 .fridge .school_2 img {
              animation: school 2s linear infinite 0.6s; }
          body main .content .scene_06 .fridge .school_3 {
            bottom: 21vw;
            position: absolute;
            width: 3vw;
            height: 3vw;
            left: 18vw; }
          body main .content .scene_06 .fridge img[floating="true"] {
            animation: school 2s linear infinite 0.3s; }
          body main .content .scene_06 .fridge img[floating="false"] {
            animation: none; }
        body main .content .scene_06 .scene06_txt {
          padding: 2vw 2vw 2vw 6vw;
          width: 75%;
          height: 12vw;
          overflow: auto;
          -webkit-mask-image: linear-gradient(0deg, rgba(199, 6, 6, 0) 0%, black 5%, black 95%, rgba(0, 0, 0, 0) 100%);
          pointer-events: none;
          position: absolute;
          top: 7vw;
          left: 4vw;
          scrollbar-width: none; }
          body main .content .scene_06 .scene06_txt ul li {
            list-style: none; }
            body main .content .scene_06 .scene06_txt ul li .bullet {
              width: 3vw !important;
              height: auto !important;
              margin-left: -4vw;
              margin-right: 2vw; }
        body main .content .scene_06 .scene06_txt::-webkit-scrollbar {
          display: none; }
        body main .content .scene_06 .sc6 {
          width: 36%;
          height: 17vw;
          top: 1vw;
          margin: auto;
          left: 0vw;
          right: 0vw; }
        body main .content .scene_06 .teacher {
          position: absolute;
          width: 15vw;
          height: 15vw;
          right: 7vw;
          top: 5vw; }
        body main .content .scene_06 .plant {
          position: absolute;
          width: 14vw;
          height: 30vw;
          left: 12vw;
          top: -17vw; }
        body main .content .scene_06 .element_1 {
          position: absolute;
          width: 15vw;
          height: 15vw;
          right: 20vw;
          top: 10vw; }
        body main .content .scene_06 .element_2 {
          position: absolute;
          width: 15vw;
          height: 15vw;
          right: 4vw;
          top: 9vw; }
        body main .content .scene_06 .element_3 {
          position: absolute;
          width: 10vw;
          height: 10vw;
          right: 6vw;
          bottom: 18vw; }
        body main .content .scene_06 .dog {
          width: 25vw;
          height: 18vw;
          position: absolute;
          bottom: 0vw;
          right: 7vw; }
        body main .content .scene_06 .doctor {
          width: 25vw;
          height: 41vw;
          bottom: -5vw;
          position: absolute;
          left: 7vw; }
        body main .content .scene_06 img {
          width: 100%;
          height: 100%;
          position: absolute;
          object-fit: contain;
          object-position: center; }
      body main .content .scene_07 {
        background-color: white;
        width: 100%;
        height: 100%;
        background-attachment: fixed;
        position: fixed;
        display: none;
        z-index: 5; }
        body main .content .scene_07 .scene07_txt {
          padding: 2vw 2vw 2vw 6vw;
          width: 45%;
          height: 13vw;
          overflow: auto;
          -webkit-mask-image: linear-gradient(0deg, rgba(199, 6, 6, 0) 0%, black 5%, black 95%, rgba(0, 0, 0, 0) 100%);
          pointer-events: none;
          position: absolute;
          margin: auto;
          top: 1vw;
          left: 5vw;
          right: 0;
          scrollbar-width: none;
          z-index: 3; }
          body main .content .scene_07 .scene07_txt ul li {
            list-style: none; }
            body main .content .scene_07 .scene07_txt ul li .bullet {
              width: 3vw !important;
              height: auto !important;
              margin-left: -4vw;
              margin-right: 2vw; }
        body main .content .scene_07 .scene07_txt::-webkit-scrollbar {
          display: none; }
        body main .content .scene_07 .sc7-1 {
          width: 100%;
          height: 100%;
          position: absolute;
          z-index: 2;
          background-color: white; }
          body main .content .scene_07 .sc7-1 .school {
            position: absolute;
            width: 71vw;
            height: 95%;
            right: 2vw;
            bottom: 0; }
          body main .content .scene_07 .sc7-1 .doctor {
            position: absolute;
            width: 17vw;
            height: 33vw;
            bottom: 3vw;
            left: 5vw; }
          body main .content .scene_07 .sc7-1 .dog {
            position: absolute;
            width: 20vw;
            height: 13vw;
            bottom: 4vw;
            left: 18vw; }
          body main .content .scene_07 .sc7-1 .cinta_1 {
            position: absolute;
            width: 115%;
            height: 115%;
            right: -15vw;
            bottom: -3vw; }
          body main .content .scene_07 .sc7-1 .cinta_2 {
            position: absolute;
            width: 115%;
            height: 115%;
            right: 0vw;
            top: -2vw; }
        body main .content .scene_07 .sc7-2 {
          width: 100%;
          height: 100%;
          position: absolute;
          background-color: white;
          z-index: 1; }
          body main .content .scene_07 .sc7-2 .bg {
            position: absolute;
            width: 100%;
            height: 100%;
            bottom: -13vh; }
          body main .content .scene_07 .sc7-2 .sc7_txt {
            margin: auto;
            left: 0vh;
            right: 0vh;
            width: 35%; }
          body main .content .scene_07 .sc7-2 .books {
            width: 20vw;
            height: 15vw;
            position: absolute;
            bottom: 3vw;
            left: 20vw; }
          body main .content .scene_07 .sc7-2 .mouse {
            position: absolute;
            width: 5vw;
            height: 5vw;
            right: 36vw;
            bottom: 11vw; }
          body main .content .scene_07 .sc7-2 .plant {
            position: absolute;
            width: 9vw;
            height: 17vw;
            bottom: 4vw;
            right: 12vw; }
          body main .content .scene_07 .sc7-2 .clock {
            position: absolute;
            width: 26vw;
            height: 20vw;
            top: -2vw; }
          body main .content .scene_07 .sc7-2 .circle {
            position: absolute;
            width: 40vw;
            height: 40vw;
            right: -15vw;
            top: -15vw; }
          body main .content .scene_07 .sc7-2 .heart {
            position: absolute;
            width: 15vw;
            height: 15vw;
            right: 3vw;
            top: 4vw; }
            body main .content .scene_07 .sc7-2 .heart img {
              animation: latido 2s linear infinite; }
          body main .content .scene_07 .sc7-2 .btn-restart {
            position: absolute;
            width: 14vw;
            height: 5vw;
            right: 8vw;
            bottom: 2vw; }
            body main .content .scene_07 .sc7-2 .btn-restart img {
              cursor: pointer;
              animation: pulse 2s linear infinite; }
          body main .content .scene_07 .sc7-2 .table {
            width: 50vw;
            height: 35vw;
            position: absolute;
            bottom: -17vw;
            left: 25vw; }
          body main .content .scene_07 .sc7-2 .monitor {
            position: absolute;
            width: 35vw;
            height: 20vw;
            left: 32vw;
            bottom: 14vw; }
          body main .content .scene_07 .sc7-2 .boy {
            width: 35vw;
            height: 45vw;
            position: absolute;
            bottom: -18vw;
            left: 32vw; }
          body main .content .scene_07 .sc7-2 .keyboard {
            position: absolute;
            width: 21vw;
            height: 5vw;
            bottom: 9vw;
            left: 39vw; }
        body main .content .scene_07 img {
          width: 100%;
          height: 100%;
          position: absolute;
          object-fit: contain;
          object-position: center; }
    body main .movil {
      z-index: 0;
      display: none; }

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1; }
  50% {
    transform: scale(0.9);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes opacity_1 {
  0% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes rotate_clouds {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes glow {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }

@keyframes cloud {
  0% {
    transform: translateX(-50vw); }
  100% {
    transform: translateX(100vw); } }

@keyframes school_rotate {
  0% {
    transform: translateY(0) rotate(-8deg); }
  25% {
    transform: translateY(5%) rotate(-8deg); }
  50% {
    transform: translateY(0) rotate(-8deg); }
  75% {
    transform: translateY(-5%) rotate(-8deg); }
  100% {
    transform: translateY(0) rotate(-8deg); } }

@keyframes latido {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(1.05); }
  20% {
    transform: scale(1); }
  30% {
    transform: scale(1.05); }
  40% {
    transform: scale(1); }
  100% {
    transform: scale(1); } }

@keyframes school {
  0% {
    transform: translateY(0); }
  25% {
    transform: translateY(5%); }
  50% {
    transform: translateY(0); }
  75% {
    transform: translateY(-5%); }
  100% {
    transform: translateY(0); } }

@keyframes bubbles {
  0% {
    opacity: 0;
    transform: translateY(0%); }
  50% {
    opacity: 1;
    transform: translateY(-70%); }
  100% {
    opacity: 0;
    transform: translateY(-150%); } }

@media screen and (orientation: portrait) {
  body {
    overflow: hidden; }
    body main .content {
      display: none; }
    body main .movil {
      display: flex;
      background-color: #b3d9ff;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      z-index: 10000;
      align-items: center;
      justify-content: center; }
      body main .movil .mensaje {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: space-evenly;
        width: 100%;
        height: 60%; }
        body main .movil .mensaje .giro {
          width: 56%; }
        body main .movil .mensaje .msjText {
          font-family: "mikadomedium";
          font-size: 26px;
          text-align: center; } }

@media screen and (min-width: 481px) and (max-width: 767px) {
  body main .content {
    font-size: 14px; }
    body main .content #lg {
      width: 17%; }
      body main .content #lg img {
        width: 100%;
        height: auto; }
    body main .content .audio_off, body main .content .audio_on {
      top: 2vw;
      left: 10vw;
      height: 5vw; }
    body main .content .scene_01 .blackboard {
      top: 4vw; }
    body main .content .scene_06 .element_3 {
      bottom: 14vw; }
    body main .content .scene_07 .sc7-1 .doctor {
      bottom: 5vw; }
    body main .content .scene_07 .sc7-1 .dog {
      bottom: 1vw; } }

@media screen and (max-width: 480px) {
  body main .movil .mensaje .msjText {
    font-size: 16px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  body main .movil .mensaje .msjText {
    font-size: 18px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  body main .content {
    font-size: 18px; }
    body main .content .audio_off, body main .content .audio_on {
      top: 1vw;
      left: 6vw;
      height: 4vw; }
    body main .content .scene_01 .blackboard {
      left: 24vw;
      top: 19vw; }
    body main .content .scene_01 .bg_blue {
      width: 50vw; }
      body main .content .scene_01 .bg_blue .scene02_txt {
        top: 8vw; }
    body main .content .scene_01 .boy_s2 {
      bottom: -6vw; }
    body main .content .scene_04 .lockers {
      bottom: -1vw;
      left: -11vw; }
    body main .content .scene_05 .sc5_1 .kid {
      bottom: 8vw; }
    body main .content .scene_05 .sc5_1 .classroom {
      bottom: -5vw; }
    body main .content .scene_05 .sc5_2 .screen {
      left: 0vw; }
    body main .content .scene_05 .sc5_2 .books {
      right: 15vw;
      top: 25vw; }
    body main .content .scene_05 .sc5_3 .buildings_2 {
      height: 80%;
      background-position: center; }
    body main .content .scene_06 .plant {
      top: -3vw; }
    body main .content .scene_06 .element_1 {
      top: 23vw; }
    body main .content .scene_06 .element_2 {
      top: 21vw; }
    body main .content .scene_06 .sc6 {
      top: 12vw; }
    body main .content .scene_07 .scene07_txt {
      height: 20vw; }
    body main .content .scene_07 .sc7-1 .school {
      width: 85vw; }
    body main .content .scene_07 .sc7-1 .dog {
      bottom: 10vw; }
    body main .content .scene_07 .sc7-1 .doctor {
      bottom: 8vw; } }

@media screen and (min-width: 800px) and (max-width: 830px) and (orientation: landscape) {
  body main .content {
    font-size: 14px; }
    body main .content #lg {
      width: 17%; }
      body main .content #lg img {
        width: 100%;
        height: auto; }
    body main .content .audio_off, body main .content .audio_on {
      top: 2vw;
      left: 10vw;
      height: 5vw; }
    body main .content .scene_01 .blackboard {
      top: 4vw;
      left: 26vw; }
    body main .content .scene_01 .bg_blue {
      width: 46vw; }
      body main .content .scene_01 .bg_blue .scene02_txt {
        top: 4vw; }
    body main .content .scene_01 .boy_s2 {
      bottom: 0vw; }
    body main .content .scene_04 .lockers {
      bottom: 0vw;
      left: 0vw; }
    body main .content .scene_05 .sc5_1 .kid {
      bottom: 7vw; }
    body main .content .scene_05 .sc5_1 .classroom {
      bottom: 0vw; }
    body main .content .scene_05 .sc5_2 .screen {
      left: 5vw; }
    body main .content .scene_05 .sc5_2 .books {
      right: 13vw;
      top: 13vw; }
    body main .content .scene_05 .sc5_3 .buildings_2 {
      height: 100%;
      background-position: top; }
    body main .content .scene_06 .element_3 {
      bottom: 14vw; }
    body main .content .scene_06 .plant {
      top: -17vw; }
    body main .content .scene_06 .element_1 {
      top: 10vw; }
    body main .content .scene_06 .element_2 {
      top: 9vw; }
    body main .content .scene_06 .sc6 {
      top: 1vw; }
    body main .content .scene_07 .scene07_txt {
      height: 12vw; }
    body main .content .scene_07 .sc7-1 .school {
      width: 80vw; }
    body main .content .scene_07 .sc7-1 .doctor {
      bottom: 1vw; }
    body main .content .scene_07 .sc7-1 .dog {
      bottom: 2vw; } }

@media screen and (min-width: 1025px) and (max-width: 1279px) {
  body main .content {
    font-size: 18px; }
    body main .content .audio_off, body main .content .audio_on {
      top: 1vw;
      left: 6vw;
      height: 4vw; }
    body main .content .scene_01 .blackboard {
      left: 24vw;
      top: 19vw; }
    body main .content .scene_01 .bg_blue {
      width: 50vw; }
      body main .content .scene_01 .bg_blue .scene02_txt {
        top: 8vw; }
    body main .content .scene_01 .boy_s2 {
      bottom: -6vw; }
    body main .content .scene_04 .lockers {
      bottom: -1vw;
      left: -11vw; }
    body main .content .scene_05 .sc5_1 .kid {
      bottom: 8vw; }
    body main .content .scene_05 .sc5_1 .classroom {
      bottom: -5vw; }
    body main .content .scene_05 .sc5_2 .screen {
      left: 0vw; }
    body main .content .scene_05 .sc5_2 .books {
      right: 15vw;
      top: 25vw; }
    body main .content .scene_05 .sc5_3 .buildings_2 {
      height: 80%;
      background-position: center; }
    body main .content .scene_06 .plant {
      top: -3vw; }
    body main .content .scene_06 .element_1 {
      top: 23vw; }
    body main .content .scene_06 .element_2 {
      top: 21vw; }
    body main .content .scene_06 .sc6 {
      top: 12vw; }
    body main .content .scene_07 .scene07_txt {
      height: 20vw; }
    body main .content .scene_07 .sc7-1 .school {
      width: 85vw; }
    body main .content .scene_07 .sc7-1 .dog {
      bottom: 10vw; }
    body main .content .scene_07 .sc7-1 .doctor {
      bottom: 8vw; } }

@media screen and (min-width: 1280px) and (max-width: 1365px) and (min-height: 721px) {
  body main .content {
    font-size: 18px; }
    body main .content .audio_off, body main .content .audio_on {
      left: 5vw;
      height: 4vw; }
    body main .content .scene_01 .blackboard {
      left: 24vw;
      top: 19vw; }
    body main .content .scene_01 .bg_blue {
      width: 50vw; }
      body main .content .scene_01 .bg_blue .scene02_txt {
        top: 8vw; }
    body main .content .scene_01 .boy_s2 {
      bottom: -6vw; }
    body main .content .scene_04 .lockers {
      bottom: -1vw;
      left: -11vw; }
    body main .content .scene_05 .sc5_1 .kid {
      bottom: 8vw; }
    body main .content .scene_05 .sc5_1 .classroom {
      bottom: -5vw; }
    body main .content .scene_05 .sc5_2 .screen {
      left: 0vw; }
    body main .content .scene_05 .sc5_2 .books {
      right: 15vw;
      top: 25vw; }
    body main .content .scene_05 .sc5_3 .buildings_2 {
      height: 80%;
      background-position: center; }
    body main .content .scene_06 .plant {
      top: -3vw; }
    body main .content .scene_06 .element_1 {
      top: 23vw; }
    body main .content .scene_06 .element_2 {
      top: 21vw; }
    body main .content .scene_06 .sc6 {
      top: 12vw; }
    body main .content .scene_07 .scene07_txt {
      height: 20vw; }
    body main .content .scene_07 .sc7-1 .school {
      width: 85vw; }
    body main .content .scene_07 .sc7-1 .dog {
      bottom: 10vw; }
    body main .content .scene_07 .sc7-1 .doctor {
      bottom: 8vw; } }

@media screen and (min-width: 1280px) and (max-width: 1365px) and (max-height: 720px) {
  body main .content {
    font-size: 18px; }
    body main .content .audio_off, body main .content .audio_on {
      left: 5vw;
      height: 4vw; }
    body main .content .scene_06 .sc6 {
      height: 15vw; }
    body main .content .scene_07 .sc7-1 .doctor {
      bottom: 1vw; }
    body main .content .scene_07 .sc7-1 .dog {
      bottom: 2vw; } }

@media screen and (min-width: 1366px) and (max-width: 1439px) {
  body main .content {
    font-size: 20px; }
    body main .content .scene_06 .sc6 {
      height: 15vw; }
    body main .content .scene_07 .sc7-1 .doctor {
      bottom: 1vw; }
    body main .content .scene_07 .sc7-1 .dog {
      bottom: 3vw; } }

@media screen and (min-width: 1440px) and (max-width: 1599px) {
  body main .content {
    font-size: 20px; }
    body main .content .scene_01 .blackboard {
      top: 10vw; }
    body main .content .scene_05 .sc5_2 .books {
      top: 19vw; }
    body main .content .scene_07 .sc7-1 .school {
      width: 85vw; }
    body main .content .scene_07 .scene07_txt {
      height: 15vw; } }

@media screen and (min-width: 1600px) and (max-width: 1679px) {
  body main .content {
    font-size: 22px; }
    body main .content .scene_06 .sc6 {
      height: 16vw; } }

@media screen and (min-width: 1680px) and (max-width: 1919px) {
  body main .content {
    font-size: 22px; }
    body main .content .scene_01 .blackboard {
      top: 12vw; }
    body main .content .scene_05 .sc5_2 .books {
      top: 20vw; }
    body main .content .scene_06 .sc6 {
      height: 20vw;
      top: 2vw; }
    body main .content .scene_07 .sc7-1 .school {
      width: 85vw; }
    body main .content .scene_07 .scene07_txt {
      height: 16vw; } }

@media screen and (min-width: 900px) and (max-width: 1030px) and (orientation: portrait) {
  body main .movil .mensaje .msjText {
    font-size: 20px; } }

@media screen and (min-height: 920px) and (max-height: 1030px) and (width: 1366px) and (orientation: landscape) {
  body main .content {
    font-size: 20px; }
    body main .content .scene_01 .blackboard {
      left: 23vw;
      top: 19vw; }
    body main .content .scene_01 .bg_blue {
      width: 50vw; }
      body main .content .scene_01 .bg_blue .scene02_txt {
        top: 8vw; }
    body main .content .scene_01 .boy_s2 {
      bottom: -6vw; }
    body main .content .scene_04 .lockers {
      bottom: -1vw;
      left: -12vw; }
    body main .content .scene_05 .sc5_1 .kid {
      bottom: 8vw; }
    body main .content .scene_05 .sc5_1 .classroom {
      bottom: -5vw; }
    body main .content .scene_05 .sc5_2 .screen {
      left: 0vw; }
    body main .content .scene_05 .sc5_2 .books {
      right: 15vw;
      top: 25vw; }
    body main .content .scene_05 .sc5_3 .buildings_2 {
      height: 80%;
      background-position: center; }
    body main .content .scene_06 .plant {
      top: -3vw; }
    body main .content .scene_06 .element_1 {
      top: 23vw; }
    body main .content .scene_06 .element_2 {
      top: 21vw; }
    body main .content .scene_06 .sc6 {
      top: 14vw;
      height: 17vw; }
    body main .content .scene_07 .scene07_txt {
      height: 20vw; }
    body main .content .scene_07 .sc7-1 .school {
      width: 85vw; }
    body main .content .scene_07 .sc7-1 .dog {
      bottom: 10vw; }
    body main .content .scene_07 .sc7-1 .doctor {
      bottom: 8vw; } }

@media screen and (min-width: 2200px) and (max-width: 2560px) {
  body main .content {
    font-size: 34px; }
    body main .content ._layer {
      width: 80px;
      height: 13px;
      margin-bottom: 13px; }
    body main .content #lg {
      width: 12%;
      right: -10px;
      top: -10px; }
      body main .content #lg img {
        width: 100%; }
    body main .content .scene_01 .blackboard {
      top: 12vw; }
    body main .content .scene_05 .sc5_2 .books {
      top: 19vw; }
    body main .content .scene_06 .sc6 {
      height: 18vw;
      top: 3vw; }
    body main .content .scene_07 .sc7-1 .school {
      width: 85vw; }
    body main .content .scene_07 .scene07_txt {
      height: 16vw; } }

@media screen and (min-width: 2561px) {
  body main .content {
    font-size: 42px; }
    body main .content ._layer {
      width: 80px;
      height: 13px;
      margin-bottom: 13px; }
    body main .content #lg {
      width: 10%;
      right: -10px;
      top: -10px; }
      body main .content #lg img {
        width: 100%; } }

@media screen and (min-width: 831px) and (max-width: 1023px) and (max-height: 400px) {
  body main .content {
    font-size: 14px; }
    body main .content #lg {
      width: 17%; }
      body main .content #lg img {
        width: 100%;
        height: auto; }
    body main .content .scene_01 .blackboard {
      top: 4vw;
      left: 26vw; }
    body main .content .scene_01 .bg_blue {
      width: 46vw; }
      body main .content .scene_01 .bg_blue .scene02_txt {
        top: 4vw; }
    body main .content .scene_01 .boy_s2 {
      bottom: 0vw; }
    body main .content .scene_04 .lockers {
      bottom: 0vw;
      left: 0vw; }
    body main .content .scene_05 .sc5_1 .kid {
      bottom: 7vw; }
    body main .content .scene_05 .sc5_1 .classroom {
      bottom: 0vw; }
    body main .content .scene_05 .sc5_2 .screen {
      left: 5vw; }
    body main .content .scene_05 .sc5_2 .books {
      right: 13vw;
      top: 13vw; }
    body main .content .scene_05 .sc5_3 .buildings_2 {
      height: 100%;
      background-position: top; }
    body main .content .scene_06 .element_3 {
      bottom: 14vw; }
    body main .content .scene_06 .plant {
      top: -17vw; }
    body main .content .scene_06 .element_1 {
      top: 10vw; }
    body main .content .scene_06 .element_2 {
      top: 9vw; }
    body main .content .scene_06 .sc6 {
      top: 1vw; }
    body main .content .scene_07 .scene07_txt {
      height: 12vw; }
    body main .content .scene_07 .sc7-1 .school {
      width: 80vw; }
    body main .content .scene_07 .sc7-1 .doctor {
      bottom: 1vw; }
    body main .content .scene_07 .sc7-1 .dog {
      bottom: 2vw; } }

@media screen and (min-width: 675px) and (max-width: 761px) and (max-height: 361px) {
  body main .content {
    font-size: 14px; }
    body main .content #lg {
      width: 17%; }
      body main .content #lg img {
        width: 100%;
        height: auto; } }

@media screen and (min-width: 768px) and (max-width: 799px) and (max-height: 500px) {
  body main .content {
    font-size: 14px; }
    body main .content #lg {
      width: 17%; }
      body main .content #lg img {
        width: 100%;
        height: auto; }
    body main .content .scene_01 .blackboard {
      top: 4vw;
      left: 26vw; }
    body main .content .scene_01 .bg_blue {
      width: 46vw; }
      body main .content .scene_01 .bg_blue .scene02_txt {
        top: 4vw; }
    body main .content .scene_01 .boy_s2 {
      bottom: 0vw; }
    body main .content .scene_04 .lockers {
      bottom: 0vw;
      left: 0vw; }
    body main .content .scene_05 .sc5_1 .kid {
      bottom: 7vw; }
    body main .content .scene_05 .sc5_1 .classroom {
      bottom: 0vw; }
    body main .content .scene_05 .sc5_2 .screen {
      left: 5vw; }
    body main .content .scene_05 .sc5_2 .books {
      right: 13vw;
      top: 13vw; }
    body main .content .scene_05 .sc5_3 .buildings_2 {
      height: 100%;
      background-position: top; }
    body main .content .scene_06 .element_3 {
      bottom: 14vw; }
    body main .content .scene_06 .plant {
      top: -17vw; }
    body main .content .scene_06 .element_1 {
      top: 10vw; }
    body main .content .scene_06 .element_2 {
      top: 9vw; }
    body main .content .scene_06 .sc6 {
      top: 1vw; }
    body main .content .scene_07 .scene07_txt {
      height: 12vw; }
    body main .content .scene_07 .sc7-1 .school {
      width: 80vw; }
    body main .content .scene_07 .sc7-1 .doctor {
      bottom: 1vw; }
    body main .content .scene_07 .sc7-1 .dog {
      bottom: 2vw; } }