/*
 * =====================================================
 *
 * [variable]
 *
 * =====================================================
 */
/*
 * =====================================================
 *
 * [qa]
 *
 * =====================================================
 */
/**
 * ---------------------------------------------------
 * pageTitle
 * ---------------------------------------------------
 */
#pageTitle {
  background-image: url(/clinic-sakura/assets/images/content/qa/PC_pagetitle.png);
}
.quest {
  width: 60%;
  margin: 30px auto;
}
.quest a {
  background-color: #f4c1be;
  text-decoration: none;
  color: #333;
  display: block;
  padding: 20px 50px 20px 85px;
  border-radius: 10px;
  position: relative;
  font-weight: bold;
}
.quest:hover {
  opacity: .6;
}
.quest .questNumber {
  background-color: #ea6177;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px 0 0 10px;
  color: #fff;
  font-size: 2.3rem;
}
.hitoketa {
  padding: 15px 20px;
}
.futaketa {
  padding: 15px 14px;
}
.quest .questText {
  font-size: 1.8rem;
}
.quest .questText::after {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
/*-------------------------------------------------------*/
/*answerStyle*/
/*-------------------------------------------------------*/
.questHead {
  color: #ea6177;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}
.sakuraIcon {
  position: relative;
}
.questHead .sakuraIcon:nth-of-type(1)::before {
  display: block;
  content: "";
  width: 60px;
  height: 60px;
  background: url(/clinic-sakura/assets/images/content/content/ico_point.svg) no-repeat center center/cover;
  position: absolute;
  top: -10px;
  left: -33px;
  margin-bottom: 10px;
  z-index: -1;
}
.questSubHead {
  font-size: 2.5rem;
  font-weight: 550;
  letter-spacing: 3;
}
.answerText {
  background-color: rgba(255, 238, 219, .8);
  padding: 50px;
  text-align: left;
  border-radius: 40px;
  margin-bottom: 50px;
  margin-top: 50px;
  padding-top: -50px;
  position: relative;
}
.answerIcon {
  color: #fff;
  font-size: 3.5rem;
  font-weight: 550;
  position: absolute;
  top: -31px;
  left: 46px;
  margin-bottom: 31px;
  z-index: 1;
}
.sakuraIcon-pink {
  position: relative;
}
.answerIcon .sakuraIcon-pink:nth-of-type(1)::before {
  display: block;
  content: "";
  width: 72px;
  height: 72px;
  background: url("/clinic-sakura/assets/images/content/content/ico_sakura.png") no-repeat center center/cover;
  position: absolute;
  top: -7px;
  left: -25px;
  z-index: -1;
  margin-bottom: 7px;
}
@media only screen and (max-width: 767px) {
  /**
   * ---------------------------------------------------
   * pageTitle
   * ---------------------------------------------------
   */
  #pageTitle {
    background-image: url(/clinic-sakura/assets/images/content/qa/SP_pagetitle.png);
  }
  .quest {
    width: 92%;
    margin: 10px auto;
  }
  .quest a {
    padding: 15px 45px;
    min-height: 75px;
  }
  .quest .questNumber, .quest .questText {
    font-size: 1.3rem;
  }
  .quest .questText::after {
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
  }
  .quest {
    padding: 13px;
  }
  .hitoketa {
    padding: 26px 8px;
  }
  .futaketa {
    padding: 26px 5px;
  }
  /*-------------------------------------------------------*/
  /*answerStyle*/
  /*-------------------------------------------------------*/
  .diseaseWrapper {
    padding: 10px;
  }
  .sectionVox {
    padding-left: 0;
    padding-right: 0;
  }
  .questHead {
    font-size: 3rem;
  }
  .questSubHead {
    font-size: 2rem;
  }
  .questHead .sakuraIcon:nth-of-type(1)::before {
    width: 35px;
    height: 35px;
    top: 1px;
    left: -15px;
    margin-bottom: -1px;
  }
  .answerText {
    padding: 50px 30px;
  }
  .answerIcon {
    font-size: 3rem;
  }
  .answerIcon .sakuraIcon-pink:nth-of-type(1)::before {
    width: 60px;
    height: 60px;
    top: -7px;
    left: -21px;
    margin-bottom: 7px;
  }
}