h2::after {
  content: none !important; /* 下線を無効化 */
}
.hero {
    background: url('https://via.placeholder.com/1200x400?text=アートプロジェクト') center/cover no-repeat;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
    position: relative;
  }
  .hero::after {
    content: "";
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.4);
  }
  .hero-content {
    position: relative; z-index: 1;
  }
  .art-section {
    margin-bottom: 3rem;
  }
  .art-section h2 ,
  .music-section h2 {
    font-size: 2rem;
    border-bottom: 2px solid #005D48;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
  }
  .art-item {
    margin-bottom: 2rem;
  }
  .art-item img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 0.5rem;
  }
  .art-item p {
    margin-bottom: 0.5rem;
  }
  .coming-soon {
    font-style: italic;
    color: #888;
  }
  .link-button {
    display: inline-block;
    padding: 0.5rem 1rem;
    background-color: #005D48;
    color: white;
    text-decoration: none;
    border-radius: 5px;
  }

  .music-section {
    margin-bottom: 3rem;
  }
  .music-section h2 {
    font-size: 2rem;
    border-bottom: 2px solid #005D48;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
  }
  .music-item {
    margin-bottom: 2rem;
  }
  .music-item img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 0.5rem;
  }
  .music-item p {
    margin-bottom: 0.5rem;
  }

/* 音楽ページの画像全体制御 */
.music-item img {
  width: 100%;       /* 親幅に合わせる */
  max-width: 600px;  /* 任意の最大幅 */
  height: auto;      /* 縦横比を維持 */
  display: block;
  margin-bottom: 1rem;
  border-radius: 6px; /* 任意で角丸 */
}

.music-item2 {
  display: flex;
  gap: 1.5rem;
  background: #fff;
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  margin-bottom: 2rem;
  align-items: flex-start;
}

.music-thumb img {
  width: 200px;           /* 横幅固定 */
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}

.music-content {
  flex: 1;
}

.music-content h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: #005D48;
  font-size: 1.2rem;
}

.music-content p {
  line-height: 1.6;
  color: #333;
}


/* スマホ対応 */
@media (max-width: 768px) {
  .music-item img {
    max-width: 100%; /* 小さい画面では親幅いっぱい */
  }

@media (max-width: 768px) {
  .music-item2 {
    flex-direction: column;
    padding: 1rem;
  }
  .music-thumb img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}


}