@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&subset=japanese);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&subset=japanese);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700);
.exercises {
  margin: 80px auto 200px;
}

.exercises .mv {
  background-image: url(../images/exercises/mv.png);
}

@media screen and (max-width: 769px) {
  .exercises {
    margin: 40px auto 100px;
  }
}

.exercises__inner__btnarea .btn {
  background: #bf000a;
  color: #fff;
}

.exercises__inner p {
  font-size: 14px;
  font-size: 1.4rem;
}

.exercises__title + p {
  margin-top: 40px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}

.exercises__title + p + p {
  margin-top: 2em;
}

@media screen and (max-width: 769px) {
  .exercises__title + p {
    margin-top: 20px;
  }
}

.exercises__timer {
  background: #bf000a;
  width: 100%;
  height: auto;
  padding: 15px 20px;
  margin-top: 40px;
  font-family: "Noto Serif JP",serif;
  line-height: 1.5;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  box-sizing: border-box;
}

.exercises__timer span {
  margin-top: 1em;
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 769px) {
  .exercises__timer {
    margin-top: 20px;
  }
}

.exercises__commentary {
  width: 100%;
  margin-top: 50px;
}

.exercises__commentary h2 {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 30px 0;
}

.exercises__commentary .menu__item {
  color: #000;
  font-size: 1.3rem;
  cursor: pointer;
  display: block;
  margin-bottom: 1px;
  position: relative;
}

.exercises__commentary .menu__item__link {
  color: #000;
  display: block;
  padding: 1rem;
  border-bottom: 1px solid #000;
}

.exercises__commentary .submenu {
  background: #fff;
  display: none;
}

.exercises__commentary .submenu__item {
  border-bottom: 1px solid #000;
  color: #222;
  padding: 1rem;
}

.exercises__example {
  width: 100%;
  margin-top: 40px;
}

.exercises__example h3 {
  font-size: 20px;
  font-size: 2rem;
  font-family: "Noto Serif JP",serif;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
}

.exercises__example h3 + p {
  margin-top: 40px;
  font-size: 18px;
  font-size: 1.8rem;
}

