@charset "UTF-8";
/* ===================================
FAQリスト
=================================== */
.faq_list {
  max-width: 920px;
  margin: auto;
}
.faq_list li {
  border-bottom: 1px solid #D8D5CF;
}
.faq_list li:first-child {
  border-top: 1px solid #D8D5CF;
}
.faq_list li .faq_box {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.faq_list li .faq_box.q_box {
  cursor: pointer;
  padding: 35px 100px 35px 20px;
  padding-right: 55px;
}
.faq_list li .faq_box.a_box {
  padding: 0 20px 35px;
}

.faq_box.q_box {
  position: relative;
}
.faq_box.q_box .faq_cross {
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
}
.faq_box.q_box .faq_cross span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: #333;
  transition: 0.3s;
}
.faq_box.q_box .faq_cross span:nth-of-type(1) {
  transform: translate(-50%, -50%) rotate(90deg);
}
.faq_box.q_box .faq_cross span:nth-of-type(2) {
  transform: translate(-50%, -50%);
}
.faq_box.q_box.open .faq_cross span:nth-of-type(1) {
  transform: translate(-50%, -50%) rotate(-180deg);
}

.faq_box .faq_icon {
  flex-shrink: 0;
  color: #E03837;
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.04em;
}
.faq_box .q_txt {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.faq_box .a_txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.04em;
}

/* 中カテゴリ
==============================　*/
/* 小カテゴリ */
/* ===================================
レスポンシブ
=================================== */
@media screen and (max-width: 768px) {
  .m_content {
    padding: 50px 20px 80px;
  }
  .faq_list {
    max-width: 700px;
  }
  .faq_box .q_txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .faq_box .q_txt {
    font-size: 16px;
  }
  .faq_box .faq_icon {
    font-size: 22px;
  }
  .faq_list li .faq_box.a_box {
    padding: 0px 0px 30px;
  }
}
@media screen and (max-width: 375px) {
  .faq_box .q_txt {
    font-size: 16px;
  }
  .faq_box .faq_icon {
    font-size: 20px;
  }
  .m_content .c_txt {
    font-size: 16px;
    line-height: 1.7;
  }
  .faq_list li .faq_box.q_box {
    padding: 20px 60px 20px 8px;
  }
}