@charset "UTF-8";

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

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

  /* =====================
    philosophy_fv
  ===================== */

  #philosophy_fv {
    padding: 15px 0 0;
  }
  
  .philosophy_copy {
    font-size: 34px;
    line-height: 1.47;
    letter-spacing: 0.1em;
    text-align: center;
  } 

  .philosophy_copy p:not(:last-of-type) {
    margin-bottom: 20px;
  }

  /* =====================
    philosophy
  ===================== */
  
  .philosophy_list {
    counter-reset: number 0;
  }

  .philosophy_list li {
    counter-increment: number 1;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.04em;
    position: relative;
    padding-left: 34px;
    margin-bottom: 25px;
  }

  .philosophy_list li:last-child {
    margin-bottom: 0;
  }

  .philosophy_list li::before {
    content: counter(number)'.';
    position: absolute;
    top: 0;
    left: 0;
  }

}

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

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

  /* =====================
    philosophy_fv
  ===================== */

  #philosophy_fv {
    padding: 0;
  }
  
  .philosophy_copy {
    font-size: 20px;
    line-height: 1.47;
    letter-spacing: 0.1em;
  } 

  .philosophy_copy p:not(:last-of-type) {
    margin-bottom: 20px;
  }

  /* =====================
    philosophy
  ===================== */

  #philosophy {
    padding-top: 50px;
  }
  
  .philosophy_list {
    counter-reset: number 0;
  }

  .philosophy_list li {
    counter-increment: number 1;
    position: relative;
    padding-left: 28px;
    margin-bottom: 15px;
  }

  .philosophy_list li:last-child {
    margin-bottom: 0;
  }

  .philosophy_list li::before {
    content: counter(number)'.';
    position: absolute;
    top: 0;
    left: 0;
  }

}