@charset "UTF-8";

.qabox li {
  margin-bottom: 8%;
}

.qabox dt {
  background: #f0eff5;
  position: relative;
  padding: 3% 4% 3% 45px;
  line-height: 1.4;
  font-size: 3.6vw;
  margin-bottom: 3%;
  font-weight: 600;
}

.qabox dt:before {
  content: "Q";
  background: #000;
  color: #fff;
  position: absolute;
  left: 3%;
  top: 20%;
  font-family: montserrat;
  font-weight: 600;
  text-align: center;
  padding: 0.4vw 2vw 0.6vw;
}

.qabox dd {
  font-size: 3.6vw;
  line-height: 1.8;
}

.qabox dd a {
  display: inline-block;
  font-weight: bold;
  color: #af6b71;
  text-decoration: underline;
}

/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) {
  .qabox li {
    margin-bottom: 30px;
  }

  .qabox dt {
    font-size: 16px;
    padding: 16px 16px 16px 56px;
    margin-bottom: 16px;
  }

  .qabox dt:before {
    font-size: 20px;
    left: 15px;
    top: 13px;
    padding: 0 6px 2px;
  }

  .qabox dd {
    font-size: 15px;
    line-height: 1.8;
  }
}