@charset "utf-8";

/* //////////////////// */
/* mobile design */

@media (max-width: 919px) {
  h3,
  p,
  li {
    letter-spacing: 1px;
    line-height: 1rem;
  }

  .pp_title {
    padding: 10vh 10vw;
  }

  .pp_title h2 {
    font-size: 1.5rem;
  }

  .pp_content {
    background-color: #fbfbfd;
    padding: 5vh 10vw;
  }

  .pp_content h3 {
    padding-bottom: 2vh;
  }

  .pp_content p {
    padding-bottom: 5vh;
  }

  .pp_content ul {
    padding-bottom: 5vh;
    padding-left: 5vw;
  }

  .pp_content ul li {
    margin-left: 5vw;
    padding-bottom: 2vh;
    list-style-type: disc;
  }
}

/* //////////////////// */
/* pc design */

@media (min-width: 920px) {
  h3,
  p,
  li {
    letter-spacing: 1px;
    line-height: 1rem;
  }

  .pp_title {
    padding: 25vh 15vw;
  }

  .pp_title h2 {
    font-size: 1.5rem;
  }

  .pp_content {
    background-color: #fbfbfd;
    padding: 5vh 10vw;
  }

  .pp_content h3 {
    padding-bottom: 2vh;
  }

  .pp_content p {
    padding-bottom: 5vh;
  }

  .pp_content ul {
    padding-bottom: 5vh;
    padding-left: 5vw;
  }

  .pp_content ul li {
    margin-left: 5vw;
    padding-bottom: 2vh;
    list-style-type: disc;
  }
}