/* ===========================================
 * CV
 * ======================================== */

.cv {
  background-color: var(--bg-mainThin);
  padding: 3.6rem 0;
  .inner {
    background-color: var(--bg-white);
    padding: 2rem 2rem 3.6rem;
    box-shadow: var(--safe-shadowSp);
  }
  .img {
    width: 6.4rem;
    margin: 0 auto;
  }
  .text {
    font-size: 1.8rem;
    font-weight: var(--text-bold);
    text-align: center;
    line-height: 1.5;
    margin-top: 0.8rem;
  }
  .btn {
    background-color: var(--bg-accent);
    color: var(--text-white);
    font-weight: var(--text-bold);
    box-shadow: var(--cv-shadow);
    font-size: 2rem;
    padding: 1.2rem 0;
    margin: 2.4rem auto 0;
    text-align: center;
    width: 26.8rem;
  }
  .man,
  .woman {
    display: none;
  }
}

@media screen and (min-width:960px) {
  .cv {
    .inner {
      position: relative;
    }
    .text {
      font-size: 2.4rem;
    }
    .inner {
      max-width: 100rem;
      margin: 0 auto;
    }
    .man,
    .woman {
      display: block;
      position: absolute;
      bottom: -3.6rem;
    }
    .man {
      left: -1rem;
      width: 20.4rem;
    }
    .woman {
      right: 2rem;
      width: 17.8rem;
    }
    .btn {
      font-size: 2.4rem;
      padding: 1.8rem 0;
      width: 36rem;
    }
  }
}

@media screen and (min-width:1024px) {
  .cv {
    .man {
      left: -8.4rem;
    }
    .woman {
      right: -4rem;
    }
  }
}