@charset "utf-8";
/* CSS Document */

.visual {
  position: relative;
  text-align: center; /* 🔸中の文字を中央に */
  padding: 60px 20px;
  background-color: #f5f5f5;
}

.visual-text h1,
.visual-text p {
  margin: 0 auto;
}

.message {
  text-align: center;
  padding: 40px 20px 10px; /* ← これだけで自然な余白になります */
}

.message h1,
.message p {
  margin: 0 auto;
  max-width: 800px; /* 🔸中央寄せ＋行の読みやすさを意識 */
}