@charset "UTF-8";

.announce{
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .9);
	background: rgba(255, 255, 255);
	opacity: 1;
	visibility: visible;
	position: fixed;
	inset: 0;
	z-index: 99999;
	transition: .8s;
}

.announce.is-close{
	opacity: 0;
	visibility: hidden;
}

.announce .announce_con{
	width: 90%;
	max-width: 88rem;
	position: absolute;
	inset: 50% auto auto 50%;
	transform: translate( -50%, -50% );
}

.announce .announce_con .announce_img{
	width: 100%;
	display: block;
	transition: .8s;
}

.announce.is-close .announce_con .announce_img{
	transform: scale(1.1);
}

.announce .announce_con .announce_img img{
	width: 100%;
}

.announce .announce_closebtn{
	width: 8rem;
    height: 8rem;
    background: #fff;
	background: #242222;
	position: absolute;
	inset: 0 0 auto auto;
    cursor: pointer;
}

.announce .announce_closebtn .__line{
	width: 5rem;
    height: 1px;
    background: #242222;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.announce .announce_closebtn .__line:last-of-type{
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.announce .announce_billust{
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	cursor: pointer;
}