.about-top {
  position: relative;
  border-bottom: 1px solid;
}

.about-img {
  width: 70%;
  margin: 50px 0 0;
  padding: 2em 0;
}

.about-img img {
  height: 75vh;
  object-fit: cover;
}

.about-top h3 {
  position: absolute;
  top: 50%;
  right: 9%;
  transform: translateY(-50%);
  text-align: center;
  border: none;
}

.about{
  width: 85%;
  margin: 3em auto 2em;
}

h4{
  font-size: 1.2rem;
  padding: 6em 0 4em;
}

h5{
  font-size: 1.6rem;
  margin: 2em 0 5em;
  line-height: 2.2;
  font-family: 'japfontbold';
}

h5 span{
  display: block;
  margin-bottom: 1em;
}

.about-text p {
  padding-bottom: 2em;
  letter-spacing: .05em;
  font-size: 1.3rem;
  line-height: 2.2;
}

.about-text p span{
  letter-spacing: .02em;
}

.about-img02{
  width: 85%;
  margin: 1em auto 5em;
}

.pc-only{
  display: none;
}

@media (min-width: 834px) {

  .about{
    width: 35%;
    min-width: 455px;
  }

  .about-img {
    width: 40%;
    margin: 5em;
  }

  .pc-none{
    display: none;
  }

  .pc-only{
    display: block;
  }

  .about-img02 {
    width: 70%;
    margin: 7em auto 10em;
  }

  .about-img02 img {
    height: 65vh;
    object-fit: cover;
  }

}