/* makeセクション */
.make__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 38px 20px 0px;
}

.make__ttl-box {
  width: 100%;
  padding-bottom: 18.5%;
  position: relative;
}

.make__ttl {
  font-size: 40px;
  font-family: "Shippori Mincho B1", serif;
  font-weight: 600;
  white-space: nowrap;
  color: #1b1464;
  font-feature-settings: "palt";
  line-height: 1.46;
  letter-spacing: 0.04em;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

.make__ttl-pink-back {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: auto;
  z-index: 5;
  opacity: 0;
  animation-duration: 3s;
  animation-delay: 1s;
}
.make__ttl-blue-back {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: auto;
  z-index: 15;
  opacity: 0;
  animation-duration: 5s;
  animation-delay: 3s;
}
.make__ttl-yellow-back {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 88.6%;
  height: 66.5%;
  z-index: 0;
  opacity: 0;
  animation-duration: 7s;
  animation-delay: 0s;
}
.make__ttl-orange-back {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 68.4%;
  height: 75.4%;
  z-index: 25;
  opacity: 0;
  animation-duration: 6s;
  animation-delay: 3s;
}
.make__ttl-green-back {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 63.6%;
  height: 43.7%;
  z-index: 21;
  opacity: 0;
  animation-duration: 5s;
  animation-delay: 1s;
}

.make__hukidasi-box {
  max-width: 748.9px;
  height: 100%;
  margin: 0 auto;
  padding-bottom: 16%;
  background-image: url(../images/make/make-hukidasi.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  margin-top: 75px;
}

.make_hukidasi-text {
  font-size: 25px;
  line-height: 1.6;
  letter-spacing: 0.025em;
  font-family: "Shippori Mincho B1", serif;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.make__letter-box {
  max-width: 968.9px;
  margin: 0 auto;
  padding-bottom: 31%;
  background-image: url(../images/make/make-letter-back.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  margin-top: 11px;
}

.make__letter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  font-weight: bold;
  line-height: 2.3;
  letter-spacing: 0.02em;
  text-align: center;
  color: #4d4d4d;
  white-space: nowrap;
}

.make__sub-content {
  font-size: 25px;
  line-height: 1.68;
  letter-spacing: 0.025em;
  font-family: "Shippori Mincho B1", serif;
  font-weight: 600;
  text-align: center;
  margin-top: 26px;
}

.make__letter-author {
  text-align: right;
}

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

/* レスポンシブ */

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

@media screen and (max-width: 1200px) {
  .make__ttl {
    font-size: 3.35vw;
  }

  .make__hukidasi-box {
    height: 182px;
    padding-bottom: 0;
  }

  .make__letter-box {
    padding-bottom: 36.8%;
  }
}

@media screen and (max-width: 1140px) {
  .make__sub-content {
    font-size: 18px;
  }
}

@media screen and (max-width: 1000px) {
  .make__letter-text {
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 768px) {
  .make__hukidasi-box {
    margin-top: 52px;
  }

  .make__sub-content {
    margin-top: 18px;
  }
}

@media screen and (max-width: 749px) {
  .make_hukidasi-text {
    font-size: 3.4vw;
  }

  .make__hukidasi-box {
    height: 23vw;
  }
}

@media screen and (max-width: 600px) {
  .make__ttl {
    font-size: 4.5vw;
  }
}

@media screen and (max-width: 550px) {
  .make__letter-box {
    background-image: url(../images/make/make-letter-back-sp.jpg);
    padding-bottom: 106.8%;
  }

  .make__letter-text {
    font-size: 2.909vw;
    width: 87%;
    white-space: unset;
  }
}

@media screen and (max-width: 500px) {
  .make__sub-content {
    font-size: 3.6vw;
    white-space: nowrap;
  }
}