/* LESS Document */
@charset "UTF-8";

.pcIb {
  display: inline-block;
}
.spIb {
  display: none;
}
.pc {
  display: block;
  @media (max-width: 767px) {
    display: none;
  }
}
.sp {
  display: none;
  @media (max-width: 767px) {
    display: block;
  }
}

/*ギャラリーページ*/
.galleryBox {
  max-width: 800px;
  margin: 0 auto;
}
#movie {
  width: 100%;
  height: auto;
  position: relative;
  padding-bottom: 56.25%;
  margin: 0 auto 70px;
  iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  @media (max-width: 767px) {
    margin: 8% auto 12%;
  }
}
h2 {
  font-size: 2.5rem;
  justify-content: center;
  @media (max-width: 767px) {
    font-size: 1.3rem;
  }
}
.line-up-area {
  clear: both;
  background: none;
  // margin-bottom: 5%;
  padding: 0px 0px 30px;
  a {
    display: block;
    img {
      width: 100%;
      height: auto;
    }
  }
}
.aw01_o {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06,.block07,.block08,.block09,.block10,
  .block11,.block12,.block13,.block14 {
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    height: 610px;
    margin: 50px auto;
    h3 {
      position: absolute;
      right: 10%;
      width: 18%;
      img {
        width: 100%;
        height: auto;
      }
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 260px;
        top: 210px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 94vw;
      margin: 10% auto 0;
      h3 {
        top: 0;
        right: 0;
        margin: 0;
        width: 30%;
      }
      a {
        &:nth-child(2) {
          width: 54%;
          left: 0;
          top: 10vw;
        }
        &:nth-child(3) {
          width: 38%;
          top: 33%;
          right: 0;
        }
      }
    }
  }
  .block02 {
    height: 660px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 280px;
        top: 100px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 5%;
          top: 15%;
        }
        &:nth-child(2) {
          width: 50%;
          right: 0;
        }
      }
    }
  }
  .block03 {
    height: 950px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 600px;
        left: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 96vw;
      a {
        &:nth-child(1) {
          width: 65%;
          left: 0;
        }
      }
    }
  }
  .block04 {
    height: 660px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 280px;
        top: 100px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 5%;
          top: 15%;
        }
        &:nth-child(2) {
          width: 50%;
          right: 0;
        }
      }
    }
  }
  .block05 {
    height: 950px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 600px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 96vw;
      a {
        &:nth-child(1) {
          width: 65%;
          right: 0;
        }
      }
    }
  }
  .block06 {
    height: 450px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 25px;
        top: 0;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        left: 50%;
        transform: translateX(-50%);
        top: 50px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        right: 25px;
        top: 100px;
      }
    }
    @media (max-width: 767px) {
      height: 52vw;
      a {
        &:nth-child(1) {
          width: 30%;
          left: 0;
          top: 0;
        }
        &:nth-child(2) {
          width: 30%;
          left: 50%;
          top: 5%;
        }
        &:nth-child(3) {
          width: 30%;
          right: 0;
          top: 10%;
        }
      }
    }
  }
  .block07 {
    height: 650px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 50px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 270px;
        top: 180px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 50%;
          left: 0;
          top: 0;
        }
        &:nth-child(2) {
          width: 35%;
          right: 5%;
          top: 15%;
        }
      }
    }
  }
  .block08 {
    height: 750px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 270px;
        top: 180px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: 50px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 5%;
          top: 15%;
        }
        &:nth-child(2) {
          width: 50%;
          right: 0;
          top: 0;
        }
      }
    }
  }
  .block09 {
    height: 950px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 600px;
        left: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 96vw;
      a {
        &:nth-child(1) {
          width: 65%;
          left: 0;
        }
      }
    }
  }
  .block10 {
    height: 450px;
    margin-bottom: 50px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 25px;
        top: 100px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        left: 50%;
        transform: translateX(-50%);
        top: 50px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        right: 25px;
        top: 0;
      }
    }
    @media (max-width: 767px) {
      height: 52vw;
      margin-bottom: 0;
      a {
        &:nth-child(1) {
          width: 30%;
          left: 0;
          top: 10%;
        }
        &:nth-child(2) {
          width: 30%;
          left: 50%;
          top: 5%;
        }
        &:nth-child(3) {
          width: 30%;
          right: 0;
          top: 0;
        }
      }
    }
  }
  .block11 {
    height: 675px;
    margin-bottom: 50px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 450px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 250px;
        right: 25px;
        bottom: 0;
      }
    }
    @media (max-width: 767px) {
      height: 80vw;
      margin-bottom: 4%;
      a {
        &:nth-child(1) {
          width: 57%;
          left: 0;
        }
        &:nth-child(2) {
          width: 40%;
          right: 0;
          bottom: 0;
        }
      }
    }
  }
  .block12 {
    height: 650px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 72vw;
      a {
        &:nth-child(1) {
          width: 50%;
          right: 0%;
        }
      }
    }
  }
  .block13 {
    height: 750px;
    margin-bottom: 70px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        left: 25px;
        top: 370px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 450px;
        right: 25px;
        top: 80px;
      }
    }
    @media (max-width: 767px) {
      height: 109vw;
      margin-bottom: 0;
      a {
        &:nth-child(1) {
          width: 36%;
          left: 0;
        }
        &:nth-child(2) {
          width: 36%;
          left: 0;
          top: 52vw;
        }
        &:nth-child(3) {
          position: absolute;
          width: 60%;
          right: 0;
        }
      }
    }
  }
  .block14 {
    height: 940px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 500px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        z-index: 1;
        width: 300px;
        right: 25px;
        top: 465px;
      }
    }
    @media (max-width: 767px) {
      height: 150vw;
      a {
        &:nth-child(1) {
          width: 63%;
          left: 0;
        }
        &:nth-child(2) {
          width: 50%;
          right: 0;
          top: 75vw;
        }
      }
    }
  }

