@charset "UTF-8";

/* font-size */
@media (min-width: 769px) and (max-width: 1280px) {
  *, *:before, *:after {
    font-size: 1.25vw; /* 16px / 1280 * 100 */
  }
}

@media (min-width: 413px) and (max-width: 768px) {
  *, *:before, *:after {
    font-size: 1.8229vw; /* 14px / 768 * 100 */
  }
}

@media (max-width: 412px) {
  *, *:before, *:after {
    font-size: 3.398vw; /* 14px / 412 * 100 */
  }
}

@media (max-width: 1023px) {
  /* grid */
  #page-1,
  #page-2,
  #page-3,
  #page-4,
  #page-5,
  #page-6 {
         -ms-grid-columns: none;
    grid-template-columns: none;
            -ms-grid-rows: none;
       grid-template-rows: none;
  }

  #page-1 > *,
  #page-2 > *,
  #page-3 > *,
  #page-4 > *,
  #page-4 > *:nth-child(n+4):nth-child(-n+23),
  #page-5 > *,
  #page-6 > *,
  #page-ba {
         -ms-grid-column: auto;
    -ms-grid-column-span: auto;
             grid-column: auto;
            -ms-grid-row: auto;
       -ms-grid-row-span: auto;
                grid-row: auto;
  }

  #page-1,
  #page-2,
  #page-3,
  #page-4,
  #page-5,
  #page-ba {
    padding-bottom: 8vmin;
  }

    /* --------------------
      #page-1
     -------------------- */
    #page-1 {
      height:100%;
    }

    .page-title {
      font-size: 2em !important;
      letter-spacing: .2em;
      font-weight: 500 !important;
      text-align: center;
    }
  
    .page-subtitle {
      font-size: 1em !important;
      font-weight: 500 !important;
      text-align: center;
    }

    /* --------------------
      #page-2
     -------------------- */
    #page-2 .title {
          -ms-grid-column: 1;
              grid-column: 1;
             -ms-grid-row: 1;
                 grid-row: 1;
      justify-self: center;
      -ms-grid-row-align: center;
    }

    #page-2 .text {
      -ms-grid-column: 1;
          grid-column: 1;
         -ms-grid-row: 3;
             grid-row: 3;
      padding: 2vmin;
      z-index: 1000;
    }

    #page-2 .img-2-1 {
      -ms-grid-column: 1;
      grid-column: 1;
     -ms-grid-row: 2;
         grid-row: 2;
    }

    #page-2 .img-2-2 {
      -ms-grid-column: 1;
      grid-column: 1;
     -ms-grid-row: 4;
         grid-row: 4;
    }

    .img-2-2 img {
      position: relative;
    }
  
    /* --------------------
      Swiper #page-3
     -------------------- */
    #page-3 .title {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1/3;
     -ms-grid-row: 1;
         grid-row: 1;
      justify-self: center;
      -ms-grid-row-align: center;
    }

    #page-3 .text {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1/3;
      -ms-grid-row: 3;
         grid-row: 3;
    }

    #page-3 .img-3-1 {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1/3;
      -ms-grid-row: 4;
         grid-row: 4;
    }

    #page-3 .img-3-2 {
      -ms-grid-column: 1;
      grid-column: 1;
      -ms-grid-row: 2;
         grid-row: 2;
    }

    #page-3 .img-3-3 {
      -ms-grid-column: 2;
      grid-column: 2;
      -ms-grid-row: 2;
         grid-row: 2;
    }

    /* --------------------
      Swiper #page-4
    -------------------- */

    #page-4 .title {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1/3;
      -ms-grid-row: 1;
          grid-row: 1;
      justify-self: center;
      -ms-grid-row-align: center;
    }
    
    #page-4 .text {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1/3;
      -ms-grid-row: 2;
          grid-row: 2;
    }

    .img-4-1-before{
      -ms-grid-column: 1;
          grid-column: 1/2;
      -ms-grid-row: 3;
          grid-row: 3;
      margin: 1vmin;
    }

    .img-4-1{
      display: none;
      height: 0;
    }

    .img-4-1-after{
      -ms-grid-column: 2;
          grid-column: 2/3;
         -ms-grid-row: 3;
             grid-row: 3;
      margin: 1vmin;
    }

    /* --------------------
      Swiper #page-5
    -------------------- */

    #page-5 .title {
           -ms-grid-column: 1;
      -ms-grid-column-span: 2;
               grid-column: 1/3;
              -ms-grid-row: 1;
                  grid-row: 1;
            justify-self: center;
      -ms-grid-row-align: center;
    }

    #page-5 .text {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1/3;
      -ms-grid-row: 3;
         grid-row: 3;
    }

    #page-5 .img-5-1 {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1/3;
      -ms-grid-row: 2;
         grid-row: 2;
    }

    #page-5 .text-1 {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1/3;
      -ms-grid-row: 6;
         grid-row: 6;
      padding: 2vmin;
    }

    #page-5 .img-5-2 {
           -ms-grid-column: 1;
               grid-column: 1/2;
              -ms-grid-row: 4;
                  grid-row: 4;
    }

    #page-5 .img-5-3 {
           -ms-grid-column: 2;
               grid-column: 2/3;
              -ms-grid-row: 4;
                  grid-row: 4;
    }

    #page-5 .img-5-4 {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1/3;
      -ms-grid-row: 5;
         grid-row: 5;
    }


    /* --------------------
      Swiper #page-ba
    -------------------- */

    #page-ba .title {
            -ms-grid-column: 1;
      -ms-grid-column-span: 2;
                grid-column: 1/3;
              -ms-grid-row: 1;
                  grid-row: 1;
            justify-self: center;
      -ms-grid-row-align: center;
    }

    #page-ba .text {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1/3;
      -ms-grid-row: 2;
          grid-row: 2;
    }

    .img-b1, .img-a1,
    .img-b2, .img-a2,
    .img-b3, .img-a3,
    .img-b4, .img-a4,
    .img-b5, .img-a5 {
      margin: 2vmin;
    }

    .img-a6 {
      grid-column: 1/3;
    }

  /* --------------------
      Swiper #page-6
     -------------------- */
  #page-6 {
         -ms-grid-rows: 50px 140px 1fr 50px 1fr;
    grid-template-rows: 50px 140px 1fr 50px 1fr;  
  }
    #page-6 .title {
      -ms-grid-column: 1;
          grid-column: 1;
         -ms-grid-row: 1;
             grid-row: 1;
    }

    #page-6 .text {
      -ms-grid-column: 1;
      grid-column: 1;
      -ms-grid-row: 2;
      grid-row: 2;
    }

    #page-6 .img-6-1 {
      -ms-grid-column: 1;
      grid-column: 1;
      -ms-grid-row: 3;
      grid-row: 3;
    }

    #page-6 .title-1 {
      -ms-grid-column: 1;
      grid-column: 1;
      -ms-grid-row: 4;
          grid-row: 4;
    }

    #page-6 .text-1 {
      -ms-grid-column: 1;
      grid-column: 1;
      -ms-grid-row: 5;
          grid-row: 5;
      position: relative;
    }

    #logo{
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100vw;
      height: 90px;
      background-color: rgba(189, 189, 189, 0.3);
    }

  /* Swiper */
  .swiper-container {
    height: auto;
  }

  .parallax-bg {
    display: none;
  }

  .swiper-slide{
    height: auto;
  }

  .swiper-pagination,
  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }
  
  .title {
    justify-self: center;
    -ms-grid-row-align: center;    
  }

  .caption {
    font-size: 1em;
  }
}