@charset "utf-8";

/* ==============================
   FAQ Accordion
============================== */

.faq-accordion {
	--faq-color: #c89a55;
}

.faq-accordion .accordion-item {
	margin-bottom: 8px;
	border: 2px solid #222;
	border-radius: 0;
	background: #fff;
	overflow: hidden;
	transition: border-color 0.25s ease;
}

/* 開いている項目 */
.faq-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
	border-color: var(--faq-color);
}


/* ==============================
   Question
============================== */

.faq-accordion .accordion-button {
	position: relative;
	padding: 14px 50px 14px 16px;
	border: 0;
	border-radius: 0;
	background: #fff;
	box-shadow: none;

	font-size: 1.125rem;
	line-height: 1.5;
	font-weight: 700;
	color: #222;
}

/* Bootstrap標準の矢印を消す */
.faq-accordion .accordion-button::after {
	display: none;
}

/* ＋ / － */
.faq-accordion .accordion-button::before {
	content: "＋";
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);

	font-size: 1.35rem;
	line-height: 1;
	font-weight: 700;
	color: #222;
}

.faq-accordion .accordion-button:not(.collapsed)::before {
	content: "－";
	color: var(--faq-color);
}

/* 開いている質問 */
.faq-accordion .accordion-button:not(.collapsed) {
	background: #fff;
	color: #222;
	box-shadow: none;
}

/* hover */
.faq-accordion .accordion-button:hover {
	background: #fafafa;
}

/* focus時のBootstrap標準リングを調整 */
.faq-accordion .accordion-button:focus {
	box-shadow: none;
}


/* ==============================
   Answer
============================== */

.faq-accordion .accordion-body {
	padding: 0 16px 18px;
	font-size: 0.9rem;
	line-height: 1.8;
	color: #222;
}


/* ==============================
   SP
============================== */

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

	.faq-accordion .accordion-item {
		margin-bottom: 6px;
	}

	.faq-accordion .accordion-button {
		padding: 12px 42px 12px 12px;
		font-size: 1rem;
	}

	.faq-accordion .accordion-button::before {
		right: 12px;
		font-size: 1.2rem;
	}

	.faq-accordion .accordion-body {
		padding: 0 12px 14px;
		font-size: 0.9rem;
	}

}





/* Media Queries */
@media screen and (min-width:568px) {



}

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



}

@media screen and (min-width:901px) {


}

@media screen and (min-width:1000px) {



}

@media screen and (min-width:1500px) {



}