@charset "utf-8";
#faq {
	width: 100%;
	height: auto;
}
	.faq__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		padding: 50px 0 120px;
		margin: 0 auto;
	}
		.faq__wrap {
			width: 100%;
			height: auto;
			padding: 30px 0 0;
			margin: 0 auto;
			position: relative;
		}
			.faq__block {
				width: 100%;
				height: auto;
				padding: 0;
				margin: 0 auto;
			}
			.faq__block + .faq__block {
				margin-top: 40px;
			}
				.faq__block__heading {
					display: flex;
					justify-content: center;
					align-items: center;
					gap: 20px;
					width: 100%;
					height: auto;
					margin: 0 auto 18px;
					font-size: 16px;
					font-weight: 500;
					line-height: calc(24 / 16);
					letter-spacing: 0.05em;
					text-align: center;
					color: var(--color--black);
				}
					.faq__block__heading::before,
					.faq__block__heading::after {
						content: "";
						display: block;
						width: 30px;
						height: 1px;
						background-color: var(--color--black);
					}
				.faq__list {
					width: 100%;
					height: auto;
				}
					.faq__list__item {
						width: 100%;
						height: auto;
						border-bottom: 1px solid var(--color--lightgray1);
						position: relative;
					}
						.faq__list__item__q {
							width: 100%;
							height: auto;
							padding: 20px 40px 20px 24px;
							font-size: 16px;
							font-weight: 400;
							line-height: calc(24 / 16);
							letter-spacing: 0.05em;
							color: var(--color--black);
							position: relative;
							cursor: pointer;
						}
							.faq__list__item__q::before {
								content: "Q.";
								display: block;
								font-size: 16px;
								font-weight: 500;
								line-height: calc(24 / 16);
								letter-spacing: 0.05em;
								position: absolute;
								top: 20px;
								left: 0;
							}
							.faq__list__item__q__icon {
								display: block;
								width: 12px;
								height: 12px;
								position: absolute;
								top: 50%;
								right: 0;
								transform: translate(0%, -50%);
							}
								.faq__list__item__q__icon::before,
								.faq__list__item__q__icon::after {
									content: "";
									display: block;
									background-color: var(--color--black);
									position: absolute;
									top: 50%;
									right: 6px;
									transform: translate(50%, -50%);
								}
								.faq__list__item__q__icon::before {
									width: 12px;
									height: 1px;
								}
								.faq__list__item__q__icon::after {
									width: 1px;
									height: 12px;
									transition: .4s;
								}
								._open .faq__list__item__q__icon::after {
									transform: translate(-50%, -50%) rotate(90deg);
								}
						.faq__list__item__a {
							display: none;
							width: 100%;
							height: auto;
							padding: 10px 40px 20px 24px;
							font-size: 16px;
							font-weight: 400;
							line-height: calc(24 / 16);
							letter-spacing: 0.05em;
							color: var(--color--black);
							position: relative;
						}

/* PC ================================================== */
@media all and (min-width: 720px){

}

/* Tablet ================================================== */
@media all and (max-width: 719px){
/* faq */
	.faq__inner {
		width: calc((400 / 440) * 100%);
		padding: 50px 0 80px;
	}
}

/* SP ================================================== */
@media all and (max-width: 575px){

}