@media (max-width: 1150px) {
  .h-ttl .border{
    font-size: 18px;
  }
}

@media (max-width: 900px) {
  .hosyo-wrap{
    flex-flow: column;
  }

  .h-box{
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 500px) {
  .hosyo-wrap{
    flex-flow: column;
  }

  .h-ttl {
    width: 88%;
  }
  .h-text {
    padding: 16px 30px 0;
  }
  .h-box{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .h-ttl .border{
    font-size: 15px;
  }
  .h-ttl .border p{
    margin-left: 8px;
  }

  .sub-ttl h3{
    font-size: 130%;
}