@charset "UTF-8";
#mint-guide {
  background: url(/assets/img/nft_bg.gif) repeat center top/35rem auto;
}

#mint-guide .fc-red {
  color: #d00000;
}

#mint-guide .ttl {
  margin-top: 0;
}

#mint-guide .ttl::after {
  background-image: url(/assets/img/mint_guide_ttl.png);
}

#mint-guide .inner {
  padding-top: 4rem;
}

#mint-guide .ttl + .cont {
  margin-top: 4rem;
}

#mint-guide .cont {
  height: auto;
  padding: 4.5rem 5rem 4rem;
  width: 60rem;
}

#mint-guide .cont + .cont {
  margin-top: 4rem;
}

#mint-guide h3 {
  font-size: 3rem;
  line-height: 1;
}

#mint-guide h3 span {
  margin-right: 1.7rem;
}

#mint-guide h4 {
  font-weight: 400;
}

#mint-guide h4,
#mint-guide p {
  margin-top: 3rem;
  font-size: 2rem;
  line-height: 4rem;
  text-align: left;
}

#mint-guide p.coution {
  margin-top: 1rem;
}

#mint-guide h3 + p,
#mint-guide h3 + * {
  margin-top: 4rem;
}

#mint-guide figure {
  width: 46rem;
  margin: 1.5rem auto 0;
}

#mint-guide .txt-reset {
  margin-top: 0;
}

#mint-guide .list + p {
  margin-top: 4rem;
}

#mint-guide .list {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}

#mint-guide .list li {
  position: relative;
}

#mint-guide .list + .list {
  margin-top: 1.5rem;
}

#mint-guide .list.list-step {
  width: 62rem;
  margin-left: -1rem;
}

#mint-guide .list.list-step li {
  padding-top: 20.25rem;
  width: 19rem;
  font-size: 2rem;
  text-align: center;
  background: no-repeat center top 0.8rem/auto 18.4rem;
}

#mint-guide .list.list-step li:nth-of-type(2) {
  width: 21rem;
}

#mint-guide .list.list-step li:nth-of-type(1) {
  background-image: url(/assets/img/mint_guide_step_01.png);
}

#mint-guide .list.list-step li:nth-of-type(2) {
  background-image: url(/assets/img/mint_guide_step_02.png);
}

#mint-guide .list.list-step li:nth-of-type(3) {
  background-image: url(/assets/img/mint_guide_step_03.png);
}

#mint-guide .list.list-step + p {
  margin-top: 6rem;
}

#mint-guide .list-txtimg figure {
  width: 22rem;
  float: right;
  margin-left: 1.5rem;
}

#mint-guide .step {
  margin-top: 4rem;
}

#mint-guide .txt-step {
  background-color: #f3e770;
  padding: 0.5rem 1rem;
  margin: 0 1rem 0 -1rem;
  border-radius: 0.5rem;
}

#mint-guide .list-arrow {
  margin-top: 2rem;
}

#mint-guide .list-arrow li:not(:first-of-type)::before {
  content: "";
  display: block;
  position: absolute;
  width: 6.4rem;
  height: 75%;
  background: url(/assets/img/arrow_03.png) no-repeat center center/100% auto;
  left: -6.7rem;
}

#mint-guide .list-arrow.non-allow li:not(:first-of-type)::before {
  content: none;
}

#mint-guide .list-arrow.list-reveal li:not(:first-of-type)::before {
  text-align: center;
  line-height: 32rem;
}

#mint-guide .list-arrow.list-reveal.jp li:not(:first-of-type)::before {
  content: "リビール";
}

#mint-guide .list-arrow.list-reveal.en li:not(:first-of-type)::before {
  content: "Reveal";
}

#mint-guide .list-arrow.list-reveal.kr li:not(:first-of-type)::before {
  content: "리빌";
}

#mint-guide .list-arrow.list-reveal.zh li:not(:first-of-type)::before {
  content: "揭示";
}

#mint-guide .list-arrow li:nth-of-type(3n) {
  margin: 4.5rem auto 0;
}

