@charset "utf-8";

.bg-yellow{background-color: #fffbd2;}

.q-block:before {
  position: absolute;
  top: -1rem;
  left: -1rem;
  margin: auto;
  padding: 0;
  width: 6rem;
  height: 6rem;
  display: block;
  border-radius: 50%;
  background: url(/common/img/icon_q_w.svg) center center no-repeat #00aeef;
  background-size: 80%;
  content: "";
  z-index: 20;
}
.answer-block{
  position: relative;
  padding: 2em 2em 2em 4em ;
}
.answer-block:before {
  position: absolute;
  top: 3.5rem;
  left: 1.5rem;
  margin: auto;
  width: 3.5rem;
  height: 3.5rem;
  display: block;
  background: url(/common/img/icon_a.svg) center center no-repeat;
  background-size: contain;
  content: "";
}

.q-block .section-sub-title-01{
  padding-left: 1.5em;
}

.image-box.next-arrow-bottom{
  width: 5rem;
  transform: rotate(90deg);
}

@media screen and (max-width: 640px) {

.inner .q-block:before {
  top: -0.8rem;
  left: -0.8rem;
  width: 5rem;
  height: 5rem;
  background-size: 70%;
}

.inner .answer-block:before {
  position: absolute;
  top: -0.5rem;
  left: -0.5em;
  margin: auto;
  width: 3.2rem;
  height: 3.2rem;
}

}