#wrap  .title_wrap {margin-bottom:1rem}
#wrap  .title_wrap ul {display: flex;align-items: center;justify-content: center;border: 1px solid #eee;margin: 0 1.4rem;border-radius: 1rem;}
#wrap  .title_wrap ul li {width:33%; border-right:1px solid #eee; }
#wrap .title_wrap ul li.on {background: linear-gradient(45deg, #872dcf, #d253f3);}
#wrap .title_wrap ul li.on a {color:#fff}

#wrap  .title_wrap ul li:last-child {border-right:none}
#wrap  .title_wrap ul li a {font-size: 1.8rem;text-align: center;display: block;padding: 1.6rem;font-weight:bold}

#wrap  .quiz_list_wrap {padding: 0 1.4rem}
#wrap  .quiz_list_wrap ul {}
#wrap  .quiz_list_wrap ul li {}
#wrap  .quiz_list_wrap ul li a {border:1px solid #eee;display: block;padding:2rem 1.4rem;font-size: 1.8rem;font-weight: bold;margin-bottom:1rem}

#wrap  .search_wrap {margin-bottom:2rem}
#wrap .search_wrap .form_wrap { padding:1rem 1.4rem; }
#wrap .search_wrap .form_wrap select {margin-right:1rem;outline:none;height: 4.5rem;font-size: 1.3rem;background: #fff;color: #b8b8b8;border-radius: 0.5rem;padding: 0 1rem;border: 1px solid #b8b8b8;}
#wrap .search_wrap .form_wrap select > * {color:#333}
#wrap .search_wrap .form_wrap form {display:flex; align-items:center; justify-content: space-between;}
#wrap .search_wrap .form_wrap label {height:4.5rem;display:flex; border-bottom: 1px solid #b8b8b8;width: 100%; overflow:hidden; position: relative;}
#wrap .search_wrap .form_wrap label > * {line-height: 5rem; outline:none; background: #fff;}
#wrap .search_wrap .form_wrap label input { width: 80%; font-size:1.4rem}
#wrap .search_wrap .form_wrap label button {text-indent: -99999px; width: 13%;}
#wrap .search_wrap .form_wrap label button::after {content: '';display: block;width: 2rem;height: 2rem;background: url(../img/search.png) no-repeat center /cover;position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);}