@charset "UTF-8";

.qa .top-faq-items { width: 90vw; margin: 0 auto; }
.qa .top-faq-items li { width: 100%; margin-bottom: 5vw; }
.qa .top-faq-item-question {padding: 3vw 8vw 3vw 4vw;color: var(--green01);font-size: 4.4vw;line-height: 1.4;border: 1px solid #908e8c;cursor: pointer;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;margin-bottom: 0;position: relative;}
.qa .top-faq-item-question.open .plus::after { -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
.qa .top-faq-item-question::before { content: 'Q.'; margin-right: 2vw; font-size: 7.9vw; font-family: "Orbitron"; font-weight: 500; font-optical-sizing: auto; }
.qa .top-faq-item-question .title { padding-top: 0.5vw; }
.qa .top-faq-item-question .plus { width: 4vw; height: 4vw; position: absolute; top: 50%; right: 4vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.qa .top-faq-item-question .plus::before { content: ''; width: 100%; height: 1px; background: #fff; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.qa .top-faq-item-question .plus::after { content: ''; width: 1px; height: 100%; background: #fff; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.qa .top-faq-item-answer { padding: 4vw 0 2vw; display: none; }
.qa .top-faq-item-answer p {font-size: 4vw;text-align: justify;text-justify: inter-ideograph;font-feature-settings: "palt";line-height: 1.6;letter-spacing: 0.04em;}


/* =============================================
pc-size
================================================*/
@media screen and (min-width: 769px) {

.qa .top-faq::before { width: 756px; height: 766px; top: -340px; left: calc(50% - 920px); }
.qa .top-faq::after { width: 756px; height: 766px; right: calc(50% - 1000px); bottom: -100px; }
.qa .top-faq-items { width: clamp(760px, 90%, 1200px); }
.qa .top-faq-items li { margin-bottom: 40px; }
.qa .top-faq-item-question { padding: 15px 60px 15px 30px; font-size: 20px; }
.qa .top-faq-item-question::before { margin-right: 15px; font-size: 30px; }
.qa .top-faq-item-question .title { padding-top: 0; }
.qa .top-faq-item-question .plus { width: 30px; height: 30px; right: 25px; }
.qa .top-faq-item-answer { padding: 25px 0 10px; }
.qa .top-faq-item-answer p { font-size: 15px; }
}