@charset "UTF-8";

/*=====================================================================
    地域猫活動.info qa.css
=====================================================================*/

#qa .qa-hero {
  width: 800px;
  margin: 0 auto;
  padding: 30px 0;
}

#qa .qa-hero h1 {
  font-size: 38px;
  margin: 0;
}

#qa .qa-hero p {
  margin: 30px 0;
}

#qa .qa-section {
  padding: 20px 20px 55px;
}

#qa .qa-inner {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

#qa .qa-title {
  margin: 0 0 50px;
  color: #222;
  line-height: 1.4;
  text-align: center;
}

#qa .qa-list {
  width: 100%;
}

#qa .qa-item {
  padding: 0 0 30px;
  margin: 0 0 20px;
  border-bottom: 1px solid #ccc;
}

#qa .qa-question,
#qa .qa-answer {
  display: flex;
  align-items: center;
}

#qa .qa-question {
  margin-bottom: 14px;
}

#qa .qa-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 16px;
  border-radius: 50%;
  line-height: 1;
}

#qa .qa-icon-q {
  color: #fff;
  background: #333;
}

#qa .qa-icon-a {
  color: #f58213;
  border: 2px solid #f58213;
}

#qa .qa-question-text {
  margin: 10px 0;
  color: #222;
  line-height: 2;
}

#qa .qa-answer .symbol {
  display: none;
}

#qa .conclusion {
  margin: 10px 0;
  padding: 15px;
  color: #333;
  background: #f1f1f1!important;
  line-height: 2;
}

/* screenwidth less than or equal 1180px - mobile wide
-------------------------------------------------------------------------- */

@media (max-width: 1160px) {

#qa .qa-hero {
  width: 100%;
	}
	
#qa .qa-section {
width: 90%!important;
margin: 0 auto!important;
}

}

/* screenwidth less than or equal 480px - mobile wide
-------------------------------------------------------------------------- */

@media (max-width: 480px) {

#breadcrumbs {
width: 95% !important;
}

#qa .qa-inner {
  max-width: 100%;
}

#qa .qa-hero {
  padding: 0;
}

#qa .qa-hero h1 {
  font-size: 22px;
  padding: 0;
  height: 20px;
}

#qa .qa-hero p {
  padding: 0;
  height: 50px;
}
	
#qa .qa-section {
width: 100%!important;
margin: 0 auto!important;
}

}