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

/*PC*/
@media print, screen and (min-width: 801px) {
#faq .faq_list{
width: 100%;
margin: 0 auto;
}

#faq .faq_list li{
position: relative;
width:100%;
padding: 35px;
box-sizing: border-box;
background:#FFF;
border: 1px solid #624b1e;
border-radius: 14px;
margin-bottom: 4%;
}

#faq .faq_list li .q_icon{
position: absolute;
top: -15px;
left: -15px;
width: 50px;
z-index: 5;
}

#faq .faq_list li dl{
position: relative;
font-weight: 700;
line-height: 1.6;
}

#faq .faq_list li dl dt{
margin-bottom: 15px;
}

#faq .faq_list li dl dd{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#faq .faq_list li dl dd .icon{
width: 40px;
position: relative;
}

#faq .faq_list li dl dd .txt{
width: calc(100% - 50px);
position: relative;
color: #782828;
}


}
/*sp*/
@media only screen and (max-width: 800px) {
#faq .faq_list{
width: 90%;
margin: 0 auto 20px;
}

#faq .faq_list li{
position: relative;
width: 100%;
padding: 20px;
box-sizing: border-box;
background:#FFF;
border: 1px solid #624b1e;
border-radius: 14px;
margin-bottom: 30px;
}

#faq .faq_list li:last-child{
margin-bottom: 0;
}

#faq .faq_list li .q_icon{
position: absolute;
top: -15px;
left: -15px;
width: 40px;
z-index: 5;
}

#faq .faq_list li dl{
position: relative;
font-weight: 700;
line-height: 1.6;
}

#faq .faq_list li dl dt{
margin-bottom: 15px;
}

#faq .faq_list li dl dd{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#faq .faq_list li dl dd .icon{
width: 30px;
position: relative;
}

#faq .faq_list li dl dd .txt{
width: calc(100% - 40px);
position: relative;
color: #782828;
}
}