@charset "UTF-8";
/* 900px
=================================================================== */
@media only screen and (max-width: 900px) {
  /* color
  =================================================================== */
  /* common
  =================================================================== */
  /* layout
  =================================================================== */
  /* background
  =================================================================== */
  /* flex
  =================================================================== */
  /* animation delay
  =================================================================== */
  /* 3d
  =================================================================== */
  /* font
  =================================================================== */
  /* vw
  =================================================================== */
  /* form
  =================================================================== */
  /* vw
  ================================================*/
  /* vh
  ================================================*/
  /* ========================================================================================================= service TOP */
  /*ーーーーーーーーーーーーーーーーーーーー grid*/
  .faq .faq__list > li > dl > dt, .faq .faq__list > li > dl > dd {
    font-size: 12px; }
    .faq .faq__list > li > dl > dt:before, .faq .faq__list > li > dl > dd:before {
      top: 23px;
      font-size: 18px; }
  .faq .faq__list > li > dl > dt {
    flex-direction: column;
    padding: 20px 30px 20px 30px; }
    .faq .faq__list > li > dl > dt .faq__list--category {
      width: 100%;
      margin-bottom: 15px; }
    .faq .faq__list > li > dl > dt > p {
      width: 100%; }
    .faq .faq__list > li > dl > dt .faq__list--arrow {
      top: 27px;
      width: 7px;
      height: 7px; }
  .faq .faq__list > li > dl > dd {
    padding: 20px 25px 20px 50px; }
    .faq .faq__list > li > dl > dd:before {
      left: 22px; }
  .faq .faq__list > li.selected > dl > dt .faq__list--arrow {
    top: 30px; } }
/*========================================================================================================== 修正 2020/10/23 */
/* 900px
=================================================================== */
@media only screen and (max-width: 900px) {
  .textNav {
    justify-content: flex-start; } }
/* 767px
=================================================================== */
@media only screen and (max-width: 767px) {
  .textNav > li {
    width: calc((100% - 20px) / 3);
    margin-right: 10px; }
    .textNav > li > a {
      line-height: 1.5;
      padding-top: 20px;
      padding-bottom: 20px; } }