.notice {
	//display:none;
	position: absolute;
    z-index:9;
    border: 5px solid #fff;
	border-right:0;
    right: 0;
    bottom: 50px;
    aspect-ratio: 4 / 3;
    max-width: 200px;
    width: 100%;
    background: #f2f2f2;
	box-shadow: 0 0 30px rgba(0,0,0,0.25);
	border-radius:15px 0 0 15px;
transform: translateX(100%);
	animation: 1s ease-out 0s 1 forwards slideInFromLeft;
}

.notice img {
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	border-radius:10px 0 0 10px;
}

@media (min-width: 768px) {
	.notice {
		bottom:60px;
		max-width:270px;
	}
}

@media (min-width: 1024px) {
	.notice {
		bottom:auto;
		max-width:340px;
    	top: 100px;
	}
}

@media (min-width: 1280px) {
	.notice {
		bottom:auto;
		max-width:380px;
    	top: 150px;
	}
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(100%);

  }
  100% {
    transform: translateX(0);

  }
}