:root{--module-color:#FDD000}.junior{--module-color:#CF433A}.senior{--module-color:#93C047}.senior.class-a{--module-color:#EF90A6}.senior.class-n{--module-color:#C3D700}.senior.class-s{--module-color:#5CC2D9}:root{--gradation-color:linear-gradient(90deg, #CF433A, #FEB725 30%, #C3D700 74%, #93C047)}.junior{--gradation-color:linear-gradient(90deg, #CF433A, #FEB725)}.senior{--gradation-color:linear-gradient(90deg, #93C047 0%, #93C047 60%, #C3D700 100%)}.school-days-card-wrap ul.tab-list{width:90%;margin-inline:auto;margin-bottom:48px;gap:.5vw 0;flex-wrap:wrap}.school-days-card-wrap ul.tab-list li{width:13%;font-family:unset;padding:0;margin:0}.school-days-card-wrap ul.tab-list li a{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;height:100%;padding:.3em 0}.school-days-card-wrap ul.tab-list li.all a{color:#fdd000;background:rgba(253,208,0,.1)}.school-days-card-wrap ul.tab-list li.all.active a{background:#fdd000;color:#fff}.school-days-card-wrap ul.tab-list li.junior a{color:#cf433a;background:rgba(207,67,58,.1)}.school-days-card-wrap ul.tab-list li.junior.active a{background:#cf433a;color:#fff}.school-days-card-wrap ul.tab-list li.senior a{color:#93c047;background:rgba(147,192,71,.1)}.school-days-card-wrap ul.tab-list li.senior.active a{background:#93c047;color:#fff}.school-days-card-wrap ul.tab-list li.other a{color:#9a9a9a;background:rgba(154,154,154,.1)}.school-days-card-wrap ul.tab-list li.other.active a{background:#9a9a9a;color:#fff}.school-days-card-wrap ul.tab-list li+li{margin-left:4px}.school-days-card-wrap ul.tab-list li.active+li{border-left:none}.school-days-card-wrap .tab-panel{display:block}.school-days-card-wrap .school-days-card-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem 4.2rem}.school-days-card-wrap .school-days-card-list li{border:solid 1px #000;border-radius:1.5em;padding:2em;min-height:26vw}.school-days-card-wrap .school-days-card-list li a{display:block;width:100%;height:100%}.school-days-card-wrap .school-days-card-list li a .img-box{margin-bottom:1vw;width:100%;border:1px #000 solid;height:15vw}.school-days-card-wrap .school-days-card-list li a .img-box img{width:100%;height:100%;display:block;object-fit:cover}.school-days-card-wrap .school-days-card-list li a .text{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-bottom:1vw}.school-days-card-wrap .school-days-card-list li a .text .cate{font-size:calc(var(--fs-scale,1) * clamp(1.2rem,.9vw,1.73rem));font-weight:600;line-height:1;color:#fff;display:inline-block;padding:.4em;width:6vw;text-align:center;margin-right:1vw}.school-days-card-wrap .school-days-card-list li a .text .cate.cate-junior{background:#cf433a}.school-days-card-wrap .school-days-card-list li a .text .cate.cate-senior{background:#93c047}.school-days-card-wrap .school-days-card-list li a .text .cate.cate-other{background:#9a9a9a}.school-days-card-wrap .school-days-card-list li a .text .date{font-size:calc(var(--fs-scale,1) * clamp(1.2rem,.97vw,1.87rem));font-weight:600;line-height:1}.school-days-card-wrap .school-days-card-list li a .title{font-size:calc(var(--fs-scale,1) * clamp(1.28rem,1.25vw,2.4rem));font-weight:600;line-height:1.6}.school-days-card-wrap .school-days-card-list li a .title.new{position:relative;padding-left:4em}.school-days-card-wrap .school-days-card-list li a .title.new::before{content:"NEW!";position:absolute;top:0;left:0;font-size:calc(var(--fs-scale,1) * clamp(1.2rem,1.11vw,2.13rem));width:auto;height:auto;background:#ee91a6;color:#fff;padding-inline:.5em}:root{--module-color:#FDD000}.junior{--module-color:#CF433A}.senior{--module-color:#93C047}.senior.class-a{--module-color:#EF90A6}.senior.class-n{--module-color:#C3D700}.senior.class-s{--module-color:#5CC2D9}:root{--gradation-color:linear-gradient(90deg, #CF433A, #FEB725 30%, #C3D700 74%, #93C047)}.junior{--gradation-color:linear-gradient(90deg, #CF433A, #FEB725)}.senior{--gradation-color:linear-gradient(90deg, #93C047 0%, #93C047 60%, #C3D700 100%)}@media screen and (max-width:1024px) and (orientation:portrait){.school-days-card-wrap ul.tab-list{width:100%;margin-bottom:3vh;gap:.6vh 0}.school-days-card-wrap ul.tab-list li{width:19%}.school-days-card-wrap .school-days-card-list{display:flex;justify-content:space-between;flex-wrap:wrap;grid-template-columns:unset;gap:2vh 0}.school-days-card-wrap .school-days-card-list li{width:48%;border-radius:1em;padding:1em 1em 1.5em 1em}.school-days-card-wrap .school-days-card-list li a .img-box{margin-bottom:1vh;height:15vh}.school-days-card-wrap .school-days-card-list li a .text{margin-bottom:1vh;flex-wrap:wrap}.school-days-card-wrap .school-days-card-list li a .text .cate{font-size:calc(var(--fs-scale,1) * clamp(1.2rem,3.2vw,1.38rem));padding:.4em;width:fit-content;text-align:center;margin-right:0;margin-bottom:.4em}.school-days-card-wrap .school-days-card-list li a .text .date{width:100%;display:block;font-size:calc(var(--fs-scale,1) * clamp(1.4rem,3.73vw,1.61rem))}.school-days-card-wrap .school-days-card-list li a .title{font-size:calc(var(--fs-scale,1) * clamp(1.3rem,3.47vw,1.49rem))}.school-days-card-wrap .school-days-card-list li a .title.new{margin-top:1em;position:relative;padding-left:0;padding-top:1.6em}.school-days-card-wrap .school-days-card-list li a .title.new::before{font-size:calc(var(--fs-scale,1) * clamp(1.2rem,3.2vw,1.38rem));padding-inline:.5em}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.school-days-card-wrap .school-days-card-list::after{content:"";width:32%;display:block}.school-days-card-wrap .school-days-card-list li{width:32%;padding:1.5em 1.5em 2em 1.5em}.school-days-card-wrap .school-days-card-list li a .img-box{height:12vh}.school-days-card-wrap .school-days-card-list li a .text{margin-bottom:1vh}.school-days-card-wrap .school-days-card-list li a .text .cate{font-size:calc(var(--fs-scale,1) * clamp(1.2rem,1.56vw,1.6rem))}.school-days-card-wrap .school-days-card-list li a .text .date{font-size:calc(var(--fs-scale,1) * clamp(1.4rem,1.82vw,1.87rem))}.school-days-card-wrap .school-days-card-list li a .title{font-size:calc(var(--fs-scale,1) * clamp(1.3rem,1.69vw,1.73rem))}.school-days-card-wrap .school-days-card-list li a .title.new::before{font-size:calc(var(--fs-scale,1) * clamp(1.2rem,1.56vw,1.6rem))}}