.page-ttl {
  background-image: url(../img/about/main.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.about-con {
  width: 100%;
  text-align: center;
}
.about-con__ttl {
  width: 800px;
  margin: 0 auto 160px auto;
  /*margin: 0 auto 160px auto;
  font-size: 36px;
  line-height: 2.2em;

  @include m.media(sp) {
    font-size: 16px;
    line-height: 2.4em;
    width: 100%;
    padding: 0px 20px;
    margin: 0 auto 40px auto;
  }*/
}
@media screen and (max-width: 599px) {
  .about-con__ttl {
    width: 100%;
    padding: 0px 20px;
    margin: 0 auto 80px auto;
  }
}
.about-con__ttl img {
  width: 100%;
}
.about-con__logo img {
  width: 420px;
}
@media screen and (max-width: 599px) {
  .about-con__logo img {
    width: 180px;
  }
}