@charset "utf-8";

#faq{
padding-bottom:80px; 
}
#faq .list{
margin-bottom: 50px;
}
#faq .list li{
position: relative;
padding-left: 1.0em;
line-height: 130%;
margin-bottom: 10px;
}
#faq .list li:before{
content: "";
display: block;
border-bottom:2px solid #ff7500;
border-right:2px solid #ff7500;
transform: rotate(45deg);
width: 0.4em;
height: 0.4em;
position: absolute;
top: 25%; 
left:0;
}
#faq .list li a{
color: #333;
transition: all 0.3s;
}
#faq .list li a:hover{
color: #ff7500;
}
#faq article{
margin-bottom: 50px;
}
#faq article h2{
max-width: inherit;
margin-bottom: 15px;
}
#faq article h3{
background: url(/faq/images/answer_icon.png) no-repeat left 50%; 
background-size: contain;
padding-left:1.7em;
min-height: 1.5em;
font-size: 150%; 
line-height: 120%;
margin-bottom: 10px;
padding-top: 0.2em;
font-weight: 500;
} @media screen and (max-width: 1000px) {
} @media screen and (max-width: 760px) {
} @media screen and (max-width: 600px) {
#faq{
padding-bottom:60px; 
}
#faq .list li:before{
top: 15%; 
}
#faq .list li a:hover{
color: #333;
}
#faq article{
margin-bottom: 50px;
}
#faq article h2{
text-align: left;
line-height: 130%;
margin-bottom: 10px;
}
#faq article h3{
background: url(/faq/images/answer_icon.png) no-repeat left top; 
background-size: 1.5em;
padding-left:1.6em;
font-size: 130%; 
line-height: 120%;
margin-bottom: 10px;
padding-top: 0.2em;
font-weight: 500;
}
}