@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- base
-------------------------*/
/*=======================================
　base
=======================================*/
body:has(.quiz) {
  background-size: 100% auto !important;
}
body:has(.quiz) .quiz .contents_ttl_area {
  margin-bottom: 0.8571428571vw;
}
@media screen and (max-width: 768px) {
  body:has(.quiz) .quiz .contents_ttl_area {
    margin-bottom: 3.2vw;
  }
}
body:has(.quiz) .quiz .contents_intro {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 4.2857142857vw;
}
@media screen and (max-width: 768px) {
  body:has(.quiz) .quiz .contents_intro {
    margin-bottom: 8vw;
  }
}
body:has(.quiz) .quiz .question {
  margin-bottom: 4.2857142857vw;
}
@media screen and (max-width: 768px) {
  body:has(.quiz) .quiz .question {
    margin-bottom: 19.4666666667vw;
  }
}
body:has(.quiz) .quiz .question .q_balls .ball {
  background: #249CE4;
}

:where(.contents_ttl_area) .contents_ttl .contents_ttl_txt .num_wrapper {
  left: -7.1428571429vw;
}
@media screen and (max-width: 768px) {
  :where(.contents_ttl_area) .contents_ttl .contents_ttl_txt .num_wrapper {
    left: -10.6666666667vw !important;
  }
}

@media screen and (max-width: 768px) {
  .tab_area .link_tab {
    width: 34.6666666667vw;
  }
}/*# sourceMappingURL=quiz.css.map */