/* 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;
    }
  }
}
.ss01 {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06,.block07,.block08,.block09,.block10,
  .block11,.block12,.block13,.block14,.block15,.block16,.block17,.block18,.block19,.block20 {
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    height: 710px;
    margin: 50px auto;
    h3 {
      position: absolute;
      top: 0;
      left: 10%;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 100px;
      }
      &:nth-child(3) {
        position: absolute;
        z-index: 1;
        width: 220px;
        top: 100px;
        right: 90px;
      }
      &:nth-child(4) {
        position: absolute;
        width: 220px;
        bottom: 0;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 98vw;
      h3 {
        top: 0;
        left: 0;
        margin: 0;
        width: 40%;
      }
      a {
        &:nth-child(2) {
          width: 50%;
          left: 0;
          top: 28%;
        }
        &:nth-child(3) {
          position: absolute;
          z-index: 1;
          width: 30%;
          top: 22%;
          right: 17%;
        }
        &:nth-child(4) {
          position: absolute;
          width: 30%;
          bottom: 0;
          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: 10%;
        }
        &:nth-child(2) {
          width: 50%;
          bottom: 10%;
          right: 5%;
        }
      }
    }
  }
  .block03 {
    height: 660px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 400px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        top: 40px;
        right: 25px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        bottom: -100px;
        right: 100px;
      }
    }
    @media (max-width: 767px) {
      height: 96vw;
      a {
        &:nth-child(1) {
          width: 50%;
          left: 0;
        }
        &:nth-child(2) {
          width: 35%;
          top: 5%;
          right: 0;
        }
        &:nth-child(3) {
          width: 35%;
          bottom: -15%;
          right: 10%;
        }
      }
    }
  }
  .block04 {
    height: 1050px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 250px;
        top: -20px;
        left: 85px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: 380px;
        left: 25px;
        z-index: 1;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        top: 250px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 150vw;
      a {
        &:nth-child(1) {
          width: 35%;
          top: -13vw;
          left: 2%;
        }
        &:nth-child(2) {
          width: 53%;
          top: 40vw;
          left: 0;
        }
        &:nth-child(3) {
          width: 53%;
          top: 40%;
          right: 0;
        }
      }
    }
  }
  .block05 {
    height: 500px;
    h3 {
      position: absolute;
      bottom: 70px;
      right: 10%;
    }
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 25px;
        bottom: 50px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        left: 50%;
        transform: translateX(-50%);
        top: 50px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 74vw;
      h3 {
        bottom: 7%;
        right: 2%;
      }
      a {
        &:nth-child(1) {
          width: 30%;
          left: 0;
          bottom: 18%;
        }
        &:nth-child(2) {
          width: 30%;
          left: 50%;
          transform: translateX(-50%);
          top: 10%;
        }
        &:nth-child(3) {
          width: 30%;
          right: 0;
        }
      }
    }
  }
  .block06 {
    a {
      width: 80%;
      margin: 0 auto 50px;
    }
    @media (max-width: 767px) {
      a {
      }
    }
  }
  .block07 {
    height: 1130px;
    h3 {
      position: absolute;
      bottom: 50px;
      left: 10%;
    }
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 25px;
        top: 0;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 0;
        top: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        left: 0;
        top: 400px;
      }
      &:nth-child(4) {
        position: absolute;
        width: 230px;
        right: 25px;
        bottom: 100px;
      }
    }
    @media (max-width: 767px) {
      height: 170vw;
      h3 {
        bottom: 10%;
        left: 2%;
        margin: 0;
      }
      a {
        &:nth-child(1) {
          width: 35%;
          left: 0;
          top: 0;
        }
        &:nth-child(2) {
          width: 53%;
          right: 0;
          top: 0;
        }
        &:nth-child(3) {
          width: 53%;
          left: 0;
          top: 33%;
        }
        &:nth-child(4) {
          width: 35%;
          right: 0;
          bottom: 23%;
        }
      }
    }
  }
  .block08 {
    margin: 0 auto 50px;
    a {
      width: 80%;
      margin: 0 auto 50px;
    }
    @media (max-width: 767px) {
      a {
      }
    }
  }
  .block09 {
    height: 1100px;
    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: 400px;
        right: 0;
        top: 400px;
      }
      &:nth-child(4) {
        position: absolute;
        width: 230px;
        left: 25px;
        bottom: 100px;
      }
    }
    @media (max-width: 767px) {
      height: 140vw;
      a {
        &:nth-child(1) {
          width: 35%;
          right: 0;
          top: 0;
        }
        &:nth-child(2) {
          width: 53%;
          left: 0;
          top: 0;
        }
        &:nth-child(3) {
          width: 53%;
          right: 0;
          top: 41%;
        }
        &:nth-child(4) {
          width: 35%;
          left: 0;
          bottom: 6%;
        }
      }
    }
  }
  .block10 {
    height: 570px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 25px;
        bottom: 50px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        left: 50%;
        transform: translateX(-50%);
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 55vw;
      a {
        &:nth-child(1) {
          width: 30%;
          left: 0;
          bottom:0;
        }
        &:nth-child(2) {
          width: 30%;
          left: 50%;
          transform: translateX(-50%);
        }
        &:nth-child(3) {
          width: 30%;
          right: 0;
        }
      }
    }
  }
  .block11 {
    height: 650px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 250px;
        left: 50px;
        top: 85px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 72vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 2%;
          top: 10vw;
        }
        &:nth-child(2) {
          width: 50%;
          right: 2%;
        }
      }
    }
  }
  .block12 {
    height: 680px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 400px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 250px;
        right: 25px;
        top: 85px;
      }
    }
    @media (max-width: 767px) {
      height: 72vw;
      a {
        &:nth-child(1) {
          width: 50%;
          left: 2%;
        }
        &:nth-child(2) {
          width: 35%;
          right: 2%;
          top: 10vw;
        }
      }
    }
  }
  .block13 {
    margin-bottom: 70px;
    h3 {
      text-align: right;
      margin-bottom: 50px;
    }
    a {
      width: 80%;
      margin: 0 auto 50px;
    }
    @media (max-width: 767px) {
      margin-bottom: 15%;
      h3 {
        margin-bottom: 10%;
      }
      a {
        
      }
    }
  }
  .block14 {
    height: 740px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 400px;
        left: 25px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 250px;
        right: 25px;
        top: 85px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 50%;
          left: 2%;
        }
        &:nth-child(2) {
          width: 35%;
          right: 2%;
          top: 10vw;
        }
      }
    }
  }
  .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: -100px;
      }
    }
    @media (max-width: 767px) {
      height: 62vw;
      a {
        &:nth-child(1) {
          width: 30%;
          left: 0;
          top: 10%;
        }
        &:nth-child(2) {
          width: 30%;
        }
        &:nth-child(3) {
          width: 30%;
          right: 0%;
          top: -10%;
        }
      }
    }
  }
  .block16 {
    height: 750px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 250px;
        left: 50px;
        top: 85px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 75vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 2%;
          top: 10vw;
        }
        &:nth-child(2) {
          width: 50%;
          right: 2%;
        }
      }
    }
  }
  .block17 {
    height: 450px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 40px;
        top: -100px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        left: 50%;
        transform: translateX(-50%);
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        right: 40px;
        top: 56px;
      }
    }
    @media (max-width: 767px) {
      height: 62vw;
      a {
        &:nth-child(1) {
          width: 30%;
          left: 0;
          top: -10%;
        }
        &:nth-child(2) {
          width: 30%;
        }
        &:nth-child(3) {
          width: 30%;
          right: 0%;
          top: 10%;
        }
      }
    }
  }
  .block18 {
    height: 1100px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 25px;
        top: 0;
      }
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        right: 0;
        top: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        left: 0;
        top: 400px;
      }
      &:nth-child(4) {
        position: absolute;
        width: 230px;
        right: 25px;
        bottom: 100px;
      }
    }
    @media (max-width: 767px) {
      height: 140vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 0;
          top: 0;
        }
        &:nth-child(2) {
          width: 53%;
          right: 0;
          top: 0;
        }
        &:nth-child(3) {
          width: 53%;
          left: 0;
          top: 40%;
        }
        &:nth-child(4) {
          width: 35%;
          right: 0;
          bottom: 7%;
        }
      }
    }
  }
  .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;
    h3 {
      position: absolute;
      top: 55px;
      right: 20%;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: 0;
        left: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 230px;
        right: 150px;
        top: 190px;
      }
      &:nth-child(4) {
        position: absolute;
        width: 230px;
        right: 0;
        top: 430px;
        z-index: 2;
      }
    }
    @media (max-width: 767px) {
      height: 100vw;
      margin-bottom: 15%;
      h3 {
        top: 0;
        right: 15%;
      }
      a {
        &:nth-child(2) {
          width: 50%;
          top: 0;
          left: 0;
        }
        &:nth-child(3) {
          width: 35%;
          right: 0;
          top: 20%;
        }
        &:nth-child(4) {
          width: 35%;
          right: 26%;
          top: 50%;
          z-index: 2;
        }
      }
    }
  }

.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;
    }
  }
}
}

.ss02 {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04{
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    margin-top: 50px;
    height: 950px;
    h3 {
      position: absolute;
      top: 0;
      left: 0;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        top: 80px;
        left: 25px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 260px;
        top: 500px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 140vw;
      a {
        &:nth-child(2) {
          width: 57%;
          top: 22vw;
          left: 0%;
        }
        &:nth-child(3) {
          width: 38%;
          top: 80vw;
          right: 0%;
        }
      }
    }
  }
  .block02 {
    height: 1280px;
    h3 {
      position: absolute;
      top: 0;
      right: 150px;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        top: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 280px;
        top: 100px;
        right: 60px;
        z-index: 2;
      }
      &:nth-child(4) {
        position: absolute;
        width: 280px;
        top: 480px;
        right: 0;
        z-index: 1;
      }
      &:nth-child(5) {
        position: absolute;
        width: 400px;
        top: 630px;
        left: 90px;
      }
    }
    @media (max-width: 767px) {
      height: 155vw;
      h3 {
        right: 10vw;
      }
      a {
        &:nth-child(2) {
          width: 50%;
          top: 0;
          left: 0;
        }
        &:nth-child(3) {
          width: 30%;
          top: 22vw;
          right: 14%;
        }
        &:nth-child(4) {
          width: 30%;
          top: 60vw;
          right: 0;
        }
        &:nth-child(5) {
          width: 50%;
          top: 75vw;
          left: 14%;
        }
      }
    }
  }
  .block03 {
    height: 1080px;
    h3 {
      position: absolute;
      top: 50px;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 25px;
        top: 200px;
        z-index: 2;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        top: 0;
        right: 25px;
        z-index: 1;
      }
      &:nth-child(4) {
        position: absolute;
        width: 250px;
        top: 650px;
        right: 70px;
      }
    }
    @media (max-width: 767px) {
      height: 130vw;
      h3 {
        font-size: 1.8rem;
        position: absolute;
        top: 5vw;
        width: 45%;
        img {
          width: 100%;
          height: auto;
        }
      }
      a {
        &:nth-child(2) {
          width: 50%;
          top: 30vw;
          left: 2%;
        }
        &:nth-child(3) {
          width: 50%;
          right: 2%;
        }
        &:nth-child(4) {
          width: 30%;
          top: 80vw;
          right: 8%;
        }
      }
    }
  }
  .block04 {
    a {
        width:80%;
        margin: 0 auto;
    }
  }
}

.ss03 {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06{
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    margin-top: 50px;
    height: 850px;
    h3 {
      position: absolute;
      top: 0;
      left: 0;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        top: 80px;
        left: 25px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 300px;
        top: 306px;
        right: 25px;
      }
    }
    @media (max-width: 767px) {
      height: 115vw;
      a {
        &:nth-child(2) {
          width: 57%;
          top: 22vw;
          left: 0%;
        }
        &:nth-child(3) {
          width: 43%;
          top: 42vw;
          right: 0%;
        }
      }
    }
  }
  .block02 {
    height: 530px;
    h3 {
      position: absolute;
      bottom: 80px;
      left: 0;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 300px;
        top: 0;
        left: 200px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 300px;
        top: 0;
        right: 0;
      }
    }
    @media (max-width: 767px) {
      height: 54vw ;
      h3 {
        left: 0;
        bottom: 8vw;
      }
      a {
        &:nth-child(2) {
          width: 30%;
          top: 0;
          left: 38vw;
        }
        &:nth-child(3) {
          width: 30%;
          top: 0;
          right: 0%;
        }
      }
    }
  }
  .block03 {
    height: 950px;
    h3 {
      position: absolute;
      bottom: 50px;
      right: 0;
    }
    a {
      &:nth-child(1) {
        position: absolute;
        width: 450px;
        right: 0;
        top: 0;
      }
      &:nth-child(2) {
        position: absolute;
        width: 280px;
        top: 40px;
        left: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 280px;
        top: 460px;
        left: 0;
      }
    }
    @media (max-width: 767px) {
      height: 105vw;
      h3 {
        bottom: 8vw;
        width: 60%;
        img {
          width: 100%;
          height: auto;
        }
      }
      a {
        &:nth-child(1) {
          width: 50%;
        }
        &:nth-child(2) {
          width: 30%;
          top: 10vw;
        }
        &:nth-child(3) {
          width: 30%;
          top: 52vw;
        }
      }
    }
  }
  .block04 {
    height: 1100px;
    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: 400px;
        right: 0;
        top: 400px;
      }
      &:nth-child(4) {
        position: absolute;
        width: 230px;
        left: 25px;
        bottom: 100px;
      }
    }
    @media (max-width: 767px) {
      height: 140vw;
      a {
        &:nth-child(1) {
          width: 35%;
          right: 0;
          top: 0;
        }
        &:nth-child(2) {
          width: 53%;
          left: 0;
          top: 0;
        }
        &:nth-child(3) {
          width: 53%;
          right: 0;
          top: 41%;
        }
        &:nth-child(4) {
          width: 35%;
          left: 0;
          bottom: 6%;
        }
      }
    }
  }
  .block05 {
    height: 1260px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 450px;
        right: 0;
        top: 0;
        z-index: 1;
      }
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        left: 0;
        top: 500px;
        z-index: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 250px;
        right: 0;
        bottom: 50px;
      }
    }
    @media (max-width: 767px) {
      height: 140vw;
      a {
        &:nth-child(1) {
          width: 53%;
        }
        &:nth-child(2) {
          width: 53%;
          top: 55vw;
        }
        &:nth-child(3) {
          width: 30%;
          bottom: 8vw;
        }
      }
    }
  }
  .block06 {
    height: 1200px;
    h3 {
      position: absolute;
      top: 50px;
      right: 0;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        left: 0;
        top: 0;
        z-index: 1;
      }
      &:nth-child(3) {
        position: absolute;
        width: 450px;
        right: 0;
        top: 500px;
        z-index: 0;
      }
      &:nth-child(4) {
        position: absolute;
        width: 250px;
        left: 0;
        bottom: 0;
      }
    }
    @media (max-width: 767px) {
      height: 140vw;
      h3 {
        top: 5vw;
        width: 44%;
        img {
          width: 100%;
          height: auto;
        }
      }
      a {
        &:nth-child(2) {
          width: 53%;
        }
        &:nth-child(3) {
          width: 53%;
          top: 55vw;
        }
        &:nth-child(4) {
          width: 30%;
        }
      }
    }
  }
}

.ss04 {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06{
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    margin-top: 50px;
    height: 850px;
    h3 {
      position: absolute;
      top: 0;
      left: 0;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        top: 90px;
        left: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 300px;
        top: 200px;
        right: 0px;
      }
    }
    @media (max-width: 767px) {
      height: 100vw;
      h3 {
        width: 70%;
        img {
          width: 100%;
          height: auto;
        }
      }
      a {
        &:nth-child(2) {
          width: 50%;
          top: 22vw;
          left: 0%;
        }
        &:nth-child(3) {
          width: 35%;
          top: 35vw;
          right: 0%;
        }
      }
    }
  }
  .block02 {
    height: 750px;
    h3 {
      position: absolute;
      top: 280px;
      left: 0;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        top: 0;
        right: 0;
      }
    }
    @media (max-width: 767px) {
      height: 80vw ;
      h3 {
        top: 100px;
      }
      a {
        &:nth-child(2) {
          width: 50%;
        }
      }
    }
  }
  .block03 {
    height: 750px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 450px;
        left: 0;
        top: 0;
      }
    }
    @media (max-width: 767px) {
      height: 80vw;
      a {
        &:nth-child(1) {
          width: 50%;
        }
      }
    }
  }
  .block04 {
    height: 750px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 0;
        top: 200px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        right: 0;
        top: 0;
      }
    }
    @media (max-width: 767px) {
      height: 88vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 0;
          top: 13vw;
        }
        &:nth-child(2) {
          width: 53%;
          right: 0;
          top: 0;
        }
      }
    }
  }
  .block05 {
    height: 1180px;
    h3 {
      position: absolute;
      top: 150px;
      right: 100px;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        left: 0;
        top: 0;
        z-index: 1;
      }
      &:nth-child(3) {
        position: absolute;
        width: 450px;
        right: 0;
        top: 430px;
        z-index: 0;
      }
      &:nth-child(4) {
        position: absolute;
        width: 250px;
        left: 0;
        bottom: 75px;
      }
    }
    @media (max-width: 767px) {
      height: 140vw;
      h3 {
        top: 5vw;
        width: 30%;
        right: 0;
        img {
          width: 100%;
          height: auto;
        }
      }
      a {
        &:nth-child(2) {
          width: 53%;
        }
        &:nth-child(3) {
          width: 53%;
          top: 55vw;
        }
        &:nth-child(4) {
          width: 30%;
          bottom: 8vw;
        }
      }
    }
  }
  .block06 {
    height: 1200px;
    h3 {
      position: absolute;
      bottom: 160px;
      left: 100px;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 0;
        top: 0;
        z-index: 1;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        right: 0;
        top: 500px;
        z-index: 0;
      }
    }
    @media (max-width: 767px) {
      height: 130vw;
      h3 {
        bottom: 15vw;
        left: 0;
        width: 30%;
        img {
          width: 100%;
          height: auto;
        }
      }
      a {
        &:nth-child(2) {
          width: 50%;
        }
        &:nth-child(3) {
          width: 50%;
          top: 55vw;
        }
      }
    }
  }
}

.ss05 {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06{
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    margin-top: 50px;
    height: 850px;
    h3 {
      position: absolute;
      top: 0;
      left: 0;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        top: 90px;
        left: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 300px;
        top: 200px;
        right: 0px;
      }
    }
    @media (max-width: 767px) {
      height: 100vw;
      h3 {
        width: 50%;
        img {
          width: 100%;
          height: auto;
        }
      }
      a {
        &:nth-child(2) {
          width: 50%;
          top: 22vw;
          left: 0%;
        }
        &:nth-child(3) {
          width: 35%;
          top: 35vw;
          right: 0%;
        }
      }
    }
  }
  .block02 {
    height: 750px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 450px;
        top: 0;
        right: 0;
      }
    }
    @media (max-width: 767px) {
      height: 80vw ;
      a {
        &:nth-child(1) {
          width: 50%;
        }
      }
    }
  }
  .block03 {
    height: 750px;
    h3 {
      position: absolute;
      top: 280px;
      right: 0;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        left: 0;
        top: 0;
      }
    }
    @media (max-width: 767px) {
      height: 80vw;
      h3 {
        top: 100px;
        width: 45%;
        img {
          width: 100%;
          height: auto;
        }
      }
      a {
        &:nth-child(2) {
          width: 50%;
        }
      }
    }
  }
  .block04 {
    height: 750px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 0;
        top: 200px;
      }
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        right: 0;
        top: 0;
      }
    }
    @media (max-width: 767px) {
      height: 88vw;
      a {
        &:nth-child(1) {
          width: 35%;
          left: 0;
          top: 13vw;
        }
        &:nth-child(2) {
          width: 53%;
          right: 0;
          top: 0;
        }
      }
    }
  }
  .block05 {
    height: 1180px;
    h3 {
      position: absolute;
      top: 150px;
      right: 100px;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        left: 0;
        top: 0;
        z-index: 1;
      }
      &:nth-child(3) {
        position: absolute;
        width: 450px;
        right: 0;
        top: 430px;
        z-index: 0;
      }
      &:nth-child(4) {
        position: absolute;
        width: 250px;
        left: 0;
        bottom: 75px;
      }
    }
    @media (max-width: 767px) {
      height: 140vw;
      h3 {
        top: 5vw;
        width: 30%;
        right: 0;
        img {
          width: 100%;
          height: auto;
        }
      }
      a {
        &:nth-child(2) {
          width: 53%;
        }
        &:nth-child(3) {
          width: 53%;
          top: 55vw;
        }
        &:nth-child(4) {
          width: 30%;
          bottom: 8vw;
        }
      }
    }
  }
  .block06 {
    height: 1250px;
    h3 {
      position: absolute;
      bottom: 250px;
      left: 100px;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 400px;
        left: 0;
        top: 0;
        z-index: 1;
      }
      &:nth-child(3) {
        position: absolute;
        width: 400px;
        right: 0;
        top: 630px;
        z-index: 0;
      }
    }
    @media (max-width: 767px) {
      height: 150vw;
      h3 {
        bottom: 30vw;
        left: 8vw;
        width: 30%;
        img {
          width: 100%;
          height: auto;
        }
      }
      a {
        &:nth-child(2) {
          width: 50%;
        }
        &:nth-child(3) {
          width: 50%;
          top: 75vw;
        }
      }
    }
  }
}

.ss06 {
  margin: 0 auto 5%;
  .block01,.block02,.block03,.block04,.block05,.block06,.block07,.block08,.block09{
    position: relative;
  }
  a.main {
    width: 80%;
    margin: 0 auto;
  }
  .block01 {
    margin-top: 50px;
    height: 850px;
    h3 {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        top: 90px;
        left: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 300px;
        top: 200px;
        right: 0px;
      }
    }
    @media (max-width: 767px) {
      height: 100vw;
      margin-top: 10%;
      h3 {
        width: 80%;
        img {
          width: 100%;
          height: auto;
        }
      }
      a {
        &:nth-child(2) {
          width: 50%;
          top: 22vw;
          left: 0%;
        }
        &:nth-child(3) {
          width: 35%;
          top: 35vw;
          right: 0%;
        }
      }
    }
  }
  .block02 {
    height: 750px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 450px;
        top: 0;
        right: 0;
      }
    }
    @media (max-width: 767px) {
      height: 80vw ;
      a {
        &:nth-child(1) {
          width: 50%;
        }
      }
    }
  }
  .block03 {
    height: 850px;
    h3 {
      position: absolute;
      top: 0;
      left: 0;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        top: 90px;
        left: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 300px;
        top: 200px;
        right: 0px;
      }
    }
    @media (max-width: 767px) {
      height: 100vw;
      h3 {
        width: 50%;
        img {
          width: 100%;
          height: auto;
        }
      }
      a {
        &:nth-child(2) {
          width: 50%;
          top: 22vw;
          left: 0%;
        }
        &:nth-child(3) {
          width: 35%;
          top: 35vw;
          right: 0%;
        }
      }
    }
  }
  .block04 {
    height: 750px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 230px;
        left: 0;
        top: 0;
      }
      &:nth-child(2) {
        position: absolute;
        width: 230px;
        left: 100px;
        top: 320px;
      }
      &:nth-child(3) {
        position: absolute;
        width: 450px;
        right: 0;
        top: 0;
      }
    }
    @media (max-width: 767px) {
      height: 88vw;
      a {
        &:nth-child(1) {
          width: 28%;
          left: 0;
          top: 0;
        }
        &:nth-child(2) {
          width: 28%;
          left: 15vw;
          top: 35vw;
        }
        &:nth-child(3) {
          width: 53%;
          right: 0;
          top: 0;
        }
      }
    }
  }
  .block05 {
    height: 1180px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 450px;
        left: 0;
        top: 0;
        z-index: 1;
      }
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        right: 0;
        top: 430px;
        z-index: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 250px;
        left: 0;
        bottom: 75px;
      }
    }
    @media (max-width: 767px) {
      height: 140vw;
      a {
        &:nth-child(1) {
          width: 53%;
        }
        &:nth-child(2) {
          width: 53%;
          top: 55vw;
        }
        &:nth-child(3) {
          width: 30%;
          bottom: 8vw;
        }
      }
    }
  }
  .block06 {
    height: 850px;
    h3 {
      position: absolute;
      top: 0;
      right: 50px;
    }
    a {
      &:nth-child(2) {
        position: absolute;
        width: 450px;
        top: 90px;
        left: 0;
      }
      &:nth-child(3) {
        position: absolute;
        width: 300px;
        top: 150px;
        right: 0;
      }
    }
    @media (max-width: 767px) {
      height: 110vw;
      h3 {
        width: 44%;
        right: 0;
        img {
          width: 100%;
          height: auto;
        }
      }
      a {
        &:nth-child(2) {
          width: 56%;
          top: 20vw;
          left: 0;
        }
        &:nth-child(3) {
          width: 35%;
          top: 30vw;
          right: 0;
        }
      }
    }
  }
  .block07 {
    height: 750px;
    h3 {
      position: absolute;
      top: 0;
      left: 0;
    }
    a {
      &:nth-child(1) {
        position: absolute;
        width: 450px;
        top: 0;
        right: 0;
      }
      &:nth-child(2) {
        position: absolute;
        width: 300px;
        top: 150px;
        left: 0px;
      }
    }
    @media (max-width: 767px) {
      height: 90vw;
      h3 {
        width: 50%;
        img {
          width: 100%;
          height: auto;
        }
      }
      a {
        &:nth-child(1) {
          width: 56%;
          top: 0;
          right: 0;
        }
        &:nth-child(2) {
          width: 35%;
          top: 15vw;
          left: 0%;
        }
      }
    }
  }
  .block08 {
    height: 750px;
    h3 {
      position: absolute;
      top: 0;
      left: 0;
    }
    a {
      &:nth-child(1) {
        position: absolute;
        width: 450px;
        top: 0;
        left: 0;
      }
      &:nth-child(2) {
        position: absolute;
        width: 300px;
        top: 150px;
        right: 0;
      }
    }
    @media (max-width: 767px) {
      height: 90vw;
      h3 {
        width: 50%;
        img {
          width: 100%;
          height: auto;
        }
      }
      a {
        &:nth-child(1) {
          width: 56%;
          top: 0;
          left: 0;
        }
        &:nth-child(2) {
          width: 35%;
          top: 15vw;
          right: 0;
        }
      }
    }
  }
  .block09 {
    height: 750px;
    a {
      &:nth-child(1) {
        position: absolute;
        width: 450px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
      }
    }
    @media (max-width: 767px) {
      height: 120vw;
      a {
        &:nth-child(1) {
          width: 75%;
        }
      }
    }
  }
}