@charset "UTF-8";.main{padding:0!important}.container{max-width:100%}@media (max-width: 1023px){.container{padding-left:0;padding-right:0}}.breadcrumbs{max-width:1056px;margin:auto;padding:0 16px}.rjLevelBar{display:flex;max-width:396px;width:100%;border:1px solid #8dc21f}.materialDesc .rjLevelBar{max-width:450px}.rjLevelBar__ttl{position:relative;padding:4px 36px 4px 15px;background:#8dc21f;font-family:Fira Sans;letter-spacing:.05rem;font-size:1rem;line-height:1;text-align:center;color:#fff}@media (max-width: 767px){.rjLevelBar__ttl{padding:4px 30px 4px 10px}}@media (max-width: 359px){.rjLevelBar__ttl{padding:4px 27px 4px 4px}}.rjLevelBar__ttl i{position:absolute;top:50%;right:8px;transform:translateY(-50%);transition:.2s}@media (max-width: 767px){.rjLevelBar__ttl i{right:4px}}@media (max-width: 359px){.rjLevelBar__ttl i{right:2px}}@media (hover: hover){.rjLevelBar__ttl i:hover{opacity:.7;cursor:pointer}}.rjLevelBar__num{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 92px);padding:4px 6px;background:#fff}@media (max-width: 767px){.rjLevelBar__num{width:calc(100% - 81px)}}@media (max-width: 359px){.rjLevelBar__num{width:calc(100% - 71px);padding:4px}}.rjLevelBar__num__item{width:calc(10% - 4px);background:#dfdfdf;height:18px;line-height:18px;font-size:1.1rem;font-weight:700;color:#7a7a7a;text-align:center}.rjLevelBar__num__item--active{background:#8dc21f;color:#fff}@media (max-width: 359px){.rjLevelBar__num__item{width:calc(10% - 3px)}}.modalBlock{display:none;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;transform:translate(0)}.modalBlock__overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.6);width:100%;height:100vh;z-index:10}.modalBlock__inner{position:absolute;top:50%;right:0;left:0;z-index:11;transform:translateY(-50%);max-width:740px;width:100%;margin:auto;background:#fff;padding:15px}.modalBlock__inner>*:not(.modalBlock__inner__btn){display:none}@media (max-width: 767px){.modalBlock__inner{width:calc(100% - 10px);padding:10px}}.modalBlock__inner__img{max-height:700px;overflow-y:scroll}.modalBlock__inner__img img{width:100%;height:auto}.modalBlock__inner__btn{position:absolute;top:-18px;right:-18px;width:36px;height:36px;border-radius:50%;text-align:center;background:#777;border:2px solid #fff;box-shadow:0 0 2px 1px #57575773}@media (max-width: 767px){.modalBlock__inner__btn{top:0;right:0;width:30px;height:30px;box-shadow:none}}.modalBlock__inner__btn:before{position:absolute;top:50%;right:0;left:0;font-family:Material icons;content:"";transform:translateY(-50%);font-size:2rem;color:#fff}.modalBlock__inner__btn:hover{cursor:pointer}.modalBlock .js-showImgModal{text-align:center}.modalBlock .js-showImgModal img{display:none}.table_secondary{width:100%;font-size:inherit;border-collapse:collapse;margin-bottom:15px;border-top:1px solid #d5d5d5;border-right:1px solid #d5d5d5}.table_secondary thead th{background:#fff;color:#2e375b;border-bottom:2px solid #2e375b}.table_secondary tbody th{background:#fbfbfb}.table_secondary th,.table_secondary td{padding:5px 7.5px;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;text-align:center}.table_secondary th.texts,.table_secondary td.texts{text-align:left}@media (max-width: 767px){.table_secondary_wrap{border-right:1px solid #eee;overflow-x:scroll}.table_secondary_wrap::-webkit-scrollbar{height:5px}.table_secondary_wrap::-webkit-scrollbar-thumb{background:#999;border-radius:5px}.table_secondary_wrap::-webkit-scrollbar-track{background:#f8f8f8;border-radius:5px}}@media (max-width: 767px){.table_secondary_wrap .table_secondary{white-space:nowrap;margin-bottom:5px}}.container{max-width:1024px}@media (max-width: 1023px){.container{padding-left:10px;padding-right:10px}}@media (max-width: 767px){.container{padding-left:0;padding-right:0}}.attachmentLink{display:flex;justify-content:space-between;margin-top:20px}@media (max-width: 767px){.attachmentLink{display:block}}.attachmentLink .btn_forPhrase{width:310px;padding:10px 0 10px 15px;font-size:1.4rem}@media (max-width: 767px){.attachmentLink .btn_forPhrase{width:92%;margin:25px auto 15px}}.attachmentLink .btn_forPhrase:before{position:absolute;top:50%;left:9%;font-family:Material icons;content:"";font-size:2.7rem;transform:translateY(-47%)}.attachmentLink .btn_caseRecommend{width:270px;padding:10px 0 10px 20px;font-size:1.4rem}@media (max-width: 767px){.attachmentLink .btn_caseRecommend{width:92%;margin:0 auto}}.attachmentLink .btn_caseRecommend:before{position:absolute;top:50%;left:10%;content:"";background:url(https://cdn.rarejob.com/images/material/common/icon_materialsCase.svg) no-repeat;display:block;background-size:cover;width:30px;height:22px;transform:translateY(-50%)}@media (max-width: 767px){.attachmentLink .btn_caseRecommend:before{background-size:95% auto;width:28px;height:20px}}@media (hover: hover){.attachmentLink .btn_caseRecommend:hover:before{background:url(https://cdn.rarejob.com/images/material/common/icon_materialsCase_white.svg) no-repeat}}.materialsCate{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:space-between}.materialsCate__list{width:48%;height:270px;border:1px solid #8dc21f;background:#fefff9;border-radius:25px;margin-bottom:40px;position:relative;transition:all .15s ease-in}@media (max-width: 1023px){.materialsCate__list{height:280px}}@media (max-width: 767px){.materialsCate__list{width:100%;height:inherit;margin-bottom:25px}}@media (hover: hover){.materialsCate__list:hover{box-shadow:0 2px 16px #0000001a}}.materialsCate__list a{height:260px;color:#222;display:block}@media (max-width: 767px){.materialsCate__list a{height:inherit}}.materialsCate__list .btn_line_gray{position:absolute;bottom:15px;left:50%;width:220px;margin-left:-110px}@media (hover: hover){.materialsCate__list .btn_line_gray:hover{background:#fff;color:#7a7a7a}.materialsCate__list .btn_line_gray:hover:after{border-color:#7a7a7a;transform:translate(0) rotate(45deg);transition:transform .2s ease-out}}.materialsCate__header{background:#f3f5e3;height:76px;box-sizing:border-box;border-bottom:1px dotted #8dc21f;text-align:center;border-top-left-radius:25px;border-top-right-radius:25px;position:relative}@media (max-width: 767px){.materialsCate__header{height:70px}}.materialsCate__header h2{padding:20px 0;font-size:2.4rem;font-weight:400;line-height:1.6}@media (max-width: 1023px){.materialsCate__header h2{font-size:2.2rem}}@media (max-width: 479px){.materialsCate__header h2{font-size:2rem}}.materialsCate__header.daily:before{content:"";display:block;background:url(https://cdn.rarejob.com/images/material/common/icon_cate_daily.svg) no-repeat;background-size:cover;width:58px;height:50px;position:absolute;bottom:0;left:12%}@media (max-width: 1023px){.materialsCate__header.daily:before{width:52px;height:44px;position:absolute;bottom:0;left:7%}}.materialsCate__header.business:before{content:"";display:block;background:url(https://cdn.rarejob.com/images/material/common/icon_cate_business.svg) no-repeat;background-size:cover;width:56px;height:51px;position:absolute;bottom:0;left:10%}@media (max-width: 1023px){.materialsCate__header.business:before{width:47px;height:42px;position:absolute;bottom:0;left:4%}}.materialsCate__header.discussion:before{content:"";display:block;background:url(https://cdn.rarejob.com/images/material/common/icon_cate_discussion.svg) no-repeat;background-size:cover;width:55px;height:52px;position:absolute;bottom:0;left:11%}@media (max-width: 1023px){.materialsCate__header.discussion:before{width:50px;height:48px;position:absolute;bottom:0;left:4%}}.materialsCate__header.smallTalk:before{content:"";display:block;background:url(https://cdn.rarejob.com/images/material/common/icon_cate_smallTalk.svg) no-repeat;background-size:98% auto;width:39px;height:40px;position:absolute;bottom:15px;left:12%}@media (max-width: 1023px){.materialsCate__header.smallTalk:before{background-size:cover;width:33px;height:34px;position:absolute;bottom:15px;left:7%}}.materialsCate__header.pronunciation:before{content:"";display:block;background:url(https://cdn.rarejob.com/images/material/common/icon_cate_pronunciation.svg) no-repeat;background-size:cover;width:48px;height:48px;position:absolute;bottom:0;left:13%}@media (max-width: 1023px){.materialsCate__header.pronunciation:before{width:42px;height:42px;position:absolute;bottom:0;left:8%}}.materialsCate__header.preOnline h2{padding-left:15px}.materialsCate__header.preOnline:before{content:"";display:block;background:url(https://cdn.rarejob.com/images/material/common/icon_cate_preOnline.svg) no-repeat;background-size:cover;width:45px;height:42px;position:absolute;bottom:15px;left:11.5%}@media (max-width: 1023px){.materialsCate__header.preOnline:before{width:40px;height:38px;position:absolute;bottom:12px;left:6%}}@media (max-width: 359px){.materialsCate__header.preOnline:before{width:38px;height:36px;position:absolute;bottom:12px;left:3%}}.materialsCate__header.preTest:before{content:"";display:block;background:url(https://cdn.rarejob.com/images/material/common/icon_cate_preTest.svg) no-repeat;background-size:cover;width:38px;height:37px;position:absolute;bottom:14px;left:12%}@media (max-width: 767px){.materialsCate__header.preTest:before{width:33px;height:32px;position:absolute;bottom:14px;left:7%}}.materialsCate__header.grammar:before{content:"";display:block;background:url(https://cdn.rarejob.com/images/material/common/icon_cate_grammar.svg) no-repeat;background-size:cover;width:50px;height:43px;position:absolute;bottom:10px;left:12%}@media (max-width: 767px){.materialsCate__header.grammar:before{width:42px;height:36px;position:absolute;bottom:12px;left:7%}}.materialsCate__contents{padding:15px 30px}@media (max-width: 1023px){.materialsCate__contents{padding:10px 10px 58px}}.materialsCate__contents .rjLevelBar{margin:0 auto 15px}.newLabel:after{content:"";display:block;background:url(https://cdn.rarejob.com/images/material/common/icon_label_new.svg) no-repeat;background-size:cover;width:40px;height:40px;position:absolute;top:-3px;right:8%}.pageHeadTtl .newLabel:after{top:-2px;right:4%}@media (max-width: 479px){.pageHeadTtl .newLabel:after{display:none}}@media (max-width: 767px){.linkDescBox .newLabel:after{display:none}}@media (max-width: 767px){.newLabel:after{position:absolute;top:-3px;right:6%}}.newLabelSp{display:none!important;font-size:1rem!important;padding:3px;vertical-align:middle;margin-left:5px;border:1px solid #ff865f;background:#ffe9e2;color:#ff865f}@media (max-width: 479px){.newLabelSp{display:inline!important}}.linkDescBox .newLabelSp{display:none;padding:1px 3px;vertical-align:baseline}@media (max-width: 767px){.linkDescBox .newLabelSp{display:inline!important}}.appealTxt{font-size:1.5rem;position:relative;padding-left:25px}@media (max-width: 767px){.appealTxt{font-size:1.4rem}}.appealTxt+.appealTxt{margin-top:5px}.appealTxt:before,.appealTxt:after{content:"";display:table}.appealTxt:after{clear:both}.appealTxt:before{content:"";position:absolute;top:0;left:0;display:block;width:22px;margin-top:-2px;font-family:Material icons;content:"";color:#ec6800;font-size:1.8rem;vertical-align:middle}.summaryBlock .appealTxt:before{font-size:2.2rem}.otherMaterialsLink{margin-top:15px;display:flex;justify-content:space-around}@media (max-width: 767px){.otherMaterialsLink{display:block;margin:0 5%}}.otherMaterialsLink li{width:42%}@media (max-width: 767px){.otherMaterialsLink li{width:100%}.otherMaterialsLink li+li{margin-top:20px}}.otherMaterialsLink li .btn_line_green{font-size:1.7rem;padding:16px 0}@media (max-width: 1023px){.otherMaterialsLink li .btn_line_green{font-size:1.6rem}}@media (max-width: 767px){.otherMaterialsLink li .btn_line_green{font-size:1.4rem;padding:12px 0}}.leadTxt{margin-top:5px;padding:10px 7px;background:#f7f7f7}.leadTxt__ttl{text-align:center;position:relative}.leadTxt__ttl:after{content:"";font-family:Material icons;content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);display:block;color:#7a7a7a;font-size:2rem;transition:.2s}.leadTxt__ttl.is-active{border-bottom:1px solid #8dc21f;padding-bottom:10px;margin-bottom:5px}.leadTxt__ttl.is-active:after{transform:translateY(-50%) rotate(180deg)}.leadTxt__opened{display:none;padding:10px 0 0}img.imgW60{width:60%}.greenBlock{background:#fefff9;border:1px solid #8dc21f}.greenBlock__ttl{padding:10px;border-bottom:1px dotted #8dc21f;text-align:center;font-weight:700;font-size:1.6rem}.counselingRecommond{width:48%;height:270px;padding:8% 5px;background:#f4f4f4 url(https://cdn.rarejob.com/images/material/common/icon_search.svg) no-repeat right 4% bottom 8%;text-align:center;font-size:1.6rem;line-height:2.2}@media (max-width: 1023px){.counselingRecommond{height:280px;padding:12% 5px;font-size:1.4rem;background-size:70px 70px}}@media (max-width: 767px){.counselingRecommond{width:100%;height:inherit;margin-bottom:25px;background-size:45px 45px}}@media (max-width: 359px){.counselingRecommond{font-size:1.3rem}}.counselingRecommond a{color:#222;text-decoration:underline}.counselingRecommond a:hover{text-decoration:none}.m-rjLevelBar{display:flex;width:100%;border:1px solid #8dc21f}.materialDesc .m-rjLevelBar{max-width:450px}.m-rjLevelBar__ttl{position:relative;padding:4px 36px 4px 15px;background:#8dc21f;font-family:Fira Sans;letter-spacing:.05rem;font-size:1rem;line-height:1;text-align:center;color:#fff}@media (max-width: 767px){.m-rjLevelBar__ttl{padding:4px 30px 4px 10px}}@media (max-width: 359px){.m-rjLevelBar__ttl{padding:4px 27px 4px 4px}}.m-rjLevelBar__ttl i{position:absolute;top:50%;right:8px;transform:translateY(-50%);transition:.2s}@media (max-width: 767px){.m-rjLevelBar__ttl i{right:4px}}@media (max-width: 359px){.m-rjLevelBar__ttl i{right:2px}}@media (hover: hover){.m-rjLevelBar__ttl i:hover{opacity:.7;cursor:pointer}}.m-rjLevelBar__num{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 92px);padding:4px 6px;background:#fff}@media (max-width: 767px){.m-rjLevelBar__num{width:calc(100% - 81px)}}@media (max-width: 359px){.m-rjLevelBar__num{width:calc(100% - 71px);padding:4px}}.m-rjLevelBar__numItem{width:calc(10% - 4px);background:#dfdfdf;height:18px;line-height:18px;font-size:1.1rem;font-weight:700;color:#7a7a7a;text-align:center}.m-rjLevelBar__numItem--active{background:#8dc21f;color:#fff}@media (max-width: 359px){.m-rjLevelBar__numItem{width:calc(10% - 3px)}}