@font-face {
  font-family: "NotoSansJP-SemiBold";
  src: url("../fonts/NotoSansJP-SemiBold.ttf");
}
@font-face {
  font-family: "NotoSansJP-Medium";
  src: url("../fonts/NotoSansJP-Medium.ttf");
}
@font-face {
  font-family: "NotoSansJP-Regular";
  src: url("../fonts/NotoSansJP-Regular.ttf");
}
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("../fonts/Montserrat-SemiBold.ttf");
}
@font-face {
  font-family: "Montserrat-Medium";
  src: url("../fonts/Montserrat-Medium.ttf");
}
/* ----------------------------------------------------------------------
 PRIVACY POLICY
---------------------------------------------------------------------- */
/* --------------------
 SEC_PRODUCT
-------------------- */
body {
  counter-reset: number 0;
}

#sec_policy {
  background: #fff;
  position: relative;
  z-index: 3;
  color: #333;
}
@media screen and (min-width: 768px) {
  #sec_policy {
    padding: 130px 0 140px;
  }
}
@media screen and (max-width: 767px) {
  #sec_policy {
    padding: 90px 0 75px;
    font-size: 14px;
  }
}
#sec_policy:before {
  content: "";
  display: block;
  position: absolute;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  #sec_policy:before {
    width: 220px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  #sec_policy:before {
    width: 80px;
    height: 20px;
  }
}
#sec_policy:before {
  top: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  #sec_policy:before {
    background: url(../img/common/frame_b_ti_pc_01.svg) no-repeat top center;
  }
}
@media screen and (max-width: 767px) {
  #sec_policy:before {
    background: url(../img/common/frame_b_ti_sp_01.svg) no-repeat top center;
  }
}

.list_policy {
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .list_policy {
    margin-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  .list_policy {
    margin-top: 60px;
  }
}
.list_policy h3 {
  color: #1FAAF2;
  padding-left: 25px;
  position: relative;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .list_policy h3 {
    font-size: 16px;
  }
}
.list_policy h3:before {
  counter-increment: number 1;
  content: counter(number) ". ";
  position: absolute;
  left: 0;
  top: 0;
}
.list_policy ol {
  padding-left: 0;
  counter-reset: num 0;
}
.list_policy ol li {
  position: relative;
  padding-left: 20px;
}
.list_policy ol li:before {
  counter-increment: num 1;
  content: counter(num) ". ";
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .list_policy {
    margin-top: 65px;
  }
  .list_policy > li + li {
    margin-top: 66px;
  }
  .list_policy > li li {
    margin-top: 5px;
  }
  .list_policy .list_num {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .list_policy {
    margin-top: 65px;
  }
  .list_policy > li ol {
    margin-top: 10px;
  }
  .list_policy > li + li {
    margin-top: 73px;
  }
  .list_policy > li li {
    margin-top: 9px;
  }
}/*# sourceMappingURL=privacypolicy.css.map */