@charset "Shift_JIS";

.page_top_nav_box{
	width: 850px;
	margin: 10px auto 30px;
}
.page_top_nav_box .top_txt{
	font-size: 14px;
}
.page_top_nav_box .mfp-hide{
	display: block!important;
}
.page_top_nav_box .page_top_nav_li{
	display: flex;
	justify-content: space-between;
	list-style-type: none;
	margin-top: 30px;
}
.page_top_nav_box .page_top_nav_li li a,
.page_top_nav_box .page_top_nav_li li span{
	display: block;
	width: 97.5px;
	background: #00A0E9;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 0;
	height: 100%;
	transition: background 0.3s;
}
.page_top_nav_box .page_top_nav_li li span{
	background: #016AB3;
}

@media (min-width: 641px) {
	.page_top_nav_box .page_top_nav_li li a:hover{
		background: #016AB3;
	}
}

@media (max-width: 640px) {

	.page_top_nav_box{
		width: 100%;
		margin: 40px auto 30px;
	}
	.page_top_nav_box a.modal_btn{
		display: block;
		border: 1px solid #5596DD;
		width: 250px;
		border-radius: 5.6px;
		line-height: 42px;
		font-size: 16px;
		font-weight: 500;
		color: #5596DD;
		margin: 0 auto 5px;
	}
	.page_top_nav_box .top_txt{
		font-size: 11px;
	}
	.page_top_nav_li{
		max-width: 273px;
		margin: 0 auto;
		display: block;
		margin-top: 0px;
		border-top: 2px solid #7EB4DD;
		text-align: center;
	}
	.page_top_nav_li li{
		border-bottom: 2px solid #7EB4DD;
	}
	.page_top_nav_li li a,
	.page_top_nav_li li span{
		width: 100%;
		display: block;
		background: #B0D7F4;
		color: #3C6AAC;
		font-size: 16px;
		font-weight: 600;
		line-height: 48px;
		padding: 0;
	}
	.page_top_nav_li li span{
		background: #016AB3;
		color: #FFF;
	}

	.page_top_nav_box .mfp-hide{
		display: none!important;
	}
	/*popup*/
	body.lock-scroll {
		position: fixed !important;
		width: 100% !important;
		overflow: hidden !important;
	}
	.mfp-close-btn-in .mfp-close{
		color: #fff!important;
	}
	.mfp-close {
		top: -45px!important;
		right: calc((100% - 300px) / 2)!important;
	}
	
	
	
}