.credit {
  margin: 30px auto 0;
  text-align: right;
  .arrow {
    position: relative;
    display: inline-block;
    padding: 0 0 0 12px;
    vertical-align: middle;
    text-decoration: none;
    font-size: 12px;
    &::before,&::after{
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      content: "";
      vertical-align: middle;
    }
    &::before{
      left: 4px;
      box-sizing: border-box;
      width: 4px;
      height: 4px;
      border: 4px solid transparent;
      border-left: 4px solid #DB8C99;
    }
  }
}
}

.aw01_k {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06,.block07,.block08,.block09,.block10,
  .block11,.block12,.block13,.block14 {
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    height: 610px;
    margin: 50px auto;
    h3 {
      position: absolute;
      top: 0;
      right: 10%;
      width: 18%;
      img {
        width: 100%;
        height: auto;
      }
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 260px;
        top: 210px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 94vw;
      margin: 10% auto 0;
      h3 {
        top: 0;
        right: 0;
        margin: 0;
        width: 30%;
      }
      a {
        &:nth-child(2) {
          width: 54%;
          left: 0;
          top: 10vw;
        }
        &:nth-child(3) {
          width: 38%;
          top: 33%;
          right: 0;
        }
      }
    }
  }
  .block02 {
    height: 570px;
    a {
      &:nth-child(1) {
        width: 93%;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 70vw;
      a {
        &:nth-child(1) {
          width: 100%;
        }
      }
    }
  }
  .block03 {
    height: 950px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 600px;
        left: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 96vw;
      a {
        &:nth-child(1) {
          width: 65%;
          left: 0;
        }
      }
    }
  }
  .block04 {
    height: 660px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 280px;
        top: 100px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 5%;
          top: 15%;
        }
        &:nth-child(2) {
          width: 50%;
          right: 0;
        }
      }
    }
  }
  .block05 {
    height: 950px;
    a {
      &:nth-child(1) {
        width: 600px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 96vw;
      a {
        &:nth-child(1) {
          width: 65%;
        }
      }
    }
  }
  .block06 {
    height: 700px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        right: 25px;
        top: 0;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 0;
        top: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        right: 115px;
        top: 360px;
      }
    }
    @media (max-width: 767px) {
      height: 95vw;
      a {
        &:nth-child(1) {
          width: 30%;
          right: 0;
          top: 0;
        }
        &:nth-child(2) {
          width: 50%;
          left: 0;
        }
        &:nth-child(3) {
          width: 30%;
          right: 10%;
          top: 46vw;
        }
      }
    }
  }
  .block07 {
    height: 700px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 50px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 270px;
        top: 180px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 50%;
          left: 0;
          top: 0;
        }
        &:nth-child(2) {
          width: 35%;
          right: 5%;
          top: 15%;
        }
      }
    }
  }
  .block08 {
    height: 500px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 25px;
        top: 100px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        left: 50%;
        transform: translateX(-50%);
        top: 50px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        right: 25px;
        top: 0;
      }
    }
    @media (max-width: 767px) {
      height: 52vw;
      margin-bottom: 0;
      a {
        &:nth-child(1) {
          width: 30%;
          left: 0;
          top: 10%;
        }
        &:nth-child(2) {
          width: 30%;
          left: 50%;
          top: 5%;
        }
        &:nth-child(3) {
          width: 30%;
          right: 0;
          top: 0;
        }
      }
    }
  }
  .block09 {
    height: 660px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 280px;
        top: 100px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 5%;
          top: 15%;
        }
        &:nth-child(2) {
          width: 50%;
          right: 0;
        }
      }
    }
  }
  .block10 {
    height: 750px;
    margin-bottom: 70px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 450px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        right: 25px;
        top: 80px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        right: 25px;
        top: 440px;
      }
    }
    @media (max-width: 767px) {
      height: 112vw;
      margin-bottom: 0;
      a {
        &:nth-child(1) {
          width: 60%;
          left: 0;
        }
        &:nth-child(2) {
          width: 36%;
          right: 0;
          top: 3vw;
        }
        &:nth-child(3) {
          width: 36%;
          right: 0;
          top: 56vw;
        }
      }
    }
  }
  .block11 {
    height: 675px;
    margin-bottom: 50px;
    a {
      &:nth-child(1) {
        position: absolute;
        left: 25px;
        width: 250px;
        top: 100px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 85vw;
      margin-bottom: 4%;
      a {
        &:nth-child(1) {
          width: 40%;
          left: 0;
          top: 13vw;
        }
        &:nth-child(2) {
          width: 57%;
          right: 0;
        }
      }
    }
  }
  .block12 {
    height: 900px;
    a {
      &:nth-child(1) {
        width: 600px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 121vw;
      a {
        &:nth-child(1) {
          width: 80%;
        }
      }
    }
  }
  .block13 {
    height: 650px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 50px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 270px;
        top: 180px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 50%;
          left: 0;
          top: 0;
        }
        &:nth-child(2) {
          width: 35%;
          right: 5%;
          top: 15%;
        }
      }
    }
  }
  .block14 {
    height: 700px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 270px;
        top: 180px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 25px;
        top: 50px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 5%;
          top: 15%;
        }
        &:nth-child(2) {
          width: 50%;
          right: 0;
          top: 0;
        }
      }
    }
  }

