/*
Theme Name: SWELL Child (GENERATE LP)
Theme URI: https://example.com
Template: swell
Author: GENERATE
Description: SWELL child theme for the GENERATE ホームページ制作 LP section.
Version: 1.0.0
*/

.glp-wrap { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; max-width: 100vw; }
.glp-wrap [data-reveal] { opacity: 0; transform: translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease; }
.glp-wrap [data-reveal].is-visible { opacity: 1; transform: translateY(0); }
.glp-wrap [data-reveal-side="left"] { transform: translateX(-40px); }
.glp-wrap [data-reveal-side="right"] { transform: translateX(40px); }
.glp-wrap [data-reveal-side].is-visible { transform: translateX(0); }

.glp-wrap .scp0:hover { transform: translateY(-3px) scale(1.03); box-shadow: rgba(37, 99, 235, 0.35) 0px 10px 24px; }
.glp-wrap .scp1:hover { transform: translateY(-3px) scale(1.03); box-shadow: rgba(249, 115, 22, 0.35) 0px 10px 24px; }
.glp-wrap .scp2:hover { transform: scale(1.06); }
.glp-wrap .scp3:hover { transform: translateY(-6px); box-shadow: rgba(37, 99, 235, 0.14) 0px 14px 28px; }
.glp-wrap .scp4:hover { animation-play-state: paused; }
.glp-wrap .scp5:hover { transform: scale(1.04); }

@keyframes case-marquee {
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
@keyframes popIn {
  0% { opacity: 0; transform: scale(0.6); }
  100% { opacity: 1; transform: scale(1); }
}