#courseDetailCol>*+*{margin-top:0}#courseDetailCol .new{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:#ff73b9;width:-webkit-fit-content;width:fit-content;height:1.6em;line-height:1em;font-size:0.8em;padding:0 2em;border-radius:0.8em;margin:0 auto -0.5em}@media screen and (max-width: 767px){#courseDetailCol .new{padding-bottom:0.1em}}@media screen and (min-width: 768px){#courseDetailCol .new{padding-bottom:0.1em}}#courseList{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}#courseList>li{position:relative;-webkit-flex:none;flex:none}@media screen and (max-width: 767px){#courseList>li{width:calc(50% - 0.5rem)}}@media screen and (min-width: 768px){#courseList>li{width:calc(20% - 1rem)}}#courseList>li.new::before{content:"NEW";position:absolute;top:0;bottom:initial;left:50%;right:initial;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:#ff73b9;height:1.6em;font-size:0.6em;line-height:1em;border-radius:0.8em;z-index:100;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media screen and (max-width: 767px){#courseList>li.new::before{width:6em;padding-bottom:0.1em}}@media screen and (min-width: 768px){#courseList>li.new::before{width:6em;padding-bottom:0.1em}}#courseList>li a{background:#4ab236;display:grid;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;width:100%;height:100%;padding:0;border-radius:calc(1rem / 3 * 4);color:#FFF;text-decoration:none;text-align:center}#courseList>li a.act{background:#ec6c00;pointer-events:none}#courseList>li a.act img{opacity:1}#courseList>li a img{border-radius:calc(1rem / 3 * 4) calc(1rem / 3 * 4) 0 0}#courseList>li a p{position:relative;-webkit-align-self:center;align-self:center;color:#fff;font-family:"M PLUS 1","Noto Sans JP",serif;font-size:0.8rem;font-weight:700;line-height:1.5em;padding:0.5em}#courseList>li span{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%;height:0;font-size:0.8rem;color:#fff;text-decoration:none;text-align:center;padding:calc(2em + 50% / 16 * 9) 0;border:solid calc(1rem / 6) #fff;border-radius:calc(1rem / 3 * 4)}