.customer .inner {
	gap: 40px;
}


.customer .title {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.4;
	text-transform: uppercase;
}

.customer .inner > div {
	gap: 40px;
}

.contact .grid {
	gap: 20px;
}
.contact .grid > div {
	width: calc(33.333% - 14px);
	gap: 10px;
}
.contact .grid > div .icon {
	width: 40px;
}
.contact .grid > div .info {
	flex: 1;
	width: 100%;
	gap: 16px;
}
.contact .grid > div .info strong {
	font-size: 24px;
	line-height: 1.2;
	word-break: break-word;
}
.contact .grid > div .info p {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
}

.faq .list {
	gap: 16px;
}
.faq .list .item .ques_btn {
	position: relative;
	width: 100%;
	border-radius: 10px;
	border: 1px solid var(--text-opacity);
	background: var(--white);
	padding: 16px 16px 16px 44px;
	line-height: 1.2;
	text-align: left;
	box-sizing: border-box;
}
.faq .list .item .ques_btn:before {
	content: 'Q';
	position: absolute;
	top: 13px;
	left: 16px;
	font-size: 20px;
	font-weight: 900;
	line-height: 1.2;
}
.faq .list .item .answer {
	display: none;
	padding: 30px;
	border-bottom: 1px solid var(--text-opacity);
	line-height: 1.6;
	text-transform: uppercase;
	font-family: 'SUIT';
	box-sizing: border-box;
}
.faq .list .item .answer > strong {
	font-size: 20px;
}
.faq .list .item .answer a {
    word-break: break-all;
}
.faq .list .item.open .answer {
	display: block;
}



@media screen and (max-width: 1240px) {
	.contact .grid > div .info strong {
		font-size: 20px;
	}
	.contact .grid > div .info p {
    	font-size: 16px;
	}
}
@media screen and (max-width: 1024px) {
	.customer .inner {
		gap: 20px;
	}
	.customer .inner > div {
		gap: 20px;
	}

	.customer .title {
    	font-size: 22px;
	}
	.contact .grid > div {
		width: calc(50% - 10px);
	}
	.contact .grid > div:last-child {
		width: 100%;
	}
	.contact .grid > div .icon {
		width: 30px;
	}
	.contact .grid > div .icon img {
		width: 100%;
	}
	.contact .grid > div .info strong .pc {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.contact .grid > div {
		width: 100%;
	}
	.contact .grid > div .info {
		gap: 10px;
	}
	.contact .grid > div .info strong {
        font-size: 16px;
    }
	.contact .grid > div .info p {
        font-size: 14px;
    }

	.faq .list .item .answer {
    	padding: 20px;
		font-size: 14px;
	}
	.faq .list .item .answer > strong {
		font-size: 18px;
	}
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 380px) {
}