.p-intro__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-intro__main {
  position: relative;
}

@media screen and (min-width: 1001px) {
  .p-intro__main {
    padding-top: 30px;
    padding-bottom: 112px;
  }
}

.p-intro__catch {
  font-size: 4.7vw;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1;
}

@media screen and (min-width: 1001px) {
  .p-intro__catch {
    font-size: 28px;
    letter-spacing: 0.14em;
    line-height: 1;
  }
}

.p-intro__catch-inner {
  display: block;
}

@media screen and (min-width: 1001px) {
  .is-scroll .p-intro__catch-inner:nth-child(1) {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
}

@media screen and (max-width: 1000px) {
  .is-scroll .p-intro__catch-inner:nth-child(1) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
  }
}

@media screen and (min-width: 1001px) {
  .is-scroll .p-intro__catch-inner:nth-child(2) {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
}

@media screen and (max-width: 1000px) {
  .is-scroll .p-intro__catch-inner:nth-child(2) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
}

@media screen and (min-width: 1001px) {
  .is-scroll .p-intro__catch-inner:nth-child(3) {
    -webkit-transition-delay: 0.75s;
            transition-delay: 0.75s;
  }
}

@media screen and (max-width: 1000px) {
  .is-scroll .p-intro__catch-inner:nth-child(3) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
}

@media screen and (min-width: 1001px) {
  .is-scroll .p-intro__catch-inner:nth-child(4) {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
}

@media screen and (max-width: 1000px) {
  .is-scroll .p-intro__catch-inner:nth-child(4) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
}

@media screen and (min-width: 1001px) {
  .is-scroll .p-intro__catch-inner:nth-child(5) {
    -webkit-transition-delay: 1.25s;
            transition-delay: 1.25s;
  }
}

@media screen and (max-width: 1000px) {
  .is-scroll .p-intro__catch-inner:nth-child(5) {
    -webkit-transition-delay: 0.75s;
            transition-delay: 0.75s;
  }
}

@media screen and (min-width: 1001px) {
  .is-scroll .p-intro__catch-inner:nth-child(6) {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
  }
}

@media screen and (max-width: 1000px) {
  .is-scroll .p-intro__catch-inner:nth-child(6) {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
}

@media screen and (min-width: 1001px) {
  .is-scroll .p-intro__catch-inner:nth-child(7) {
    -webkit-transition-delay: 1.75s;
            transition-delay: 1.75s;
  }
}

@media screen and (max-width: 1000px) {
  .is-scroll .p-intro__catch-inner:nth-child(7) {
    -webkit-transition-delay: 1.05s;
            transition-delay: 1.05s;
  }
}

@media screen and (min-width: 1001px) {
  .is-scroll .p-intro__catch-inner:nth-child(8) {
    -webkit-transition-delay: 2s;
            transition-delay: 2s;
  }
}

@media screen and (max-width: 1000px) {
  .is-scroll .p-intro__catch-inner:nth-child(8) {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
}

@media screen and (min-width: 1001px) {
  .is-scroll .p-intro__catch-inner:nth-child(9) {
    -webkit-transition-delay: 2.25s;
            transition-delay: 2.25s;
  }
}

@media screen and (max-width: 1000px) {
  .is-scroll .p-intro__catch-inner:nth-child(9) {
    -webkit-transition-delay: 1.35s;
            transition-delay: 1.35s;
  }
}

@media screen and (min-width: 1001px) {
  .is-scroll .p-intro__catch-inner:nth-child(10) {
    -webkit-transition-delay: 2.5s;
            transition-delay: 2.5s;
  }
}

@media screen and (max-width: 1000px) {
  .is-scroll .p-intro__catch-inner:nth-child(10) {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
  }
}

.p-intro__catch-inner + .p-intro__catch-inner {
  margin-top: 20px;
}

@media screen and (min-width: 1001px) {
  .p-intro__catch-inner + .p-intro__catch-inner {
    margin-top: 31px;
  }
}

.p-intro__text {
  margin-top: 37px;
  font-size: 3.6vw;
  letter-spacing: 0.07em;
  line-height: 2.6;
}

@media screen and (min-width: 1001px) {
  .p-intro__text {
    margin-top: 44px;
    font-size: 16px;
    letter-spacing: 0.12em;
    line-height: 52px;
  }
}