@charset "UTF-8";

/* =================================================================
faq
=================================================================*/
/*  コンテンツ
-------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.faq-list {margin-top: 14px}
	.support-block:last-child .faq-list {padding-bottom: 6rem}
}
.faq-list__item {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1.85rem 2.6rem 1.8rem 1rem; border-bottom: 1px solid #000; font-size: 2rem; line-height: 1; cursor: pointer; color: #000; transition: opacity 0.2s}

@media screen and (max-width:767px) {
	.faq-list__item {padding: 1.5rem 1.4rem 1.4rem 1rem; width: 100%; font-size: 1.8rem}
}
.faq-list__item span {max-width: calc(100% - 35px); line-height: 1.4}

@media screen and (max-width:767px) {
	.faq-list__item span {max-width: calc(100% - 42px); line-height: 1.5}
}
.faq-list__item svg {transform: translateX(0); transition: 0.2s}
.faq-list__item:hover {opacity: 0.6}
.faq-list__item:hover svg {transform: translateX(5px)}
.faq-category {margin-top: 10px; padding-left: 4px}

@media screen and (max-width:767px) {
	.faq-category {margin-top: 8px; padding-left: 4px}
	.support-block:last-child .faq-category {padding-bottom: 6rem}
}
.faq-category__block:not(:first-child) {margin-top: 3.9rem}

@media screen and (max-width:767px) {
	.faq-category__block:not(:first-child) {margin-top: 4.1rem}
}
.faq-category__head {font-size: 1.5rem}

@media screen and (max-width:767px) {
	.faq-category__head {font-size: 1.32rem}
}
.faq-category__body {display: flex; flex-wrap: wrap; margin-top: 0.4rem}

@media screen and (max-width:767px) {
	.faq-category__body {margin-top: -1.9rem}
}
.faq-category__item {width: 202px; padding: 4px 0}

@media screen and (max-width:767px) {
	.faq-category__item {padding: 0px; width: auto; min-width: 43.5%; margin-top: 2.1rem}
}
.faq-category__item:nth-child(2) {width: 279px}

@media screen and (max-width:767px) {
	.faq-category__item:nth-child(2) {width: auto}
}
.faq-category a {color: #000; font-size: 1.7rem; text-decoration: underline; transition: opacity 0.2s; white-space: nowrap}

@media screen and (max-width:767px) {
	.faq-category a {font-size: 1.55rem}
}
.faq-category a:hover {opacity: 0.7}