.credit {
  margin: 30px auto 0;
  text-align: right;
  .arrow {
    position: relative;
    display: inline-block;
    padding: 0 0 0 12px;
    vertical-align: middle;
    text-decoration: none;
    font-size: 12px;
    &::before,&::after{
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      content: "";
      vertical-align: middle;
    }
    &::before{
      left: 4px;
      box-sizing: border-box;
      width: 4px;
      height: 4px;
      border: 4px solid transparent;
      border-left: 4px solid #DB8C99;
    }
  }
}
}

.aw02_o {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04{
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    height: 610px;
    margin: 50px auto;
    h3 {
      position: absolute;
      top: 0;
      right: 10%;
      width: 18%;
      img {
        width: 100%;
        height: auto;
      }
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 260px;
        top: 210px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 94vw;
      margin: 10% auto 0;
      h3 {
        top: 0;
        right: 4%;
        margin: 0;
        width: 30%;
      }
      a {
        &:nth-child(2) {
          width: 54%;
          left: 0;
          top: 10vw;
        }
        &:nth-child(3) {
          width: 38%;
          top: 33%;
          right: 0;
        }
      }
    }
  }
  .block02 {
    height: 660px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 280px;
        top: 100px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 5%;
          top: 15%;
        }
        &:nth-child(2) {
          width: 50%;
          right: 0;
        }
      }
    }
  }
  .block03 {
    height: 950px;
    a {
      &:nth-child(1) {
        width: 600px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 96vw;
      a {
        &:nth-child(1) {
          width: 65%;
        }
      }
    }
  }
  .block04 {
    height: 870px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 450px;
        left: 0;
        top: 0;
        z-index: 1;
      }
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        top: 150px;
        right: 0;
      }
    }
    @media (max-width: 767px) {
      height: 100vw;
      a {
        &:nth-child(1) {
          width: 55%;
        }
        &:nth-child(2) {
          width: 55%;
          top: 20vw;
        }
      }
    }
  }
}

