/* ============================================================
   top.css
   ============================================================ */

:root {
  --parkingArea: #b9e1ff;
  --areaSpace: 40px;
  --areaPadding: 2em;
}

@media screen and (max-width: 768px) {
  :root {
    --areaSpace: 24px;
    --areaPadding: 1em;
  }
}

#qanda .inner {
  padding: var(--areaPadding);
  width: 100%;
}
#qanda h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 2em;
  color: var(--black);
  text-align: center;
}

#qanda .qaDiv {
  color: #3e3e3e;
  border-radius: 5px;
  text-align: left;
  padding: 2% 3% 3%;
  margin-top: 30px;
  overflow: hidden;
  background: #fff;
  border: 1px solid;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.qaDiv .q {
  font-size: 1.3em;
  font-weight: bold;
  line-height: 150%;
  padding-left: 5rem;
  text-indent: -5rem;
}

.qaDiv .q::before {
  counter-increment: item;
  content: "Q";
  font-size: 30px;
  line-height: 100%;
  font-weight: bold;
  padding-right: 1rem;
  font-family: BebasNeueRegular, Arial, sans-serif;
}

.qaDiv .a {
  margin-top: 10px;
  color: #3e3e3e;
  line-height: 180%;
}

@media (max-width: 768px) {

#qanda .qaDiv {
	width: 98%;
}
}