.faq_area{
 background-image: url('../img/common/bg_p3.jpg');
 padding-bottom: calc(100 / 1440 * 100vw);
}

.faq_bg{
 background-color: #FEFCF7;
 border-radius: 50px;
 box-shadow: 4px 4px 4px 4px rgba(0,0,0,0.1);
 
 padding: calc(24 / 1440 * 100vw);

}

.faq_title{
 font-family: "Shippori Mincho", serif;
 font-size:1.25rem;
 font-weight: bold;
 padding:0.625rem 0;
 background-color: #ffffff;
 box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}

.faq_cat{
 margin:calc(24 / 1440 * 100vw);
}

.faq_cat p{
 font-weight: bold;
}

.cat_btn_area{
 display: flex;
 margin-top: 1.5rem;

}

.cat_btn_area a{
 color: #392809;
 font-family: "Shippori Mincho", serif;
}

.cat_btn{
 background-color: #DAD0C2;
 padding: 0.5rem 1.5rem;
 margin-right: 1.5rem;
 border-radius: 4px;
 font-size:0.875rem;
}

.cat_name_area{
 font-family: "Shippori Mincho", serif;
 font-size:1.25rem;
 font-weight: bold;
 padding:0.625rem 1rem;
 background-color: #ffffff;
 box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}

.cat_name{
 border-left: 4px solid #DAD0C2;
 padding-left:0.5rem;
}

.qa_content{
 background-color: #ffffff;
 border: 1px solid #E4E4E4;

 padding: 1rem;
}

.q_area{
 display: flex;
 padding-bottom:1rem;
 border-bottom:1px solid #E4E4E4;
}

.a_area{
 display: flex;
 padding-top:1rem;
}

.q_icon{
 font-family: "Albert Sans", sans-serif;
 font-weight: bold;
 color:#ABABAB;
 padding-right:1.5rem;
}

.q_title{
 font-weight: bold;
}

.answer{
 font-size: 0.875rem;
}

.qa_area{
 margin:1rem 0 1.5rem 0;
}

@media (max-width: 768px) {
  .faq_bg {
      border-radius: 10px;
      padding: 1rem;
  }

.faq_title {
    font-size: 1.2rem;
  }
  .cat_btn_area {
    margin-top: 0.5rem;
  }
  .cat_btn {
    background-color: #DAD0C2;
    padding: 0.2rem 1rem;
  }
  .cat_name_area {
    font-size: 1.2rem;
  }


}