.aw02_k {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06,.block07,.block08{
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    height: 610px;
    margin: 50px auto;
    h3 {
      position: absolute;
      top: 0;
      right: 10%;
      width: 18%;
      img {
        width: 100%;
        height: auto;
      }
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 260px;
        top: 210px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 94vw;
      margin: 10% auto 0;
      h3 {
        top: 0;
        right: 4%;
        margin: 0;
        width: 30%;
      }
      a {
        &:nth-child(2) {
          width: 54%;
          left: 0;
          top: 10vw;
        }
        &:nth-child(3) {
          width: 38%;
          top: 33%;
          right: 0;
        }
      }
    }
  }
  .block02 {
    height: 660px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 280px;
        top: 100px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 5%;
          top: 15%;
        }
        &:nth-child(2) {
          width: 50%;
          right: 0;
        }
      }
    }
  }
  .block03 {
    height: 950px;
    a {
      &:nth-child(1) {
        width: 600px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 96vw;
      a {
        &:nth-child(1) {
          width: 65%;
        }
      }
    }
  }
  .block04 {
    height: 610px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 0;
      }
      &:nth-child(2) {
        position: absolute;
        width: 260px;
        top: 210px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 94vw;
      a {
        &:nth-child(1) {
          width: 54%;
          left: 0;
          top: 10vw;
        }
        &:nth-child(2) {
          width: 38%;
          top: 33%;
          right: 0;
        }
      }
    }
  }
  .block05 {
    height: 660px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 280px;
        top: 100px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 5%;
          top: 15%;
        }
        &:nth-child(2) {
          width: 50%;
          right: 0;
        }
      }
    }
  }
  .block06 {
    height: 950px;
    a {
      &:nth-child(1) {
        width: 600px;
        margin: 0 auto 0 0;
      }
    }
    @media (max-width: 767px) {
      height: 96vw;
      a {
        &:nth-child(1) {
          width: 65%;
        }
      }
    }
  }
  .block07 {
    height: 950px;
    a {
      &:nth-child(1) {
        width: 600px;
        margin: 0 0 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 96vw;
      a {
        &:nth-child(1) {
          width: 65%;
        }
      }
    }
  }
  .block08 {
    height: 1000px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 0;
      }
      &:nth-child(2) {
        position: absolute;
        width: 260px;
        top: 210px;
        right: 25px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 260px;
        top: 630px;
        right: 200px;
      }
    }
    @media (max-width: 767px) {
      height: 153vw;
      a {
        &:nth-child(1) {
          width: 54%;
          left: 0;
          top: 10vw;
        }
        &:nth-child(2) {
          width: 38%;
          top: 40vw;
          right: 0;
        }
        &:nth-child(3) {
          width: 38%;
          top: 100vw;
          right: 30vw;
        }
      }
    }
  }
}

