@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,700;1,700&display=swap";@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:400 700;src:url(/common/font/NotoSansJP-VariableFont_wght.min.woff2) format("woff2")}@font-face{font-family:Montserrat,sans-serif;font-style:normal;font-weight:700;font-optical-sizing:auto;src:url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,700;1,700&display=swap)}.c-list{display:grid;gap:8px;text-align:left;font-size:clamp(12px,3.0769230769vw,14px)}.c-list--align-r{justify-content:flex-end}.c-list>li{display:inline-grid;grid-template-columns:auto 1fr}.c-list>li:before{padding-right:8px;font-weight:700;color:#138fcf;content:"・"}.c-list--note>li:before{font-weight:400;color:currentcolor;content:"※"}.c-list--note-num{counter-reset:number 0}.c-list--note-num>li:before{font-weight:400;color:currentcolor;text-align:right;content:"※" counter(number);counter-increment:number 1}.c-list--num{counter-reset:number 0}.c-list--num>li:before{font-weight:400;font-weight:700;color:#138fcf;text-align:right;content:counter(number) ".";counter-increment:number 1}@media screen and (min-width:768px){.u-sp{display:none!important}}@media screen and (min-width:768px){.u-pc{display:block!important}}.l-section--library{background:none}.l-section--search{padding-block:0}.p-lesson-library{position:relative;overflow:hidden}.p-lesson-library:before{position:absolute;top:0;right:0;z-index:-1;display:inline-block;width:100vw;aspect-ratio:103/67;content:"";background-image:url(/stec/lesson-library/image/bg_wave.svg);background-repeat:no-repeat;background-position:top right;background-size:contain}@media screen and (min-width:768px){.p-lesson-library:before{width:min(80vw,1000px)}}.p-mv{position:relative;padding:clamp(96px,24.6153846154vw,128px) clamp(20px,5.1282051282vw,48px) clamp(48px,12.3076923077vw,72px)}.p-mv__breadcrumb{max-width:64em;margin-inline:auto}.p-mv__inner{position:relative;box-sizing:content-box;max-width:64em;margin:56px auto 0}@media screen and (min-width:768px){.p-mv__inner{display:grid;grid-template-columns:3fr 2fr;row-gap:24px}}@media screen and (min-width:992px){.p-mv__inner{grid-template-columns:2fr 1.1fr}}.p-mv__title{margin:0;font-family:fot-tsukuardgothic-std,Noto Sans JP,sans-serif;font-size:40px;font-weight:600;line-height:1.2;text-align:center}@media screen and (min-width:768px){.p-mv__title{grid-area:1/1/2/3;font-size:68px}}@media screen and (min-width:992px){.p-mv__title{text-align:left}}.p-mv__title>span{display:block;font-size:18px;color:#138fcf}@media screen and (min-width:768px){.p-mv__title>span{font-size:24px}}.p-mv__img{text-align:center}.p-mv__img>img{max-width:65vw;margin:24px auto}@media screen and (min-width:768px){.p-mv__img>img{margin:0}}@media screen and (min-width:768px){.p-mv__img{grid-area:2/2/3/3}}@media screen and (min-width:992px){.p-mv__img{grid-area:1/2/3/3}}.p-mv__text{display:grid;gap:16px}@media screen and (min-width:768px){.p-mv__text{grid-area:2/1/3/2}}.p-mv__lead{line-height:2}.p-mv__note{font-size:13px}.p-filter-wrapper__img{position:relative;max-width:64em;margin:0 auto}.p-filter-wrapper__img:before{position:absolute;inset:clamp(-6.25rem,-1 * (3.886rem + 3.15vw),-4.625rem) auto auto clamp(-13rem,-17.45vw,-4rem);z-index:-1;width:clamp(10.75rem,5.75rem + 21.33vw,21.75rem);aspect-ratio:17/14;margin:auto;content:"";background-image:url(/stec/lesson-library/image/bg_fluid_01.svg);background-repeat:no-repeat;background-size:contain}.p-filter-wrapper__img:after{position:absolute;inset:auto clamp(-5.5rem,-1 * (3.318rem + 2.91vw),-4rem) clamp(-70px,-70px + 38 * (100vw - 375px) / 825,-32px) auto;z-index:-1;width:clamp(7.5rem,6.5rem + 5vw,10.25rem);aspect-ratio:17/14;margin:auto;content:"";background-image:url(/stec/lesson-library/image/bg_fluid_02.svg);background-repeat:no-repeat;background-size:contain}.p-filter{position:relative;z-index:1;max-width:64em;padding:0;padding:8vw 5vw;margin:0 auto;background-color:#ffffff4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;box-shadow:0 0 10px #00456905,0 0 30px #00456908}@media screen and (min-width:768px){.p-filter{padding:48px 64px;border-radius:48px}}.p-filter:before{position:absolute;top:-20px;left:20px;z-index:0;display:inline-block;width:clamp(4.25rem,3.333rem + 4.58vw,7rem);aspect-ratio:7/6;pointer-events:none;content:"";background-image:url(/stec/lesson-library/image/illustrat_01.svg);background-repeat:no-repeat;background-position:center;background-size:contain}@media screen and (min-width:768px){.p-filter:before{top:-30px;left:50px}}.p-filter:after{position:absolute;right:20px;bottom:-20px;z-index:0;display:inline-block;width:clamp(4.25rem,3.333rem + 4.58vw,7rem);aspect-ratio:7/8;pointer-events:none;content:"";background-image:url(/stec/lesson-library/image/illustrat_02.svg);background-repeat:no-repeat;background-position:center;background-size:contain}@media screen and (min-width:768px){.p-filter:after{right:30px;bottom:-20px}}.p-filter__title{margin-bottom:32px;font-size:18px;font-weight:700;line-height:1.4;text-align:center}.p-filter__section+.p-filter__section{padding-top:32px;margin-top:32px;background-image:linear-gradient(to right,#ddd 3px,transparent 3px);background-repeat:repeat-x;background-position:left top;background-size:8px 3px}.p-filter__fieldset{padding:0;margin:0;border:none}@media screen and (min-width:768px){.p-filter__fieldset{display:grid;grid-template-columns:1fr 5fr}}.p-filter__list{display:grid;grid-template-columns:1fr;gap:14px;padding:0;margin:0}@media screen and (min-width:768px){.p-filter__list{grid-template-columns:1fr 1fr 1fr}}.p-filter__item{padding:0;margin:0;list-style:none}.p-filter__school{display:block;padding:16px;font-weight:700;text-align:center;cursor:pointer;border:2px solid #ddd;border-radius:32px;transition:opacity .25s,color .25s,border .25s}.p-filter__school>input{display:none}@media(any-hover:hover){.p-filter__school:hover:not(:has(>input:checked)){opacity:.5}}@media(any-hover:hover){.p-filter__school--elementary:hover{color:#f8692a;border:2px solid #f8692a}}.p-filter__school--elementary:has(>input:checked){color:#f8692a;border:2px solid #f8692a}@media(any-hover:hover){.p-filter__school--junior:hover{color:#91c02c;border:2px solid #91c02c}}.p-filter__school--junior:has(>input:checked){color:#91c02c;border:2px solid #91c02c}@media(any-hover:hover){.p-filter__school--high:hover{color:#48abd7;border:2px solid #48abd7}}.p-filter__school--high:has(>input:checked){color:#48abd7;border:2px solid #48abd7}.p-filter__fieldset-title{display:grid;align-self:center}.p-filter__legend{margin-bottom:20px;font-size:18px;font-weight:700}@media screen and (min-width:768px){.p-filter__legend{margin-bottom:0}}.p-filter__checkbox-item{position:relative;display:inline-block;margin-right:28px;font-size:16px;font-weight:500;line-height:2.5;cursor:pointer;transition:opacity .25s}.p-filter__checkbox-item>input{display:none}.p-filter__checkbox-item:before{display:inline-block;width:1em;height:1em;vertical-align:-2px;content:"";background-color:#ddd;border-radius:4px}.p-filter__checkbox-item:hover:not(:has(>input:checked)){opacity:.5}.p-filter__checkbox-item:has(>input:checked):before{background-color:#138fcf}.p-filter__checkbox-item:has(>input:checked):after{position:absolute;inset:0 auto 0 3px;display:block;width:9px;height:5px;margin:auto;content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;transform:rotate(-45deg)}.p-filter__checkbox-item--disable{pointer-events:none;opacity:.3}.p-filter__actions{display:flex;flex-direction:column;gap:16px;align-items:stretch;padding:0;margin:0}@media screen and (min-width:768px){.p-filter__actions{flex-direction:row;gap:32px;align-items:center;justify-content:center}}.p-filter__action-item{padding:0;margin:0;text-align:center;list-style:none}.p-filter__button{position:relative;padding:0;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:transparent;border:none;transition:opacity .25s}.p-filter__button:hover{opacity:.6}@media screen and (min-width:768px){.p-filter__button{z-index:1}}.p-filter__button--apply{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;height:60px;padding:16px 56px 16px 48px;font-size:15px;color:#fff;text-align:center;background-color:#73695f;border-radius:32px}.p-filter__button--apply:after{position:absolute;inset:0 16px 0 auto;width:24px;height:24px;margin:auto;content:"";background-image:url(/stec/lesson-library/image/icon_adjustment.svg);background-position:center;background-size:contain}@media screen and (min-width:768px){.p-filter__button--apply{width:280px}}.p-filter__button--reset{width:100%;height:60px;padding:16px;font-size:14px;background-color:#fff9;border-radius:32px}.p-filter__button--reset>span{border-bottom:1px solid}.p-filter__button--reset:before{display:inline-block;width:15px;height:15px;margin-right:.25em;vertical-align:-2px;content:"";background-image:url(/stec/lesson-library/image/icon_close.svg);background-position:center;background-size:contain}.p-filter__button--reset:after{position:absolute;inset:auto 0 12px;width:10em;height:1px;margin:auto;content:"";background-color:#54483d}.l-contents--card{padding:15vw 0 0;overflow:visible}@media screen and (min-width:768px){.l-contents--card{padding:72px 0 0}}.l-container--result{width:min(100%,1480px);overflow:initial}.p-card-wrapper{position:relative}.p-card-wrapper:before{position:absolute;inset:0 auto 0 -24vw;z-index:-1;width:clamp(15rem,12.41rem + 11.05vw,21.25rem);aspect-ratio:16/13;margin:auto;content:"";background-image:url(/stec/lesson-library/image/bg_fluid_03.svg);background-repeat:no-repeat;background-position:center;background-size:contain}@media screen and (min-width:768px){.p-card-wrapper:before{left:-10vw}}.p-card-wrapper:after{position:absolute;inset:auto clamp(-11.25rem,-11.768rem + 2.21vw,-10rem) 200vw auto;z-index:-1;width:340px;aspect-ratio:16/13;margin:auto;content:"";background-image:url(/stec/lesson-library/image/bg_fluid_04.svg);background-repeat:no-repeat;background-position:center;background-size:contain}@media screen and (min-width:768px){.p-card-wrapper:after{bottom:-32px}}@media screen and (min-width:992px){.p-card-wrapper{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px}}@media screen and (min-width:1200px){.p-card-wrapper{grid-template-columns:repeat(4,1fr)}}.p-card-notes{margin-bottom:24px;margin-left:auto;font-size:13px}.p-card{position:relative;display:grid;grid-template-rows:auto auto;row-gap:24px;padding-block:32px 35px;color:#54483d;background-image:linear-gradient(to right,#ddd 3px,transparent 3px);background-repeat:repeat-x;background-position:left bottom;background-size:8px 3px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .25s}.p-card:before{position:absolute;top:-3px;width:100%;height:3px;content:"";background-image:linear-gradient(to right,#ddd 3px,transparent 3px);background-repeat:repeat-x;background-position:left top;background-size:8px 3px}@media screen and (min-width:768px){.p-card{grid-template-rows:subgrid;grid-row:span 2;gap:24px 0}}.p-card__category{display:flex;column-gap:8px;align-items:center;color:#54483d}.p-card__school{flex-shrink:0;padding:6px 16px 8px;font-size:12px;line-height:1;border:1px solid;border-radius:16px}.p-card__school--elementary{color:#f8692a}.p-card__school--junior{color:#91c02c}.p-card__school--high{color:#48abd7}.p-card__grade-subject{font-size:13px}.p-card__title{display:block;color:inherit;transition:color .25s}.p-card__main-title{margin-top:18px;font-size:18px;font-weight:700;line-height:1.4}.p-card__title:hover .p-card__main-title{text-decoration:underline}.p-card__sub-description{margin-top:4px;font-size:14px;line-height:1.4}.card__title:hover .p-card__sub-description{text-decoration:underline}.p-card__info{display:flex;gap:8px;justify-content:space-between;padding:12px;background-color:#f5f5f5;border-radius:8px;transition:opacity .25s}a.p-card__info:hover{opacity:.65}.p-card__author{line-height:1.4}.p-card__name{margin:0;font-size:13px;color:#54483d}.p-card__affiliation{display:block;margin:2px 0 0;font-size:13px;color:#54483d}.p-card__img{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:48px;height:48px;aspect-ratio:1/1;margin:0;overflow:hidden;background-color:#fff;border-radius:8px}a.card__info:hover .p-card__img{opacity:1}.p-card__img-picture{width:100%;height:100%;margin:0;object-fit:cover}.p-no-data{width:fit-content;margin-inline:auto;text-align:center}.p-no-data>p{font-size:20px;font-weight:500}@media screen and (min-width:768px){.p-no-data>p{font-size:24px}}.p-no-data__img{display:block;margin:0;margin-inline:auto}.p-pager-wrapper{position:relative;z-index:1;padding-block:clamp(48px,12.3076923077vw,96px) 0}.p-pager{display:flex;align-items:center;justify-content:center;padding:0;margin:0}.p-pager__item{padding:0;margin:0;list-style:none}.p-pager__link,.p-pager__number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 5px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:0;text-align:center;text-decoration:none;border-radius:50%;transition:opacity .25s}@media screen and (min-width:768px){.p-pager__link,.p-pager__number{width:40px;height:40px}}.p-pager__link:hover,.p-pager__number:hover{color:initial;opacity:.5}.p-pager__link{position:relative;background-color:#138fcf}.p-pager__link:after{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-block;width:7px;height:7px;margin:auto;content:"";border-top:1px solid #fff;border-right:1px solid #fff}.p-pager__link--prev:after{right:-3px;transform:rotate(-135deg)}.p-pager__link--next:after{left:-3px;transform:rotate(45deg)}.p-pager__link--disable{pointer-events:none;background-color:#ddd}.p-pager__number{color:#54483d;border:1px solid #ddd}.p-pager__number--current{color:#138fcf;border:1px solid #138fcf}.p-pager__ellipsis{margin:0 4px;font-size:12px}