@charset "UTF-8";
/*----------------------------------

解説

----------------------------------*/
.pageQuiz_quesContainer {
  word-break: break-all; }

.pageQuiz_mainTitle {
  max-width: 352px;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .pageQuiz_mainTitle {
      width: 228px; } }

.pageQuiz_hdg2.y2020::before {
  content: "2020"; }

.pageQuiz_hdg2.y2021::before {
  content: "2021"; }

.pageQuiz_hdg2.y2022::before {
  content: "2022"; }

.quiz_list .quiz_list_button > span {
  font-size: 2.3rem;
  height: 60px; }

.quiz_list .quiz_list_button .year {
  font-size: 1.1rem; }

.quiz_list.none {
  pointer-events: none; }

.quiz_list.top {
  margin-bottom: 50px; }
  @media (max-width: 767px) {
    .quiz_list.top {
      margin-bottom: 30px; } }

.quiz_list.foot {
  margin-top: 100px; }
  @media (max-width: 767px) {
    .quiz_list.foot {
      margin-top: 60px; } }

.pageQuiz_thema:not(:nth-of-type(2)) {
  margin-top: 100px; }
  @media (max-width: 767px) {
    .pageQuiz_thema:not(:nth-of-type(2)) {
      margin-top: 60px; } }

.pageQuiz_quesSwitch {
  background-color: #005949;
  color: #ffffff;
  transition: opacity 0.3s; }
  @media (min-width: 768px) {
    .pageQuiz_quesSwitch:hover {
      opacity: 0.7; } }

.min_ttl span {
  font-size: 1.8rem; }
  @media (max-width: 767px) {
    .min_ttl span {
      font-size: 1.4rem; } }

.imgFlex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2%; }
  @media (max-width: 767px) {
    .imgFlex {
      flex-direction: column; } }
  .imgFlex figure {
    width: 48%; }
    @media (max-width: 767px) {
      .imgFlex figure {
        width: 100%; } }

.min_ttl.min2 {
  width: 100%;
  text-align: center;
  position: relative; }
  .min_ttl.min2:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #000;
    z-index: 1; }
  .min_ttl.min2 span {
    font-size: 1.6rem;
    color: #000;
    display: inline-block;
    padding: 0 5px;
    background-color: #ffffff;
    position: relative;
    z-index: 2; }

.yellow {
  background-color: #FFFEE6;
  padding: 20px 10px;
  box-sizing: border-box;
  text-align: center; }
  .yellow .ttl2 {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 10px; }
  .yellow .txt2 {
    font-size: 1.4rem; }
  .yellow figure + .ttl2 {
    margin-top: 40px; }

.pageQuiz_serif {
  gap: 0 40px; }

.pageQuiz_section.wh {
  background-color: #ffffff; }
  .pageQuiz_section.wh .pageQuiz_quesInner {
    color: #000; }
  .pageQuiz_section.wh .pageQuiz_thema {
    color: #ffffff; }

.pageQuiz .rslt_present {
  margin-top: 60px; }