.data-banner {
  border: 2px solid #2f6f6a;
  border-radius: 12px;
  padding: 26px 20px;
  text-align: center;
  margin: 24px 0;
  background: #ffffff;
}

/* 1行目：強く */
.data-banner-main {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  color: #222;
}

/* 2行目：やや強く */
.data-banner-sub {
  font-size: 16px;
  font-weight: 600;
  margin: 10px 0 18px;
  color: #333;
}

/* ボタン：しっかり目立たせる */
.data-banner-btn {
  display: inline-block;
  background: #2f6f6a;
  color: #fff;
  padding: 12px 26px;
  border-radius: 26px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  transition: 0.2s;
}

.data-banner-btn:hover {
  opacity: 0.85;
}
.data-banner {
  border: 2px solid #2f6f6a;
  border-radius: 12px;
  padding: 26px 20px;
  text-align: center;
  margin: 24px auto;   /* ← 中央揃え */
  background: #ffffff;
  max-width: 1100px;   /* ← 幅を固定（ここ重要） */
  width: 90%;          /* ← 余白とのバランス */
}