main { min-height: calc(100vh - 100px); background-position-x: center; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12rem; position: relative;}
#wrap .img_wrap { text-align: center;position: absolute; top: 42%; left: 50%; transform: translate(-50%,-50%);}
#wrap.on .img_wrap { top: 50%; animation: moveWrap 1s; animation-delay: .5s;animation-fill-mode: forwards; }
#wrap .img_wrap img { width: 15rem; }
#wrap.on .img_wrap img { width: 21rem;animation: moveImg 1s; animation-delay: .5s; animation-fill-mode: forwards;}

@keyframes moveWrap {
	0% { top: 50%;}
	100% { top: 42%;}
}
@keyframes moveImg {
	0% { width: 21rem;}
	100% { width: 15rem;}
}

#wrap .btn_wrap { width: 100%;display: flex; flex-direction: column; gap: 1.5rem; text-align: center; align-items: center; position: absolute; top: 60%;}
#wrap.on .btn_wrap { opacity: 0; top: 60%;animation: moveBtn 0.8s; animation-delay: .8s; animation-fill-mode: forwards; }
#wrap.off .btn_wrap { opacity: 1; }
#wrap .btn_wrap a { font-weight: 500;display: block; width: 70%; color: #fff; font-size: 1.8rem; background: #e01e5f; border-radius: 3rem; padding: 1.3rem 0;}
#wrap .btn_wrap a:nth-child(2) { background: #55bc55;}

@keyframes defaltBtn {
	0% { opacity: 0;}
	100% { opacity: 1;}
}

@keyframes moveBtn {
	0% { opacity: 0; top: 55%;}
	100% { opacity: 1;top: 60%;}
}

.ads_wrap { height: 100px;}
.ads_wrap .adsbygoogle { text-align:center; min-width:300px;max-width:970px;width:100%; height: 100px; display: block;}