@charset "UTF-8";
/*----------------------------------------

	- common
	- bessatsuNav

-----------------------------------------*/

/*----------------------------------------
	common
-----------------------------------------*/

#fwCms_wrapper .pagination {
	margin-bottom: 0;
}

/*----------------------------------------
	bessatsuNav
-----------------------------------------*/

#fwCms_wrapper .bessatsuNav {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 1px 1px;
	margin-top: 1px;
}

#fwCms_wrapper .bessatsuNav li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 3.4vw 2.4vw;
	background: #d4effa;
	color: #003c54;
	font-size: 4vw;
	line-height: 1.7;
	text-align: center;
	text-decoration: none !important;
}

#fwCms_wrapper .bessatsuNav li a,
#fwCms_wrapper .bessatsuNav li a:visited {
	transition: opacity 0s;
}

#fwCms_wrapper .bessatsuNav li a:hover {
	opacity: .5;
	transition: opacity .2s ease-out .1s;
}

@media screen and (min-width: 1000px) {
	#fwCms_wrapper .bessatsuNav {
		gap: 2px 2px;
		margin-top: 2px;
	}
}

@media screen and (min-width: 768px) {
	#fwCms_wrapper .bessatsuNav li a {
		padding: 16px 40px;
		font-size: 1.8rem;
	}
}