/* オリジナルイラスト */
.original {
  position: relative;
  padding-top: 8.5vw;
  padding-bottom: 9.619vw;
  overflow: hidden;
  margin-top: 103px;
}

.original__back-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.original__inner {
  max-width: 1344px;
  padding: 0 20px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.original__sub-ttl {
  max-width: 850px;
  margin: 0 auto;
  font-size: 21px;
  line-height: 1.68;
  letter-spacing: 0.025em;
  text-align: center;
  margin-top: 47px;
}

/* イラスト */
.original__illust-box {
  max-width: 1300px;
  margin: 0 auto;
  padding-bottom: 29.3%;
  position: relative;
  margin-top: 52px;
}

.original__illust001 {
  width: 17.7%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
}
.original__illust002 {
  width: 13.1%;
  height: auto;
  position: absolute;
  top: 0;
  left: 16.9%;
}
.original__illust003 {
  width: 14.6%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 27.6%;
}
.original__illust004 {
  width: 16.3%;
  height: auto;
  position: absolute;
  top: 0;
  right: 38%;
}
.original__illust005 {
  width: 16.1%;
  height: auto;
  position: absolute;
  bottom: 0;
  right: 19.7%;
}
.original__illust006 {
  width: 17.4%;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
}
.original__illust007 {
  width: 7.9%;
  height: auto;
  position: absolute;
  bottom: 4.1%;
  right: 7.8%;
}

/* カラム */
.original__cols {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 37px;
}

.original__col {
  width: 48.6%;
  height: 475.3px;
  margin-right: 2.8%;
  background-image: url(../images/original/original-white-back.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.original__col:nth-child(even) {
  margin-right: 0;
}

.original__col:nth-child(3) {
  margin-top: 39px;
}

.original__col:last-of-type {
  margin-top: 39px;
}

.original__col-ttl-box_size001 {
  width: 43.5%;
  margin: 0 auto;
  padding-bottom: 12%;
  background-image: url(../images/original/original-ttl-back001.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.original__col-ttl-box_size002 {
  width: 24.8%;
  margin: 0 auto;
  padding-bottom: 12%;
  background-image: url(../images/original/original-ttl-back002.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.original__col-ttl-box_size003 {
  width: 55.7%;
  margin: 0 auto;
  padding-bottom: 12%;
  background-image: url(../images/original/original-ttl-back004.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.original__col-ttl-box_size004 {
  width: 55.4%;
  margin: 0 auto;
  padding-bottom: 12%;
  background-image: url(../images/original/original-ttl-back004.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.original__col-ttl-box {
  position: relative;
  margin-top: 7%;
}

.original__col-ttl {
  font-size: 30px;
  font-family: "Shippori Mincho B1", serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.original__col-content {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.7;
  font-feature-settings: "falt";
  text-align: center;
  margin-top: 15px;
}

.original__col-img {
  display: block;
  width: 60%;
  height: auto;
  border-radius: 20px;
  margin: 0 auto;
}

.original__col-img_width001 {
  width: 60%;
  height: auto;
}

.original__col-img_width002 {
  width: 62.4%;
  height: auto;
}

.original__col-img_width004 {
  width: 55%;
  height: auto;
}

/* ----------------------------------------------------- */

/* レスポンシブ */

/* ----------------------------------------------------- */

@media screen and (max-width: 1344px) {
  .original__col {
    height: 35.63vw;
  }

  .original__col-ttl {
    font-size: 2.249vw;
  }

  .original__col-content {
    font-size: 1.274vw;
    margin-top: 1.124vw;
  }
}

@media screen and (max-width: 768px) {
  .original__sub-ttl {
    max-width: 90%;
    font-size: 17.5px;
  }

  .original__cols {
    justify-content: center;
  }

  .original__col {
    width: 636px;
    height: 475.3px;
    margin-right: 0;
    margin-top: 27px;
    animation-delay: 0s !important;
  }

  .original__col:nth-child(3) {
    margin-top: 27px;
  }

  .original__col:last-of-type {
    margin-top: 27px;
  }

  .original__col-ttl {
    font-size: 30px;
  }

  .original__col-content {
    font-size: 17px;
    margin-top: 15px;
  }
}

@media screen and (max-width: 676px) {
  .original__col {
    height: 70.311vw;
    margin-top: 3.994vw;
  }

  .original__col:nth-child(3) {
    margin-top: 3.994vw;
  }

  .original__col:last-of-type {
    margin-top: 3.994vw;
  }

  .original__col-ttl {
    font-size: 4.438vw;
  }

  .original__col-content {
    font-size: 0.875em;
    margin-top: 2.219vw;
  }
}