@charset "UTF-8";

@import"https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&subset=japanese";@import"https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700";@import"https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&subset=japanese";@import"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__btnarea .btn::after{border:none !important}.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}.exercises__inner a.proceed{display:block;margin:20px auto;text-align:center;width:180px;background:#fff;left:calc((100% - 180px)/2);color:#000;border-width:1px;border-style:solid;border-color:#000;height:63px;font-size:14px;border-radius:5px;line-height:63px;transition:all .3s ease;box-shadow:0 3px 6px rgba(0,0,0,.3);cursor:pointer;box-sizing:border-box}.exercises__inner a.proceed:hover{background:#000;border-color:#fff;color:#fff}.exercises__inner a.btn_red{background:#bf000a !important;color:#fff !important;border:none !important}.exercises__inner a.btn_red:hover{opacity:.5}@media screen and (max-width: 769px){.exercises__title+p{margin-top:20px}.exercises__inner a.proceed{width:200px;left:calc((100% - 200px)/2)}}.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}.exercises__timer span#minutes,.exercises__timer span#seconds{font-size:24px;font-size:2.4rem}.exercises__timer span#minutes:before,.exercises__timer span#minutes:after,.exercises__timer span#seconds:before,.exercises__timer span#seconds:after{content:" "}@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 h2{font-size:1.4rem;text-align:center;margin-bottom:2rem}.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}.exercises__example .about__con02__inner__bana{background:#000;margin-top:40px;border:solid 1px #fff;z-index:-999;width:100%;height:447px;padding-bottom:60px}.exercises__example .about__con02__inner__bana img{height:447px;position:absolute}.exercises__example .about__con02__inner__bana .btn_area{position:relative;color:#fff !important;top:295px;left:55px}.exercises__example .about__con02__inner__bana .btn_area .btn_link_prologue{display:block;width:300px;padding:20px 20px;background:#bf000a;text-align:center;font-size:2rem;color:#fff}.exercises__example .about__con02__inner__bana .btn_area .btn_link_degital_book{margin-top:1rem;display:block;width:300px;padding:20px 20px;background:#268582;text-align:center;font-size:2rem;color:#fff}.exercises__example .about__con02__inner__bana .btn_area a{transition:all .3s ease}.exercises__example .about__con02__inner__bana .btn_area a:hover{opacity:.8}@media screen and (max-width: 769px){.exercises__example .about__con02__inner__bana{height:530px}.exercises__example .about__con02__inner__bana .btn_area{top:450px;left:30px}.exercises__example .about__con02__inner__bana .btn_area .btn_link_prologue{padding:1.2rem 1.2rem;font-size:1.4rem}.exercises__example .about__con02__inner__bana .btn_area .btn_link_degital_book{padding:1.2rem 1.2rem;font-size:1.4rem}}.exercises__example .about__con02__inner__bana02{display:flex;flex-direction:row;background-color:#000;color:#fff;padding:55px 55px}.exercises__example .about__con02__inner__bana02_proc{font-size:1.6rem;width:50%}.exercises__example .about__con02__inner__bana02_proc h3{font-size:3.5rem;font-family:inherit;font-weight:normal}.exercises__example .about__con02__inner__bana02_proc .fig{text-align:right}.exercises__example .about__con02__inner__bana02_proc .btn_area{color:#fff !important;margin-top:97px !important}.exercises__example .about__con02__inner__bana02_proc .btn_area .btn_link_prologue{display:block;width:300px;padding:20px 20px;background:#bf000a;text-align:center;font-size:2rem;color:#fff}.exercises__example .about__con02__inner__bana02_proc .btn_area .btn_link_degital_book{margin-top:1rem;display:block;width:300px;padding:20px 20px;background:#268582;text-align:center;font-size:2rem;color:#fff}.exercises__example .about__con02__inner__bana02_proc .btn_area a{transition:all .3s ease}.exercises__example .about__con02__inner__bana02_proc .btn_area a:hover{opacity:.8}@media screen and (max-width: 769px){.exercises__example .about__con02__inner__bana02{display:block;padding:30px 16px}.exercises__example .about__con02__inner__bana02_proc{width:100%}.exercises__example .about__con02__inner__bana02_proc h3{font-size:2.4rem;margin-bottom:0}.exercises__example .about__con02__inner__bana02_proc .fig{text-align:center;margin:0}.exercises__example .about__con02__inner__bana02_proc .btn_area{margin-top:20px !important}.exercises__example .about__con02__inner__bana02_proc .btn_area .btn_link_prologue{padding:1.2rem 1.2rem;font-size:1.4rem;margin:0 auto}.exercises__example .about__con02__inner__bana02_proc .btn_area .btn_link_degital_book{padding:1.2rem 1.2rem;font-size:1.4rem;margin:10px auto}}@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=map/exercises.css.map */