@charset "utf-8";
.qa .contents {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px 5% 20px;
}

.qa .section_title {
margin-top: 10%;
vertical-align: middle;
}

.qa .section_title {
border-left: solid 8px #A69E95;
padding-left: 1em;
}

.qa .qa_unit li {
  border-bottom: 1px solid #EEEEEE;
  padding: 20px 0;
}

.qa .question {
  color: #6F5F4D;
  padding: 3% 0;
  display: flex;
  justify-content: space-between;
}

.qa .question p {
  margin-right: 20px;
  cursor: pointer;
}

.qa .open {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #A69E95;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}

.qa .open::before,
.qa .open::after {
  content: '';
  display: inline-block;
  width: 3px;
  height: 20px;
  background: #FFFFFF;
  position: absolute;
  transition: 0.5s;
}

.qa .open::before {
  top: 10px;
  left: 19px;
}

.qa .open::after {
  top: 10px;
  left: 19px;
  transform: rotate(90deg);
  background: #FFFFFF;
}

.qa .open_btn .on::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 20px;
  background: #FFFFFF;
  position: absolute;
  transform: rotate(90deg);
  z-index: 100;
  transition: 0.5s;
}

.qa .answer {
  display: none;
}

.qa .is_open {
  display: block;
}

.qa .goto_contact {
  text-decoration: underline;
}
.qa p.ttl{
	font-weight: bold;
	margin-top: 1em;
}
.qa p.caption{
	font-size: 0.85em;
	margin-bottom: 1em;
}
.qa span.cup{
	margin-right: 0.5em;
	font-size: 1.6em;
}
.qa p.sec{
	margin-bottom: 1em;
}

@media screen and (max-width:768px)  {
  .qa .contents {
    padding-bottom: 10%;
  }

  .qa .section_title {
    font-size: 2.4rem;
  }

  .qa .question {
    width: 90%;
  }

  .qa .open_btn {
    width: 7%;
  }
}

@media screen and (max-width:414px)  {
  .qa .section_title {
    font-size: 1.4rem;
  }

  .qa .section_title::before {
    height: 45px;
    margin-right: 10px;
  }
}