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

.q,
.ans {
	max-width: 90%;
	margin: 20px;
	background-color: #fafafa;
	padding: 20px;
}

.ans {
	padding: 25px 50px 50px 50px;
}

.q ul {
	padding: 20px;
	max-width: 100%;
}

.q li {
	font-size: 2rem;
	padding: 0.5em 0;
	border-bottom: dotted 1px #cccccc;
	max-width: 100%;

}

.q li::before {
	content: "Q.";
	margin-right: 1em;

}

.q a:hover,
#breadcrumb_faq a:hover,
.ans_a a:hover {
	color: #00adba;
}

.section-title {
	margin-top: 3em;
	color: #00adba;
	text-align: center;
	font-size: 3rem;
}

.section-title::before,
.section-title::after {
	content: "―";
	margin: auto 0.5em;

}

.mb100 {
	margin-bottom: 100px;
}

.btn_b {
	margin: 10px auto;
	font-size: 15px;
	font-weight: 600;
	color: #ffffff;
	background-color: #00adba;
	padding: 10px 40px;
	text-decoration: none;
	display: inline-block;
}

.btn_b a {
	color: #ffffff;
}

.subTitle {
	/* border: 1px solid #eee; */
	margin: 0%;
	padding: 5%;
	width: 98%;
	max-width: 1200px;
	margin-bottom: 10px;
	background-size: cover;
	background-position: center;
	/* float: left; */
	margin: 10px auto;
	text-align: center;
	background: rgba(255, 255, 255, 0.9);
}

#breadcrumb_faq {
	text-align: right;
	margin-bottom: 2em;
}

#breadcrumb_faq ol {
	margin: 0;
	padding: 0;
	line-height: 1.8;
}

#breadcrumb_faq li {
	display: inline-flex;
	list-style: none;
	font-size: 16px;
	margin: 0;
	padding: 10px;
	letter-spacing: 0.5px;
	border: none;
}

#breadcrumb_faq li::after {
	content: "　>";
}

#breadcrumb_faq li::before {
	content: "Q.";
}

#breadcrumb_faq li:last-child::after {
	content: none;
}

#breadcrumb_faq li:first-child::before {
	content: none;
}

p.ans_q,
p.ans_a {
	font-size: 20px;
	padding: 0.5em;
}

p.ans_q {
	border-bottom: dotted 1px #cccccc;
	margin-bottom: 2rem;
	font-weight: bold;
}

p.ans_q::before {
	content: "Q. ";

}

p.ans_a::before {
	content: "A. ";
}

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

	.q,
	.ans {
		max-width: 100%;
		margin: 20px 0;
		padding: 5px;
	}

	.ans p {
		font-size: 16px;
	}

	.section-title {
		font-size: 2rem;
	}
}

#sec1,
#sec2,
#sec3,
#sec4 {
	scroll-margin-top: 100px;
}