@charset "UTF-8";
/* CSS Document */
.top-img {
  width: 100%;
  margin-bottom: -8px;
}
#about {
  text-align: left;
  border-top: 5px solid #0D0D0D;
  border-bottom: 5px solid #0D0D0D;
}
.section-about__box {
  width: 80%;
  margin: 0 auto;
}
.section-about__name {
  line-height: 1;
}
.section-about__name h2 {
  font-size: 45px;
  letter-spacing: .05em;
  margin-bottom: 50px;
}
.section-about__name h3 {
  font-size: 30px;
  letter-spacing: .05em;
  margin: 100px 0 10px 0;
}
.section_sentence {
  font-size: 18px;
  margin-bottom: 100px;
}
@media (max-width: 700px) {
  .section-about__name h2 {
    font-size: 6.5vw;
  }
  .section-about__name h3 {
    font-size: 3.5vw;
    margin-top: 80px;
  }
}
.section-hobby {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
  height: auto;
  padding-bottom: 100px;
}
.section-hobby h2 {
  margin: 100px 0 50px;
}
.section-hobby ul {
  display: flex;
  justify-content: space-around;
  max-width: 900px;
  flex-wrap: wrap;
  margin: 0 auto;
}
.section-hobby ul li {
  width: 120px;
  margin: 15px;
}
.section-hobby img {
  width: 100%;
  height: auto;
  max-height: 240px;
  object-fit: cover;
  object-position: center;
}