@charset "UTF-8";

#b_quiz_end { margin: 0px; padding: 0px; width: 16%; height: auto; aspect-ratio: 1 / 0.324; position: absolute; top: 1.05vw; left: 1.4vw; z-index: 102; transition: all 0.7s; }
#b_quiz_end:hover { opacity: 0.75; }
#b_quiz_end img { margin: 0px; padding: 0px; width: 100%; height: auto; cursor: pointer; }
#b_quiz_start { margin: 0px auto; padding: 0px; width: 35%; aaspect-ratio: 1 / 0.253; position: absolute; top: 42vw; left: 0px; right: 0px; z-index: 101; transition: all 0.7s; }
#b_quiz_start:hover { opacity: 0.75; }
#top_title { margin: 0px auto; padding: 0px; width: 85%; aspect-ratio: 1 / 0.417; position: absolute; top: 5.5vw; left: 0px; right: 0px; z-index: 100; }
#top_title img { margin: 0px; padding: 0px; width: 100%; height: auto; }
#chara_trash { margin: 0px; padding: 0px; width: 20.35%; position: absolute; top: 23vw; left: 39.4vw; z-index: 103; animation: Trash_ani 1s ease 0.6s infinite; }

@keyframes Trash_ani {
 0% {	transform: translate(0%,0%);}
 50% {	transform: translate(0%,3%);}
 100% {	transform: translate(0%,0%);}
}


@media all and (max-width:800px){
	#b_quiz_end { width: 37.2%; top: 1.5vw; left: 1.5vw; }
	#b_quiz_start { width: 93%; top: 165vw; }
	#top_title { width: 100%; aspect-ratio: 1 / 1.442; background: url(../i/top_title_m.svg) -10vw center no-repeat; background-size: 124%; overflow: hidden; top: 18vw; left: -1vw; }
	#top_title img { display: none; }
	#chara_trash { width: 48.41%; top: 117vw; left: 29vw; }
}