@charset "UTF-8";

.faq-container{
}
.faq-list{
clear: both;
margin: 0 0 50px;
padding: 50px 0 0;
border-bottom: 1px solid #ccc;
}

.faq-list h3.faq-title{
}

.faq-item{
margin: 0 0 50px;
padding: 50px 0 0;
border-top: 1px solid #ccc;
}
.faq-question{
text-indent: -30px;
padding-left: 30px;
font-size: var(--h7-font-size);
font-weight: var(--font-weight-bold);
}
.faq-question:before{
margin-right: 10px;
content: "Q.";
color: var(--secondary-color);
}
.faq-answer{
text-indent: -30px;
padding-left: 30px;
font-size: var(--p-font-size);
}
.faq-answer:before{
margin-right: 10px;
content: "A.";
color: #c1a597;
font-size: var(--h7-font-size);
font-weight: var(--font-weight-bold);
}

@media screen and (max-width: 1000px) {
.faq-list h3.faq-title{
font-size: var(--h4-font-size);
}
}




@media screen and (max-width: 640px) {
.faq-item{
margin: 0 0 30px;
padding: 30px 0 0;
}
.faq-list h3.faq-title{
font-size: var(--h5-font-size);
}
}