@charset "utf-8";


/* 全体のスタイル */
body {
  font-family: 'Arial', sans-serif;
}

.main-content {
  background-color: #fffff0;
}


/* ヘッダーのスタイル*/
header {
  background-color: #3dd80e;
  margin: 0; /* 上下左右の余白をなくす */
  padding: 0;
}h1 {
  margin: 0; /* 上下左右の余白をなくす */
  padding: 0; /* 必要に応じて追加 */
}

h1 img {
  display: block; /* ブロック要素として扱う */
  width: 100%; /* 親要素の幅に合わせる */
  height: auto; /* アスペクト比を維持 */
  margin: 0; /* 余白なし */
  padding: 0; /* 必要に応じて追加 */
  border-radius: 0; /* 角丸をなしにする */
  box-shadow: none; /* 影をなしにする */
}


.content-wrapper{
  margin: 0;
  padding: 0 100px;
  color: #5a4e3b; /* ダークブラウン */

}

h2 {
  margin-top: 20px;
}

h3 {
  font-size: 24px;
  border-bottom: 5px solid #7d5b3e; /* 下線の色 */
  padding-bottom: 5px; /* 下線とテキストの間隔 */
}