@charset "UTF-8";
/*--------------------------------------------------------------
# 絞り込みボタン
--------------------------------------------------------------*/
#voice_filter .cat_list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem 1rem;
}
#voice_filter .btn_wrap {
  width: calc(50% - 0.5rem);
  margin-top: 0;
  @media (min-width:768px) {
    width: auto;
  }

  .btn {
    display: flex;
    color: var(--fc-base);
    justify-content: center;
    align-items: center;
    line-height: 1.3;
    word-break: keep-all;
    overflow-wrap: anywhere;
    width: 100%;
    height: 100%;
    background: #F5F5F5;
    border-color: currentColor ;
  }
  &.current {
    .btn {
      color: #FFF;
      background: var(--key-color);
      border-color: var(--key-color);
    }
  }
}
/*--------------------------------------------------------------
# お客様の声コンテンツ
--------------------------------------------------------------*/
#voice_content {
  padding-top: 2rem;
}
#voice_content .inner {
  max-width: 106rem;
  margin: 0 auto;
}
#voice_content .block_title {
  display: inline-block;
  margin-right: 3em;
}
#voice_content .date {
  display: inline-block;
}
#voice_content .btn_wrap {
  margin-top: 3rem;
}
@media (min-width:768px) {
  #voice_content .img_wrap {
    width: 37%;
  }
  #voice_content .text_wrap {
    width: 57%;
  }
}