@charset "utf-8";

#faq .heading {
  background-image: url(../images/bg_faq.jpg);
  background-repeat: no-repeat;
  background-position: center 20%;
  background-size: cover;
}
#faq .faqbox dt:first-child {
  margin-top: 0;
}
#faq dt {
  position: relative;
  font-weight: bold;
  line-height: 1.4;
  background-color: #fff;
  background-image: -webkit-linear-gradient(#fff 20%, #F4F7D3 100%);
  background-image: -o-linear-gradient(#fff 20%, #F4F7D3 100%);
  background-image: linear-gradient(#fff 20%, #F4F7D3 100%);
  border-radius: 6px;
  box-shadow: 0 0 5px rgba(0,0,0,.5);
  cursor: pointer;
}
#faq dt::before {
  content: 'Q';
  position: absolute;
  color: #009244;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: normal;
  line-height: 1;
}
#faq dd * + * {
  margin-top: .5em;
}
#faq dd * + h4 {
  margin-top: 1.5em;
}
#faq .flow {
  background: #009244;
}
#faq .flow > ul li.arrow {
  color: #E7EDA3;
}#faq .flow > ul li .fs_sml {
  font-weight: normal;
  margin-top: .2em;
}

/*-----------------------------------------------
スマホ向けスタイル（～768px）
-----------------------------------------------*/
@media only screen and (max-width: 768px) {
  #faq .heading {
    background-position: center center;
  }
  #faq .faqbox {
    padding-top: 5px;
  }
  #faq dt {
    font-size: 1.6rem;
    padding: 8px 10px 8px 35px;
    margin-top: 15px;
  }
  #faq dt::before {
    top: 8px;
    left: 10px;
    font-size: 2.2rem;
  }
  #faq dd {
    padding: 10px;
  }
  #faq .flow {
    padding: 15px;
  }
  
}

/*-----------------------------------------------
PC・タブレット向けスタイル（769px～）
-----------------------------------------------*/
@media only screen and (min-width: 769px), print {
  #faq .faqbox {
    padding-top: 15px;
  }
  #faq dt {
    font-size: 1.8rem;
    padding: 10px 30px 10px 60px;
    margin-top: 20px;
    transition: 1s ease;
  }
  #faq dt::before {
    top: 10px;
    left: 25px;
    font-size: 2.5rem;
  }
  #faq dt:hover {
    background: #EAEFAB;
    color: #222;
  }
  #faq dd {
    padding: 15px 25px;
  }
  #faq .flow {
    padding: 20px;
  }

}