@charset "utf-8";

/*================================================
  privacy
================================================*/
.page-header {
  background-image: url(../../image/common/page_header_bg.jpg);
}
/*------------------------------------------------
privacy
------------------------------------------------*/

.privacy-text {
  padding-bottom: calc(var(--layout-gap) *1);
}
.privacy-item-title {
  background-color: var(--primary-bg-color);
}

.privacy-item-text + .privacy-item-title {
  margin-top:  calc(var(--layout-gap) *1);
}

.privacy-item-text {
  padding-bottom: calc(var(--layout-gap) / 1.5);
  padding-left: 20px;
}

.privacy-item-text > span {
  display: block;
  font-weight: 700;
  margin-bottom: 15px;
  /* padding-left: 25px; */
}
.privacy-item-text > ul.sub-list {
  margin-left: 50px;
}

ol.main-list {
  margin-top: calc(var(--layout-gap) / 2);
}

ol.main-list > li {
  margin-top: calc(var(--layout-gap) / 2);
  counter-increment: cnt;
}

ol.main-list > li::before {
  content:"" counter(cnt) ".";
  /* color: rgba(var(--primary-color-rgb),0.9); */
  color: var(--secondary-color);
  font-weight: 700;
  /* font-size: 1.6rem; */
}

ol.main-list > li > span.emphasis {
  /* color: rgba(var(--primary-color-rgb),0.9); */
  color: var(--secondary-color);
  font-weight: 700;
  /* font-size: 1.6rem; */
}


ul.sub-list > li {
  margin-left: 1em;
  text-indent: -0.6em;
  line-height: 1.5;
}

ul.sub-list > li:not(:first-child) {
  margin-top: calc(var(--layout-gap) / 3);
}

ul.sub-list > li::before {
  content: "·";
  /* color: rgba(var(--primary-color-rgb),0.5); */
  color: var(--secondary-color);
  font-weight: 800;
}


.inner-list > h4 {
  color: var(--secondary-color);
  margin: calc(var(--layout-gap) /2) 0 calc(var(--layout-gap) / 6);
}
.inner-list > h4::before {
  content: "■";
}
.inner-list p {
  padding-left: 1em;
}

.privacy-item-text a {
  word-break: break-all;
  color: var(--secondary-color);
}

.privacy-item-text a:hover {
  border-bottom: 1px dashed var(--secondary-color);
}

@media print, screen and (min-width: 769px) {
  .privacy-text {
    padding-bottom: calc(var(--layout-gap) *1.5);
  }
  .privacy-item-title {
    font-size: 2rem;
    padding: 20px 10px 20px 60px;
  }
  .privacy-item-text + .privacy-item-title {
    margin-top:  calc(var(--layout-gap) *1);
  }

  .privacy-item-text {
    padding-bottom: calc(var(--layout-gap) / 1.5);
    padding-left: 60px;
  }

  /* ol.main-list > li::before,
  ol.main-list > li > span.emphasis {
    font-size: 2rem;
  } */

}