.articleSelector{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end;margin:16px auto;width:100%}.articleSelectorButton{background:#86cd0a;color:#fff;margin:6px!important;min-width:70%;position:relative}.articleSelectorButton:after{background-image:url(https://f.hubspotusercontent20.net/hubfs/6635779/arrow_under.png);background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:0;content:"";height:14px;margin:auto;position:absolute;right:32px;top:0;transition-duration:.3s;width:14px}.articleSelectorButton>li{padding:16px 68px 16px 16px;text-align:center}.articleSelectorButton ul{background:#86cd0a;left:0;margin:0;opacity:0;padding:0;position:absolute;top:100%;transition-duration:.3s;visibility:hidden;width:100%;z-index:101}.articleSelectorButton ul>li{list-style:none}.curName{text-align:left}.articleSelectorButton ul>li>a{display:block;padding:16px}.articleContainer,.articleContainer_full{display:flex;flex-wrap:wrap;margin:0 auto;width:100%}.articleBox{background:#fff;margin:16px auto;width:100%}.articleContainer>.articleBox:first-of-type{order:3}.articleContainer>.articleBox:nth-of-type(2){order:2}.articleContainer>.articleBox:nth-of-type(3){order:1}.articleBox>img{display:block;height:210px;margin:0 auto;object-fit:contain;width:90%}.curriculumSituation{color:#fff;left:0;padding:2px 4px;position:absolute;text-align:center;top:0;width:100%}.curriculumSituation.max{background:#333}.curriculumSituation.littleMore{background:#ff1010}.articleBottom{padding:0 13px 20px}.curriculumTitle{font-size:2rem;padding:0 0 14px}.articleInfo{font-size:1.5rem;font-weight:600;padding:0 0 8px}.articleInfoSpan{background:#dff2c6;border-radius:4px;color:#000;margin-right:6px;padding:2px 11px}.articleLink{bottom:0;display:block;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%;z-index:99}@media(min-width:768px){.articleContainer,.articleContainer_full{align-items:normal;display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.articleBox{margin:16px 1.1%;width:31%}.articleSelector{justify-content:space-around}.articleSelectorButton{width:30%}}@media(min-width:1024px){.articleSelector{justify-content:flex-end;max-width:1170px;width:100%}.articleSelectorButton{margin:6px 16px!important;min-width:150px;width:auto}.articleSelectorButton>li{padding:16px 68px}.articleContainer,.articleContainer_full{max-width:1170px;width:100%}}.articleSelectorButton:hover{cursor:pointer}.articleSelectorButton ul.active{opacity:1;visibility:visible}.articleSelectorButton:after{transform:rotate(180deg)}.articleBox{box-shadow:2px 4px 10px rgba(0,0,0,.16)}.articleInfo{font-size:1.7rem}.articleBox.greenCourse{border:6px solid #bedb97;box-shadow:0 6px 0 #7bc446;outline-offset:-6px}.articleBox.blueCourse{border:6px solid #9fd5d0;box-shadow:0 6px 0 #31afc9;outline-offset:-6px}.articleBox.pinkCourse{border:6px solid #f0b4b9;box-shadow:0 6px 0 #f55a6a;outline-offset:-6px}.articleBox.purpleCourse{border:6px solid #b7b3e6;box-shadow:0 6px 0 #7065c9;outline-offset:-6px}.articleBox.yellowCourse{border:6px solid #faecbb;box-shadow:0 6px 0 #fecc1f;outline-offset:-6px}.articleBox{position:relative}.articleInfo span{font-weight:600}.articleBox.yellowCourse .articleInfoSpan{background:#faecbb}.articleBox.blueCourse .articleInfoSpan{background:#d0eef5}.articleBox.pinkCourse .articleInfoSpan{background:#f9d9dc}.articleBox.purpleCourse .articleInfoSpan{background:#e1dff7}.curSituNeo{background:#f76339;color:#fff;padding:4px;width:48%}.articleBox>.examTypeNeo,.curSituNeo{border-radius:100px;display:inline-block;font-size:1.8rem;font-weight:600;margin-left:2%;text-align:center}.articleBox>.examTypeNeo{background:#f2f3f4;color:#3f3f3f;padding:4px 26px 4px 50px;position:relative}.articleBox>.examTypeNeo:before{background:50%/contain no-repeat url(https://f.hubspotusercontent20.net/hubfs/6635779/online.png);bottom:0;content:"";height:36px;left:0;margin:auto;position:absolute;top:0;width:36px}.articleBox>.examTypeNeo.venue:before{background:50%/contain no-repeat url(https://f.hubspotusercontent20.net/hubfs/6635779/venue.png)}.articleBottom{padding-top:10px}.articleBox>.examTypeNeo.elearning:before{background:50%/contain no-repeat url(https://f.hubspotusercontent20.net/hubfs/6635779/e_learn.png)}.articleBox>.examTypeNeo.elearningAndVenue:before{background:50%/contain no-repeat url(https://f.hubspotusercontent20.net/hubfs/6635779/%E3%82%A2%E3%82%BB%E3%83%83%E3%83%88%2013.png)}