@charset "utf-8";

#intro-note{
	bottom:1vw;
	right:1vw;
}

#movie-carousel .cell .movie .thumbnail-before-loading img:hover,
#special-carousel .cell .movie .thumbnail-before-loading img:hover,
#extra-carousel .cell .movie .thumbnail-before-loading img:hover {
  transform: scale(1.125);
  transition: 0.45s cubic-bezier(0.52, 0.32, 0.19, 1.01);
}

#movie-thumbnails .thumbnail.active img:hover,
#movie-thumbnails .thumbnail:hover img:hover,
#special-thumbnails .thumbnail.active img:hover,
#special-thumbnails .thumbnail:hover img:hover,
#extra-thumbnails .thumbnail.active img:hover,
#extra-thumbnails .thumbnail:hover img:hover {
  transform: scale(1.25);
  transition: transform 0.25s ease-out;
}

#step1-voice{
	display: none;
}

#campaign-more{
	width: 45vw;
}

#extra{
	padding-bottom: 0;
}

#extra-carousel .cell{
	margin: 0 auto 40px;
}

#intro-cta .cta-caption{
	width: 54.928vw;
}
#movie-cta .cta-caption{
	width: 43.857vw;
}
#campaign-cta .cta-caption{
	width: 20.071vw;
}
#extra-cta .cta-caption{
	width: 31.714vw;
}

#intro-cta .cta-caption img,
#movie-cta .cta-caption img,
#campaign-cta .cta-caption img,
#extra-cta .cta-caption img{
	object-fit:contain;
}

#copyright{
	bottom:1.714vw;
}

@media screen and (max-width: 480px) {
	#intro-note{
		bottom: 2vw;
		right: 2vw;
	}
	#movie{
		padding-bottom: 6.666vw;
	}
	#campaign-overview{
		font-size: clamp(14px, 3.2vw, 24px);
	}
	#campaign-more{
		width: 90.8938vw;
	}
	#step1-voice {
	    width: 17.333vw;
	    height: 12vw;
	    position: absolute;
	    top: -11.25vw;
	    left: 14.133vw;
	    right: auto;
	    bottom: auto;
	    opacity: 1;
	    display: block;
	    filter: drop-shadow(0 0 5px rgba(0, 108, 179, 0.95));
	    z-index: 66;
	}
	#step1-voice img{
		width: 100%;
	}
	#step2-voice {
		display: none;
	}
	#step1-text,
	#step2-text,
	#step3-text{
		font-size: clamp(14px, 3.2vw, 24px);
		padding: 2.666vw 2.666vw 2.666vw 2.666vw;
	}
	#intro-cta .cta-caption{
		width: 62.4vw;
	}
	#movie-cta .cta-caption{
		width: 47.333vw;
	}
	#campaign-cta .cta-caption{
		width: 46.533vw;
	}
	#extra-cta .cta-caption{
		width: 47.333vw;
	}
	#campaign-sticker {
	    position: absolute;
	    width: 24vw;
	    height: 24vw;
	    top: 43vw;
	    right: 5vw;
	}
	#special-sticker,
	#extra-sticker {
	    position: absolute;
	    width: 24vw;
	    height: 24vw;
	    top: 5vw;
	    right: 5vw;
	}
	#movie-carousel .cell .caption,
	#offshot-carousel .cell .caption,
	#special-carousel .cell .caption,
	#extra-carousel .cell .caption{
		margin-top: 1.8vw;
		font-size: clamp(12px, 1.6vw, 32px);
		height: 2.5em;
	}
	#movie-thumbnails,
	#special-thumbnails{
		margin-top: 5vw;
	}
	#movie-thumbnails .thumbnail,
	#special-thumbnails .thumbnail{
		margin-bottom: 5vw;
	}
	#extra-carousel .cell{
		margin: 0 auto 5vw;
	}	
	#footer{
		padding-bottom: 20vw;
	}
	#copyright{
		bottom:24vw;
	}
}