@charset "UTF-8";

/***************************************
style_privacypolocy.css
***************************************/

/* ----------------------------
  concept
---------------------------- */

.concept {
  margin-bottom: 2rem;
}

.concept p {
  text-align: justify;
}



/* ----------------------------
  contents
---------------------------- */

.contents {
  margin: 2rem 0;
}

.contents div {
  padding: 1rem 0;
}

.contents h3 {
  padding-bottom: .2rem;
  padding-left: 1.4rem;
  text-indent: -1.4rem;
  color: #01940A;
  font-size: 1.2rem;
  text-align: justify;
}

.contents ol {
  padding-top: 1rem;
  padding-left: 1.5rem;
  list-style: none;
}

.contents ol li {
  padding: .1rem 0;
  list-style: none;
  text-align: justify;
}

.contents ol li::marker {
  content: "(" counter(list-item) ") ";
}

.contents ul {
  padding-left: 2rem;
}

.contents ul li {
  padding: .1rem 0;
  text-align: justify;
}

.contents p {
  padding: .1rem 0;
  text-align: justify;
}

.contents h4 {
  padding: .1rem 0;
  padding-left: .5rem;
  text-indent: -.5rem;
  text-align: justify;
  font-weight: normal;
}

.contents h4 span {
  font-weight: bold;
  color: #01940A;
}

.contents .content_01 ol {
  font-weight: bold;
}

.contents .content_02 h4:first-of-type {
  padding-bottom: 1rem;
}

.contents .content_02 ol {
  padding-left: 2rem;
}

.contents .content_03 h4:last-of-type {
  padding-top: 1rem;
}

.contents .content_08 h4 {
  padding-bottom: 1rem;
}

.contents .content_08 h4:last-of-type {
  padding-bottom: 0;
}


/************ <= tablet ************/
@media screen and (max-width:960px){

}

/************ smart phone ************/
@media screen and (max-width:768px){

  .top {
    flex-direction: column;
  }

  .top div:nth-of-type(1) {
    width: 100%;
    padding: 0;
  }

  .top p:not(.catch) {
    padding: 0 1rem;
  }

  .top div:nth-of-type(2) {
    width: 80%;
    margin: 0 auto;
    margin-top: 2rem;
    padding-left: 0;
  }

  .top div:nth-of-type(2) img {
    display: block;
    width: 100%;
    object-fit: contain;
  }

}

/* ----------------------------
  date
---------------------------- */

.date {
  margin-top: 2rem;
}

.date p {
  text-align: right;
}