/* Scss Document */
@import url("https://fonts.googleapis.com/css?family=M+PLUS+1p:100,300,400,500,700,800,900|M+PLUS+Rounded+1c:100,300,400,500,700,800,900|Noto+Sans+JP:100,300,400,500,700,900|Noto+Serif+JP:200,300,400,500,600,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Comfortaa:300,400,500,600,700&display=swap");
.area_faq {
  width: 100%;
  margin-top: 50px;
}
.area_faq__inner {
  padding-bottom: 70px;
  width: 700px;
  margin: auto;
}
@media screen and (max-width: 480px) {
  .area_faq__inner {
    width: 93.75%;
  }
}
.area_faq__inner__inner {
  margin-top: 36px;
}
@media screen and (max-width: 480px) {
  .area_faq__inner__inner {
    width: 300px;
    margin: 36px auto 0;
  }
}
.area_faq__inner__inner dl {
  width: 100%;
  font-size: 16px;
}
.area_faq__inner__inner dl:nth-child(n + 2) {
  margin-top: 2.5em;
}
@media screen and (max-width: 480px) {
  .area_faq__inner__inner dl {
    font-size: 18px;
  }
}
.area_faq__inner__inner dl dt, .area_faq__inner__inner dl dd {
  min-height: 50px;
  font-size: 1.125em;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 600;
  line-height: 1.55555555;
  box-sizing: border-box;
  padding: .6875em 1.25em;
  border-radius: .625em;
  position: relative;
}
.area_faq__inner__inner dl dt {
  background: rgba(233, 99, 99, 0.25);
}
.area_faq__inner__inner dl dt p {
  color: #f33;
}
.area_faq__inner__inner dl dt::before {
  position: absolute;
  left: -20px;
  top: 17px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 20px 8px 0;
  border-color: transparent rgba(233, 99, 99, 0.2) transparent transparent;
}
.area_faq__inner__inner dl dt .question {
  position: absolute;
  left: -70px;
  top: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f66;
}
.area_faq__inner__inner dl dt .question p {
  font-family: 'Comfortaa', cursive;
  font-weight: 700;
  font-size: 32px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -47%);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.area_faq__inner__inner dl dd {
  background: rgba(51, 153, 204, 0.2);
  margin-top: .625em;
}
.area_faq__inner__inner dl dd p {
  color: #069;
}
.area_faq__inner__inner dl dd::after {
  position: absolute;
  right: -20px;
  top: 17px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 20px;
  border-color: transparent transparent transparent rgba(51, 153, 204, 0.2);
}
.area_faq__inner__inner dl dd .answer {
  position: absolute;
  right: -70px;
  top: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #39c;
}
.area_faq__inner__inner dl dd .answer p {
  font-family: 'Comfortaa', cursive;
  font-weight: 700;
  font-size: 32px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -47%);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.area_faq2 {
  width: 100%;
}
.area_faq2__inner {
  padding-bottom: 70px;
  width: 700px;
  margin: auto;
}
@media screen and (max-width: 480px) {
  .area_faq2__inner {
    width: 93.75%;
  }
}
.area_faq2__inner__inner {
  margin-top: 36px;
}
@media screen and (max-width: 480px) {
  .area_faq2__inner__inner {
    width: 300px;
    margin: 36px auto 0;
  }
}
.area_faq2__inner__inner dl {
  width: 100%;
  font-size: 16px;
}
.area_faq2__inner__inner dl:nth-child(n + 2) {
  margin-top: 2.5em;
}
@media screen and (max-width: 480px) {
  .area_faq2__inner__inner dl {
    font-size: 18px;
  }
}
.area_faq2__inner__inner dl dt, .area_faq2__inner__inner dl dd {
  min-height: 50px;
  font-size: 1.125em;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 600;
  line-height: 1.55555555;
  box-sizing: border-box;
  padding: .6875em 1.25em;
  border-radius: .625em;
  position: relative;
}
.area_faq2__inner__inner dl dt {
  background: rgba(255, 153, 51, 0.2);
}
.area_faq2__inner__inner dl dt p {
  color: #c60;
}
.area_faq2__inner__inner dl dt::before {
  position: absolute;
  left: -20px;
  top: 17px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 20px 8px 0;
  border-color: transparent rgba(255, 153, 51, 0.2) transparent transparent;
}
.area_faq2__inner__inner dl dt .question {
  position: absolute;
  left: -70px;
  top: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f93;
}
.area_faq2__inner__inner dl dt .question p {
  font-family: 'Comfortaa', cursive;
  font-weight: 700;
  font-size: 32px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -47%);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.area_faq2__inner__inner dl dd {
  background: rgba(51, 204, 102, 0.2);
  margin-top: .625em;
}
.area_faq2__inner__inner dl dd p {
  color: #093;
}
.area_faq2__inner__inner dl dd::after {
  position: absolute;
  right: -20px;
  top: 17px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 20px;
  border-color: transparent transparent transparent rgba(51, 204, 102, 0.2);
}
.area_faq2__inner__inner dl dd .answer {
  position: absolute;
  right: -70px;
  top: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #3c6;
}
.area_faq2__inner__inner dl dd .answer p {
  font-family: 'Comfortaa', cursive;
  font-weight: 700;
  font-size: 32px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -47%);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}