/* FAQページスタイル */
.faq-content {}

.faq-block {
	display: grid;
	gap: min(40px, 5.33vw);
}

.question-box {}

.question-box__question {
	padding: 1.2em 1.95em;
	border: solid 2px var(--primary-color);
	background-color: var(--color-white);
	width: 100%;
	font-size: 1rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: var(--primary-color);
	gap: min(43px, 5vw);
	cursor: pointer;

	@media screen and (max-width: 899px) {
		padding: 1.75em 1em;
	}
}

.question-box__icon {
	font-family: var(--font-family--en);
	font-size: 2em;
	font-weight: 500;
	line-height: .5;
	translate: 0 -10%;
}

.question-box__label {
	line-height: 1.6;
	flex: 1 1 auto;
	text-align: left;
}

.triangle {
	width: min(20px, 5.97cqw);
	aspect-ratio: 20 / 17;
	justify-self: flex-end;
	display: block;
	transition: transform 0.3s ease;
	background-image: url("/wp-content/themes/cligram2025/assets/img/ico_triangle.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	flex: 0 0 auto;

	.question-box__question[aria-expanded="true"] & {
		transform: rotateX(180deg);
	}
}

.question-box__answer {
	padding: 1.2em 1.95em;
	border: solid 2px var(--primary-color);
	background-color: var(--primary-color);
	color: var(--color-white);
	font-size: 1rem;
	line-height: 1.6;

	@media screen and (max-width: 899px) {
		padding: 1.75em 1em;
	}
}

.question-box__answer-inner {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: min(43px, 5.6vw);
}

.question-box__answer-icon {
	font-family: var(--font-family--en);
	font-size: 2em;
	font-weight: 500;
	line-height: 1;
	translate: 0 -10%;
}

.question-box__answer-text {
	font-weight: 300;
}