@charset "UTF-8";

/* CSS Document */
.section-privacy {
  width: 100%;
  max-width: 1050px;
  margin: 200px auto;
}

h2 {
  width: 550px;
  margin: 0 auto;
}

.section-preparation p {
  width: 260px;
  margin: 60px auto;
}

.privacy__txtBox {
  width: 80%;
  max-width: 1200px;
  margin: 60px auto 0;
}

.privacy__txtBoxDetails {
  margin-top: 40px;
}

.privacy__txtBoxDetails h3 {
  font-family: dnp-shuei-mgothic-std, sans-serif;
  font-size: 20px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.privacy__txtBoxDetails h3:before {
  content: "";
  width: 5px;
  height: 35px;
  margin-right: 10px;
  border-radius: 5px;
  background: linear-gradient(180deg, rgba(144, 220, 183, 1)45%, rgba(253, 229, 127, 1));
}

.privacy__txtBoxDetails *:not(h3) {
  margin-bottom: 10px;
  margin-left: 5px;
}

.privacy__txtBoxDetails .privacy__txtBoxSentence {
  width: 100%;
}

.privacy__txtBoxDetails .listCount {
  list-style: none;
  counter-reset: listCount_number;
}

.privacy__txtBoxDetails .listCount li {
  padding-left: 5px;
}

.privacy__txtBoxDetails .listCount li .listCount {
  margin-top: 10px;
}

.privacy__txtBoxDetails .listCount li::before {
  counter-increment: listCount_number;
  content: counter(listCount_number)". ";
  color: #37C4AE;
  font-weight: bold;
}

.privacy__txtBoxDetails .listCount li ul {
  padding-left: 10px;
}

.privacy__txtBoxDetails .privacy__txtBoxDetailsRight {
  text-align: right;
}

@media(max-width:899px) {

  .section-privacy {
    width: 90%;
    /* max-width: 500px; */
    margin: 100px auto 50px;
  }

  h2 {
    font-size: 2.0rem;
    width: 280px
  }

  .privacy__txtBox {
    width: 100%;
  }

}