#mint-guide .list-arrow li figure {
  width: 26.5rem;
  margin: 0;
  text-align: center;
}

#mint-guide .list-arrow li figure figcaption {
  text-align: left;
  margin-top: 1.3rem;
  font-size: 1.6rem;
  line-height: 3rem;
}

#mint-guide .list-arrow.list-column3 li:nth-of-type(3n) {
  margin: 0;
}

#mint-guide .list-arrow.list-column3 li figure {
  width: 15.5rem;
}

#mint-guide .list-arrow.list-column3 li:not(:first-of-type)::before {
  left: -6.5rem;
}

@media screen and (max-width: 979px) {
  #mint-guide {
    padding-bottom: 20rem;
  }
  #mint-guide .inner {
    padding-top: 2rem;
  }
  #mint-guide .cont {
    padding: 2.25rem 2.5rem 2rem;
    width: 28rem;
  }
  #mint-guide .ttl + .cont {
    margin-top: 2rem;
  }
  #mint-guide h3 {
    font-size: 2rem;
  }
  #mint-guide h3 + p,
  #mint-guide h3 + * {
    margin-top: 2rem;
  }
  #mint-guide h4,
  #mint-guide p {
    margin-top: 1.5rem;
    font-size: 1.2rem;
    line-height: 2.4rem;
  }
  #mint-guide .txt-step {
    background-color: #f3e770;
    padding: 0.25rem 0.5rem;
    margin: 0 0.5rem 0 -0.5rem;
    border-radius: 0.25rem;
  }
  #mint-guide .list.list-step {
    width: 30rem;
    margin-left: -1rem;
  }
  #mint-guide .list.list-step li {
    padding-top: 10.5rem;
    width: 9rem;
    font-size: 0.9rem;
    text-align: center;
    background: no-repeat center top 0.4rem/auto 9.2rem;
  }
  #mint-guide .list.list-step li:nth-of-type(2) {
    width: 10rem;
  }
  #mint-guide .list.list-step + p {
    margin-top: 3rem;
  }
  #mint-guide .step {
    margin-top: 2rem;
  }
  #mint-guide .list-arrow {
    margin-top: 1rem;
  }
  #mint-guide .list-arrow li figure figcaption {
    margin-top: 0.65rem;
    font-size: 1rem;
    line-height: 2rem;
  }
  #mint-guide .list-arrow li:nth-of-type(3n),
  #mint-guide .list-arrow li {
    margin: auto;
  }
  #mint-guide .list-arrow li:nth-of-type(3n),
  #mint-guide .list-arrow li + li {
    margin-top: 3rem;
  }
  #mint-guide .list + .list {
    margin-top: 3rem;
  }
  #mint-guide .list-arrow li:not(:first-of-type)::before {
    width: 100%;
    height: 2.825rem;
    background-size: auto 100%;
    left: 0;
    top: -2.2rem;
    transform: rotate(90deg);
  }
  #mint-guide .list + p {
    margin-top: 2rem;
  }
  #mint-guide figure {
    width: 28rem;
    margin: 0.75rem auto 0;
  }
  #mint-guide .list-arrow.list-column3 li figure {
    width: 26.5rem;
  }
  #mint-guide .list-arrow.list-column3 li figure img {
    width: 15.5rem;
  }
  #mint-guide .list-arrow.list-column3 li:not(:first-of-type)::before {
    left: 0;
  }
  #mint-guide .list-arrow.list-column3 li:nth-of-type(3n) {
    margin-top: 3rem;
  }
  #mint-guide .list-txtimg figure {
    width: 13rem;
  }
  #mint-guide .list-arrow.list-reveal li {
    margin: 0;
  }
  #mint-guide .list-arrow.list-reveal li figure {
    width: 11.5rem;
  }
  #mint-guide .list-arrow.list-reveal li:not(:first-of-type)::before {
    transform: rotate(0deg);
    left: -8.3rem;
    top: 3rem;
    line-height: 8rem;
    font-size: 1rem;
  }
}

/*# sourceMappingURL=mint_guide.css.map */