@media screen and (max-width: 769px) {
  .exercises__example {
    margin-top: 20px;
    padding: 0 20px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 769px) {
  .exercises__example h3 + p {
    margin-top: 20px;
  }
}

.exercises__example__btnarea {
  margin-top: 40px;
}

.exercises__example__btnarea .btn {
  width: 100%;
  background: #fff;
  border: 2px solid #000;
  cursor: pointer;
}

.exercises__example__btnarea .btn:after {
  border-color: #000;
}

.exercises__example__btnarea .btn:before {
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 40px;
}

.exercises__example__btnarea .btn.answer:before {
  background-image: url(../images/exercises/icon_yes.svg);
}

.exercises__example__btnarea .btn.answer__no:before {
  background-image: url(../images/exercises/icon_no.svg);
}

.exercises__example__btnarea .btn:hover {
  border: 2px solid #bf000a;
}

.exercises__example__btnarea .btn.examination, .exercises__example__btnarea .btn.next {
  background: #000;
  border: none;
  color: #fff;
}

.exercises__example__btnarea .btn.examination:after, .exercises__example__btnarea .btn.next:after {
  border-color: #fff;
}

.exercises__example__btnarea .btn.examination:hover, .exercises__example__btnarea .btn.next:hover {
  opacity: .8;
}

.exercises__example__btnarea .btn.examination {
  font-weight: 700;
}

.exercises__example__btnarea .btn.top {
  font-weight: 700;
  margin-top: 20px;
}

.exercises__example__btnarea .btn.top:hover {
  border: 2px solid #000;
  opacity: .8;
}

.exercises__example__btnarea li + li {
  margin-top: 20px;
}

@media screen and (max-width: 769px) {
  .exercises__example__btnarea {
    margin-top: 20px;
  }
}

@media screen and (max-width: 769px) {
  .exercises__example__btnarea .btn.examination {
    height: auto;
    padding: 15px 0;
    line-height: 1.5;
  }
}

.exercises__example__txt {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 40px;
}

.exercises__example__txt + .exercises__txt {
  margin-top: 1em;
}

@media screen and (max-width: 769px) {
  .exercises__example__txt {
    margin-top: 20px;
  }
}

.exercises__example__bana {
  margin-top: 40px;
}

.exercises__example__bana + p {
  margin-top: 20px;
}

.exercises__example__bana a {
  transition: all .3s ease;
}

.exercises__example__bana a:hover {
  opacity: .8;
}

.exercises__example__bana a img {
  width: 100%;
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIl92YXJpYWJsZXMuc2NzcyIsImV4ZXJjaXNlcy5zY3NzIiwiX21peGluLnNjc3MiLCJfZXh0ZW5kLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6ImlCQU9BLDJGQUVBLHNGQUZBLDJGQUVBLHNGQ0FBLFdBQ0UsT0FBUSxLQUFBLEtBQUEsTUNIVCxvQ0RFRCxXQUdNLE9BQVEsS0FBQSxLQUFBLE9BSGQsZUFNSSxpQkFBbUIsZ0NBR2pCLGdDQUVFLFdEaEJGLFFDaUJFLE1EbkJBLEtDZUwsb0JDcUJDLFVBQVcsS0FDWCxVQUFXLE9EWFosb0JBRUcsV0FBWSxLQ1FkLFVBQVcsS0FDWCxVQUFXLE9EUFQsV0FBWSxPQ3pCakIsb0NEcUJFLG9CQU1LLFdBQVksTUFOakIsc0JBU0ssV0FBWSxJQUlsQixrQkFDRSxXRHRDRSxRQ3VDRixNQUFPLEtBQ1AsT0FBUSxLQUNSLFFBQVMsS0FBQSxLQUNULFdBQVksS0FDWixZRHZDYyxlQUFlLENBQUUsTUN3Qy9CLFlBQWEsSUFDYixNRC9DSSxLRW9DSixVQUFXLEtBQ1gsVUFBVyxPRFlYLFdBQVksT0FDWixXQUFZLFdDN0NmLG9DRGtDQyxrQkFhTSxXQUFZLE1BYmpCLHVCQWdCRyxXQUFZLElDbkJkLFVBQVcsS0FDWCxVQUFXLE9Ec0JiLG9CQUNFLE1BQU8sS0FDUCxXQUFZLEtDeERmLG9DRHNEQyxvQkFJSSxXQUFZLEtBQ1osUUFBUyxFQUFBLEtBQ1QsV0FBWSxZQU5mLHVCQ3ZCQyxVQUFXLEtBQ1gsVUFBVyxLRGdDVCxZRC9EWSxlQUFlLENBQUUsTUNnRTdCLGVBQWdCLEtBQ2hCLGNBQWUsS0FDZixjQUFlLElBQUksTUR2RWpCLEtDMERMLHlCQWVLLFdBQVksS0N0Q2hCLFVBQVcsS0FDWCxVQUFXLE9BaENkLG9DRHNERSx5QkFrQk8sV0FBWSxNQUlsQiw2QkFDRSxXQUFZLEtDN0VqQixvQ0Q0RUcsNkJBR0ksV0FBWSxNQUhmLGtDQU1HLE1BQU8sS0FDUCxXRHhGQSxLQ3lGQSxPQUFRLElBQUksTUR4RlosS0N5RkEsT0FBUSxRQVRYLHdDQVdLLGFEM0ZGLEtDZ0ZILHlDQWNLLFFBQVMsR0FDVCxvQkFBcUIsT0FBQSxPQUNyQixrQkFBbUIsVUFDbkIsTUFBTyxLQUNQLE9BQVEsS0FDUixTQUFVLFNBQ1YsSUFBSyxFQUNMLEtBQU0sS0FyQlgsZ0RBeUJPLGlCQUFrQixzQ0F6QnpCLG9EQThCTyxpQkFBa0IscUNBOUJ6Qix3Q0FrQ0ssT0FBUSxJQUFJLE1EakhoQixRQytFRCw4Q0FBQSx1Q0FzQ0ssV0R0SEYsS0N1SEUsT0FBUSxLQUNSLE1EekhGLEtDaUZILG9EQUFBLDZDQTBDTyxhRDNISixLQ2lGSCxvREFBQSw2Q0E2Q08sUUFBUyxHQTdDaEIsOENBaURLLFlBQWEsSUM3SHRCLG9DRDRFSSw4Q0FtRE8sT0FBUSxLQUNSLFFBQVMsS0FBQSxFQUNULFlBQWEsS0FyRHBCLHNDQXlESyxZQUFhLElBQ2IsV0FBWSxLQTFEakIsNENBNERPLE9BQVEsSUFBSSxNRDVJaEIsS0M2SUksUUFBUyxHQTdEaEIsbUNBbUVLLFdBQVksS0FJbEIseUJDcEhBLFVBQVcsS0FDWCxVQUFXLE9EcUhULFdBQVksS0NySmpCLG9DRG1KRyx5QkFJSSxXQUFZLE1BSmYseUNBT0csV0FBWSxJQUdoQiwwQkFDRyxXQUFZLEtBRGQsNEJBR0csV0FBWSxLQUhmLDRCQU1HLFdFdEtVLElBQUksSUFBSSxLRmdLckIsa0NBUUssUUFBUyxHQVJkLGdDQVdLLE1BQU8iLCJmaWxlIjoiZXhlcmNpc2VzLmNzcyJ9 */
/*# sourceMappingURL=sourcemaps/exercises.css.map */