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

.pcIb {
  display: inline-block;
}
.spIb {
  display: none;
}
.pc {
  display: block;
}
.sp {
  display: none;
}

/*ギャラリーページ*/
.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 {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06,.block07,.block08,.block09,.block10,
  .block11,.block12,.block13,.block14,.block15,.block16,.block17,.block18,.block19,.block20,.block21 {
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    height: 350px;
    h3 {
      font-size: 5rem;
      position: absolute;
      top: 130px;
      left: 10%;
    }
    a {
      position: absolute;
      width: 260px;
      right: 0;
      top: -50px;
    }
    @media (max-width: 767px) {
      height: 55vw;
      h3 {
        font-size: 2.4rem;
        top: 50px;
        left: 11%;
      }
      a {
        width: 40%;
      }
    }
  }
  .block02 {
    height: 680px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 400px;
        left: 50px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        bottom: 50px;
        left: 370px;
      }
    }
    @media (max-width: 767px) {
      height: 110vw;
      a {
        &:nth-child(1) {
          width: 50%;
          left: 5%;
        }
        &:nth-child(2) {
          width: 35%;
          bottom: 10%;
          left: 50%;
        }
      }
    }
  }
  .block03 {
    height: 680px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 400px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        bottom: 50px;
        right: 90px;
      }
    }
    @media (max-width: 767px) {
      height: 94vw;
      a {
        &:nth-child(1) {
          width: 50%;
          left: 2%;
        }
        &:nth-child(2) {
          width: 35%;
          bottom: 10%;
          right: 2%;
        }
      }
    }
  }
  .block04 {
    height: 680px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        top: -30px;
        left: 25px;
        z-index: 2;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        top: 300px;
        left: 125px;
        z-index: 1;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 90vw;
      a {
        &:nth-child(1) {
          width: 35%;
          top: -13vw;
          left: 2%;
        }
        &:nth-child(2) {
          width: 35%;
          top: 29vw;
          left: 11%;
        }
        &:nth-child(3) {
          width: 50%;
          right: 2%;
        }
      }
    }
  }
  .block05 {
    height: 610px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 100px;
        top: 200px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 74vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 7%;
          top: 15vw;
        }
        &:nth-child(2) {
          width: 50%;
          right: 2%;
        }
      }
    }
  }
  .block06 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 auto 10px;
    a {
      width: 180px;
      margin-right: 10px;
    }
    @media (max-width: 767px) {
      a {
        width: 25%;
      }
    }
  }
  .block07 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 auto 10px;
    a {
      width: 180px;
      margin-left: 10px;
    }
    @media (max-width: 767px) {
      a {
        width: 25%;
      }
    }
  }
  .block08 {
    height: 680px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 25px;
        z-index: 2;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        top: 250px;
        left: 125px;
        z-index: 1;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 84vw;
      a {
        &:nth-child(1) {
          width: 30%;
          left: 2%;
        }
        &:nth-child(2) {
          width: 30%;
          top: 28vw;
          left: 15%;
        }
        &:nth-child(3) {
          width: 50%;
          right: 2%;
        }
      }
    }
  }
  .block09 {
    height: 720px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 400px;
        left: 70px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        top: 330px;
        right: 70px;
      }
    }
    @media (max-width: 767px) {
      height: 90vw;
      a {
        &:nth-child(1) {
          width: 50%;
          left: 5%;
        }
        &:nth-child(2) {
          width: 35%;
          top: 35vw;
          right: 8%;
        }
      }
    }
  }
  .block10 {
    height: 440px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 70px;
        top: -75px;
        z-index: 2;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        top: 10px;
        left: 250px;
        z-index: 1;
      }
    }
    @media (max-width: 767px) {
      height: 60vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 5%;
          top: -16%;
        }
        &:nth-child(2) {
          width: 35%;
          top: 2%;
          left: 37%;
        }
      }
    }
  }
  .block11 {
    height: 620px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 50px;
        top: 85px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 50px;
      }
    }
    @media (max-width: 767px) {
      height: 72vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 3%;
          top: 10vw;
        }
        &:nth-child(2) {
          width: 50%;
          right: 2%;
        }
      }
    }
  }
  .block12 {
    height: 470px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 50px;
        top: -150px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        right: 245px;
        z-index: 2;
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        right: 50px;
        top: 90px;
        z-index: 1;
      }
    }
    @media (max-width: 767px) {
      height: 56vw;
      a {
        &:nth-child(1) {
          width: 30%;
          left: 3%;
          top: -12%;
        }
        &:nth-child(2) {
          width: 30%;
          right: 30%;
        }
        &:nth-child(3) {
          width: 30%;
          right: 3%;
          top: 10%;
        }
      }
    }
  }
  .block13 {
    height: 840px;
    margin-bottom: 70px;
    h3 {
      font-size: 5rem;
      position: absolute;
      bottom: 0;
      left: 10%;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 25px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        right: 138px;
        top: 200px;
        z-index: 2;
      }
      &:nth-child(4) {
        position: absolute;
        width: 230px;
        right: 25px;
        bottom: 0;
        z-index: 1;
      }
    }
    @media (max-width: 767px) {
      height: 94vw;
      margin-bottom: 15%;
      h3 {
        font-size: 2.5rem;
        left: 7%;
      }
      a {
        &:nth-child(2) {
          width: 50%;
          left: 0;
        }
        &:nth-child(3) {
          width: 30%;
          right: 16%;
          top: 15vw;
        }
        &:nth-child(4) {
          width: 30%;
          right: 0;
        }
      }
    }
  }
  .block14 {
    height: 740px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 25px;
        top: 95px;
        z-index: 2;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        left: 130px;
        top: 375px;
        z-index: 1;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 92vw;
      a {
        &:nth-child(1) {
          width: 30%;
          left: 0;
          top: 12vw;
        }
        &:nth-child(2) {
          width: 30%;
          left: 17%;
          top: 48vw;
        }
        &:nth-child(3) {
          width: 50%;
          right: 0;
        }
      }
    }
  }
  .block15 {
    height: 420px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 40px;
        top: 56px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        left: 50%;
        transform: translateX(-50%);
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        right: 40px;
        top: -130px;
      }
    }
    @media (max-width: 767px) {
      height: 58vw;
      a {
        &:nth-child(1) {
          width: 30%;
          left: 0;
          top: 10%;
        }
        &:nth-child(2) {
          width: 30%;
        }
        &:nth-child(3) {
          width: 30%;
          right: 0%;
          top: -20%;
        }
      }
    }
  }
  .block16 {
    height: 750px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 400px;
        left: 15px;
        z-index: 2;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: -60px;
        right: 15px;
        z-index: 1;
      }
    }
    @media (max-width: 767px) {
      height: 78vw;
      a {
        &:nth-child(1) {
          width: 50%;
          left: 0;
        }
        &:nth-child(2) {
          width: 50%;
          top: -12%;
          right: 0;
        }
      }
    }
  }
  .block17 {
    height: 950px;
    h3 {
      font-size: 5rem;
      position: absolute;
      top: 75px;
      right: 130px;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 25px;
        z-index: 2;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        top: 270px;
        right: 25px;
        z-index: 1;
      }
    }
    @media (max-width: 767px) {
      height: 110vw;
      h3 {
        font-size: 2.5rem;
        top: 5%;
        right: 13%;
      }
      a {
        &:nth-child(2) {
          width: 50%;
          left: 0;
        }
        &:nth-child(3) {
          width: 50%;
          top: 29%;
          right: 0;
        }
      }
    }
  }
  .block18 {
    height: 730px;
    margin-bottom: 70px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 15px;
        top: 140px;
        z-index: 2;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        left: 144px;
        bottom: 0;
        z-index: 1;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        right: 15px;
      }
    }
    @media (max-width: 767px) {
      height: 85vw;
      margin-bottom: 15%;
      a {
        &:nth-child(1) {
          width: 30%;
          left: 0;
          top: 10%;
        }
        &:nth-child(2) {
          width: 30%;
          left: 17%;
          bottom: 0;
        }
        &:nth-child(3) {
          width: 50%;
          right: 0;
        }
      }
    }
  }
  .block19 {
    height:700px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 400px;
        left: 40px;
        z-index: 2;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: 80px;
        right: 40px;
        z-index: 1;
      }
    }
    @media (max-width: 767px) {
      height: 88vw;
      a {
        &:nth-child(1) {
          width: 50%;
          left: 5%;
        }
        &:nth-child(2) {
          width: 50%;
          top: 15%;
          right: 5%;
        }
      }
    }
  }
  .block20 {
    height: 730px;
    margin-bottom: 70px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 40px;
        top: -80px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        right: 40px;
        top: 42px;
      }
      &:nth-child(4) {
        position: absolute;
        width: 230px;
        left: 40px;
        top: 290px;
        z-index: 2;
      }
      &:nth-child(5) {
        position: absolute;
        width: 230px;
        left: 230px;
        bottom: 0;
        z-index: 1;
      }
    }
    @media (max-width: 767px) {
      height: 90vw;
      margin-bottom: 15%;
      a {
        &:nth-child(1) {
          width: 30%;
          left: 2%;
          top: -14%;
        }
        &:nth-child(2) {
          width: 30%;
        }
        &:nth-child(3) {
          width: 30%;
          right: 2%;
          top: 12%;
        }
        &:nth-child(4) {
          width: 30%;
          left: 2%;
          top: 38%;
        }
        &:nth-child(5) {
          width: 30%;
          left: 30%;
          bottom: 0;
        }
      }
    }
  }
  .block21 {
    height: 750px;
    h3 {
      font-size: 5rem;
      position: absolute;
      top: 15px;
      right: 20px;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 10px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        top: 170px;
        right: 145px;
        z-index: 2;
      }
      &:nth-child(4) {
        position: absolute;
        width: 230px;
        bottom: 0;
        right: 10px;
        z-index: 1;
      }
    }
    @media (max-width: 767px) {
      height: 100vw;
      h3 {
        font-size: 2.5rem;
        top: 0;
        right: 0;
      }
      a {
        &:nth-child(2) {
          width: 50%;
          left: 0;
        }
        &:nth-child(3) {
          width: 30%;
          top: 25%;
          right: 18%;
        }
        &:nth-child(4) {
          width: 30%;
          bottom: 0;
          right: 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 {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05 {
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    height: 1010px;
    h3 {
      font-size: 4rem;
      position: absolute;
      top: 20px;
      right: 10%;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: 110px;
        left: 25px;
        z-index: 2;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        top: 360px;
        right: 25px;
        z-index: 1;
      }
    }
    @media (max-width: 767px) {
      height: 140vw;
      h3 {
        font-size: 2.4rem;
        right: 11%;
      }
      a {
        &:nth-child(2) {
          position: absolute;
          width: 50%;
          top: 25vw;
          left: 2%;
          z-index: 2;
        }
        &:nth-child(3) {
          position: absolute;
          width: 50%;
          top: 60vw;
          right: 2%;
          z-index: 1;
        }
      }
    }
  }
  .block02 {
    height: 1000px;
    a {
        position: absolute;
        width: 80%;
        right: 25px;
    }
    @media (max-width: 767px) {
      height: 120vw;
      a {
          width: 80%;
          right: 2%;
      }
    }
  }
  .block03 {
    height: 1000px;
    h3 {
      font-size: 4rem;
      position: absolute;
      top: 750px;
    }
    a {
      &:nth-child(1) {
        position: absolute;
        width: 400px;
        left: 25px;
        z-index: 2;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: 330px;
        right: 25px;
        z-index: 1;
      }
    }
    @media (max-width: 767px) {
      height: 110vw;
      h3 {
        font-size: 1.8rem;
        position: absolute;
        top: 80vw;
      }
      a {
        &:nth-child(1) {
          width: 50%;
          left: 2%;
        }
        &:nth-child(2) {
          width: 50%;
          top: 30vw;
          right: 2%;
        }
      }
    }
  }
  .block04 {
    height: 1560px;
    a {
      &:nth-child(1) {
        position: absolute;
        width:80%;
        left: 25px;
        z-index: 2;
      }
      &:nth-child(2) {
        position: absolute;
        width: 250px;
        top: 1125px;
        left: 85px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        top: 900px;
        right: 25px;
        z-index: 1;
      }
    }
    @media (max-width: 767px) {
      height: 188vw;
      a {
        &:nth-child(1) {
          left: 2%;
        }
        &:nth-child(2) {
          width: 35%;
          top: 129vw;
          left: 9%;
        }
        &:nth-child(3) {
          width: 50%;
          top: 108vw;
          right: 2%;
        }
      }
    }
  }
  .block05 {
    height: 1560px;
    a {
      &:nth-child(1) {
        position: absolute;
        width:80%;
        right: 25px;
        z-index: 1;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: 900px;
        left: 25px;
        z-index: 2;
      }
      &:nth-child(3) {
        position: absolute;
        width: 250px;
        top: 1125px;
        right: 85px;
      }
    }
    @media (max-width: 767px) {
      height: 188vw;
      a {
        &:nth-child(1) {
          width:80%;
          right: 2%;
          z-index: 1;
        }
        &:nth-child(2) {
          width: 50%;
          top: 108vw;
          left: 2%;
        }
        &:nth-child(3) {
          width: 35%;
          top: 129vw;
          right: 9%;
        }
      }
    }
  }
}

.aw03 {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06,.block07 {
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    height: 1010px;
    h3 {
      font-size: 4rem;
      position: absolute;
      top: 20px;
      right: 10%;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: 150px;
        left: 25px;
        z-index: 2;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        top: 360px;
        right: 25px;
        z-index: 1;
      }
    }
    @media (max-width: 767px) {
      height: 140vw;
      h3 {
        font-size: 1.8rem;
        right: 11%;
      }
      a {
        &:nth-child(2) {
          position: absolute;
          width: 50%;
          top: 30vw;
          left: 2%;
          z-index: 2;
        }
        &:nth-child(3) {
          position: absolute;
          width: 50%;
          top: 60vw;
          right: 2%;
          z-index: 1;
        }
      }
    }
  }
  .block02 {
    height: 1000px;
    a {
        position: absolute;
        width: 80%;
        left: 25px;
    }
    @media (max-width: 767px) {
      height: 120vw;
      a {
          width: 80%;
          left: 2%;
      }
    }
  }
  .block03 {
    height: 1500px;
    h3 {
      font-size: 4rem;
      position: absolute;
      top: 1400px;
    }
    a {
      &:nth-child(1) {
        position: absolute;
        width: 80%;
        right: 25px;
        z-index: 1;
      }
      &:nth-child(2) {
        position: absolute;
        width: 340px;
        top: 865px;
        left: 25px;
        z-index: 2;
      }
      &:nth-child(3) {
        position: absolute;
        width: 250px;
        top: 1000px;
        right: 25px;
        z-index: 2;
      }
    }
    @media (max-width: 767px) {
      height: 190vw;
      h3 {
        font-size: 1.8rem;
        position: absolute;
        top: 172vw;
      }
      a {
        &:nth-child(1) {
          width: 80%;
          right: 2%;
        }
        &:nth-child(2) {
          width: 50%;
          top: 100vw;
          left: 0;
        }
        &:nth-child(3) {
          width: 35%;
          top: 121vw;
          right: 2%;
        }
      }
    }
  }
  .block04 {
    height: 990px;
    a {
      &:nth-child(1) {
        position: absolute;
        width:80%;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 118vw;
      a {
        &:nth-child(1) {
          right: 2%;
        }
      }
    }
  }
  .block05 {
    height: 1140px;
    h3 {
      font-size: 4rem;
      position: absolute;
      top: 1040px;
      right: 0;
    }
    a {
      &:nth-child(1) {
        position: absolute;
        width:400px;
        left: 25px;
        z-index: 1;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: 310px;
        right: 25px;
        z-index: 2;
      }
      &:nth-child(3) {
        position: absolute;
        width: 250px;
        top: 655px;
        left: 70px;
      }
    }
    @media (max-width: 767px) {
      height: 142vw;
      h3 {
        font-size: 1.8rem;
        position: absolute;
        top: 124vw;
      }
      a {
        &:nth-child(1) {
          width:50%;
          left: 2%;
        }
        &:nth-child(2) {
          width: 50%;
          top: 37vw;
          right: 2%;
          z-index: 1;
        }
        &:nth-child(3) {
          width: 35%;
          top: 76vw;
          left: 6%;
        }
      }
    }
  }
  .block06 {
    height: 990px;
    a {
      &:nth-child(1) {
        position: absolute;
        width:80%;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 118vw;
      a {
        &:nth-child(1) {
          right: 2%;
        }
      }
    }
  }
  .block07 {
    height: 900px;
    a {
      &:nth-child(1) {
        position: absolute;
        width:400px;
        left: 25px;
        z-index: 1;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: 310px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 100vw;
      a {
        &:nth-child(1) {
          width:50%;
          left: 2%;
          z-index: 1;
        }
        &:nth-child(2) {
          width: 50%;
          top: 28vw;
          right: 2%;
        }
      }
    }
  }
}

.aw04 {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06,.block07 {
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    height: 1240px;
    h3 {
      font-size: 4rem;
      position: absolute;
      top: 20px;
      right: 10%;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: 150px;
        left: 25px;
        z-index: 1;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        top: 570px;
        right: 25px;
        z-index: 2;
      }
      &:last-child {
        position: absolute;
        width: 250px;
        top: 795px;
        left: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 165vw;
      h3 {
        font-size: 1.8rem;
        right: 11%;
      }
      a {
        &:nth-child(2) {
          position: absolute;
          width: 50%;
          top: 30vw;
          left: 2%;
          z-index: 1;
        }
        &:nth-child(3) {
          position: absolute;
          width: 50%;
          top: 84vw;
          right: 2%;
          z-index: 2;
        }
        &:last-child {
          position: absolute;
          width: 35%;
          top: 105vw;
          left: 2%;
        }
      }
    }
  }
  .block02 {
    height: 1000px;
    a {
        position: absolute;
        width: 80%;
        left: 25px;
    }
    @media (max-width: 767px) {
      height: 120vw;
      a {
          width: 80%;
          left: 2%;
      }
    }
  }
  .block03 {
    height: 1000px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 80%;
        right: 25px;
        z-index: 1;
      }
    }
    @media (max-width: 767px) {
      height: 120vw;
      a {
        &:nth-child(1) {
          width: 80%;
          right: 2%;
        }
      }
    }
  }
  .block04 {
    height: 1600px;
    h3 {
      font-size: 4rem;
      position: absolute;
      top: 1450px;
    }
    a {
      &:nth-child(1) {
        position: absolute;
        width: 80%;
        left: 25px;
        z-index: 1;
      }
      &:nth-child(2) {
        position: absolute;
        width: 340px;
        top: 995px;
        right: 25px;
        z-index: 2;
      }
    }
    @media (max-width: 767px) {
      height: 200vw;
      h3 {
        font-size: 1.8rem;
        position: absolute;
        top: 172vw;
      }
      a {
        &:nth-child(1) {
          width: 80%;
          left: 2%;
        }
        &:nth-child(2) {
          width: 50%;
          top: 118vw;
          right: 0;
        }
      }
    }
  }
  .block05 {
    height: 1670px;
    a {
      &:nth-child(1) {
        position: absolute;
        width:100%;
      }
      &:nth-child(2) {
        position: absolute;
        width: 250px;
        top: 1240px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 250px;
        top: 1240px;
        left: 280px;
      }
    }
    @media (max-width: 767px) {
      height: 202vw;
      a {
        &:nth-child(1) {
        }
        &:nth-child(2) {
          width: 35%;
          top: 146vw;
        }
        &:nth-child(3) {
          width: 35%;
          top: 146vw;
          left: 40%;
        }
      }
    }
  }
  .block06 {
    height: 1110px;
    h3 {
      font-size: 4rem;
      position: absolute;
      top: 990px;
      right: 0;
    }
    a {
      &:nth-child(1) {
        position: absolute;
        width:80%;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 138vw;
      h3 {
        font-size: 1.8rem;
        position: absolute;
        top: 118vw;
      }
      a {
        &:nth-child(1) {
          right: 2%;
        }
      }
    }
  }
  .block07 {
    height: 1600px;
    a {
      &:nth-child(1) {
        position: absolute;
        width:80%;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: 1000px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 187vw;
      a {
        &:nth-child(1) {
          width:80%;
          left: 2%;
        }
        &:nth-child(2) {
          width: 50%;
          top: 118vw;
          right: 2%;
        }
      }
    }
  }
}

.aw05 {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06,.block07,.block08,.block09,.block10,.block11,.block12,.block13,.block14,.block15 {
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    height: 1240px;
    h3 {
      font-size: 4rem;
      position: absolute;
      top: 20px;
      left: 10%;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: 150px;
        right: 25px;
        z-index: 1;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        top: 570px;
        left: 25px;
        z-index: 2;
      }
      &:last-child {
        position: absolute;
        width: 250px;
        top: 795px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 165vw;
      h3 {
        font-size: 1.8rem;
        left: 11%;
      }
      a {
        &:nth-child(2) {
          position: absolute;
          width: 50%;
          top: 30vw;
          right: 2%;
          z-index: 1;
        }
        &:nth-child(3) {
          position: absolute;
          width: 50%;
          top: 84vw;
          left: 2%;
          z-index: 2;
        }
        &:last-child {
          position: absolute;
          width: 35%;
          top: 105vw;
          right: 2%;
        }
      }
    }
  }
  .block02 {
    height: 670px;
    a {
        &:nth-child(1) {
          position: absolute;
          width: 250px;
          top: 150px;
          left: 25px;
        }
        &:nth-child(2) {
          position: absolute;
          width: 400px;
          top: 0;
          right: 25px;
        }
    }
    @media (max-width: 767px) {
      height: 82vw;
      a {
          &:nth-child(1) {
            position: absolute;
            width: 35%;
            top: 11vw;
            left: 2%;
          }
          &:nth-child(2) {
            position: absolute;
            width: 50%;
            right: 2%;
          }
      }
    }
  }
  .block03 {
    height: 1040px;
    a {
        width: 80%;
        margin: 0 auto;
      }
    @media (max-width: 767px) {
      height: 120vw;
      a {
          width: 80%;
      }
    }
  }
  .block04 {
    height: 670px;
    h3 {
      font-size: 4rem;
      position: absolute;
      bottom: 60px;
    }
    a {
        position: absolute;
        width: 50%;
        right: 25px;
    }
    @media (max-width: 767px) {
      height: 85vw;
      h3 {
        font-size: 1.8rem;
        position: absolute;
        bottom: 2vw;
      }
      a {
          right: 2%;
      }
    }
  }
  .block05 {
    height: 1030px;
    a {
        position: absolute;
        width: 80%;
        right: 25px;
      }
    @media (max-width: 767px) {
      height: 120vw;
      a {
          right: 2%;
        }
      }
    }
  .block06 {
    height: 730px;
    h3 {
      font-size: 4rem;
      position: absolute;
      bottom: 20px;
      right: 0;
    }
    a {
      &:nth-child(1) {
        position: absolute;
        width:50%;
        left: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 95vw;
      h3 {
        font-size: 1.8rem;
        position: absolute;
        bottom: 5vw;
      }
      a {
        &:nth-child(1) {
          left: 2%;
        }
      }
    }
  }
  .block07 {
    height: 1020px;
    a {
      &:nth-child(1) {
        width:80%;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 123vw;
    }
  }
  .block08 {
    height: 1650px;
    a {
      &:nth-child(1) {
        position: absolute;
        width:400px;
        left: 25px;
        z-index: 1;
      }
      &:nth-child(2) {
        position: absolute;
        width: 280px;
        top: 0;
        right: 25px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        top: 460px;
        right: 25px;
        z-index: 2;
      }
      &:nth-child(4) {
        position: absolute;
        width: 400px;
        top: 910px;
        left: 25px;
        z-index: 1;
      }
      &:nth-child(5) {
        position: absolute;
        width: 280px;
        top: 1090px;
        right: 25px;
      }
    }
      h3 {
        font-size: 4rem;
        position: absolute;
        bottom: 40px;
      }
    @media (max-width: 767px) {
      height: 208vw;
      h3 {
        font-size: 1.8rem;
        position: absolute;
        bottom: 3vw;
      }
      a {
        &:nth-child(1) {
          width:50%;
          left: 2%;
        }
        &:nth-child(2) {
          width: 35%;
          right: 2%;
        }
        &:nth-child(3) {
          width:50%;
          top: 56vw;
          right: 2%;
        }
        &:nth-child(4) {
          width: 50%;
          top: 110vw;
          left: 2%;
        }
        &:nth-child(5) {
          width:35%;
          top: 150vw;
          right: 2%;
        }
      }
    }
  }
  .block09 {
    height: 1020px;
    a {
      &:nth-child(1) {
        width:80%;margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 120vw;
    }
  }
  .block10 {
    height: 670px;
    a {
      &:nth-child(1) {
        position: absolute;
        width:400px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 250px;
        top: 110px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 78vw;
      a {
        &:nth-child(1) {
          width: 50%;
          left: 2%;
        }
        &:nth-child(2) {
          width: 35%;
          top: 10vw;
          right: 2%;
        }
      }
    }
  }
  .block11 {
    height: 800px;
    a {
      &:nth-child(1) {
        position: absolute;
        width:400px;
        right: 25px;
        z-index: 1;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: 110px;
        left: 25px;
      }
    }
    h3 {
      font-size: 4rem;
      position: absolute;
      bottom: 30px;
      right: 0;
    }
    @media (max-width: 767px) {
      height: 115vw;
      a {
        &:nth-child(1) {
          width: 50%;
          right: 2%;
        }
        &:nth-child(2) {
          width: 50%;
          top: 28vw;
          left: 2%;
        }
      }
      h3 {
        font-size: 1.8rem;
        bottom: 3vw;
      }
    }
  }
  .block12 {
    height: 1030px;
    a {
      &:nth-child(1) {
        position: absolute;
        width:80%;
        left: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 120vw;
      a {
        &:nth-child(1) {
          left: 2%;
        }
      }
    }
  }
  .block13 {
    height: 1100px;
    a {
      &:nth-child(1) {
        position: absolute;
        width:400px;
        right: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: 200px;
        left: 25px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 250px;
        top: 650px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 130vw;
      a {
        &:nth-child(1) {
          width: 50%;
          right: 2%;
        }
        &:nth-child(2) {
          width: 50%;
          top: 52vw;
          left: 2%;
        }
        &:nth-child(3) {
          width: 32%;
          top: 77vw;
          right: 2%;
        }
      }
    }
  }
  .block14 {
    height: 1030px;
    a {
      &:nth-child(1) {
        width:80%;
        margin: 0 auto;
      }
    }
    @media (max-width: 767px) {
      height: 120vw;
    }
  }
  .block15 {
    height: 600px;
    a {
      &:nth-child(1) {
        position: absolute;
        width:250px;
        left: 25px;
        bottom: 0;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 71vw;
      a {
        &:nth-child(1) {
          width: 32%;
          left: 2%;
        }
        &:nth-child(2) {
          width: 50%;
          right: 2%;
        }
      }
    }
  }
}