#modal_20th {
	position: fixed;
	z-index: 100;
    max-width: 470px;
    width: 100%;
    top: 50%;
    left: 50%;
    background: #7dbb28;
    text-align: center;
	box-shadow: 6px 6px 6px #00000029;
	border-radius: 33px;
	transform: translate(-50%, -50%);
	padding: 50px 35px 28px;
	transition: opacity 0.6s ease;
	opacity: 0;
	box-sizing: border-box;
}
#modal_20th.visible {
	opacity: 1;
}
#modal_20th p {
    font-size: 16px;
    color: #fff;
	margin: 1.7em 0;
	line-height: 1.8;
}
#modal_20th p.last {
	margin-bottom: 1em;
}
#modal_20th span {
	cursor: pointer;
}

@media (max-width: 768px) {
	#modal_20th {
		width: auto;
		padding: 40px 25px 24px;
	}
	#modal_20th > img {
		width: 171px;
		height: auto;
	}
	#modal_20th p {
		font-size: 13px;
		white-space: nowrap;
	}
}