.aw03_o {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06,.block07,.block08{
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    height: 610px;
    margin: 50px auto;
    h3 {
      position: absolute;
      top: 0;
      right: 10%;
      width: 18%;
      img {
        width: 100%;
        height: auto;
      }
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 260px;
        top: 210px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 94vw;
      margin: 10% auto 0;
      h3 {
        top: 0;
        right: 4%;
        margin: 0;
        width: 30%;
      }
      a {
        &:nth-child(2) {
          width: 54%;
          left: 0;
          top: 10vw;
        }
        &:nth-child(3) {
          width: 38%;
          top: 33%;
          right: 0;
        }
      }
    }
  }
  .block02 {
    height: 740px;
    a {
      &:nth-child(1) {
        width: 450px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 77vw;
      a {
        &:nth-child(1) {
          width: 50%;
        }
      }
    }
  }
  .block03 {
    height: 950px;
    a {
      &:nth-child(1) {
        width: 600px;
        margin: 0 auto 0 0;
      }
    }
    @media (max-width: 767px) {
      height: 106vw;
      a {
        &:nth-child(1) {
          width: 70%;
        }
      }
    }
  }
  .block04 {
    height: 500px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 300px;
        right: 320px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 300px;
        right: 0;
      }
    }
    @media (max-width: 767px) {
      height: 57vw;
      a {
        &:nth-child(1) {
          width: 35%;
          right: 36vw;
        }
        &:nth-child(2) {
          width: 35%;
        }
      }
    }
  }
  .block05 {
    height: 950px;
    a {
      &:nth-child(1) {
        width: 600px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 106vw;
      a {
        &:nth-child(1) {
          width: 70%;
        }
      }
    }
  }
  .block06 {
    height: 660px;
    a {
      &:nth-child(1) {
        position: absolute;
        width:400px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 280px;
        top: 100px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 50%;
          left: 5%;
        }
        &:nth-child(2) {
          width: 35%;
          top: 15%;
          right: 0;
        }
      }
    }
  }
  .block07 {
    height: 950px;
    a {
      &:nth-child(1) {
        width: 600px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 106vw;
      a {
        &:nth-child(1) {
          width: 70%;
        }
      }
    }
  }
  .block08 {
    height: 730px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        left: 25px;
        top: 390px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 490px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 95vw;
      a {
        &:nth-child(1) {
          width: 30%;
          left: 5%;
        }
        &:nth-child(2) {
          width: 30%;
          left: 5%;
          top: 46vw;
        }
        &:nth-child(3) {
          width: 63%;
          right: 0;
        }
      }
    }
  }
}

.aw03_k {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06,.block07,.block08{
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    height: 610px;
    margin: 50px auto;
    h3 {
      position: absolute;
      top: 0;
      right: 10%;
      width: 18%;
      img {
        width: 100%;
        height: auto;
      }
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 260px;
        top: 210px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 94vw;
      margin: 10% auto 0;
      h3 {
        top: 0;
        right: 4%;
        margin: 0;
        width: 30%;
      }
      a {
        &:nth-child(2) {
          width: 54%;
          left: 0;
          top: 10vw;
        }
        &:nth-child(3) {
          width: 38%;
          top: 33%;
          right: 0;
        }
      }
    }
  }
  .block02 {
    height: 820px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 500px;
        left: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 94vw;
      a {
        &:nth-child(1) {
          width: 60%;
          left: 5%;
        }
      }
    }
  }
  .block03 {
    height: 670px;
    a {
      &:nth-child(1) {
        width: 400px;
        margin: 0 0 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 78vw;
      a {
        &:nth-child(1) {
          width: 50%;
        }
      }
    }
  }
  .block04 {
    height: 820px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 500px;
        left: 25px;
      }
    }
    @media (max-width: 767px) {
        height: 90vw;
        a {
          &:nth-child(1) {
            width: 60%;
            left: 5%;
          }
      }
    }
  }
  .block05 {
    height: 660px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 280px;
        top: 100px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 5%;
          top: 15%;
        }
        &:nth-child(2) {
          width: 50%;
          right: 0;
        }
      }
    }
  }
  .block06 {
    height: 950px;
    a {
      &:nth-child(1) {
        width: 600px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 96vw;
      a {
        &:nth-child(1) {
          width: 65%;
        }
      }
    }
  }
  .block07 {
    height: 520px;
    a {
      &:nth-child(1) {
        width: 300px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 63vw;
      a {
        &:nth-child(1) {
          width: 40%;
        }
      }
    }
  }
  .block08 {
    height: 700px;
    a {
      &:nth-child(1) {
        width: 400px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 73vw;
      a {
        &:nth-child(1) {
          width: 50%;
        }
      }
    }
  }
}

.aw04_o {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06,.block07{
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    height: 610px;
    margin: 50px auto;
    h3 {
      position: absolute;
      top: 0;
      right: 10%;
      width: 18%;
      img {
        width: 100%;
        height: auto;
      }
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 260px;
        top: 210px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 94vw;
      margin: 10% auto 0;
      h3 {
        top: 0;
        right: 4%;
        margin: 0;
        width: 30%;
      }
      a {
        &:nth-child(2) {
          width: 54%;
          left: 0;
          top: 10vw;
        }
        &:nth-child(3) {
          width: 38%;
          top: 33%;
          right: 0;
        }
      }
    }
  }
  .block02 {
    height: 740px;
    a {
      &:nth-child(1) {
        width: 450px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 107vw;
      a {
        &:nth-child(1) {
          width: 70%;
        }
      }
    }
  }
  .block03 {
    height: 1000px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 490px;
        right: 0;
      }
      &:nth-child(2) {
        position: absolute;
        width: 270px;
        left: 0;
        top: 110px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 270px;
        left: 0;
        top: 535px;
      }
    }
    @media (max-width: 767px) {
      height: 134vw;
      a {
        &:nth-child(1) {
          width: 55%;
        }
        &:nth-child(2) {
          width: 40%;
          top: 10vw;
        }
        &:nth-child(3) {
          width: 40%;
          top: 70vw;
        }
      }
    }
  }
  .block04 {
    height: 950px;
    a {
      &:nth-child(1) {
        width: 600px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 106vw;
      a {
        &:nth-child(1) {
          width: 70%;
        }
      }
    }
  }
  .block05 {
    height: 760px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 300px;
        left: 0;
        top: 120px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 470px;
        right: 0;
      }
    }
    @media (max-width: 767px) {
      height: 85vw;
      a {
        &:nth-child(1) {
          width: 40%;
          top: 12vw;
        }
        &:nth-child(2) {
          width: 55%;
        }
      }
    }
  }
  .block06 {
    height: 950px;
    a {
      &:nth-child(1) {
        width: 600px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 106vw;
      a {
        &:nth-child(1) {
          width: 70%;
        }
      }
    }
  }
  .block07 {
    height: 760px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 470px;
        left: 0;
      }
      &:nth-child(2) {
        position: absolute;
        width: 300px;
        right: 0;
        top: 120px;
      }
    }
    @media (max-width: 767px) {
      height: 85vw;
      a {
        &:nth-child(1) {
          width: 55%;
        }
        &:nth-child(2) {
          width: 40%;
          top: 12vw;
        }
      }
    }
  }
}

