@charset "UTF-8";
/* ====================================================
　FAQページ専用
==================================================== */

/* ====================================================
  コピー文
==================================================== */
.pageFaq .contents .copy {
	margin-bottom: 50px;
	text-align: center;
	line-height: 1.6;
	font-weight: bold;
	font-size: 20px;
}

/* ====================================================
  FAQリスト
==================================================== */
.pageFaq .list-faq {
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.8;
}

.pageFaq .list-faq dt {
	position: relative;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1.5em;
	padding-left: 3em;
}

.pageFaq .list-faq dt::before {
	content: "Q";
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #005aab; /* Q: 青 */
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
}

.pageFaq .list-faq dd {
	position: relative;
	font-weight: normal;
	margin: 0 0 1.5em 0;
	padding-left: 3em;
	border-bottom: 1px solid #ddd; 
	padding-bottom: 2em;
}

.pageFaq .list-faq dd::before {
	content: "A";
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #ff9508; /* A: しゅう色 */
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
}

.pageFaq .list-faq dd:last-child {
  border-bottom: none;
}

/* ====================================================
  補足リスト
==================================================== */
.pageFaq .supple {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 2em;
	padding-left: 1em;
}

.pageFaq .supple li {
	margin-bottom: 0.5em;
}

/* ====================================================
  レスポンシブ対応
==================================================== */
@media screen and (max-width: 767px) {
	.pageFaq .contents .copy {
		font-size: 18px;
	}
	.pageFaq .list-faq {
		font-size: 16px;
		line-height: 1.6;
	}
	.pageFaq .supple {
		font-size: 13px;
		line-height: 1.4;
	}
	.pageFaq .list-faq dt.list-faq-question,
	.pageFaq .list-faq dd.list-faq-answer {
		width: 100%;
	box-sizing: border-box;
	}
}