@font-face{font-family:"myself";src:url("/scss/fonts/myself.eot");src:url("/scss/fonts/myself.eot#iefix") format("embedded-opentype"),url("/scss/fonts/myself.woff") format("woff"),url("/scss/fonts/myself.otf") format("opentype");font-weight:normal;font-style:normal;font-display:swap}#fourmethod{position:relative;margin-top:128px;background:#fff100}#fourmethod::before{display:block;width:100%;content:url(/image/content/course/fourmethod/blank.webp);background:url(/image/content/course/fourmethod/bg.webp) repeat-x top left/contain;position:absolute;bottom:100%;left:0}#fourmethod .headline{text-align:center;position:relative;top:-64px;margin-bottom:-64px}.method-tab{max-width:1024px;margin:32px auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.method-tab li{flex:1;text-align:center;padding:16px 0;transition:all .2s ease-in-out;cursor:pointer}.method-tab li.method01-btn{background:#ff3d3d}.method-tab li.method02-btn{background:#ff9600}.method-tab li.method03-btn{background:#009e51}.method-tab li.method04-btn{background:#0970b8}.method-tab.top{align-items:flex-end;margin-bottom:0}.method-tab.top li{border-radius:12px 12px 0 0}.method-tab.top li.current{padding-bottom:24px}.method-tab.top li:hover{padding-bottom:24px}.method-tab.bottom{align-items:flex-start;margin-top:0;margin-bottom:64px}.method-tab.bottom li{border-radius:0 0 12px 12px}.method-tab.bottom li.current{padding-top:24px}.method-tab.bottom li:hover{padding-top:24px}.method-stage{padding:64px 0;background:#fff;display:none}.method-stage.active{display:block}.method-stage h2,.method-stage h3,.method-stage .voice{width:94%;max-width:1024px;margin:32px auto;margin:0 auto}.method-stage h3{text-align:center;background:url(/image/content/course/method01/bg.webp) repeat-x center}.method-stage .voice{background:#fff2e5;border-radius:12px;position:relative;padding:32px 0;margin-top:128px}.method-stage .voice>img{position:absolute;top:-112px;right:0}.method01-box{border-top:6px solid #ff3d3d;border-bottom:6px solid #ff3d3d}.method02-box{border-top:6px solid #ff9600;border-bottom:6px solid #ff9600}.method03-box{border-top:6px solid #009e51;border-bottom:6px solid #009e51}.method04-box{border-top:6px solid #0970b8;border-bottom:6px solid #0970b8}.mainimg{background:#fff;padding:0 8px}.bar_index{background:#fff}.bar_index ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.bar_index li.here a{background:hsl(20,12%,91.2941176471%)}.bar_index a{display:block;font-size:15px;font-size:.9375rem;color:#675042;padding:12px;padding-right:32px;font-weight:bold;line-height:1.4;position:relative}.bar_index a:hover{background:hsl(20,12%,91.2941176471%);color:rgb(119.6262721893,92.9136094675,76.6537278107)}.bar_index a::after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;padding-right:0.3em;line-height:1;font-size:12px;font-size:.75rem;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.title-head+div{background:url(/image/common/bg.webp);text-align:center;padding:32px 0}#course.high .mainvisual{background:url(/image/content/page/trial/bg.webp);text-align:center}#course.high .grade{background:#fff;max-width:928px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;font-weight:bold}#course.high .grade p{flex:1;padding:8px 16px}#course.high .grade a{display:block;background:#005799;color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding:0 16px}#course.high .grade a:hover{background:#52a7cc;color:#fff570}#course.high .grade a::after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;padding-right:0.3em;line-height:1;padding:0;padding-left:16px}#course .title-list dt{text-align:center;color:#52a7cc;font-weight:bold;font-size:24px;font-size:1.5rem;position:relative;padding:16px 8px;margin-top:8px;line-height:1.4}@media(max-width: 640px){#course .title-list dt{text-align:left;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px;font-size:1.375rem;padding:0 8px}}#course .title-list dt::before{content:url(/image/content/course/develop/icon/img01.webp);display:block;position:absolute;top:50%;left:4%;transform:translateY(-50%)}@media(max-width: 640px){#course .title-list dt::before{position:static;transform:translateY(0)}}#course .title-list dt::after{content:"";display:block;width:32px;height:16px;background:#fff;position:absolute;top:100%;left:50%;transform:translateX(-50%);clip-path:polygon(0 0, 100% 0, 50% 100%)}#course .title-list dt.icon02::before{content:url(/image/content/course/develop/icon/img02.webp)}#course .title-list dt.icon03::before{content:url(/image/content/course/develop/icon/img03.webp)}#course .title-list dt.icon04::before{content:url(/image/content/course/develop/icon/img04.webp)}#course .title-list dt.icon05::before{content:url(/image/content/course/develop/icon/img05.webp)}#course .title-list dt small{font-size:16px;font-size:1rem}@media(max-width: 640px){#course .title-list dt small{font-size:14px;font-size:.875rem}}#course .title-list dd{background:#52a7cc}#course .title-list ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:32px 16px}#course .title-list li{background:hsla(0,0%,100%,.8);width:48%;margin:0 1% 16px;border-radius:3px;padding:8px 16px}@media(max-width: 640px){#course .title-list li{width:100%}}#course .title-list p{max-width:none;width:auto;line-height:1.4;font-size:16px;font-size:1rem;padding:4px 0}#course .title-list p.title{font-weight:bold;color:#005799}#course .pagejump{width:94%;max-width:1024px;margin:32px auto;border:6px solid #52a7cc;background:#52a7cc;background:#fff;border-radius:12px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}@media(max-width: 640px){#course .pagejump{flex-direction:column}}#course .pagejump li{flex:1;border-left:1px dashed #756154}#course .pagejump li:first-child{border:none}@media(max-width: 640px){#course .pagejump li{border-left:none;border-top:1px dashed #756154}}#course .pagejump a{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;flex-direction:column;align-items:center;padding:16px 8px;color:#675042;font-weight:bold}@media(max-width: 640px){#course .pagejump a{flex-direction:row;justify-content:space-between}}#course .pagejump a:hover{background:#fcf6db}#course .pagejump a::after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;padding-right:0.3em;line-height:1;padding:8px 0 0}@media(max-width: 640px){#course .pagejump a::after{padding:0}}#course .title-coaching{font-size:24px;font-size:1.5rem;line-height:1.4;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;padding:16px;position:relative;font-weight:bold}#course .title-coaching span,#course .title-coaching img{position:relative}#course .title-coaching img{margin:0 16px}#course .title-coaching::before{content:"";display:block;width:100%;height:100%;background:#fff570;position:absolute;top:0;left:0;clip-path:polygon(0 0, 100% 0, 50% 100%)}#course .flow dl{width:94%;max-width:1024px;margin:32px auto;margin:0 auto 64px;padding-bottom:64px;border-bottom:1px dashed #675042}#course .flow dl:last-of-type{border-bottom:0;padding-bottom:0}#course .flow dt{background:#fe9;display:inline-block;position:relative;width:8em;padding:8px;font-size:20px;font-size:1.25rem;font-weight:bold;margin-bottom:16px;text-align:center}#course .flow dt::after{content:"";display:block;width:24px;height:16px;background:#fe9;position:absolute;top:100%;left:16px;clip-path:polygon(0 0, 100% 0, 100% 100%)}#course .flow dd{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;margin-bottom:32px}@media(max-width: 640px){#course .flow dd{flex-direction:column-reverse}}#course .flow dd:last-child{margin-bottom:0}#course .flow dd img{max-width:42%;margin:8px}@media(max-width: 640px){#course .flow dd img{max-width:100%;margin:8px auto}}#course .flow dd .txt{flex:1}#course .flow dd .title{font-weight:bold}#course .title-block{position:relative;text-align:center;border-bottom:3px solid #fff570;margin-bottom:56px}#course .title-block div{position:absolute;bottom:8%;left:46%;width:54%;text-align:left}@media(max-width: 640px){#course .title-block div{background:hsla(0,0%,100%,.9);width:100%;left:0;bottom:0;text-align:center;padding:16px 0 0}}#course .title-block div img{margin-bottom:16px;max-width:94%}@media(max-width: 1024px){#course .title-block div img{max-width:90%}}@media(max-width: 640px){#course .title-block div img{margin-bottom:8px;max-width:72%}}#course .title-block h1{font-size:clamp(32px,4.4vw,60px);margin:0}@media(max-width: 1024px){#course .title-block h1{font-size:clamp(36px,6.4vw,50px)}}@media(max-width: 640px){#course .title-block h1{font-size:clamp(26px,11vw,40px)}}#course h1.title_course{position:relative;max-width:1024px;margin:0 auto 32px}#course h1.title_course span{display:inline-block;position:absolute;bottom:6%;left:4%;font-weight:bold;font-size:clamp(2.75rem,4.8vw,4.25rem)}@media(max-width: 1024px){#course h1.title_course span{font-size:clamp(2.25rem,6.4vw,4.25rem)}}@media(max-width: 640px){#course h1.title_course span{display:block;text-align:center;width:100%;bottom:auto;top:40%;left:0;font-size:8.6vw}}#course .online .list01{width:94%;max-width:1024px;margin:32px auto}#course .online .list01>li{margin-bottom:64px;position:relative}#course .online .list01>li::before{content:attr(data-tag);background:#fe9;font-weight:bold;display:inline-block;padding:4px 16px;margin-bottom:8px}#course .online .list01 .title{font-weight:bold;border-bottom:2px dotted #005799;padding:0;margin-bottom:16px;font-size:1.2em;max-width:unset}#course .online .list01 .img{text-align:center}#course .online .list01.nodata>li::before{content:none}#course .junior .list01,#course .high .list01,#course .elementary .list01{width:94%;max-width:1024px;margin:32px auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:16px}#course .junior .list01 li,#course .high .list01 li,#course .elementary .list01 li{width:calc(50% - 8px);background:#fcf6db;border-radius:12px;padding:8px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-weight:bold}@media(max-width: 640px){#course .junior .list01 li,#course .high .list01 li,#course .elementary .list01 li{flex-direction:column}}#course .junior .list01 li span,#course .high .list01 li span,#course .elementary .list01 li span{flex:1;font-size:1.6rem;line-height:1.4;padding-left:16px;display:block}@media(max-width: 640px){#course .junior .list01 li span,#course .high .list01 li span,#course .elementary .list01 li span{text-align:center;padding-left:0}}#course .junior .list01 li span small,#course .high .list01 li span small,#course .elementary .list01 li span small{display:block;font-size:1rem}#course .grade>li{position:relative}@media(max-width: 640px){#course .grade>li{flex-direction:column}}#course .grade>li::before{content:attr(data-grade);color:#fff;position:absolute;top:0;left:0;display:block;padding:4px 0;width:120px;text-align:center;transform:translate(16px, -16px)}#course .grade>li::after{content:"";display:block;position:absolute;top:-16px;left:136px;height:16px;width:4px;background:rgba(103,80,66,.6);clip-path:polygon(0 0, 100% 100%, 0 100%)}#course .grade>li:nth-of-type(1)::before{background:#005799}#course .grade>li:nth-of-type(2)::before{background:#ef7e17}#course .grade>li:nth-of-type(3)::before{background:#f85523}#course .grade>li .img{width:50%;text-align:left}@media(max-width: 640px){#course .grade>li .img{width:100%;margin-bottom:0}}#course .link-round .brown{background:#f4f2f1}#course .link-round .brown:hover{background:rgb(245.76,244.08,243.24)}#course .link-round .blue{background:#e8f4f9}#course .link-round .blue:hover{background:rgb(235.68,245.76,249.96)}#course .link-round .red{background:#fff2e5}#course .link-round .red:hover{background:rgb(255,244.08,233.16)}#course .ps .intro{text-align:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;flex-direction:column;align-items:center;margin-bottom:64px}#course .ps .intro p{width:auto;max-width:unset;padding:0;font-weight:bold;font-size:1.4rem}#course .ps .intro p.title{background:#fff;padding:16px 48px;border-radius:12px;position:relative;transform:translateY(64px)}#course .ps .intro p.title:after{content:"";display:block;width:32px;height:24px;background:#fff;position:absolute;top:100%;left:50%;transform:translate(-50%, -2px);clip-path:polygon(0 0, 100% 0, 50% 100%)}#course .ps .content{background:#fff}/*# sourceMappingURL=page.min.css.map */