.aw04_k {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06,.block07,.block08,.block09,.block10{
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    height: 610px;
    margin: 50px auto;
    h3 {
      position: absolute;
      top: 0;
      right: 10%;
      width: 18%;
      img {
        width: 100%;
        height: auto;
      }
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 260px;
        top: 210px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 94vw;
      margin: 10% auto 0;
      h3 {
        top: 0;
        right: 4%;
        margin: 0;
        width: 30%;
      }
      a {
        &:nth-child(2) {
          width: 54%;
          left: 0;
          top: 10vw;
        }
        &:nth-child(3) {
          width: 38%;
          top: 33%;
          right: 0;
        }
      }
    }
  }
  .block02 {
    height: 510px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 300px;
        left: 0;
      }
      &:nth-child(2) {
        position: absolute;
        width: 300px;
        left: 330px;
      }
    }
    @media (max-width: 767px) {
      height: 64vw;
      a {
        &:nth-child(1) {
          width: 40%;
        }
        &:nth-child(2) {
          width: 40%;
          left: 45%;
        }
      }
    }
  }
  .block03 {
    height: 670px;
    a {
      &:nth-child(1) {
        width: 400px;
        margin: 0 0 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 78vw;
      a {
        &:nth-child(1) {
          width: 50%;
        }
      }
    }
  }
  .block04 {
    height: 820px;
    a {
      &:nth-child(1) {
        width: 500px;
        margin: 0 auto 0 0;
      }
    }
    @media (max-width: 767px) {
        height: 90vw;
        a {
          &:nth-child(1) {
            width: 60%;
          }
      }
    }
  }
  .block05 {
    height: 670px;
    a {
      &:nth-child(1) {
        width: 400px;
        margin: 0 0 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 78vw;
      a {
        &:nth-child(1) {
          width: 50%;
        }
      }
    }
  }
  .block06 {
    height: 820px;
    a {
      &:nth-child(1) {
        width: 500px;
        margin: 0 auto 0 0;
      }
    }
    @media (max-width: 767px) {
        height: 90vw;
        a {
          &:nth-child(1) {
            width: 60%;
          }
      }
    }
  }
  .block07 {
    height: 510px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 300px;
        right: 330px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 300px;
        right: 0;
      }
    }
    @media (max-width: 767px) {
      height: 64vw;
      a {
        &:nth-child(1) {
          width: 40%;
          right: 45%;
        }
        &:nth-child(2) {
          width: 40%;
        }
      }
    }
  }
  .block08 {
    height: 670px;
    a {
      &:nth-child(1) {
        width: 400px;
        margin: 0 0 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 78vw;
      a {
        &:nth-child(1) {
          width: 50%;
        }
      }
    }
  }
  .block09 {
    height: 820px;
    a {
      &:nth-child(1) {
        width: 500px;
        margin: 0 auto 0 0;
      }
    }
    @media (max-width: 767px) {
        height: 90vw;
        a {
          &:nth-child(1) {
            width: 60%;
          }
      }
    }
  }
  .block10 {
    height: 800px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 25px;
        top: 50px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        left: 25px;
        top: 450px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 490px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 95vw;
      a {
        &:nth-child(1) {
          width: 30%;
          top: 10vw;
          left: 0;
        }
        &:nth-child(2) {
          width: 30%;
          top: 56vw;
          left: 0;
        }
        &:nth-child(3) {
          width: 63%;
          right: 0;
        }
      }
    }
  }
}


