@import"https://fonts.googleapis.com/css2?family=Hind:wght@500;600;700&display=swap";.active-learning .page-title{color:#0b5bab;font-family:"游明朝体","Yu Mincho",YuMincho,serif;font-size:clamp(1.8rem, 0.5848101266rem + 1.582278481vw, 2.8rem);font-weight:900;text-align:center;line-height:1.6}.active-learning .top-block{margin-bottom:clamp(4rem,10.6666666667vw,8rem)}.active-learning .main-block{margin:clamp(8rem,21.3333333333vw,12rem) 0}.active-learning .content-group{align-items:center}@media screen and (max-width: 639px){.active-learning .content-group{width:88.0597014925%;margin:0 auto}}.active-learning .content-group+.content-group{margin-top:clamp(4rem,10.6666666667vw,8rem)}@media print,screen and (min-width: 640px){.active-learning .content-group.reverse{flex-direction:row-reverse}}@media print,screen and (min-width: 640px){.active-learning .content-group.reverse .txt-box{margin:0 3.125% 0 0}}.active-learning .content-group .txt-box{font-weight:bold}.active-learning .learning-container{position:relative;z-index:0}.active-learning .learning-container+.learning-container{margin-top:clamp(10.5em,28vw,15rem)}@media screen and (max-width: 639px){.active-learning .learning-container:nth-child(odd) .container-header .img-box{margin-left:auto}}.active-learning .learning-container:nth-child(even)::before{right:84vw;left:auto;transform:translate(50%, -50%)}@media print,screen and (min-width: 640px){.active-learning .learning-container:nth-child(even)::before{right:calc(50vw + min(30.2857142857vw,424px))}}.active-learning .learning-container:nth-child(even)::after{right:0;left:auto}.active-learning .learning-container:nth-child(even) .container-title{right:2%;left:auto}@media print,screen and (min-width: 640px){.active-learning .learning-container:nth-child(even) .container-title{right:0}}.active-learning .learning-container:nth-child(even) .container-header{margin:0 auto 0 0}@media print,screen and (min-width: 640px){.active-learning .learning-container:nth-child(even) .container-header .header-row{flex-direction:row-reverse}}@media print,screen and (min-width: 640px){.active-learning .learning-container:nth-child(even) .container-header .txt-box{margin:0 0 0 2.4242424242%}}.active-learning .learning-container:nth-child(even) .container-header .img-box::before{right:0;left:auto;transform:translate(50%, -50%)}.active-learning .learning-container::before{display:block;position:absolute;top:0;left:84vw;width:clamp(8rem,21.3333333333vw,10em);height:clamp(8rem,21.3333333333vw,10em);background:rgba(11,91,171,.2);transform:translate(-50%, -50%);content:""}@media print,screen and (min-width: 640px){.active-learning .learning-container::before{left:calc(50vw + min(30.2857142857vw,424px))}}.active-learning .learning-container::after{display:block;position:absolute;top:0;left:0;z-index:-2;width:84vw;height:100%;background:#e6eef6;content:""}@media print,screen and (min-width: 640px){.active-learning .learning-container::after{width:calc(50% + min(30.2857142857%,424px))}}.active-learning .learning-container .inner{max-width:1320px;margin:0 auto;padding:clamp(6rem,16vw,11rem) 0}@media print,screen and (min-width: 640px){.active-learning .learning-container .inner{position:relative}}.active-learning .learning-container .container-title{position:absolute;top:min(2.6666666667vw,1rem);left:2%;color:rgba(11,91,171,.1);font-family:"游明朝体","Yu Mincho",YuMincho,serif;font-size:clamp(5rem, -1.0759493671rem + 7.9113924051vw, 10rem);font-weight:900;line-height:1;writing-mode:vertical-rl}@media print,screen and (min-width: 640px){.active-learning .learning-container .container-title{top:min(5.7142857143vw,8rem);left:0}}.active-learning .learning-container .container-header{max-width:1172px;margin-left:auto}@media print,screen and (min-width: 640px){.active-learning .learning-container .container-header{width:95%}}.active-learning .learning-container .header-row{display:flex;flex-wrap:wrap}.active-learning .learning-container .header-row .txt-box{width:78.6666666667%;margin:0 auto;font-weight:bold}@media print,screen and (min-width: 640px){.active-learning .learning-container .header-row .txt-box{width:42.3208191126%;margin:0 2.7303754266% 0 0}}.active-learning .learning-container .header-row .sub-title{margin-bottom:.5em;font-family:"游明朝体","Yu Mincho",YuMincho,serif;font-size:clamp(1.5rem, 0.8924050633rem + 0.7911392405vw, 2rem);font-weight:900}.active-learning .learning-container .header-row .schools{display:flex;justify-content:center;margin-bottom:clamp(4rem,10.6666666667vw,6rem)}.active-learning .learning-container .header-row .schools>li{margin:0 1%;font-weight:bold}.active-learning .learning-container .header-row .schools>li::before{display:inline-block;width:.8em;height:.8em;margin-right:.3em;background:currentColor;content:""}.active-learning .learning-container .header-row .schools>li.jhs::before{background:#e3c61c}.active-learning .learning-container .header-row .schools>li.hs::before{background:#93c424}.active-learning .learning-container .header-row .schools>li.ghs::before{background:#18abd7}.active-learning .learning-container .header-row .schools>li.ighs::before{background:#e50b19}.active-learning .learning-container .header-row .color-list li{color:#0b5bab;font-size:clamp(1.4rem, 0.9139240506rem + 0.6329113924vw, 1.8rem)}.active-learning .learning-container .header-row .img-box{position:relative;z-index:0;width:89.3333333333%;margin-top:16%}@media print,screen and (min-width: 640px){.active-learning .learning-container .header-row .img-box{width:54.9488054608%;margin:0}}.active-learning .learning-container .header-row .img-box::before{display:block;position:absolute;top:0;left:0;z-index:-1;width:clamp(4rem,10.6666666667vw,6.4rem);height:clamp(4rem,10.6666666667vw,6.4rem);background:#0b5bab;transform:translate(-50%, -50%);content:""}.active-learning .learning-container .container-body{margin-top:clamp(7.5rem,20vw,13rem)}.active-learning .learning-container .sub-content{margin-top:clamp(7.5rem,20vw,13rem)}.active-learning .learning-container .schedule-img{max-width:910px;margin:0 auto}.active-learning .learning-container .schedule-img img{width:100%}.active-learning .color-container{max-width:912px;margin:0 auto;padding:clamp(2.4rem,6.4vw,3rem) clamp(1.2rem,3.2vw,5rem);background:#fff}.active-learning .color-container .content-row{display:flex}.active-learning .color-container .content-row+.content-row{margin-top:3.7rem}.active-learning .color-container .content-row+.content-row .schedule-col{position:relative}.active-learning .color-container .content-row+.content-row .schedule-col::before{display:block;position:absolute;bottom:calc(100% + 1rem);left:50%;border-top:1.4rem solid #0b5bab;border-right:1.7rem solid rgba(0,0,0,0);border-left:1.7rem solid rgba(0,0,0,0);transform:translateX(-50%);content:""}.active-learning .color-container .txt-col{width:61.0932475884%;margin-left:6.4308681672%;font-size:clamp(1rem, 0.5139240506rem + 0.6329113924vw, 1.4rem);font-weight:bold}@media print,screen and (min-width: 640px){.active-learning .color-container .txt-col{width:73.8916256158%;margin-left:2.7093596059%}}.active-learning .color-container .txt-col .title{margin-bottom:.5em;color:#0b5bab;font-size:clamp(1.5rem, 0.8924050633rem + 0.7911392405vw, 2rem);line-height:1.4}.active-learning .color-container .schedule-col{display:flex;flex-direction:column;width:32.4758842444%;padding:.7em clamp(1rem,2.6666666667vw,2rem);background:#bad5e9;text-align:center}@media print,screen and (min-width: 640px){.active-learning .color-container .schedule-col{width:23.3990147783%}}.active-learning .color-container .schedules{display:flex;flex-direction:column;height:100%}.active-learning .color-container .schedules li{display:flex;justify-content:center;align-items:center;flex:1;width:100%;padding:.5em .1em;background:#fff;font-size:clamp(1rem, 0.7569620253rem + 0.3164556962vw, 1.2rem);font-weight:bold;text-align:center;line-height:1.4}.active-learning .color-container .schedules li+li{margin-top:5px}.active-learning .color-container .col-title{font-size:clamp(1.3rem, 0.4493670886rem + 1.1075949367vw, 2rem)}@media print,screen and (min-width: 480px){.active-learning .point-col .title{display:flex;flex-direction:column;justify-content:center;height:4.2em}}.active-learning .award-container{margin-top:clamp(10rem,26.6666666667vw,13rem);background:#fff;border:2px solid #222}@media print,screen and (min-width: 640px){.active-learning .award-container{border-width:4px}}.active-learning .award-header{padding:clamp(5rem,13.3333333333vw,8rem) clamp(2rem,5.3333333333vw,5.6rem) 0;background:url(/assets/img/active-learning/award-header-sp.png) no-repeat center top;background-size:100% 91.7431192661%;color:#fff}@media print,screen and (min-width: 640px){.active-learning .award-header{background-image:url(/assets/img/active-learning/award-header.png)}}.active-learning .award-header .shoulder{display:flex;align-items:center;justify-content:center;margin-bottom:.5em;font-size:clamp(1.4rem, 0.6708860759rem + 0.9493670886vw, 2rem);font-weight:bold}.active-learning .award-header .shoulder::before,.active-learning .award-header .shoulder::after{display:block;width:2px;height:2em;background:currentColor;transform-origin:center bottom;content:""}.active-learning .award-header .shoulder::before{margin-right:.5em;transform:rotate(-35deg)}.active-learning .award-header .shoulder::after{margin-left:.5em;transform:rotate(35deg)}.active-learning .award-banners{display:flex;flex-wrap:wrap;margin-top:clamp(3rem,8vw,5rem)}.active-learning .award-banners>li{width:76.1194029851%}@media print,screen and (min-width: 640px){.active-learning .award-banners>li{width:48.2456140351%}}.active-learning .award-banners>li+li{margin:2em 0 0 auto}@media print,screen and (min-width: 640px){.active-learning .award-banners>li+li{margin:0 0 0 3.5087719298%}}.active-learning .award-title{width:clamp(22.1rem,58.9333333333vw,64.8rem);margin:0 auto 2em}.active-learning .award-title img{width:100%}.active-learning .award-body{padding:clamp(5rem,13.3333333333vw,8rem) clamp(2rem,5.3333333333vw,5.6rem) clamp(5rem,13.3333333333vw,6rem)}.active-learning .award-content+.award-content{margin-top:clamp(4rem,10.6666666667vw,5rem)}.active-learning .award-content .title{margin-bottom:1.7em;padding:.3em .5em;background:#222;font-family:"游明朝体","Yu Mincho",YuMincho,serif;font-size:clamp(1.3rem, 0.6924050633rem + 0.7911392405vw, 1.8rem);color:#fff;font-weight:600;line-height:1.6}.active-learning .award-content .title>span{display:flex;align-items:center}.active-learning .award-content .title>span::before,.active-learning .award-content .title>span::after{display:block;width:clamp(1.2rem,2.9333333333vw,2.3rem);height:clamp(1.6em,4.2666666667vw,3.3rem);background:no-repeat center center;background-size:contain;content:""}.active-learning .award-content .title>span::before{background-image:url(/assets/img/active-learning/title-deco01.png)}.active-learning .award-content .title>span::after{background-image:url(/assets/img/active-learning/title-deco02.png)}.active-learning .award-content .award-row{display:flex;flex-wrap:wrap}.active-learning .award-content a{display:flex;flex-direction:column;text-decoration:none;transition:.3s ease}.active-learning .award-content a:hover{color:#0b5bab}.active-learning .award-content .txt-box{width:100%;font-size:clamp(1.1rem, 0.735443038rem + 0.4746835443vw, 1.4rem);font-weight:bold;line-height:1.6}@media print,screen and (min-width: 640px){.active-learning .award-content .txt-box{width:48.6725663717%}}.active-learning .award-content .txt-box.wide{width:100%}.active-learning .award-content .txt-box .large{font-size:128%}.active-learning .award-content .box-title{margin-bottom:1em;font-size:clamp(1.6rem, 0.6278481013rem + 1.2658227848vw, 2.4rem)}.active-learning .award-content .img-box{width:86.4406779661%;margin:2em auto 0}@media print,screen and (min-width: 640px){.active-learning .award-content .img-box{width:42.4778761062%;margin:0 0 0 8.8495575221%}}.active-learning .button{width:min(80%,500px)}.active-learning .button .small{font-size:80%}