@charset "utf-8";
/* CSS Document */
/* Chrome, Safari, Edge 用 */
details > summary::-webkit-details-marker {
  display: none;
}
/* Firefox 用 */
details > summary {
  list-style: none;
}

.faq{
  padding-bottom: 60px;
}
.faq_item {
  margin-top: 40px;
}
.faq_question {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #04378c;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  padding: 5px 20px;
  min-height: 73px;
  position: relative;
  &::after{
    content: '';
    display: block;
    background: url(../../../common/img/arrow_anchor.svg) no-repeat center;
    background-size: contain;
    width: 20px;
    height: 17px;
    filter: brightness(0) invert(1);
    position: absolute;
    right: 20px;
  }  
}
.faq_item--c1 .faq_question {
  background: #eee;
  color: #000;
  &::after{
    filter: brightness(0);
  } 
}
.faq_item--c2 .faq_question {
  background: #5951B7;
}
details[open] .faq_question {
  &::after{
    transform: rotate(180deg);
  }  
}
.faq_answer {
  display: flex;
  gap: 10px;
  padding: 20px;
}
.q_num {
  min-width: 2em;
  font-size: 2.4rem;
}
.a_num {
  font-size: 2.4rem;
  font-weight: bold;
  color: #083788;
  min-width: 3em;
}
.faq_item--c1 .a_num {
  color: #000;
}
.faq_item--c2 .a_num {
  color: #5951B7;
}
.a_cont{
  line-height: 2;
  & .btn_more{
    margin-top: 15px;
    float: left;
    margin-right: 15px;
  }
}
@media screen and ( max-width: 1023px ) {

}
@media screen and ( max-width: 767px ) {
.faq_question {
  font-size: min(2.4rem,5vw);
  padding-right: 35px;
  &::after{
    width: 13px;
    right: 10px;
  }  
}
.q_num {
  min-width: 2em;
}
.a_num {
  font-size: min(2.4rem,5vw);
  min-width: 2em;
}
}