@charset "UTF-8";

/*-------------------------------------------*/
/*	PC
/*-------------------------------------------*/

@media screen and (min-width:900px) {

  /* =====================
    fv_page
  ===================== */
  
  #fv_page {
    padding-bottom: 60px;
  }

  /* =====================
    post
  ===================== */
  
  #post {
    padding-top: 0;
    counter-reset: number 0;
  }
  
  #post h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.05em;
    margin: 60px 0 30px;
    counter-increment: number 1;
    position: relative;
    padding-left: 30px;
  }

  #post h3::before {
    content: counter(number)'.';
    position: absolute;
    top: 0;
    left: 0;
  }

  #post ol {
    counter-reset: number 0;
    margin: 20px 0;
  }

  #post ol li {
    counter-increment: number 1;
    position: relative;
    padding-left: 25px;
  }

  #post ol li::before {
    content: counter(number)')';
    position: absolute;
    top: 0;
    left: 0;
  }

  #post .privacypolicy_contact {
    margin-top: 60px;
  }

  #post .privacypolicy_contact_box {
    margin: 20px 0;
    background: var(--color-gray);
    padding: 30px 40px 35px;
    font-size: 16px;
    line-height: 1.8;
  }

  #post .privacypolicy_contact_box p {
    margin: 0;
  }

  #post .privacypolicy_contact_box_ttl {
    font-size: 18px;
    margin-bottom: 10px;
  }

  #post .privacypolicy_right {
    text-align: right;
    margin-top: 60px;
  }  

}

/*-------------------------------------------*/
/*	SP
/*-------------------------------------------*/

@media screen and (max-width:899px) {


  /* =====================
    post
  ===================== */
  
  #post {
    padding-top: 20px;
    counter-reset: number 0;
  }
  
  #post h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.05em;
    margin: 40px 0 20px;
    counter-increment: number 1;
    position: relative;
    padding-left: 25px;
  }

  #post h3::before {
    content: counter(number)'.';
    position: absolute;
    top: 0;
    left: 0;
  }

  #post ol {
    counter-reset: number 0;
    margin: 20px 0;
  }

  #post ol li {
    counter-increment: number 1;
    position: relative;
    padding-left: 20px;
  }

  #post ol li::before {
    content: counter(number)')';
    position: absolute;
    top: 0;
    left: 0;
  }

  #post .privacypolicy_contact {
    margin-top: 40px;
  }

  #post .privacypolicy_contact_box {
    margin: 20px 0;
    background: var(--color-gray);
    padding: 20px 20px 25px;
    font-size: 14px;
    line-height: 1.8;
  }

  #post .privacypolicy_contact_box p {
    margin: 0;
  }

  #post .privacypolicy_contact_box_ttl {
    font-size: 16px;
    margin-bottom: 10px;
  }

  #post .privacypolicy_right {
    text-align: right;
    margin-top: 40px;
  }
   
}