.faq-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 920px; margin: 0 auto; color: #212121; }

.faq-detail { max-width: 660px; }

@media (max-width: 576px) { .faq-detail { padding-top: 8px; } }

.faq-detail__question, .faq-detail__summary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.faq-detail__question__title { margin-left: 16px; font-size: 2.4rem; word-wrap: break-word; word-break: break-word; }

@media (max-width: 768px) { .faq-detail__question__title { font-size: 2.2rem; } }

.faq-detail__summary-label { margin-left: 16px; font-size: 1.6rem; }

.faq-detail__separate { width: 100%; height: 1px; margin: 40px 0; border: 0; background: #e0e0e0; }

@media (max-width: 768px) { .faq-detail__separate { margin: 24px 0; } }

.faq-detail__separate--slim { margin: 24px auto 16px; }

.faq-detail__content-data { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.6rem; font-weight: 400; }

.faq-detail__attachment-label { font-size: 1.6rem; font-weight: 700; }

.faq-detail__attachment-card { margin: 16px auto 40px; }

@media (max-width: 768px) { .faq-detail__attachment-card { margin-bottom: 32px; } }

.faq-detail__action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.faq-detail__action-note { text-align: center; }

.faq-detail__action-button { width: 260px; margin: 40px auto 64px; }

.faq-detail__action-button .button { font-weight: 300; }

@media (max-width: 576px) { .faq-detail__action-button { width: 100%; margin-top: 16px; } }

.faq-detail__redirection .link { font-weight: 300; }

.faq-mark { display: inline-block; padding: 8px; width: 36px; min-width: 36px; height: 36px; border-radius: 6px; font-size: 2rem; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; }

@media (max-width: 768px) { .faq-mark { width: 24px; min-width: 24px; height: 24px; padding: 4px; font-size: 1.8rem; } }

.faq-mark__question { color: #1560c5; background-color: #e4f2ff; }

.faq-mark__answer { color: #ff6b00; background-color: #fff0e5; margin-right: 16px; float: left; }

@media (max-width: 768px) { .faq-mark__answer { margin-left: 8px; } }

.faq-mark__answer__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 16px; }

.faq-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; }

.faq-img--contain { -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; }

.faq-img--scale-down { -o-object-fit: scale-down; object-fit: scale-down; }

.faq-img--cover { -o-object-fit: cover; object-fit: cover; }

.faq-img--fill { -o-object-fit: fill; object-fit: fill; }

.faq-img--cover, .faq-img--fill { width: 100%; height: 300px; }

.faq-attachment { padding: 16px; background-color: #fff; border: 1px solid #c5d3e0; border-radius: 6px; font-weight: 300; }

.faq-attachment .svg-icon { width: 24px; height: 24px; fill: #9e9e9e; }