/* サンプーンLite カスタムスタイル */

html { 
    scroll-behavior: smooth; 
}

details > summary { 
    list-style: none; 
}

details > summary::-webkit-details-marker { 
    display: none; 
}

/* ストライプ背景 */
.stripe-bg {
    background-image: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 35px,
        rgba(255, 255, 255, 0.02) 35px,
        rgba(255, 255, 255, 0.02) 70px
    );
}

/* パルスアニメーション（控えめ） */
@keyframes subtle-pulse {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 1; }
}

.animate-subtle-pulse {
    animation: subtle-pulse 3s ease-in-out infinite;
}

/* 浮き上がりアニメーション */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

/* 3D効果 */
.card-3d {
    transform: perspective(1000px) rotateX(0deg);
    transition: all 0.3s ease;
}

.card-3d:hover {
    transform: perspective(1000px) rotateX(2deg) translateY(-5px);
}
/* =========================================================
   Floating CTA (recruitv5-like)
   ========================================================= */
.floating-cta {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 90;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.floating-cta a { width: auto; }

@media (max-width: 768px) {
  .floating-cta { left: 20px; right: 20px; }
  .floating-cta a { width: 100%; }
  body { padding-bottom: 176px; }
}