@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");body{font-family:YakuHanJPs,"Zen Kaku Gothic New",-apple-system,BlinkMacSystemFont,"segoe ui","游ゴシック体","yu gothic",meiryo,Roboto,sans-serif;background:#E7F7FC}.area{width:100%;height:100%}.wrapper{position:relative;padding:1rem;box-sizing:border-box}.main-c{border:solid 2px #000}header{box-sizing:border-box;position:relative;padding:1rem 0;border-bottom:solid 2px #000}header h1{display:flex;justify-content:center;align-items:center}header h1:before{content:"";display:block;width:2.8rem;height:4rem;background:url(../img/q_icon.svg) no-repeat 0 0;background-size:100%;margin-right:1rem}@media screen and (max-width:480px){header h1:before{width:1.4rem;height:2rem;margin-right:0.3rem}}header h1 span{width:35rem}@media screen and (max-width:768px){header h1 span{width:80%}}@media screen and (max-width:480px){header h1 span{width:86%}}header h1 span img{width:100%}@keyframes lead_bg{to{width:100%}}.txt{text-align:center;margin:1rem 0}.icon{max-width:1200px;display:flex;margin:1rem auto 0.5rem;justify-content:space-between;background:#fff}.icon li{list-style:none;width:9.8%;height:2px;background:#fde7ca}.icon li.finished{background:#f59f31}.q-number{max-width:1200px;text-align:right;font-size:13px;font-size:0.8125rem;margin:0 auto 1rem}.main{margin:2rem auto 10rem}@media screen and (max-width:480px){.main{margin:1rem auto 3rem}}.main .quiz_area{position:relative;max-width:900px;width:80%;margin:0 auto}@media screen and (max-width:480px){.main .quiz_area{width:90%}}.main .quiz_area .quiz_set{position:relative}.main .quiz_area .quiz_set h2{display:flex;justify-content:center;font-size:30px;font-weight:900;align-items:center;margin-bottom:2rem}@media screen and (max-width:480px){.main .quiz_area .quiz_set h2{font-size:24px}}.main .quiz_area .quiz_set h2:after,.main .quiz_area .quiz_set h2:before{content:"";width:4rem;height:1px;background:#000}.main .quiz_area .quiz_set h2:before{margin-right:10px}.main .quiz_area .quiz_set h2:after{margin-left:10px}.main .quiz_area .quiz_set .quiz_hd-wrap{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:3rem}@media screen and (max-width:480px){.main .quiz_area .quiz_set .quiz_hd-wrap{margin-bottom:1rem;align-items:flex-start}}.main .quiz_area .quiz_set .quiz_hd-wrap .quiz_num_wrap{color:#fff;background:#009de2;width:3rem;height:3rem;border-radius:100%;display:flex;font-size:19px;align-items:center;justify-content:center;font-weight:900}@media screen and (max-width:480px){.main .quiz_area .quiz_set .quiz_hd-wrap .quiz_num_wrap{width:2rem;height:2rem;font-size:14px}}.main .quiz_area .quiz_set .quiz_hd-wrap .quiz_num_wrap .quiz_no{font-size:24px;margin-left:2px}@media screen and (max-width:480px){.main .quiz_area .quiz_set .quiz_hd-wrap .quiz_num_wrap .quiz_no{font-size:16px}}.main .quiz_area .quiz_set .quiz_hd-wrap .quiz_question{padding:0;margin-left:1rem;line-height:1.4}@media screen and (max-width:480px){.main .quiz_area .quiz_set .quiz_hd-wrap .quiz_question{width:80%;font-size:16px}}.main .quiz_area .quiz_set .quiz_hd-wrap .ph{display:grid;justify-items:center;margin-top:0.7rem}.main .quiz_area .quiz_set .quiz_hd-wrap .ph span{width:70%;display:block}@media screen and (max-width:480px){.main .quiz_area .quiz_set .quiz_hd-wrap .ph span{width:100%}}.main .quiz_area .quiz_set .quiz_hd-wrap .ph span img{max-width:100%}.main .quiz_area .quiz_set .quiz_hd-wrap .ph ul{display:flex;list-style:none;background:#fff;padding:0.5rem;box-sizing:border-box;width:78%}@media screen and (max-width:480px){.main .quiz_area .quiz_set .quiz_hd-wrap .ph ul{width:100%}}.main .quiz_area .quiz_set .quiz_hd-wrap .ph ul li{margin:0 3%}.main .quiz_area .quiz_set .quiz_hd-wrap .ph ul li img{max-width:100%}.main .quiz_area .quiz_set#question2 .quiz_hd-wrap .ph span{width:58%}@media screen and (max-width:480px){.main .quiz_area .quiz_set#question2 .quiz_hd-wrap .ph span{width:100%}}.main .quiz_area .quiz_result{padding:0}.main .quiz_area .quiz_result #answer-about .answer-about-inner{align-items:flex-end;font-size:25px}.main .quiz_area .quiz_result #answer-about .answer-about-inner .answer-num{font-size:40px;color:#9f0707}.main .quiz_area .quiz_result #answer-about .answer-about-inner .num{font-size:30px}.main .quiz_area .quiz_result #answer-about .score{border:solid 1px #000;background:#fff;box-sizing:border-box;padding:1.5rem 3rem;margin-top:3rem}@media screen and (max-width:480px){.main .quiz_area .quiz_result #answer-about .score{margin-top:1rem;padding:1rem}}.main .quiz_area .quiz_result #answer-about .score ul{list-style:none}.main .quiz_area .quiz_result #answer-about .score ul li{margin:0 0 3rem}@media screen and (max-width:480px){.main .quiz_area .quiz_result #answer-about .score ul li{margin-bottom:1.5rem}}.main .quiz_area .quiz_result #answer-about .score ul li .score-inr{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.main .quiz_area .quiz_result #answer-about .score ul li .score-inr .left{display:flex;width:80%;align-items:flex-start}@media screen and (max-width:480px){.main .quiz_area .quiz_result #answer-about .score ul li .score-inr .left{width:100%}}.main .quiz_area .quiz_result #answer-about .score ul li .score-inr .left .mun{font-size:16px;flex-shrink:0}@media screen and (max-width:480px){.main .quiz_area .quiz_result #answer-about .score ul li .score-inr .left .mun{font-size:14px}}.main .quiz_area .quiz_result #answer-about .score ul li .score-inr .left .q{font-size:16px;font-weight:500;margin-left:1rem;line-height:1.4;text-align:left}@media screen and (max-width:480px){.main .quiz_area .quiz_result #answer-about .score ul li .score-inr .left .q{font-size:13px;line-height:1.6;margin-left:0.5rem}}.main .quiz_area .quiz_result #answer-about .score ul li .score-inr .answer-score.false{margin-right:2rem}@media screen and (max-width:480px){.main .quiz_area .quiz_result #answer-about .score ul li .score-inr .answer-score.false{margin:0 auto}}.main .quiz_area .quiz_result #answer-about .score ul li .score-inr .answer-score.false:before{content:"×";color:blue;font-size:40px}.main .quiz_area .quiz_result #answer-about .score ul li .score-inr .answer-score.true{margin-right:2rem}@media screen and (max-width:480px){.main .quiz_area .quiz_result #answer-about .score ul li .score-inr .answer-score.true{margin:0 auto}}.main .quiz_area .quiz_result #answer-about .score ul li .score-inr .answer-score.true:before{content:"〇";color:red;font-size:40px}.main .quiz_area .quiz_result #answer-about .score ul li .hint .hd{color:#fff;font-weight:600;font-size:14px;width:3.5rem;background:#5a1818;text-align:center}@media screen and (max-width:480px){.main .quiz_area .quiz_result #answer-about .score ul li .hint .hd{font-size:12px;width:3rem}}.main .quiz_area .quiz_result #answer-about .score ul li .hint{background:#f4f4f4;padding:0.5rem 1rem;font-size:15px;text-align:left;line-height:1.4;font-weight:500;margin-top:0.3rem;color:#5a1818}@media screen and (max-width:480px){.main .quiz_area .quiz_result #answer-about .score ul li .hint{font-size:13px;line-height:1.6}}.main .quiz_area .quiz_result .quiz_restart{background:#DE8722;border:none;font-size:25px;color:#fff;font-weight:900;padding:1rem 6rem;border-radius:50px;margin-top:3rem;cursor:pointer}@media screen and (max-width:480px){.main .quiz_area .quiz_result .quiz_restart{font-size:17px;padding:1rem 0;width:100%;margin-top:2rem}}.main .quiz_area .quiz_result .comment{display:none;margin-top:4rem}@media screen and (max-width:480px){.main .quiz_area .quiz_result .comment{margin-top:2rem}}.main .quiz_area .quiz_result .comment .hd{font-size:50px;font-weight:900;color:#9f0707;margin-bottom:2rem}@media screen and (max-width:480px){.main .quiz_area .quiz_result .comment .hd{font-size:38px}}.main .quiz_area .quiz_result .comment .atend{font-size:16px}@media screen and (max-width:480px){.main .quiz_area .quiz_result .comment .atend{font-size:13px}}.main .quiz_area .quiz_result .comment .atend a{display:block;font-size:13px;margin-top:0.8rem;color:#930606}.main .quiz_area .quiz_result .comment.active{display:block}.quiz_area .quiz_area_bg{position:absolute;width:100%;height:100%;top:0;right:0;left:0;z-index:999;background:rgba(255,255,255,0.5);display:none;color:#FFF;text-align:center}.quiz_area .quiz_area_icon{position:absolute;box-sizing:border-box;top:50%;left:50%;z-index:9999;transform:translate(-50%,-50%);color:red;display:none;font-size:10em;font-weight:bold;text-stroke:4px #FFF}.quiz_area .quiz_area_icon.false,.quiz_area .quiz_area_icon.true{display:block}.hide{display:none}.show{display:block}.right{display:block;text-align:right;font-size:15px;font-size:0.9375rem;font-style:italic;margin-bottom:1rem}.quiz_set.hide{display:none}.quiz_set.show{display:block}.kaisetsu,.next_quiz,.total_quiz{display:none}.kaisetsu.hide,.next_quiz.hide,.total_quiz.hide{display:none}.kaisetsu.show,.next_quiz.show,.total_quiz.show{display:block}.next_quiz{width:180px;border:none;background:#f59f31;color:#fff;padding:10px;font-weight:bold;font-size:17px;font-size:1.0625rem;margin:2rem auto 0;cursor:pointer}.next_quiz:hover{opacity:0.5}.total_quiz{width:180px;border:none;background:#fff;border:solid 2px #a90000;color:#a90000;padding:10px;font-weight:bold;font-size:17px;font-size:1.0625rem;margin:2rem auto 0;cursor:pointer}.total_quiz:hover{opacity:0.5}.quiz_area .quiz_area_icon.true:before{content:"〇";color:red}.quiz_area .quiz_area_icon.false:before{content:"×";color:blue}.quiz_area .quiz_no{font-weight:bold}.quiz_area .quiz_question,.quiz_result{box-sizing:border-box;padding:15px;font-weight:bold;font-size:22px;font-size:1.375rem}.quiz_question{line-height:1.2}.quiz_area .quiz_result{display:none;text-align:center}.quiz_ans_area{position:relative}.quiz_area .quiz_ans_area ul{margin:10px 0 0 0;padding:0;display:block}.quiz_area .quiz_ans_area ul:after{content:"";display:block;clear:both}.quiz_area .quiz_ans_area ul li{font-size:22px;font-size:1.375rem;box-sizing:border-box;list-style:none;width:100%;padding:15px;border:solid #e2e2e2;border-width:2px;cursor:pointer;background:#fff;margin:0 0 1.5rem;display:flex;align-items:center;font-weight:500}@media screen and (max-width:480px){.quiz_area .quiz_ans_area ul li{font-size:16px;margin-bottom:1rem}}@media (hover:hover){.quiz_area .quiz_ans_area ul li:hover{background:#fdffcf}}.quiz_area .quiz_ans_area ul li.selected{background:#fdffcf;border-color:#000}.quiz_area .quiz_ans_area .list li.true-item{border:solid 3px #f90000;background:#feffe0}.quiz_area .quiz_ans_area .list li:before{display:grid;justify-items:center;align-items:center;line-height:1;border-radius:100%;height:2rem;width:2rem;font-size:18px;font-size:1.125rem;margin-right:1rem;color:#fff;background:#000;font-weight:900;box-sizing:border-box}@media screen and (max-width:480px){.quiz_area .quiz_ans_area .list li:before{height:1.5rem;width:1.5rem;font-size:16px}}.quiz_area .quiz_ans_area .list li:first-child:before{content:"１"}.quiz_area .quiz_ans_area .list li:nth-child(2):before{content:"２"}.quiz_area .quiz_ans_area .list li:nth-child(3):before{content:"３"}#answer-all{display:none}#answer-about{display:none;width:100%}#answer-about .answer-about-inner{display:flex;justify-content:center;margin:1rem 0;align-items:center;font-size:30px;font-size:1.875rem}#answer-about .answer-about-inner .answer-num,#answer-about .answer-about-inner .num{margin:0 0.5rem;font-size:40px;font-size:2.5rem}#answer-about .coment{font-size:16px;font-size:1rem;line-height:1.4;margin:1rem 0}.book-area{box-sizing:border-box;position:relative;margin-top:8rem;text-align:left;background:#fff;padding:2rem;box-shadow:0 0 20px rgba(0,0,0,0.1)}@media screen and (max-width:480px){.book-area{margin:3rem auto 0;width:90%;padding:1.5rem}}.book-area *{box-sizing:border-box}.book-area-inner{box-sizing:border-box;position:relative;margin:0 auto;z-index:10;display:flex;position:relative;justify-content:center;align-items:flex-start}@media screen and (max-width:768px){.book-area-inner{flex-wrap:wrap}}.book-area-inner-item{padding:4rem 3rem;display:flex}@media screen and (max-width:920px){.book-area-inner-item{flex-wrap:wrap}}@media screen and (max-width:480px){.book-area-inner-item{padding:1rem}}.book-area-inner-book{z-index:10;position:relative;width:40%;max-width:350px}@media screen and (max-width:920px){.book-area-inner-book{width:80%;max-width:380px;margin-right:3%}}@media screen and (max-width:480px){.book-area-inner-book{max-width:280px;width:80%;margin-right:0}}.book-area-inner-book img{vertical-align:bottom;max-width:100%;width:100%;box-shadow:0 0 10px rgba(255,255,255,0.35)}.book-area-inner-detail{z-index:0;position:relative;box-sizing:border-box;padding:0 3% 3%;position:relative;box-sizing:border-box;letter-spacing:0.06em}@media screen and (max-width:920px){.book-area-inner-detail{width:80%;margin-top:3vw;max-width:380px;padding:0}}@media screen and (max-width:480px){.book-area-inner-detail{margin-top:1rem;width:100%;text-align:center}}.book-area-inner-detail .sub-detail{color:#6A6A6A;font-size:16px;font-size:1rem;margin-top:1rem}@media screen and (max-width:480px){.book-area-inner-detail .sub-detail{font-size:13px;font-size:0.8125rem}}.book-area-inner-title{font-size:37px;font-size:2.3125rem;line-height:1.2;font-weight:700}@media screen and (max-width:768px){.book-area-inner-title{font-size:40px;font-size:2.5rem}}@media screen and (max-width:480px){.book-area-inner-title{font-size:26px;font-size:1.625rem;line-height:1.2}}.book-area-inner-title ruby>rt{font-size:12px}.book-area-inner-title span{display:block;font-size:22px;font-size:1.375rem;line-height:1.2}@media screen and (max-width:480px){.book-area-inner-title span{font-size:18px}}.book-area-inner-writer{font-size:19px;font-size:1.1875rem;margin-top:1rem;line-height:1.4;font-weight:500}@media screen and (max-width:480px){.book-area-inner-writer{font-size:14px;font-size:0.875rem;margin-top:1.2rem}}.book_sotre_list{margin:1.5rem 0 0;max-width:575px;list-style:none;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:flex-start}@media screen and (max-width:768px){.book_sotre_list{justify-content:center}}@media screen and (max-width:480px){.book_sotre_list{justify-content:space-between;margin-top:2rem;max-width:none}}.book_sotre_list li{width:44%;margin-right:10px;text-align:center;margin-bottom:10px}@media screen and (max-width:920px){.book_sotre_list li{width:46%}}@media screen and (max-width:768px){.book_sotre_list li{width:44%}}@media screen and (max-width:480px){.book_sotre_list li{width:48%;margin:0 0 10px}}.book_sotre_list li a{padding:7px 15px;background:#fff;border:solid 1px #dcdcdc;box-sizing:border-box;display:block}@media screen and (min-width:481px) and (max-width:914px){.book_sotre_list li a{padding:7px 5px}}@media screen and (max-width:480px){.book_sotre_list li a{padding:7px 5px}}.book_sotre_list li a img{width:100%;max-width:100%;vertical-align:bottom}.book_sotre_list li a:hover{opacity:0.4;transition:opacity 0.3s ease-out}@media screen and (max-width:768px){.book_sotre_list li a:hover{opacity:1;transition:none}}.book_sotre_list li:nth-child(7),.book_sotre_list li:nth-child(8){margin-bottom:0}.goto{margin:3rem auto 0;width:12rem}.goto a{display:block;color:#fff;background:#000;padding:1rem 2rem;border-radius:30px;font-size:18px;text-decoration:none}