@charset "utf-8";
/* CSS Document */

/*==============================*/
/* よくある質問 ナビ */
/*==============================*/
ul.faqNavi{
	display: flex;
	padding: 10px 0;
	border-top: 1px solid #cbf3ff;
	border-bottom: 1px solid #cbf3ff;
}

ul.faqNavi li{
	width: calc(100% / 4);
	padding: 0 12px;
}
ul.faqNavi li:not(:last-child) { border-right: 1px solid #cbf3ff;}

ul.faqNavi li a{
	position: relative;
	display: block;
	padding: 6px 0 14px 0;
	color: #000;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
}
ul.faqNavi li a::before{
	position: absolute; bottom: 8px; left: 50%;
	content: "";
	width: 10px;
	height: 10px;
	border-top: 2px solid #00ABDC;
	border-right: 2px solid #00ABDC;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	margin-left: -5px;
}
ul.faqNavi li a:hover{
	background: #EFFBFE;
	color: #00ABDC;
	border-radius: 5px;
	font-weight: 500;
}


	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		ul.faqNavi{
			flex-wrap: wrap;
			padding: 0;
		}

		ul.faqNavi li{
			width: calc(calc(100% - 16px * 1) / 2);
			padding: 8px;
		}
		
		ul.faqNavi li:nth-child(1),
		ul.faqNavi li:nth-child(2){ border-bottom: 1px solid #cbf3ff;}
		
		ul.faqNavi li:not(:last-child) { border-right: none;}
		ul.faqNavi li:nth-child(odd) { border-right: 1px solid #cbf3ff;}
		

		ul.faqNavi li a{
			padding: 6px 0 14px 0;
			font-size: 15px;
		}
	}