@charset "UTF-8";

/* qa
----------------------------------------------- */
.faq-item-question:before { content: 'Q'; width: 7.5vw; height: 7.5vw; color: #fff; font-size: 3.68vw;font-family: "Marcellus";font-weight: 400;background: var(--gold01); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position: absolute; top:2vw; left: 4vw; }
.faq-items { width: 100%; margin: 0 auto 8vw; }
.faq-items:last-of-type{margin-bottom: 0;}
.faq-items li {width: 100%;margin-bottom: 4vw;}
.faq-items li:last-child{margin-bottom: 0;}
.faq-items li p{margin-bottom: 0;}
.faq-item-question {padding: 3vw 10vw 2.5vw 14vw;font-size: 4.21vw;background:#fff;;line-height: 1.4;cursor: pointer;position: relative;}
.faq-item-question.open:after { -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
.faq-item-question:after {content: '\f107';font-size: 3.95vw;font-family: 'icon';position: absolute;top: 50%;right: 4vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-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);}
.faq-item-question .name{font-weight: 600;line-height: 1.4}
.faq-item-answer {width: 100%;padding: 3.5vw 1vw 1px;margin: auto;font-size: 3.4vw;text-align: justify;text-justify: inter-ideograph;font-feature-settings: "palt";line-height: 1.8;letter-spacing: 0.04em;border-top: none;display: none;}
.faq-item-answer p span{display: block;text-indent: -1em;padding-left: 1em}



/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {
	
.faq-item-question:before { width: 42px; height: 42px; font-size: 20px; top: 15px; left: 18px; }
.faq-title .jp { font-size: 16px; }
.faq-items { margin-bottom: 40px; }
.faq-items li { margin-bottom: 20px; }
.faq-item-question { padding:20px 50px 24px 80px; font-size: 18px; }
.faq-item-question:after { font-size: 16px; right: 20px; }
.faq-item-answer { padding: 20px 0 10px; font-size: 15px; }

}