@charset "UTF-8";
/* CSS Document */

/* よくある質問 */
.bg { padding: 0 0 80px 0; background: #fff; }
.page-id-7863 #common_form { display: none; }
.page-id-7863 .arch { display: none; }
@media screen and (min-width: 861px) {
#faq_wrap { margin-top: 80px; max-width: 1000px; width: calc(100% - 10%); }

#faq_wrap .sec_01 { counter-reset: section-num; display: flex; flex-direction: column; gap: 120px; }
#faq_wrap .sec_01 .box_number { counter-increment: box-num; position: relative; }
#faq_wrap .sec_01 .box_number::before { content: counter(box-num, decimal-leading-zero); color: #ededed; font-size: 280px; font-weight: 700; line-height: 170px; writing-mode: vertical-rl; text-orientation: upright; display: inline-block; position: absolute; top: -60px; left: 0; z-index: 0; }
#faq_wrap .sec_01 .box { display: flex; flex-direction: column; gap: 40px; position: relative; z-index: 1; }
#faq_wrap .sec_01 h2 { display: block; font-size: 28px; }
#faq_wrap .sec_01 h2::before { content: ""; display: block; margin: 0 0 15px 0; width: 64px; height: 4px; background: #E94F86; }
#faq_wrap .sec_01 h2 .chroma-heading-char { display: inline-block !important; width: auto !important; }
#faq_wrap .sec_01 dl { padding: 24px 0 0 0; border-top: solid 1px rgba(26, 26, 26, 0.1); }
#faq_wrap .sec_01 dt { display: flex; font-size: 24px; font-weight: 700; line-height: 158.333%; }
#faq_wrap .sec_01 dt::before { content: "Q"; flex: 0 0 auto; margin: 0 15px 0 0; color: #E94F86; font-size: 20px; font-weight: 700; }
#faq_wrap .sec_01 dd { display: flex; margin: 16px 0 0 0; line-height: 200%; }
#faq_wrap .sec_01 dd::before { content: "A"; flex: 0 0 auto; margin: 0 15px 0 0; font-size: 20px; font-weight: 700; }

#faq_wrap .sec_02 { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px; margin-top: 200px; padding: 48px; border-radius: 24px; background: #F9F9F9; }
#faq_wrap .sec_02 h2 { font-size: 36px; line-height: 150%; }
}
@media screen and (max-width: 860px) {
#faq_wrap { margin-top: 60px; width: 90%; }

#faq_wrap .sec_01 { counter-reset: section-num; display: flex; flex-direction: column; gap: 80px; }
#faq_wrap .sec_01 .box_number { counter-increment: box-num; position: relative; }
#faq_wrap .sec_01 .box_number::before { content: counter(box-num, decimal-leading-zero); color: #ededed; font-size: 80px; font-weight: 700; line-height: 170px; writing-mode: horizontal-tb; text-orientation: upright; display: inline-block; position: absolute; top: -80px; right: 0; z-index: 0; }
#faq_wrap .sec_01 .box { display: flex; flex-direction: column; gap: 20px; position: relative; z-index: 1; }
#faq_wrap .sec_01 h2 { display: block; font-size: 20px; }
#faq_wrap .sec_01 h2::before { content: ""; display: block; margin: 0 0 10px 0; width: 16px; height: 4px; border-radius: 2px; background: #E94F86; }
#faq_wrap .sec_01 h2 .chroma-heading-char { display: inline-block !important; width: auto !important; }
#faq_wrap .sec_01 dl { padding: 0 0 20px 0; border-bottom: solid 1px rgba(26, 26, 26, 0.1); }
#faq_wrap .sec_01 dt { display: flex; font-weight: 700; line-height: 175%; }
#faq_wrap .sec_01 dt::before { content: "Q"; flex: 0 0 auto; margin: 0 12px 0 0; color: #E94F86; font-size: 18px; font-weight: 700; }
#faq_wrap .sec_01 dd { display: flex; margin: 15px 0 0 0; font-size: 14px; line-height: 200%; }
#faq_wrap .sec_01 dd::before { content: "A"; flex: 0 0 auto; margin: 0 12px 0 0; font-size: 18px; font-weight: 700; }

#faq_wrap .sec_02 { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; margin-top: 80px; padding: 24px; border-radius: 20px; background: #F9F9F9; }
#faq_wrap .sec_02 h2 { font-size: 20px; text-align: center; line-height: 150%; }
#faq_wrap .sec_02 p { color: #71717A; font-size: 14px; text-align: center; }
}