@charset "utf-8";

/* ポップアップの基本的なスタイル */
.popup-overlay {
	display: none; /* 初期状態では非表示 */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(11, 49, 143, 0.7); /* 半透明の背景 */
	z-index: 1000; /* 他の要素より手前に表示 */
	justify-content: center;
	align-items: center;
	opacity: 0; /* フェードイン用 */
	transition: opacity 0.5s ease-in-out; /* アニメーション設定 */
}
.popup-overlay.is-visible {
	display: flex; /* 表示状態 */
	opacity: 1;
}

.popup-content {
	position: relative;
	width: 400px;
}

.popup-close-btn {
	position: absolute;
	top: -50px;
	right: 0;
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 50%;
	font-size: 30px;
	line-height: 38px;
	color: #0B318F;
	cursor: pointer;
	border: none;
}

@media screen and (max-width: 767px ) {

.popup-content {
	width: 89.3333333333vw;
}

.popup-close-btn {
	top: -13.3333333333vw;
	width: 10.6666666667vw;
	height: 10.6666666667vw;
	font-size: 8vw;
	line-height: 10.1333333333vw;
}

}