html {
		scroll-behavior: smooth;
	}
	.pages__heading {
		scroll-margin-top: 70px;
	}
	.faq__heading {
		text-box-edge: cap alphabetic;
		text-box-trim: trim-both;
		font-size: 20px;
		font-weight: 400;
		line-height: 25px;
		letter-spacing: .05em;
		text-align: center;
	}
	.faq__index__grid {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		row-gap: 5px;
		column-gap: 8px;
	}
	.faq__index__grid li {
		position: relative;
		width: 100%;
		height: 50px;
		font-size: 14px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: .05em;
		text-align: center;
		align-content: center;
		color: #333333;
		border: 1px solid #333333;
		opacity: 1;
		transition: .3s ease-in-out;
	}
	.faq__index__grid li::after {
		content: "";
		display: block;
		width: 10px;
		height: 5px;
		background-image: url(assets/images/pages/faq/faq_image_arrow.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		top: 50%;
		right: 14px;
		transform: translateY(-50%);
		opacity: 1;
	}
	.faq__index__grid li:hover,
	.faq__index__grid li:hover::after {
		opacity: .7;
	}
	.faq__FAQ {
		border-bottom: 1px solid #eaeaea;
	}
	.faq__FAQ__accordion__btn {
		position: relative;
		cursor: pointer;
		padding: 30px 0;
	}
	.faq__FAQ__accordion__btn::before,
	.faq__FAQ__accordion__btn::after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		width: 12px;
		height: 1px;
		background: #000;
		transition: 0.3s ease-in-out;
	}
	.faq__FAQ__accordion__btn::before {
		transform: translateY(-50%);
	}
	.faq__FAQ__accordion__btn::after {
		transform: translateY(-50%) rotate(90deg);
	}
	.faq__FAQ__accordion.is-open 
	.faq__FAQ__accordion__btn::after {
		transform: translateY(-50%) rotate(0deg);
	}
	.faq__FAQ__accordion__btn__text {
		font-size: 16px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: .05em;
		position: relative;
		width: calc((1030 / 1080)*100%);
		padding-left: 27px;
	}
	.faq__FAQ__accordion__btn__text::before {
		content: 'Q.';
		display: inline-block;
		padding-right: 10px;
		font-family: "Inter", sans-serif;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
	.faq__FAQ__accordion span {
		font-weight: 700;
	}
	.faq__FAQ__accordion__content {
		font-size: 14px;
		font-weight: 400;
		line-height: 25px;
		letter-spacing: .05em;
		height: 0;
		overflow: hidden;
		transition: 0.3s ease-in-out;
	}
	.faq__FAQ__accordion__content a {
		color: #333;
		opacity: 1;
		transition: .3s ease-in-out;
	}
	.faq__FAQ__accordion__content a:hover {
		opacity: .7;
	}
	.faq__FAQ__accordion__content__img01 {
		width: 100%;
		max-width: 800px;
	}
	.faq__FAQ__accordion__content__img02 {
		width: 100%;
		max-width: 468px;
	}
	.faq__FAQ__accordion.is-open .faq__FAQ__accordion__content {
		margin-bottom: 30px;
	}
@media all and (max-width: 768px){
	.pages__heading {
		margin: 0;
	}
	.faq__index__grid {
		grid-template-columns: 1fr 1fr;
		row-gap: 10px;
		column-gap: 12px;
	}
	.faq__index__grid li {
		padding-left: calc((14 / 193) * 100%);
		line-height: 120%;
		text-align: left;
	}
	.faq__index__grid li::after {
		right: 12px;
	}
	.faq__FAQ__accordion__btn__text {
		width: calc((350 / 402)*100%);
		line-height: 120%;
	}
	.faq__FAQ__accordion__content__img02 {
		width: 100%;
	}
}
@media all and (max-width: 400px){
	.faq__index__grid li {
		padding-left: calc((10 / 193) * 100%);
		font-size: 12px;
	}
	.faq__index__grid li::after {
		right: 10px;
	}
}