@charset "utf-8";

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

/*=== メインビジュアル ===*/
.mainvisual {
  background: #b0e8eb;
  background: linear-gradient(0deg, rgba(176, 232, 235, 1) 0%, rgba(196, 242, 245, 1) 50%, rgba(176, 232, 235, 1) 100%);
}

/*=== クイズ ===*/
.quiz-detail {
  background-color: #e6faf6;
}
.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: #e6faf6;
}
.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: #e6faf6;
}
a.archive-btn {
  background-color: #e64100;
}


@media only screen and (max-width: 768px) {
  /*=== メインビジュアル ===*/
  /* .mainvisual {
  } */
  /*=== クイズ ===*/
  .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: 10px;
  }
}