/* --------------------------------------------------------------------------------
faq
-------------------------------------------------------------------------------- */
#faq {
	padding: 0 0 15px;
}

/********** パンくずのスキマ **********/
#faq .fs-c-breadcrumb .fs-c-breadcrumb__list {
	padding: 0 0 44px;
}

/********** 見出し **********/
#faq h2 {
	padding: 0 0 15px;
	letter-spacing: 0.1em;
	font-size: 30px;
	color: #a28535;
	border-bottom: solid 1px #a28535;
}


/* ----------------------------------------
intro
---------------------------------------- */
#faq .intro {
	padding: 0 0 115px;
}

/* 見出し */
#faq .intro h2 {
	margin: 0 0 15px;
}
#faq .intro .txt p {
	line-height: 1.8;
}
#faq .intro .txt p a {
	text-decoration: underline;
}


/* ----------------------------------------
faq-outer
---------------------------------------- */
#faq .faq-outer {
}



/* ----------------------------------------
faq-nav
---------------------------------------- */
#faq .faq-nav {
	padding: 0 0 80px;
}

/* ナビゲーションリスト全体 */
#faq .faq-nav ul {
	display: flex;
	
	width: 100%;
	justify-content: space-between;
	
	list-style: none;
	padding: 0;
	margin: 0;
}

/* ナビゲーションアイテム */
#faq .faq-nav ul li a {
	display: block;
	position: relative;
	text-decoration: none;
	color: inherit;
	
	padding-right: 21px;

	background-image: url("../../images/f/faq-2025/icon-faq-nav.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 11px auto;
}


/* ----------------------------------------
fAQリスト
---------------------------------------- */
#faq .faq-list {
}

#faq .faq-list .faq-list-box {
	padding: 0 0 82px;
}

/* 見出し */
#faq .faq-list h2 {
	margin: 0 0 30px;
	letter-spacing: 0.05em;
}

/* ul liの共通設定 */
#faq .faq-list ul li {
	list-style: none;
	line-height: 1.5;
}

/* 質問エリア全体（クリック可能部分） */
#faq .faq-list ul li .question {
	margin-bottom: 2px;
	padding: 16px 50px 16px 10px;
	background-color: #e7e8e2;
	cursor: pointer;
	position: relative;

	background-image: url("../../images/f/faq-2025/icon-plus.png");
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) center;
	background-size: 15px 15px;
}

/* 開いている状態の質問エリア（jQueryで.is-openクラスを付与することを想定） */
#faq .faq-list ul li .question.is-open {
	background-image: url("../../images/f/faq-2025/icon-minus.png");
}

/* 回答エリア（初期状態は非表示） */
#faq .faq-list ul li .answer {
	padding: 10px 10px 25px 0;
	line-height: 1.85;
	display: none;
}