@charset "UTF-8";
/* ----------------------------------------
	#faq
---------------------------------------- */
#faqList .List {
  margin-bottom: 30px; }
  @media screen and (min-width: 961px) {
    #faqList .List {
      margin-bottom: 60px; } }
#faqList h2.list__title {
  margin-bottom: 10px;
  background: #8C6239;
  color: #ffffff;
  padding: 15px 15px;
  font-weight: bold;
  font-size: 2.0rem; }
  @media screen and (min-width: 961px) {
    #faqList h2.list__title {
      padding: 20px 20px;
      margin-bottom: 20px;
      font-size: 2.4rem; } }
#faqList .accordion-hidden {
  display: none; }
#faqList .accordion-open {
  display: block;
  padding: 20px 30px 20px 10px;
  background: #F4E8DB;
  cursor: pointer;
  margin-bottom: 8px;
  position: relative;
  line-height: 1.3;
  font-weight: bold; }
  @media screen and (min-width: 768px) {
    #faqList .accordion-open {
      padding: 20px 50px 20px 25px; } }
  #faqList .accordion-open::before, #faqList .accordion-open::after {
    content: '';
    width: 15px;
    height: 3px;
    background: #000;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%); }
    @media screen and (min-width: 768px) {
      #faqList .accordion-open::before, #faqList .accordion-open::after {
        right: 40px; } }
  #faqList .accordion-open::after {
    transform: translateY(-50%) rotate(90deg);
    transition: .5s; }
#faqList .accordion-hidden:checked + .accordion-open:after {
  transform: translateY(-50%) rotate(0); }
#faqList .accordion-inner {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
  /* 表示速度の設定 */
  cursor: pointer; }
#faqList .accordion-hidden:checked + .accordion-open + .accordion-inner {
  height: auto;
  opacity: 1;
  padding: 15px 20px 30px 20px; }
  @media screen and (min-width: 768px) {
    #faqList .accordion-hidden:checked + .accordion-open + .accordion-inner {
      padding: 20px 30px 40px 30px; } }