.aw05_o {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06,.block07,.block08,.block09{
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    height: 610px;
    margin: 50px auto;
    h3 {
      position: absolute;
      top: 0;
      right: 10%;
      width: 18%;
      img {
        width: 100%;
        height: auto;
      }
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 260px;
        top: 210px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 94vw;
      margin: 10% auto 0;
      h3 {
        top: 0;
        right: 4%;
        margin: 0;
        width: 30%;
      }
      a {
        &:nth-child(2) {
          width: 54%;
          left: 0;
          top: 10vw;
        }
        &:nth-child(3) {
          width: 38%;
          top: 33%;
          right: 0;
        }
      }
    }
  }
  .block02 {
    height: 740px;
    a {
      &:nth-child(1) {
        width: 450px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 107vw;
      a {
        &:nth-child(1) {
          width: 70%;
        }
      }
    }
  }
  .block03 {
    height: 800px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 490px;
        right: 0;
      }
      &:nth-child(2) {
        position: absolute;
        width: 270px;
        left: 0;
        top: 110px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 270px;
        left: 0;
        top: 535px;
      }
    }
    @media (max-width: 767px) {
      height: 86vw;
      a {
        &:nth-child(1) {
          width: 55%;
        }
        &:nth-child(2) {
          width: 40%;
          top: 10vw;
        }
        &:nth-child(3) {
          width: 40%;
          top: 70vw;
        }
      }
    }
  }
  .block04 {
    height: 950px;
    a {
      &:nth-child(1) {
        width: 600px;
        margin: 0 auto 0 0;
      }
    }
    @media (max-width: 767px) {
      height: 106vw;
      a {
        &:nth-child(1) {
          width: 70%;
        }
      }
    }
  }
  .block05 {
    height: 900px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 500px;
        left: 0;
        top: 80px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 280px;
        right: 0;
      }
    }
    @media (max-width: 767px) {
      height: 85vw;
      a {
        &:nth-child(1) {
          width: 50%;
          top: 5vw;
        }
        &:nth-child(2) {
          width: 35%;
        }
      }
    }
  }
  .block06 {
    height: 950px;
    a {
      &:nth-child(1) {
        width: 600px;
        margin: 0 0 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 106vw;
      a {
        &:nth-child(1) {
          width: 70%;
        }
      }
    }
  }
  .block07 {
    height: 900px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 280px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 280px;
        left: 25px;
        top: 450px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 450px;
        right: 25px;
        top: 80px;
      }
    }
    @media (max-width: 767px) {
      height: 122vw;
      a {
        &:nth-child(1) {
          width: 38%;
          left: 0;
        }
        &:nth-child(2) {
          width: 38%;
          top: 58vw;
          left: 0;
        }
        &:nth-child(3) {
          width: 55%;
          right: 0;
          top: 10vw;
        }
      }
    }
  }
  .block08 {
    height: 950px;
    a {
      &:nth-child(1) {
        width: 600px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 106vw;
      a {
        &:nth-child(1) {
          width: 70%;
        }
      }
    }
  }
  .block09 {
    height: 900px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 490px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        right: 25px;
        top: 100px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        right: 25px;
        top: 500px;
      }
    }
    @media (max-width: 767px) {
      height: 124vw;
      a {
        &:nth-child(1) {
          width: 55%;
          left: 0;
        }
        &:nth-child(2) {
          width: 38%;
          top: 8vw;
          right: 0;
        }
        &:nth-child(3) {
          width: 38%;
          top: 64vw;
          right: 0;
        }
      }
    }
  }
}

