@charset "utf-8"; /* 文字エンコーディングをUTF-8に設定 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Merriweather:wght@400;700&display=swap');

body {
  margin: 0;
  padding: 0px;
  width: 100%; 
}

/* ヘッダー */
header {
  display: flex; /* 子要素を横並びに配置 */
  align-items: center; /* 垂直方向に中央揃え */
  background-color: #296D00; /* ヘッダーの背景色を緑に設定 */
  width: 100%;
  height: 150px;
}

/* ヘッダーのタイトルロゴ */
.logo {
  margin-top:3%;
  margin-left:20%;
  align-items: center; /* 垂直方向に中央揃え */
  height: 80px; /* ロゴ画像の高さを設定 */
  width: auto;
}