@charset "utf-8";

/*=== メインエリア ===*/
.main-ttl {
  background-color: #79c2d1;
}
.main-ttl::before {
  background-color: #79c2d1;
}

/*=== メインビジュアル ===*/
.mainvisual {
  background-color: #e0f2ff;
  background-image: radial-gradient(#eaf6ff 25%, rgba(255,255,255,0) 20%), radial-gradient(#eaf6ff 25%, rgba(255,255,255,0) 20%);
  background-position: 0 0, 24px 24px;
  background-size: 48px 48px;
}
.mainvisual-main {
  padding: 0;
}

/*=== クイズ ===*/
.quiz-detail {
  background-color: #ebf8ff;
}
.quiz-summary {
  order: 3;
  position: relative;
  margin-top: 50px;
  text-align: center;
}
.quiz-banner {
  margin-top: 45px;
}
a.quiz-link {
  filter: drop-shadow(0 4px 6px rgba(166, 173, 180, 1));
}
a.quiz-link:hover {
  opacity: 0.7;
}

/*=== 検索窓 ===*/
.search {
  border-color: #f5df67;
  background-color: #fff7cc;
}
.search::before {
  border-color: #f5df67;
  background-color: #fff7cc;
}
.search-lead::before {
  background-color: #2c292a;
}
.search-lead span {
  color: #f02b08;
}
.search-fieldset {
  margin: 10px 0 0;
}

/*=== 回答・応募 ===*/
.apply-cont {
  background-color: #ebf8ff;
}
.apply-lead {
  text-shadow :
    2px 2px 1px #fff,
    -2px 2px 1px #fff,
    2px -2px 1px #fff,
    -2px -2px 1px #fff,
    2px 0 1px #fff,
    0 2px 1px #fff,
    -2px 0 1px #fff,
    0 -2px 1px #fff;
}

/*=== 回答ページ ===*/
.result .main-ttl,
.explain .main-ttl {
  color: #db4b13;
}

/*=== 過去の問題一覧 ===*/
.archive-wrap {
  background-color: #ebf8ff;
}
a.archive-btn {
  border-color: #e81744;
  background-color: #e81744;
}
a.archive-btn:hover {
  border-color: #e81744;
  color: #e81744;
}
a.archive-btn:hover::after {
  border-color: #e81744;
}
a.archive-btn.pattern-prev:hover::before {
  border-color: #e81744;
}


@media only screen and (max-width: 768px) {
  /*=== メインビジュアル ===*/
  .mainvisual {
    background-position: 0 0, 15px 15px;
    background-size: 30px 30px;
  }
  /*=== クイズ ===*/
  .quiz-summary {
    width: calc(100% + 20px);
    margin: 30px -10px 0;
  }
  .quiz-present {
    max-width: 550px;
    margin: 0 auto;
  }
  .quiz-banner {
    max-width: 550px;
    margin: 15px auto 0;
  }
  a.quiz-link {
    filter: drop-shadow(0 3px 4px rgba(166, 173, 180, 1));
  }
  /*=== 検索窓 ===*/
  .search-logo {
    display: block;
    width: 34.4vw;
    height: auto;
    min-width: 129px;
    margin: 0 auto;
  }
  .search-fieldset {
    margin-top: 5px;
  }
}