.aw05_k {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06,.block07,.block08,.block09,.block10,.block11{
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    height: 610px;
    margin: 50px auto;
    h3 {
      position: absolute;
      top: 0;
      right: 10%;
      width: 18%;
      img {
        width: 100%;
        height: auto;
      }
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 260px;
        top: 210px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 94vw;
      margin: 10% auto 0;
      h3 {
        top: 0;
        right: 4%;
        margin: 0;
        width: 30%;
      }
      a {
        &:nth-child(2) {
          width: 54%;
          left: 0;
          top: 10vw;
        }
        &:nth-child(3) {
          width: 38%;
          top: 33%;
          right: 0;
        }
      }
    }
  }
  .block02 {
    height: 670px;
    a {
      &:nth-child(1) {
        width: 400px;
        margin: 0 0 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 98vw;
      a {
        &:nth-child(1) {
          width: 65%;
        }
      }
    }
  }
  .block03 {
    height: 670px;
    a {
      &:nth-child(1) {
        width: 400px;
        margin: 0 auto 0 0;
      }
    }
    @media (max-width: 767px) {
      height: 98vw;
      a {
        &:nth-child(1) {
          width: 65%;
        }
      }
    }
  }
  .block04 {
    height: 660px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 280px;
        top: 100px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 5%;
          top: 15%;
        }
        &:nth-child(2) {
          width: 50%;
          right: 0;
        }
      }
    }
  }
  .block05 {
    height: 670px;
    a {
      &:nth-child(1) {
        width: 400px;
        margin: 0 0 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 98vw;
      a {
        &:nth-child(1) {
          width: 65%;
        }
      }
    }
  }
  .block06 {
    height: 660px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 400px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 280px;
        top: 100px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 50%;
          left: 0;
        }
        &:nth-child(2) {
          width: 35%;
          top: 15%;
          right: 0;
        }
      }
    }
  }
  .block07 {
    height: 540px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 280px;
        left: 100px;
        top: 70px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 280px;
        right: 60px;
      }
    }
    @media (max-width: 767px) {
      height: 84vw;
      a {
        &:nth-child(1) {
          width: 40%;
          left: 6%;
          top: 20%;
        }
        &:nth-child(2) {
          width: 40%;
          right: 6%;
        }
      }
    }
  }
  .block08 {
    height: 670px;
    a {
      &:nth-child(1) {
        width: 400px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 108vw;
      a {
        &:nth-child(1) {
          width: 70%;
        }
      }
    }
  }
  .block09 {
    height: 900px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 490px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        right: 25px;
        top: 100px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        right: 25px;
        top: 500px;
      }
    }
    @media (max-width: 767px) {
      height: 144vw;
      a {
        &:nth-child(1) {
          width: 55%;
          left: 0;
        }
        &:nth-child(2) {
          width: 38%;
          top: 24vw;
          right: 0;
        }
        &:nth-child(3) {
          width: 38%;
          top: 80vw;
          right: 0;
        }
      }
    }
  }
  .block10 {
    height: 670px;
    a {
      &:nth-child(1) {
        width: 400px;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 108vw;
      a {
        &:nth-child(1) {
          width: 70%;
        }
      }
    }
  }
  .block11 {
    height: 660px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 280px;
        top: 100px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 5%;
          top: 15%;
        }
        &:nth-child(2) {
          width: 50%;
          right: 0;
        }
      }
    }
  }
}