.br_sp {
  display: none;
}

@media all and (max-width: 680px) {
  .br_sp {
    display: block;
  }
}


  /* page title
  ***************************************************************/
  .w_pageTitle {
      background-image: none;
  }
  
  .w_pageTitle.pageTitle_bk h1 {
      color: #4c4948;
  }
  
  .w_pageTitle.pageTitle_bk .h1 .t1::after {
      background-color: #4c4948;
  }
  
    /* philosophy
  ***************************************************************/

  .philosophy {
    background-image: url(../img/company/gray_bg.jpg);
    background-position: center;
    background-size: 1440px 1026px;
    margin-top: 45px;
    margin-bottom: 148px;
  }

  .philosophy_inner {
    text-align: center;
    padding: 70px 0 80px;
  }

  .philosophy_logo {
    width: 117px;
    margin: 0 auto 35px;
  }

  .philosophy_ttl {
    font-size: 28px;
    letter-spacing:0.146em;
    display: inline-block;
    margin-bottom: 10px;
  }

  .philosophy_text {
    font-size: 40px;
    letter-spacing:0.22em;
  }

  @media all and (max-width: 680px) {

    .philosophy {
    max-width: 100%;
    margin-bottom: 50px;
    margin-top: 0;
    }

    .philosophy_inner {
      padding: 50px 0 55px;
    }
  

    .philosophy_logo {
      width: 100px;
      margin-bottom: 27px;
    }

    .philosophy_ttl {
      font-size: 20px;
    }

    .philosophy_text {
      font-size: 27px;
      letter-spacing:0.22em;
    }

  }


      /* vision
  ***************************************************************/


  .vision_ttl {
    margin-top: 45px;
    letter-spacing:0.18em;
    line-height: 70px;
    font-size: 35px;
    text-align: center;
  }

  @media all and (min-width: 681px) {

    .vision_wrap {
      margin-top: 50px;
      position: relative;
      padding: 0 10px;
    }
  
    .vision_items {
      position: absolute;
      content:"";
      background: url(../img/management_philosophy/vision_bg.png) no-repeat center center/contain;
      width: 1000px;
      height: 1000px;
      top: 0;
      right: 0;
      left: 0;
      margin: 0 auto;
    }

  .vision_items ul {
    position: relative;
    list-style: none;
    width: 1000px;
    height: 1000px;
    margin: 0 auto;
    padding: 0;
  }

  .vision_items ul li {
    position: absolute;
    width: 300px;
    height: 300px;
    margin: 0;
    padding: 10px 0 0;
    color: #fff;
    text-align: center;
  }

  .vision_items ul li .serif {
    font-size: 30px;
    letter-spacing: 0.22em;
  }
  
  .vision_items ul li p {
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 29px;
  }

  .vision_items_01 {
    top: 44px;
    left: 350px;
  }

  .vision_items_01 p {
    letter-spacing: 0.1em;
  }

  .vision_items_02 {
    top: 295px;
    left: 31px;
  }
  .vision_items_02 p {
    letter-spacing: 0em;
  }

  .vision_items_03 {
    top: 295px;
    right: 29px;
  }
  .vision_items_03 h3 {
    margin-bottom: 22px;
  }
  .vision_items_03 p {
    letter-spacing: 0.1em;
  }

  .vision_items_04 {
    bottom: 12px;
    left: 155px;
  }
  .vision_items_04 h3 {
    margin-bottom: 10px;
  }
  .vision_items_04 p {
    letter-spacing: 0.1em;
  }

  .vision_items_05 {
    bottom: 12px;
    right: 150px;
  }
  .vision_items_05 h3 {
    margin-bottom: 40px;
  }
  .vision_items_05 p {
    letter-spacing: 0.1em;
  }

  .m_border {
    display: block;
    width: 50px;
    height: 1px;
    background: #797776;
    margin: 10px auto;
  }

  .vision_items_sp {
    display: none;
  }
}

  @media all and (max-width: 680px) {

    .vision{
      padding-left: 20px;
      padding-right: 20px;
    }

    .vision_ttl {
      font-size: 17px;
      line-height: 30px;
      margin-top: 40px;
      letter-spacing: 0.13em
    }

    .vision_wrap {
      margin-top: 38px;
    }

    .vision_items {
    margin-top: 30px;
    }

    .vision_items ul li {
    text-align: center;
    margin-top: 18px;
    border-bottom: 1px solid #C9C9C8;
  }

  .vision_items ul li .serif {
    font-size: 20px;
    letter-spacing: 0.22em;
    margin-bottom: 10px;
  }

  .vision_items_text {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 29px;
  }

  .m_border {
    display: block;
    width: 50px;
    height: 1px;
    background: #C9C9C8;
    margin: 15px auto 10px;
  }

  }


  
  /* belief
  ***************************************************************/

  .belief {
    max-width: 800px;
    margin: 1185px auto 80px;
  }

  .belief_wrap {
    margin-top: 50px;
  }

  .belief_list {
    max-width: 800px;
    margin: 0 auto;
    background: #F5F5F5;
  }

  .belief_box {
    max-width: 600px;
    padding: 20px 0;
    margin: 0 auto;
    align-items: center;
  }

  .belief_number {
    font-size: 60px;
    margin-right: 40px;
  }

  .belief_ttl {
    display: block;
    margin-bottom: 10px;
    font-size: 28px;
    letter-spacing: 0.2em;
  }

  .belief_text {
    max-width: 466px;
    font-size: 15px;
    line-height: 34px;
    letter-spacing: 0.07em;
  }

  .belief_line {
    height: 50px;
    width: 1px;
    background: #C9C9C8;
    margin: 0 auto;
  }

  @media all and (min-width: 681px) {

    .belief_box {
      display: flex;
      height: 255px;
    }
  }


  @media all and (max-width: 680px) {
    .belief {
      margin: 55px auto 80px;
    }

    .belief_wrap {
      padding-left: 20px;
      padding-right: 20px;
      margin-top: 38px;
    }

    .belief_box {
      padding: 20px 20px 28px;
      margin: 0 auto;  
    }

    .belief_number {
      display: block;
      font-size: 52px;
      text-align: center;
      margin-left: 16px;
      margin-bottom: 16px;
      margin-right: 0;
      line-height: 0.9em;
    }

    .belief_ttl {
      text-align: center;
      font-size: 20px;
    }

    .belief_text {
      line-height: 30px;
    }

    .belief_line {
      height: 30px;
    }

  }