@charset "utf-8";
/*################## スマホ縦用　##################*/
@media screen and (min-width: 0px) and (max-width: 480px) {
  #privacy-policy-01 { /*個人情報保護方針*/
    width: 90%;
    margin: 150px auto 50px auto;
  }
  #privacy-policy-01 h1 {
    font-size: 35px;
    font-weight: 600;
  }
  #privacy-policy-02 {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  #privacy-policy-02 ol li {
    padding-left: 10px;
  }
  #cancel-policy { /*キャンセルポリシー*/
    width: 90%;
    margin: 30px auto 50px auto;
  }
  #cancel-policy h2 {
    font-size: 35px;
  }
  #cancel-policy ol li {
    padding-left: 10px;
  }
}
/*################## スマホ横用 #################*/
@media screen and (min-width: 481px) and (max-width: 896px) {
  #privacy-policy-01 { /*個人情報保護方針*/
    width: 90%;
    margin: 150px auto 50px auto;
  }
  #privacy-policy-01 h1 {
    font-size: 35px;
    font-weight: 600;
  }
  #privacy-policy-02 {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  #privacy-policy-02 ol li {
    padding-left: 20px;
  }
  #cancel-policy { /*キャンセルポリシー*/
    width: 90%;
    margin: 30px auto 50px auto;
  }
  #cancel-policy h2 {
    font-size: 35px;
  }
  #cancel-policy ol li {
    padding-left: 20px;
  }
}
/*################## PC用 #################*/
@media print, screen and (min-width:897px) {
  #privacy-policy-01 { /*個人情報保護方針*/
    width: 700px;
    margin: 150px auto 50px auto;
  }
  #privacy-policy-01 h1 {
    font-size: 35px;
    font-weight: 600;
  }
  #privacy-policy-02 {
    width: 700px;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  #privacy-policy-02 h3 {
    padding: 10px 0;
  }
  #privacy-policy-02 ol li {
    padding-left: 30px;
  }
  #cancel-policy { /*キャンセルポリシー*/
    width: 700px;
    margin: 50px auto;
  }
  #cancel-policy h2 {
    font-size: 35px;
  }
  #cancel-policy h3 {
    padding: 10px 0;
  }
  #cancel-policy ol li {
    padding-left: 30px;
  }
}
/*################## スマホ・PC共通 ##################*/
#privacy-policy-02 h2 {
  font-size: 16px;
  font-weight: bold;
}
#privacy-policy-02 h3 {
  font-size: 16px;
  font-weight: bold;
}
#cancel-policy h2 {
  font-weight: bold;
}
#cancel-policy h3 {
  font-size: 16px;
  font-weight: bold;
}
#cancel-policy h4 {
  font-size: 16px;
  font-weight: bold;
}
#privacy-policy-02 ol, #cancel-policy ol {
  list-style: none;
  counter-reset: number;
  padding-left: 0;
}
#privacy-policy-02 ol li, #cancel-policy ol li {
  counter-increment: number;
  display: flex;
  margin-bottom: 0.5em;
}
#privacy-policy-02 ol li::before, #cancel-policy ol li::before {
  content: "("counter(number) ")";
  width: 2.5em;
  flex-shrink: 0;
}