#course{position:relative;overflow:hidden}#course .sec_inner{padding:0 1.5rem}#course .course__head{margin-bottom:1rem}#course .course__head .course__head-ttl{position:relative;width:-moz-fit-content;width:fit-content;margin:0 auto .2rem;font-size:1.8rem;font-weight:700;letter-spacing:.1em;line-height:1;text-align:center}#course .course__head .course__head-ttl .blue{margin:0 .1em;font-family:"Quicksand","Noto Sans JP",sans-serif;font-size:5rem;letter-spacing:.1em}#course .course__head .course__head-ttl:before,#course .course__head .course__head-ttl:after{content:"";width:1.4rem;height:2.1rem;background:url("/wp/wp-content/themes/kid_theme/assets/img/course/course_head-deco.svg") center/cover no-repeat;position:absolute;bottom:-.5em}#course .course__head .course__head-ttl:before{left:-1rem;transform:translate(-100%,-50%)}#course .course__head .course__head-ttl:after{right:-1rem;transform:translate(100%,-50%)}#course .course__head .course__head-txt{font-size:1.2rem;font-weight:700;text-align:center}#course .course__ttl{font-size:7rem;font-family:"platelet","Noto Sans JP",sans-serif;font-weight:700;line-height:1em;letter-spacing:.1em}#course .course__ttl span{color:#2c2c2c}#course .course__ttl span.c_vd{color:#0ba1ff}#course .course__ttl span.c_cd{color:#a651ef}#course .course__ttl span.c_ci{color:#ed67ce}#course .course__ttl span.c_id{color:#82ba35}#course .course__ttl span.c_fc{color:#eb8133}#course .course__ttl span.c_hm{color:#eb5656}#course .course__txt{margin-bottom:2.9rem;font-size:1.2rem;font-weight:500;line-height:1.3em;letter-spacing:.1em}#course .course__item{margin-top:2.85rem;padding-left:1.05rem;padding-bottom:.73rem;position:relative}#course .course__item .course__layout{display:flex;flex-flow:row wrap;align-content:flex-start;justify-content:space-between;flex-direction:row-reverse;margin-bottom:1.5rem}#course .course__item .course__layout .course__layout-top{flex:0 1 43.6923076923%;width:43.6923076923%;height:100%}#course .course__item .course__layout .course__layout-bottom{flex:0 1 51.3846153846%;width:51.3846153846%}#course .course__item .course__deco{margin-bottom:.43rem;font-size:1.2rem;font-family:"platelet","Noto Sans JP",sans-serif;font-weight:700;line-height:1em;letter-spacing:.1em}#course .course__item .name{margin-bottom:.33rem;font-size:1.8rem;line-height:1.5556em;letter-spacing:.1em;text-align:left}#course .course__item .c_item{font-size:1.2rem;line-height:1.6045em;letter-spacing:.15em;word-break:break-all}#course .course__item .course__more{font-size:1.4rem;line-height:1.429em;letter-spacing:.1em;text-align:right}#course .course__item .course__more .course__more-deco{display:inline-block;margin-left:1rem;width:3.147rem;height:3.147rem;border-radius:50%;color:#fff;background:#2c2c2c;vertical-align:middle;position:relative}#course .course__item .course__more .course__more-deco:after{content:"";font-size:.7rem;font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#course .course__item:after{content:"";width:100%;height:.3rem;background:#2c2c2c;position:absolute;top:100%;left:0}#course .course__item:first-of-type{margin-top:0}#course .course__item.vd .course__deco{color:#0ba1ff}#course .course__item.vd .name{color:#0ba1ff}#course .course__item.vd:after{background:#0ba1ff}#course .course__item.cd .course__deco{color:#a651ef}#course .course__item.cd .name{color:#a651ef}#course .course__item.cd:after{background:#a651ef}#course .course__item.ci .course__deco{color:#ed67ce}#course .course__item.ci .name{color:#ed67ce}#course .course__item.ci:after{background:#ed67ce}#course .course__item.id .course__deco{color:#82ba35}#course .course__item.id .name{color:#82ba35}#course .course__item.id:after{background:#82ba35}#course .course__item.fc .course__deco{color:#eb8133}#course .course__item.fc .name{color:#eb8133}#course .course__item.fc:after{background:#eb8133}#course .course__item.hm .course__deco{color:#eb5656}#course .course__item.hm .name{color:#eb5656}#course .course__item.hm:after{background:#eb5656}@media screen and (min-width:961px){#course .sec_inner{padding:0;max-width:111rem}#course .course__head{margin-bottom:2.5rem}#course .course__head .course__head-ttl{margin-bottom:.5rem;font-size:3rem}#course .course__head .course__head-ttl .blue{margin:0 .1em;font-size:8rem}#course .course__head .course__head-ttl:before,#course .course__head .course__head-ttl:after{width:2.235rem;height:3.735rem;background-image:url("/wp/wp-content/themes/kid_theme/assets/img/course/course_head-deco_pc.svg")}#course .course__head .course__head-ttl:before{left:-2.5rem}#course .course__head .course__head-ttl:after{right:-2.5rem}#course .course__head .course__head-txt{font-size:1.6rem}#course .course__ttl{font-size:10rem}#course .course__txt{margin-bottom:2.4rem;font-size:1.4rem;line-height:1.429em;letter-spacing:.2em}#course .course__list{display:flex;flex-flow:row wrap;align-content:flex-start;justify-content:space-between}#course .course__list .course__item{flex:0 1 34.5rem;width:34.5rem;display:flex;flex-flow:column wrap;box-sizing:border-box}#course .course__item{margin-top:0;padding-left:0;padding-bottom:0}#course .course__item .course__layout{display:block;margin-bottom:1.1rem}#course .course__item .course__layout .course__layout-top{flex:0 1 100%;width:100%;margin-bottom:1.7rem;height:auto;border-bottom:.6rem solid #2c2c2c;position:relative;overflow:hidden}#course .course__item .course__layout .course__layout-top img{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transition:.45s cubic-bezier(.55,.05,.51,1.07) opacity,.3s ease width,.3s ease height;-o-transition:.45s cubic-bezier(.55,.05,.51,1.07) opacity,.3s ease width,.3s ease height;transition:.45s cubic-bezier(.55,.05,.51,1.07) opacity,.3s ease width,.3s ease height}#course .course__item .course__layout .course__layout-top:before{content:"";display:block;padding-top:66.667%}#course .course__item .course__layout .course__layout-top:after{content:"";width:100%;height:.5rem;background:#2c2c2c;position:absolute;top:100%;left:0}#course .course__item .course__layout .course__layout-bottom{flex:0 1 100%;width:100%}#course .course__item .course__deco{margin-bottom:1.9rem;font-size:2rem}#course .course__item .name{margin-bottom:.9rem;font-size:3rem;line-height:1.4667em}#course .course__item .c_item{font-size:1.4rem;line-height:1.6076em;letter-spacing:.17em}#course .course__item .course__more{margin:auto 0 0 auto;font-size:1.5rem;line-height:1.429em}#course .course__item .course__more .course__more-deco{margin-left:2rem;width:3.5rem;height:3.5rem;border:.1rem solid #2c2c2c;box-sizing:border-box;background:#fff;transition:.3s ease background}#course .course__item .course__more .course__more-deco:after{font-size:.7rem;color:#2c2c2c;transition:.3s ease color}#course .course__item:after{display:none}#course .course__item:nth-of-type(n+4){margin-top:5.5rem}#course .course__item.vd .course__layout .course__layout-top{border-bottom-color:#0ba1ff}#course .course__item.vd .course__layout .course__layout-top:after{background:#0ba1ff}#course .course__item.cd .course__layout .course__layout-top{border-bottom-color:#a651ef}#course .course__item.cd .course__layout .course__layout-top:after{background:#a651ef}#course .course__item.ci .course__layout .course__layout-top{border-bottom-color:#ed67ce}#course .course__item.ci .course__layout .course__layout-top:after{background:#ed67ce}#course .course__item.id .course__layout .course__layout-top{border-bottom-color:#82ba35}#course .course__item.id .course__layout .course__layout-top:after{background:#82ba35}#course .course__item.fc .course__layout .course__layout-top{border-bottom-color:#eb8133}#course .course__item.fc .course__layout .course__layout-top:after{background:#eb8133}#course .course__item.hm .course__layout .course__layout-top{border-bottom-color:#eb5656}#course .course__item.hm .course__layout .course__layout-top:after{background:#eb5656}#course .course__item:hover{opacity:1}#course .course__item:hover .course__layout .course__layout-top img{width:105%;height:105%}#course .course__item:hover .course__more .course__more-deco{background:#2c2c2c}#course .course__item:hover .course__more .course__more-deco:after{color:#fff}}