.bgImg{
  background: url(../image/philosophy/main_bg.jpg) no-repeat center bottom;
  background-size: cover;
}
.pageTtl{
  background: url(../image/philosophy/ttl_bg.png) no-repeat center bottom;
  background-size: 100%;
}
h3{
  font-size: 2rem;
}

/*
===================================================
        sp
===================================================
*/
@media screen and (max-width: 600px) {
  h3{
    font-size: 1rem;
  }
}
@media screen and (max-width: 750px) {
  .bgImg{
    background: url(../image/philosophy/main_bg_sp.jpg) no-repeat center top 108vw / 100%, var(--blue);
  }
  .pageTtl{
    background: url(../image/philosophy/ttl_bg_sp.png) no-repeat center bottom;
    background-size: contain;
  }
}