/* リセットCSS */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ページ全体 */
body {
  font-family: Arial, sans-serif;
  line-height: 1.5;
}

/* ヘッダー */
header {
  background: linear-gradient(to bottom right, #33ccff, #ff99cc);
  color: #fff;
  text-align: center;
  padding: 20px;
}

.logo h1 {
  margin-bottom: 10px;
  font-size: 2rem;
}

.logo p {
  font-size: 1.2rem;
}

/* メインコンテンツ */
main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.hero {
  background-image: linear-gradient(to bottom, #fdf497, #fdf497, #fd5949, #d6249f);
  background-size: cover;
  background-position: center;
  color: #fff;
  text-align: center;
  padding: 100px;
}

.hero h2 {
  font-size: 48px;
  margin-bottom: 20px;
}

.hero p {
  font-size: 24px;
  line-height: 1.5;
}

/* ギャラリー */
.gallery {
  margin-top: 40px;
}

.gallery h2 {
  text-align: center;
  margin-bottom: 20px;
}

.gallery-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.gallery-grid img {
  margin: 10px;
  border: 2px solid #333;
}

/* フッター */
footer {
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 20px;
}