/* ====== フェードイン共通アニメーション ====== */
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

.fade-in {
  opacity: 0;
  animation: fadeInUp 1s forwards;
}

.fade-delay-1 { animation-delay: 0.3s; }
.fade-delay-2 { animation-delay: 0.6s; }
.fade-delay-3 { animation-delay: 0.9s; }
.fade-delay-4 { animation-delay: 1.2s; }
.fade-delay-5 { animation-delay: 1.5s; }
.fade-delay-6 { animation-delay: 1.8s; }
.fade-delay-7 { animation-delay: 2.1s; }

/* ====== キャッチコピー（トップページ専用） ====== */
.top-works-copy {
  text-align: center;
  margin: 80px 20px 60px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}

.top-copy-large-bold {
  font-size: clamp(36px, 6vw, 60px);
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 15px;
}

.top-copy-large {
  font-size: clamp(28px, 5vw, 50px);
  font-weight: 700;
  margin-bottom: 20px;
}

.top-copy-box {
  display: inline-block;
  padding: 25px 30px;
  border: 2px solid #fff;
  border-radius: 12px;
  margin-bottom: 50px;
  color: #fff;
  font-weight: bold;
  font-size: clamp(28px, 4vw, 36px); /* 文字サイズ大きめ */
  animation: blinkText 1.2s infinite; /* 点滅 */
}

/* 点滅アニメーション */
@keyframes blinkText {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* ====== 実績・数字 ====== */
.works-stats {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.stat-item {
  text-align: center;
  max-width: 250px;
}

.stat-inner {
  background: rgba(255,255,255,0.7);
  padding: 15px;
  border-radius: 8px;
}

.stat-number {
  font-size: clamp(24px, 4vw, 36px);
  font-weight: bold;
  color: #000;
  background: #fff;
  display: inline-block;
  padding: 12px;
  border-radius: 6px;
  margin-bottom: 8px;
}

.stat-label {
  font-size: clamp(14px, 1.8vw, 18px);
  line-height: 1.4;
  color: #000;
}

/* ====== CTAボタン ====== */
.works-cta {
  text-align: center;
  margin-bottom: 80px;
}

.cta-button {
  display: inline-block;
  background: #ff7a00;
  color: #fff;
  padding: 14px 36px;
  font-size: clamp(16px, 2vw, 22px);
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s;
}

.cta-button:hover {
  background: #e66a00;
}