@charset "UTF-8";

/* ----------main---------- */
html {
  background-color: var(--accentColor-handBrown);
}

.article {
  background-color: var(--accentColor-handBrown);
  padding: 80lvh 0;
}

.article__header img {
  width: 95.2vw;
}

.section__topic {
  margin-top: -100px;
  z-index: 10;
}

.aboutMe__txt {
  padding: 30px 0;
  border-bottom: 1px solid var(--accentColor-handRed);
  margin: 0 4vw;
}

.aboutMe__txt:nth-of-type(2) {
  border: none;
}

.aboutMe__txt p {
  margin-top: 12px;
  color: var(--accentColor-handRed);
  font-size: 1rem;
}

.aboutMe__txt p:first-of-type {
  margin-top: 0;
}

/* main pc */
@media screen and (min-width:821px) {
  .article__header img {
    max-width: 674px;
  }

  .section__topic {
    margin-top: -250px;
  }

  .aboutMe__txt {
    padding: 60px 0;
    margin: 0 min(437px,30.34vw);
  }

  .aboutMe__txt p {
    margin-top: 34px;
    font-size: 1.8rem;
  }
}
/* main pc */
/* ----------main---------- */