body{
  margin: 0; /* 余白をリセット */
  padding: 0; /* 余白をリセット */
  height: 100vh; /* 画面全体の高さを100%に設定 */
  background-image: url('../img/BG.png'); /* 画像のファイルパスを指定 */
  background-position: center; /* 画像を中央に配置 */
  background-repeat: no-repeat; /* 画像の繰り返しを無効にする */
  background-size: cover; /* 画像を可能な限り広げて表示 */
}

header{
  /* background-color: darkcyan; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.container{
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  font-family: 'Dosis', sans-serif;
}

.icon{
  background-color: white;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

h1{
  color: white;
  margin: 5px auto;
  font-size: 50px;
  padding-top: 0%;
  padding-left: 0%;
}

h2{
  margin: 5px auto;
  font-size: 50px;
  font-weight: 300;
}

.footer{
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  text-align: center;
  justify-content: center;
}

a{
  font-size: 0px;
}