:root{--z-modal:10000;--z-header:1000;--z-contents:10;--z-bg:1}.headding{margin-bottom:5vw;font-family:fot-tsukuardgothic-std,sans-serif;font-size:1.625em;font-weight:600;line-height:1.4}@media screen and (min-width: 48em){.headding{margin-bottom:2rem;text-align:inherit}}@media screen and (min-width: 64em){.headding{margin-bottom:1.6em;font-size:2.5em}}.heading__sub{display:block;margin-bottom:.6em;font-size:.6em}.heading__label{position:relative;display:block;max-width:200px;margin:.2em auto 0;font-size:1rem}@media screen and (min-width: 48em){.heading__label{margin-bottom:2em}}.heading__label::after,.heading__label::before{position:absolute;top:0;right:auto;bottom:0;left:0;width:3em;height:1px;margin:auto;content:"";border-bottom:1px solid #fff}.heading__label::before{right:0;left:inherit}.heading--category{position:relative;display:table;padding-bottom:.5rem;margin:0 auto;font-size:1.5rem}@media screen and (min-width: 48em){.heading--category{padding-bottom:1rem;font-size:2rem}}.heading--category::after{position:absolute;top:auto;right:0;bottom:0;left:0;width:100%;height:2px;content:"";background-image:linear-gradient(to right, #54483d 0%, #54483d 20%, transparent 20%, transparent 100%);background-repeat:repeat-x;background-size:10px 2px}.heading--category-student{color:#f8692a}.heading--category-student::after{background-image:linear-gradient(to right, #f8692a 0%, #f8692a 20%, transparent 20%, transparent 100%)}.heading--category-teacher{color:#138fcf}.heading--category-teacher::after{background-image:linear-gradient(to right, #138fcf 0%, #138fcf 20%, transparent 20%, transparent 100%)}.heading-pointnum{padding:2em 1em;margin-inline:-5vw;font-size:1.5em;color:#fff;text-align:center}.heading-pointnum--01{background:url("../img/SP_ttl_point1.jpg") center center no-repeat;background-size:cover}.heading-pointnum--02{background:url("../img/SP_ttl_point2.jpg") center center no-repeat;background-size:cover}.heading-pointnum--03{background:url("../img/SP_ttl_point3.jpg") center center no-repeat;background-size:cover}.heading-pointnum--04{background:url("../img/SP_ttl_point4.jpg") center center no-repeat;background-size:cover}@media screen and (min-width: 48em){.heading-pointnum{margin-inline:0;font-size:2em;border-radius:20px}.heading-pointnum--01{background:url("../img/ttl_point1.jpg") center center no-repeat;background-size:cover}.heading-pointnum--02{background:url("../img/ttl_point2.jpg") center center no-repeat;background-size:cover}.heading-pointnum--03{background:url("../img/ttl_point3.jpg") center center no-repeat;background-size:cover}.heading-pointnum--04{background:url("../img/ttl_point4.jpg") center center no-repeat;background-size:cover}}.heading-pointnum__label{position:relative;display:block;width:12.5rem;margin:0 auto;font-size:1rem;color:#fff}.heading-pointnum__label::after,.heading-pointnum__label::before{position:absolute;top:0;right:auto;bottom:0;left:0;width:3em;height:1px;margin:auto;content:"";border-bottom:1px solid #fff}.heading-pointnum__label::before{right:0;left:inherit}.heading-pointnum__title{margin:.5rem 0 0 0;font-size:1.5rem;font-weight:700}@media screen and (min-width: 48em){.heading-pointnum__title{margin:1.5rem 0 0 0;font-size:2rem}}.heading-pointnum__text{margin:.25rem 0 0 0;font-size:.875rem;font-weight:300}@media screen and (min-width: 48em){.heading-pointnum__text{margin:.5rem 0 0 0;font-size:1rem}}.l-contents--point+.l-contents--point{border-top:1px solid #ddd}.contents__block--box--blue{background:#ecf5fa;border:none;border-radius:1em}.contents--point{max-width:initial;padding:0;margin:0}.p-point__link{display:block;width:100%;padding:4px clamp(10px,2.027027027vw,16px) 12px;cursor:pointer;background-color:#f5f5f5;border-top:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #ddd;border-left:1px solid #fff;border-radius:10px 10px 0 0;transition:all .3s}.is-active .p-point__link{background-color:#fff;border-top:1px solid #f8692a;border-right:1px solid #f8692a;border-bottom:1px solid #fff;border-left:1px solid #f8692a}.p-point__link .p-point-label{padding:0;margin:0;font-family:fot-tsukuardgothic-std,"Noto Sans JP",sans-serif;font-size:1rem;font-weight:700;color:#999;text-align:center;transition:all .3s}.is-active .p-point__link .p-point-label{color:#f8692a}.p-point__link .p-point-title{margin:0;font-family:fot-tsukuardgothic-std,"Noto Sans JP",sans-serif;font-size:.875rem;font-weight:700;line-height:1.4;color:#999;text-align:center;transition:all .3s}@media screen and (min-width: 48em){.p-point__link .p-point-title{font-size:1rem}}@media screen and (min-width: 80em){.p-point__link .p-point-title{font-size:1.125rem}}.is-active .p-point__link .p-point-title{color:#0985c8}@media screen and (min-width: 35.5em){.p-point__link:hover{background-color:#fff;border-top:1px solid #f8692a;border-right:1px solid #f8692a;border-bottom:1px solid #fff;border-left:1px solid #f8692a}.p-point__link:hover .p-point-label{color:#f8692a}.p-point__link:hover .p-point-title{color:#0985c8}}.p-scroll-nav{overflow-x:hidden;overflow-y:hidden;white-space:nowrap;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;user-select:none}.p-scroll-nav__item{display:table-cell}.p-tab{position:relative;z-index:0;margin-bottom:clamp(56px,3.7837837838vw,80px);border-bottom:1px solid #ddd}.p-tab-menu{box-sizing:content-box;display:grid;grid-template-columns:repeat(4, minmax(160px, 1fr));gap:8px;align-items:end;justify-content:flex-start;max-width:1024px;padding:0 5%;margin:0 auto -1px;list-style:none}@media screen and (min-width: 48em){.p-tab-menu{grid-template-columns:repeat(4, minmax(180px, 1fr));gap:16px}}@media screen and (min-width: 64em){.p-tab-menu{justify-content:space-between;padding:0 5vw}}.p-tab-menu__item{width:100%;margin:0}.p-tab-panel{box-sizing:content-box;max-width:64em;padding:0 5%;margin:0 auto}@media screen and (min-width: 64em){.p-tab-panel{padding:0 5vw}}.p-tab-panel__item{display:none}.p-tab-panel__item.is-active{display:block}.js-tab-content{opacity:0;transition:opacity .5s ease-in-out}.js-tab-content.is-active{opacity:1}.text-microsoft,.text-workspace{display:inline-block;padding:.2em .8em;margin-right:.6em;margin-bottom:.6em;font-weight:400;border-radius:5px}.text-microsoft{color:#138fcf;border:solid 1px #138fcf}.text-workspace{color:#008239;border:solid 1px #008239}.teacher-name{font-size:14px;line-height:1.4}.teacher-name>span{font-size:16px}