/* =========================
   全体
========================= */

body {
  margin: 0;
  min-height: 100vh;

  display: flex;
  justify-content: center;
  align-items: center;

  text-align: center;

  font-family: "Helvetica Neue", Arial, sans-serif;

  background-color: #f9f9f9;

  /* 背景ロゴ */
  background-image: url("logo.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10%;
}


/* =========================
   コンテンツ
========================= */

.overlay {
  width: 90%;
  max-width: 600px;

  padding: 2rem;

  background: rgba(255, 255, 255, 0.9);
  border-radius: 1rem;
}


/* =========================
   タイトル
========================= */

.overlay h1 {
  margin: 0 0 1rem;

  font-size: 2rem;
  line-height: 1.5;
}


/* =========================
   案内文
========================= */

.overlay p {
  margin: 0;

  font-size: 1rem;
  line-height: 1.8;
}


/* =========================
   スマートフォン
========================= */

@media (max-width: 480px) {

  body {
    background-size: 80%;
  }

  .overlay {
    width: 80%;
    padding: 1.5rem;
  }

  .overlay h1 {
    font-size: 1.5rem;
  }

  .overlay p {
    font-size: 0.9rem;
  }

}