@charset "utf-8";

/**************************************************************************************

--------------------------------------------------------------------------------------
よくある質問
***************************************************************************************/

/* ページ内ボタン
========================================== */

#main .scrNav {
	margin-top:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#main .scrNav a {
	display:block;
	width:22%;
	background-color:#004294;
	text-align:center;
	color:#fff;
	font-weight:bold;
	line-height:1.6;
	padding:12px 20px 10px;
	position:relative;
}
#main .scrNav a::after {
	content:"▼";
	display:block;
	text-align:center;
	margin-top:15px;
	font-size:14px;
}
#main .scrNav a em {
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:20px;
}
@media only screen and (max-width:1060px) {
	#main .scrNav a {
		width:23%;
	}
}
@media only screen and (max-width:960px) {
	#main .scrNav a {
		width:24.5%;
	}
}
@media only screen and (max-width:768px) {
	#main .scrNav {
		margin-top:30px;
	}
	#main .scrNav a {
		width:49.5%;
		padding:10px 20px;
		text-align:left;
	}
	#main .scrNav a:nth-child(n+3) {
		margin-top:1%;
	}
	#main .scrNav a::after {
		position:absolute;
		top:0;
		right:20px;

	}
	#main .scrNav a em {
		display:inline-block;
		margin-right:10px;
	}
}
@media only screen and (max-width:640px) {
	#main .scrNav a {
		width:100%;
	}
	#main .scrNav a + a {
		margin-top:5px!important;
	}
}

/* FAQエリア
========================================== */

#main .faqBox {
	margin-top:80px;
}
#main .faqBox h2 {
	width:400px;
	margin:0 auto;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	border-bottom:1px solid #000;
	padding-bottom:10px;
}
#main .faqBox h2 em {
	display:inline-block;
	font-weight:bold;
	margin-right:15px;
}
#main .faqBox > ul {
	margin-top:50px;
}
#main .faqBox > ul > li {
}
#main .faqBox > ul > li + li {
	margin-top:30px;
}
#main .faqBox > ul > li p.titQ {
	background-color:#044a80;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	padding:12px 90px 12px 80px;
	position:relative;
	cursor:pointer;
}
#main .faqBox > ul > li p.titQ::after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:60px;
	width:1em;
	height:1em;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	transform:translateY(-65%) rotate(135deg);
	transition:all 0.3s ease;
}
#main .faqBox > ul > li p.titQ.close::after {
	transform:translateY(-35%) rotate(-45deg);
}
#main .faqBox > ul > li .ans {
	display:none;
	padding:20px 60px 0;
}
#main .faqBox > ul > li .ans p {
}
#main .faqBox > ul > li .ans p em {
	font-weight:bold;
}
#main .faqBox > ul > li .ans dl.calendar {
	margin-top:30px;
	text-align:center;
}
#main .faqBox > ul > li .ans dl.calendar dt {
	display:inline-block;
	text-align:center;
	color:#044a80;
	font-weight:bold;
	font-size:18px;
	padding:15px 30px;
	line-height:1;
	border:1px solid #044a80;
	border-radius:100vh;
}
#main .faqBox > ul > li .ans dl.calendar dd {
}
#main .faqBox > ul > li .ans dl.calendar dd p.note {
	color:#595757;
	text-align:center;
	margin-top:15px;
}
#main .faqBox > ul > li .ans dl.calendar dd p.note span {
	color:#f19db5;
}
#main .faqBox > ul > li .ans dl.calendar dd ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
#main .faqBox > ul > li .ans dl.calendar dd ul li {
	padding:40px;
	display:flex;
	align-items:flex-start;
}
@media only screen and (max-width:768px) {
	#main .faqBox {
		margin-top:50px;
	}
	#main .faqBox h2 {
		font-size:20px;
		width:100%;
	}
	#main .faqBox > ul {
		margin-top:30px;
	}
	#main .faqBox > ul > li + li {
		margin-top:20px;
	}
	#main .faqBox > ul > li p.titQ {
		font-size:16px;
		padding:12px 50px 12px 20px;
	}
	#main .faqBox > ul > li p.titQ::after {
		right:20px;
	}
	#main .faqBox > ul > li .ans {
		padding:15px 10px 0;
	}
	#main .faqBox > ul > li .ans dl.calendar dd ul li {
		width: 50%;
		padding:20px;
	}
}
@media only screen and (max-width:500px) {
	#main .faqBox > ul > li .ans dl.calendar dt {
		font-size:16px;
		padding-left:20px;
		padding-right:20px;
	}
	#main .faqBox > ul > li .ans dl.calendar dd ul li {
		padding:20px 15px;
	}
	#main .faqBox > ul > li .ans dl.calendar dd ul li:nth-of-type(odd) {
		padding-left:0;
	}
	#main .faqBox > ul > li .ans dl.calendar dd ul li:nth-of-type(even) {
		padding-right:0;
	}
}