@charset "utf-8";
/* CSS Document */

/**
 * top__area13 qa
-------------------------------------------- */
.qa_box {
  max-width: 1000px;
  margin: 0 auto;
	    background: #fff;
    border: 2px solid;
    border-radius: 15px;
}
@media (max-width:767px) {
.qa_box {
	 margin: 3em auto 0;
}
}	
/**
 * top__area13
------------------------------------ */
.accbox {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
  borde: none;
  outline: none;
}
input[type="checkbox"].acd-check {
  display: none;
  outline: none;
}
.acd-label {
  background: rgba(77, 184, 220, .1);
  color: black;
  display: block;
  padding: 10px;
  borde: none !important;
  outline: none !important;
}
.acd-content {
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .2s;
  visibility: hidden;
  borde: none;
}
.acd-content p {
  text-align: justify;
  border: none;
  font-size: clamp(13px, 4vw, 16px);
  color: black;
  margin: 0 4em;
}
@media (max-width:767px) {
  .acd-content p {
    text-align: justify;
    border: none;
    font-size: clamp(11px, 3.5vw, 13px) !important;
    color: black;
    margin: 0 1.5em;
  }
}
.acd-content p span {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.acd-check:checked + .acd-label + .acd-content {
  /*height: 80px;*/
  height: auto;
  padding: 0 0 2em;
  opacity: 1;
  visibility: visible;
  border: none;
}
@media (max-width:767px) {
  .acd-check:checked + .acd-label + .acd-content {
    height: auto;
    padding: 0 0 2em;
    opacity: 1;
    visibility: visible;
    border: none;
  }
}
.accbox label {
  display: block;
  margin: .3em 0;
  padding: 13px 1.0em 13px 1.4em;
  color: black;
  /*font-weight: bold;*/
  font-weight: normal;
  background: #ffffff;
  cursor: pointer;
  transition: all .2s;
  font-size: clamp(14px, 6vw, 18px);
  line-height: 1.7;
  text-align: left;
  border-radius: 8px;
  user-select: none;
}
@media (max-width:767px) {
  .accbox label {
    display: block;
    margin: .3em 0 .3em 0;
    padding: 13px 2em 13px 4em;
    /*color: black;
    font-weight: bold;
    background: #ffffff;
    cursor: pointer;
    transition: all 0.5s;*/
    font-size: clamp(12px, 3.5vw, 14px);
    line-height: 1.7;
    text-align: left;
    width: 100%;
    text-indent: -3em;
    border-radius: 8px;
  }
}
.accbox label span {
  color: #ff6900;
  margin-right: .8em;
  padding-left: 0;
  font-weight: bold;
  /*font-weight: normal;*/
  font-size: 110%;
  font-family: Roboto,sans-serif;
}
@media (max-width:767px) {
  .accbox label span {
    font-size: clamp(14px, 4vw, 16px);
  }
}
.accbox .accshow span {
  color: #ff6900;
  margin-right: .8em;
  padding-left: 0;
  font-weight: bold;
  /*font-weight: normal;*/
  font-size: clamp(16px, 5vw, 20px);
}
@media (max-width:767px) {
  .accbox .accshow span {
    font-size: clamp(13px, 4vw, 16px);
  }
}
/*アイコンを表示*/
.accbox input[type="checkbox"] + label::after {
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  float: right;
  padding-right: 0;
  color: #333;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width:767px) {
  /*アイコンを表示*/
  .accbox input[type="checkbox"] + label::after {
    margin-right: -2.5em;
    font-size: 16px;
  }
}
/*アイコンを表示*/
.accbox input[type="checkbox"]:checked + label::after {
  content: '\f106';
  font-family: 'Font Awesome 5 Free';
  float: right;
  padding-right: 0;
  color: #333;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width:767px) {
  /*アイコンを表示*/
  .accbox input[type="checkbox"]:checked + label::after {
    font-size: 16px;
  }
}
/*クリックで中身表示*/
.acd-check:checked + label + .accshow {
  height: auto;
  padding: 5px 0 2em;
  background: transparent;
  opacity: 1;
}