.about-section {
  margin-top: 2rem 0;
}

.about-content {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: flex-start;
  margin-top: 1.5rem;
}

.profile-img {
  width: 180px;
  height: 180px;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #00bcd4;
  margin-right: 1rem;
}

.about-text {
  flex: 1;
  font-size: 1rem;
  line-height: 1.8;
}

.about-text ul {
  padding-left: 1.2rem;
  list-style-type: disc;
}


.about-section{
  color: #222; /* くっきりダークに */
}


.site-main.container {
  padding: 2rem 1.5rem; /* 上下2rem 左右1.5rem */
}

.about-text p {
  margin-bottom: 1rem;
}