

.faq-item{
	padding: 2rem;
    border-top: 1px var(--color-bk) solid;
}
.faq-item:last-child{
    border-bottom: 1px var(--color-bk) solid;
}
.faq-box{
	display: flex;
    gap: 2rem;
    align-items: center;
}
.faq-box-inner{
	padding-right: 1rem;
}
/*.faq-item .faq-box{
	display: flex;
}
.faq-item .faq-box-inner{
	display: flex;
    gap: 2rem;
    line-height: 1.75em;
}
.faq-question .faq-box-inner{
	cursor: pointer;
	align-items: center;
}
.faq-answer .faq-box-inner{	
	align-items: flex-start;
}
.faq-answer p{
	padding-top: 2rem;
}*/
.faq-question{
	cursor: pointer;
}
.faq-answer{
	align-items: flex-start;
}
.faq-answer .faq-box-inner,
.faq-answer::before{
	margin-top: 2rem;
}
.faq-question::before,
.faq-answer::before{
	font-family: "Poppins", sans-serif;
	font-size: 1.25em;
	font-weight: 300;
}
.faq-question::before{
	content: "Q";
}
.faq-answer::before{
	content: "A";
}


.faq-box-inner a{
	margin: 0 0.5rem;
	color: var(--color-mid);
}
.faq-box-inner a:hover{
	color: var(--color-dark);
}
.faq-box-inner ul.u-cap li{
    text-indent: -1em;
    padding-left: 1em;
}


/*---------------------------------------------------
		アコーディオン
---------------------------------------------------*/

.faq-icon {
	position: relative;
	flex-shrink: 0;
	margin-left: auto;
}

.faq-icon::before,
.faq-icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: calc(50% - 0.5em);
	transform: translate(-50%, -50%);
	background-color: #333; /* 色は適宜調整 */
	transition: transform 0.3s ease;
}
/* 横線 */
.faq-icon::before {
	width: 1em;
	height: 2px;
}
/* 縦線 */
.faq-icon::after {
	width: 2px;
	height: 1em;
}
/* 開いたら縦線を回転させて消す(横線だけ残る= "-") */
.faq-item.is-open .faq-icon::after {
	transform: translate(-50%, -50%) rotate(90deg);
	opacity: 0;
}
.faq-answer {
	height: 0;
	overflow: hidden;
	transition: height 0.3s ease;
}