@use "../../foundation/import" as f;

/* itcenex
----------------------------------- */
.p-itcenex {
  margin: 120px 0 0;
  .c-wrap {
    padding: 0 0 8.2%;
    background: url('#{f.$imgPath}section05_image02.png') rgba(255, 255, 255, 0) no-repeat 50% 100%;
    background-size: 100% auto;
  }
  .c-sec-ttl {
    font-size: 3em;
  }
  &__text {
    text-align: center;
    font-size: 1.1875em;
    line-height: 1.95;
    p {
      &:nth-of-type(n+2) {
        margin-top: 1em;
      }
    }
  }
  &__img {
    margin: 60px auto 40px;
    text-align: center;
    img {
      max-width: 80%;
    }
  }
  
  @include f.mq(sp) {
    margin-top: 60px;
    .c-wrap {
      background-size: 136% auto;
    }
    .c-sec-ttl {
      margin-bottom: 6vw;
      font-size: 8vw;
    }
    &__text {
      margin: 0 auto;
      width: calc(100% - 20px);
      font-size: 4vw;
      p {
        text-align: left;
        letter-spacing: 1.5px;
      }
    }
    &__img {
      img {
        width: calc(100% - 30px);
        max-width: 100%;
      }
    }
  }
}