.open { 
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
 } 
#pop-up {
	display: none; /* label でコントロールするので input は非表示に */
}
#pop-up2 {
	display: none; /* label でコントロールするので input は非表示に */
}
#pop-up3 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}

#pop-up2:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}

#pop-up3:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}

.window {
	width: 90vw;
	max-width: 550px;
	height: 700px;
	float: center;
	background-color: #f3f3f3;
	border-radius: 10px;
	margin-right: 10px;
    padding: 1em;
	/* display: flex; */
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.text {
	font-size: 20px;
	margin: 0;
}
.close {
	cursor:pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 15px;
}

p.font1{
	font-family: fantasy;
	font-size: 50px;
	margin: 0;
	
  }