/* Hero */
.hero {
  height: 100vh;
  background: url("/img/service/lp2025/agent%20top.jpg") no-repeat center center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  position: relative;
}
.hero-inner {
  padding: 20px;
}
.hero h1 {
  font-size: clamp(32px, 6vw, 60px);
  font-weight: 700;
  margin-bottom: 20px;
}
.hero p {
  font-size: clamp(16px, 3vw, 22px);
  margin-bottom: 60px;
}
.btn-hero {
  display: inline-block;
  padding: 14px 32px;
  border-radius: 50px;
  background: #fff;              /* 白背景 */
  color: #1995a2;                /* 背景画像と同じブルー */
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s ease;
  margin-top: 40px;              /* 約2cm下げる */
}
.btn-hero:hover {
  background: #1995a2;
  color: #fff;
}

/* Section共通 */
.content-section {
  padding: 80px 20px;
  max-width: 1080px;
  margin: 0 auto;
}
.content-section h2 {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 40px;
  color: #1995a2;
}

/* Mission */
.mission-text {
  text-align: center;
}
.mission-text p {
  margin-bottom: 1em;
  font-size: 1.1rem;
}
.mission-text p::before {
  content: "・";
  margin-right: .5em;
  color: #1995a2;
}

/* Impact */
.impact-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.impact-card {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  border-left: 4px solid #1995a2;
}
.impact-card h3 {
  margin-bottom: 12px;
  color: #1995a2;
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .impact-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .impact-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* 報酬分配モデル */
.reward-model {
  background: #f9fafa;
  border-top: 4px solid #1995a2;
  border-bottom: 4px solid #1995a2;
  padding: 80px 20px;
}
.reward-box {
  background: #fff;
  border: 2px solid #1995a2;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 24px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}
.reward-box h3 {
  margin-bottom: 12px;
  color: #1995a2;
  font-size: 1.3rem;
}
.reward-cta {
  text-align: center;
  margin-top: 40px;
}
.btn-cta {
  display: inline-block;
  padding: 16px 40px;
  background: #1995a2;   /* 背景そのまま */
  color: #fff;           /* 文字は白 */
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  transition: 0.3s ease;
}
.btn-cta:hover {
  background: #157a84;
}