@charset "UTF-8";


/* ---------- .pp ---------- */
.pp {
  padding: 5rem 2.5rem;
}
.pp-title h2 {
  width: 22rem;
  margin: 0 auto;
}
.pp-title h2 + p {
  font-size: 1.6rem;
  text-align: center;
  padding: 1rem 0 2rem;
}

.pp-main {
  font-size: 1.4rem;
  margin: 5rem auto;
}

.pp-main dl {
  margin-top: 5rem;
}
.pp-main dt {
  padding-bottom: 1rem;
  border-bottom: 0.2rem var(--br) dotted;
  margin-bottom: 1.5rem;
}
.pp-main dd ol {
  list-style-type: decimal;
  padding-left: 1.2em;
}
.pp-main dd ol ol {
  margin: 1.5em auto;
}






/*----------------------------------------------------
タブレット用 750
----------------------------------------------------*/
@media screen and (min-width:750px) {

  /* ---------- .pp ---------- */
  .pp {
    padding: 7rem 2.5rem 0;
  }
  .pp-title h2 {
    width: 34rem;
  }
  .pp-title h2 + p {
    font-size: 1.8rem;
    text-align: center;
    padding: 2rem 0 4rem;
  }


}



/*----------------------------------------------------
タブレット用 1000
----------------------------------------------------*/
@media screen and (min-width:1000px) {

  /* ---------- .contact ---------- */
  .pp {
    padding: 0 1.5rem;
  }
  .pp-main {
    font-size: 1.6rem;
  }



}



/*----------------------------------------------------
タブレット用 1400
----------------------------------------------------*/
@media screen and (min-width:1400px) {

  /* ---------- .contact ---------- */
  .pp {
    max-width: 120rem;
    width: 90%;
    padding: 0;
    margin: 0 0 0 auto;
  }



}



/*----------------------------------------------------
タブレット用 1600
----------------------------------------------------*/
@media screen and (min-width:1600px) {

  /* ---------- .contact ---------- */
  .pp {
    width: 85%;
  }



}