html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;list-style:none;vertical-align:baseline;text-size-adjust:100%;box-sizing:border-box;word-break:normal;background:rgba(0,0,0,0)}html.is-fixed,html.is-fixed body{height:100%;overflow:hidden}img{max-width:100%;width:100%;height:auto;vertical-align:middle}body{margin:0;padding:0 !important;font-family:"Noto Sans JP",sans-serif;font-size:16px;color:#555;font-feature-settings:"palt";line-height:1.8;text-size-adjust:100%;-webkit-text-size-adjust:100%}.for-mobile{display:none}header.mobile{display:none}a.btn-arrow{width:60%;margin:20px auto 0;padding:5px 25px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:200;color:#555;text-align:center;text-decoration:none;border:1px solid #dedede;position:relative;transition:.5s}a.btn-arrow::before{content:"";position:absolute;top:calc(55% - 2px);right:1em;transform:translateY(calc(-50% - 2px)) rotate(45deg);width:10px;height:1px;background:#555}a.btn-arrow::after{content:"";position:absolute;top:55%;right:1em;transform:translateY(-50%);width:30px;height:1px;background-color:#555}a.btn-arrow:hover{background:#d4eef7;color:#27acd9}a.btn-arrow02{padding:16px 20px;color:#555;text-decoration:none;position:relative}a.btn-arrow02::after{content:"";width:10px;height:10px;border-top:solid 1px #333;border-right:solid 1px #333;transform:rotate(45deg);position:absolute;margin-top:-5px;top:50%;right:5px}header.desktop{padding:20px 30px;border-bottom:3px solid #f39800}header.desktop .header-inner{display:flex;justify-content:space-between;align-items:center}header.desktop .header-inner h1.site-name img{width:260px}header.desktop .header-inner nav.global-nav ul{display:flex;gap:1.5em}header.desktop .header-inner nav.global-nav ul li a{font-size:17px;font-weight:500;color:#555;text-decoration:none}header.desktop .header-inner nav.global-nav ul li.student-menu-wrap{position:relative}header.desktop .header-inner nav.global-nav ul li.student-menu-wrap .student-menu{color:#f29602;cursor:pointer}header.desktop .header-inner nav.global-nav ul li.student-menu-wrap .student-menu::after{content:"";margin-left:.3em;display:inline-block;vertical-align:middle;color:#f29602;line-height:1;width:.5em;height:.5em;border:.15em solid currentColor;border-left:0;border-bottom:0;box-sizing:border-box;transform:translateY(-25%) rotate(135deg);transition:.3s}header.desktop .header-inner nav.global-nav ul li.student-menu-wrap .student-menu.is-active::after{transform:rotate(-45deg);transition:.3s}header.desktop .header-inner nav.global-nav ul li.student-menu-wrap .student-menu-contents{display:none;padding:15px 25px;white-space:nowrap;border:1px solid #000;background:#fff;z-index:10;position:absolute;top:2rem;left:-15px}header.desktop .header-inner nav.global-nav ul li.student-menu-wrap .student-menu-contents ul{display:block}header.desktop .header-inner nav.global-nav ul li.student-menu-wrap .student-menu-contents ul li{margin-bottom:5px}header.desktop .header-inner nav.global-nav ul li.student-menu-wrap .student-menu-contents ul li a span{margin-right:5px;font-weight:400;color:#f29602}header.desktop .header-inner nav.global-nav ul li.student-menu-wrap .student-menu-contents ul li:last-child{margin:0}header.desktop .header-inner nav.global-nav ul.sns-link{margin-bottom:10px;justify-content:flex-end}header.desktop .header-inner nav.global-nav ul.sns-link img{width:40px}.main-visual{width:100%;height:740px;background:url("/assets/main_visual-2b903184.jpg") no-repeat center top;background-size:cover;position:relative}.main-visual .slogan{font-size:4vw;color:#111;line-height:1.4;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,0px 2px 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff;position:absolute;top:10%;left:5%}.main-visual .slogan span{color:#f39800}.top-main-contents .opening{max-width:1080px;margin:0 auto;padding:80px 0;text-align:center}.top-main-contents .opening p.sub-title{margin-bottom:20px;font-size:20px;font-weight:600}.top-main-contents .opening p.sub-title span.color-orange{color:#f39800}.top-main-contents .opening .opening-title{font-size:60px;font-weight:bold;color:#68d2df;line-height:1;letter-spacing:3px}.top-main-contents .opening .opening-title span{font-size:38px}.top-main-contents .opening .application{padding:40px 0 0}.top-main-contents .opening .application a{max-width:480px;margin:0 auto;padding:30px 60px;font-size:46px;font-weight:600;color:#fff;line-height:1;text-decoration:none;letter-spacing:3px;display:block;border:2px solid #000;border-radius:20px;background:#e60012}.top-main-contents .greeting{max-width:1080px;margin:0 auto 80px;text-align:center}.top-main-contents .greeting p{font-size:20px;line-height:2}.feature{padding-top:40px}.feature .feature-inner{max-width:1160px;margin:0 auto}.feature .feature-inner .feature-title{margin-bottom:20px;font-size:36px;font-weight:400;text-align:center}.feature .feature-inner .feature-title .no-pc{display:none}.feature .feature-inner .point-wrap{display:flex;justify-content:space-between}.feature .feature-inner .point-wrap .point-box{width:33.3333333333%;margin:0 15px;background:#5cbbe1}.feature .feature-inner .point-wrap .point-box .point-num{font-family:"Noto Serif JP",sans-serif;font-size:36px;font-weight:100;color:#5cbbe1;text-align:center;line-height:1;letter-spacing:.3em;background:#fff}.feature .feature-inner .point-wrap .point-box .point-body{padding:20px 40px;color:#fff}.feature .feature-inner .point-wrap .point-box .point-body h4{font-size:1.4vw}.feature .feature-inner .point-wrap .point-box .point-body h4 span{color:#fff100}.feature .feature-inner .point-wrap .point-box .point-body p{margin-bottom:15px}.feature .feature-inner .point-wrap .point-box .point-body p.conclusion{margin:0;font-size:18px;text-align:center}.feature .feature-inner .point-wrap .point-box .point-body p.conclusion span{padding:5px 8px;color:#5cbbe1;line-height:2.2;background:#fff}@media screen and (min-width: 768px){.sp{display:none !important}}@media screen and (max-width: 767px){.pc{display:none !important}}@media screen and (min-width: 1001px){.sp2{display:none !important}}@media screen and (max-width: 1000px){.pc2{display:none !important}}.no-padding{padding:0 !important}.bg-yellow{background-color:#fff8eb}@media screen and (min-width: 768px){main{margin-top:90px}}@media screen and (max-width: 767px){main{margin-top:70px}}main.top .info-container{position:relative;overflow:hidden}main.top .info-container>p{padding:0 30px}.whitetitle{z-index:2;color:#fff;margin-top:50px}main.top .info-container .step{position:relative;padding:0 30px}main.top .info-container .steplist{max-width:1120px;margin:auto;counter-reset:count}main.top .info-container .steplist__item{display:flex;justify-content:space-between;align-items:center;position:relative}main.top .info-container .steplist__item+li::before{content:"";height:calc(100% - 115px);width:2px;background-color:#131e3e;position:absolute;top:calc(-50% + 57.5px);left:50%;transform:translateX(-50%);z-index:2}main.top .info-container .steplist__item:nth-of-type(2) .steplist__contents{position:relative}main.top .info-container .steplist__item:nth-of-type(2) .steplist__contents::after{position:absolute;content:"";background-image:url("../images/bg_step01.png");background-repeat:no-repeat;background-position:center;background-size:contain;width:197%;padding-bottom:123%;z-index:-1;left:-20%;bottom:-100px}main.top .info-container .steplist__item:nth-of-type(3) .steplist__contents{position:relative}main.top .info-container .steplist__item:nth-of-type(3) .steplist__contents::after{position:absolute;content:"";background-image:url("../images/bg_step02.png");background-repeat:no-repeat;background-position:center;background-size:contain;width:175%;padding-bottom:110%;z-index:-1;right:-20%;bottom:-130px}main.top .info-container .steplist__item:last-of-type::after{content:"";height:calc(100% - 57.5px);width:2px;background-color:#131e3e;position:absolute;bottom:-50%;left:50%;transform:translateX(-50%);z-index:2}main.top .info-container .steplist__item .steplist__number{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:115px;height:115px;color:#fff;font-size:44px;font-weight:600;display:flex;justify-content:center;align-items:center;z-index:2}main.top .info-container .steplist__item .steplist__number b{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}main.top .info-container .steplist__item .steplist__number b::before{content:"";width:44.5px;height:4px;background-color:#fff;position:absolute;left:50%;transform:translateX(-50%);bottom:30px;z-index:3}main.top .info-container .steplist__item .steplist__number::before{position:relative;counter-increment:count;content:"0" counter(count);border:2px solid #131e3e;border-radius:115px;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:3;box-sizing:border-box;padding-bottom:5%;font-family:"Roboto Condensed",sans-serif}main.top .info-container .steplist__item .steplist__number::after{content:"";position:absolute;left:50%;top:50%;transform:translate(calc(-50% + 4px), calc(-50% + 4px));width:115px;height:115px;border-radius:115px;background-color:#0066fe;z-index:1}main.top .info-container .steplist__item .steplist__contents{max-width:440px}main.top .info-container .steplist__item .steplist__contents p{font-size:18px}main.top .info-container .steplist__item .steplist__contents p span.emphasis{font-size:26px;font-weight:600;color:#e60012}main.top .info-container .steplist__item .steplist__contents .price{padding:20px 40px;box-sizing:border-box;background:#fafafb}main.top .info-container .steplist__item .steplist__contents .strong{font-weight:600}main.top .info-container .steplist__item .steplist__contents p.annotations{font-size:16px;text-align:right}main.top .info-container .steplist__item .steplist__contents .steplist__feature{margin-bottom:20px;font-size:28px;font-weight:600}main.top .info-container .steplist .steplist__image{max-width:391px;width:100%;height:364px;background-repeat:no-repeat;background-position:center;background-size:contain}main.top .info-container .steplist .steplist__image01{background-image:url("/assets/step01-83967c5f.png")}main.top .info-container .steplist .steplist__image02{background-image:url("/assets/step02-69fcda1a.png")}main.top .info-container .steplist .steplist__image03{background-image:url("/assets/step03-f2f322f6.png")}main.top .info-container .steplist .steplist__image04{background-image:url("/assets/step04-88e67092.png")}@media screen and (max-width: 767px){main.top .info-container{padding-top:0px;margin-top:9.067vw}}@media screen and (max-width: 767px){main.top .info-container::before{width:84vw;padding-bottom:82.66vw;left:29%;top:6vw}}@media screen and (max-width: 767px){main.top .info-container .step::after{opacity:.5}}@media screen and (max-width: 767px){main.top .info-container .step::before{font-size:12vw}}@media screen and (min-width: 768px){main.top .info-container .steplist__item:nth-of-type(even){flex-direction:row-reverse}}@media screen and (max-width: 767px){main.top .info-container .steplist__item{flex-direction:column;padding-bottom:26.67vw}}@media screen and (max-width: 767px){main.top .info-container .steplist__item+li::before{top:auto;bottom:100%;left:6.66vw;height:calc(100% - 13.333vw)}}@media screen and (max-width: 767px){main.top .info-container .steplist__item:first-of-type .steplist__contents::after{position:absolute;content:"";background-image:url("../images/bg_step01.png");background-repeat:no-repeat;background-position:center;background-size:contain;width:197%;padding-bottom:83%;z-index:-1;left:-20%;bottom:22%}}@media screen and (max-width: 767px){main.top .info-container .steplist__item:nth-of-type(2) .steplist__contents::after{width:150%;padding-bottom:103%;z-index:-1;left:-50vw;bottom:22vw}}@media screen and (max-width: 767px){main.top .info-container .steplist__item:nth-of-type(3) .steplist__contents::after{content:none}}@media screen and (max-width: 767px){main.top .info-container .steplist__item:last-of-type{padding-bottom:0}}@media screen and (max-width: 767px){main.top .info-container .steplist__item:last-of-type::after{top:13.333vw;bottom:auto;left:6.66vw;height:calc(100% - 13.333vw + 26.67vw + 28.53vw)}}@media screen and (max-width: 767px){main.top .info-container .steplist__item:last-of-type::before{height:calc(100% - 13.333vw + 26.67vw)}}@media screen and (max-width: 767px){main.top .info-container .steplist__item .steplist__number{left:0;top:0;width:13.333vw;height:13.333vw;transform:translateY(0%)}}@media screen and (max-width: 767px){main.top .info-container .steplist__item .steplist__number b::before{width:5.333vw;bottom:20%}}@media screen and (max-width: 767px){main.top .info-container .steplist__item .steplist__number::before{width:13.333vw;height:13.333vw;font-size:5.333vw}}@media screen and (max-width: 767px){main.top .info-container .steplist__item .steplist__number::after{left:0;width:13.333vw;height:13.333vw;transform:translate(calc(0% + 2px), calc(-50% + 2px))}}@media screen and (max-width: 1000px){main.top .info-container .steplist__item .steplist__contents{max-width:40%}}@media screen and (max-width: 767px){main.top .info-container .steplist__item .steplist__contents{max-width:calc(100% - 19.46vw);margin-left:auto}}@media screen and (max-width: 767px){main.top .info-container .steplist__item .steplist__contents .steplist__feature{font-size:4.8vw}}@media screen and (max-width: 1000px){main.top .info-container .steplist .steplist__image{max-width:38%}}@media screen and (max-width: 767px){main.top .info-container .steplist .steplist__image{height:64vw;max-width:100%;margin-bottom:5.333vw}}.learn-at-school{max-width:1080px;margin:0 auto;padding:80px 0 0}.learn-at-school h3{margin-bottom:20px;font-size:36px;font-weight:400;text-align:center}.learn-at-school h3 .for-mobile{display:none}.learn-at-school p{font-size:18px;text-align:center;line-height:2}.after-graduation-wrap{padding:140px 20px}.after-graduation-wrap .section-title{margin-bottom:60px;font-size:36px;font-weight:400;text-align:center}.after-graduation-wrap ul{max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}.after-graduation-wrap ul li{width:48%;margin-bottom:45px;display:flex;background:#e7e776}.after-graduation-wrap ul li .support{padding:20px;box-sizing:border-box}.after-graduation-wrap ul li .support .support-title-wrap .support-title{font-size:1.8vw;font-weight:300;display:flex;align-items:center}.after-graduation-wrap ul li .support .support-title-wrap .support-title span.num{margin-right:10px;font-size:60px;font-weight:100;color:#fff}.after-graduation-wrap ul li .support .support-title-wrap .support-title span.title{margin-top:8px;padding:0 15px;background:#fff}.after-graduation-wrap ul li .support .support-illust{display:flex;justify-content:space-between;align-items:center}.after-graduation-wrap ul li .support .support-illust p{font-size:1.1vw}.after-graduation-wrap ul li .support .support-illust p span{font-size:1vw}.after-graduation-wrap ul li .support .support-illust img{width:160px}.after-graduation-wrap ul li:nth-child(2) .support,.after-graduation-wrap ul li:nth-child(3) .support,.after-graduation-wrap ul li:nth-child(6) .support{background:#ebebe3}.after-graduation-wrap .step-up-course>ul li:nth-child(1){background:#ebebe3}.after-graduation-wrap .step-up-inner{margin:20px;padding:15px;display:flex;align-items:center;background:#fff}.after-graduation-wrap .step-up-inner .icon{width:150px}.after-graduation-wrap .step-up-inner .course .course-title{font-size:1.8vw;font-weight:400;color:#68d2df;text-align:center}.after-graduation-wrap .step-up-inner .course p{padding:0 .5em;font-size:1.1vw}.news-wrap{padding:120px 0;background:#fdf9f7}.news-wrap .section-title{font-size:32px;font-weight:400;text-align:center}.news-wrap .news{max-width:880px;padding:0 20px;margin:0 auto;box-sizing:border-box}.news-wrap .news ul li{padding:25px 1em;border-bottom:2px dotted #ddd}.news-wrap .news ul li a{color:#555;text-decoration:none}.news-wrap .news ul li a .date{font-size:14px}.news-wrap .news ul li a .news-title{font-size:16px}.news-wrap .news .all-news{padding-top:20px;font-size:14px;text-align:right}.news-container{width:1080px;margin:0 auto}.news-container .title{font-size:26px}.news-container .date,.news-container .content{font-size:16px}footer{padding:80px 20px;background:#eaeae3}footer .footer-inner{max-width:1080px;margin:0 auto;display:flex;justify-content:space-between}footer .footer-inner .links ul li{margin-bottom:5px}footer .footer-inner .links ul li a{color:#7a6a56;text-decoration:none}footer .footer-inner .copy .company-jp{font-size:2vw;font-weight:600;line-height:1}footer .footer-inner .copy .company-jp a{color:inherit;text-decoration:none}footer .footer-inner .copy .company-jp a:hover{color:#ea5614}footer .footer-inner .copy .company-en{font-size:1.2vw;font-weight:600;color:#9fa0a0}footer .footer-inner .copy .company-en span{color:#ea5614}.main-title{text-align:center}.main-title h2{width:100%;height:130px}.main-title h2 span.en{margin-bottom:8px;padding-top:33px;font-family:"Cormorant Garamond",sans-serif;font-size:10vw;line-height:1;letter-spacing:.08em;display:block}.main-title h2 span.jp{font-family:"Noto Serif JP",sans-serif;font-size:5vw;line-height:1;letter-spacing:.06em;display:block}.news-wrap{padding:60px 0;background:#fdf9f7}.news-wrap .section-title{font-size:6.67vw;font-weight:400;text-align:center}.news-wrap .news{max-width:880px;padding:0 20px;margin:0 auto;box-sizing:border-box}.news-wrap .news ul li{padding:15px 1em;border-bottom:2px dotted #ddd}.news-wrap .news ul li a{color:#555;text-decoration:none;position:relative}.news-wrap .news ul li a .date{font-size:3.6vw}.news-wrap .news ul li a .news-title{font-size:4.2vw}.news-wrap .news ul li a .news-arrow{width:25px;height:1px;background:#707070;position:absolute;top:80%;right:0}.news-wrap .news ul li a .news-arrow::after{content:"";display:block;width:6px;height:1px;background:#707070;transform:rotate(45deg);position:absolute;right:0px;bottom:2px}.news-wrap .news .all-news{padding-top:10px;font-size:14px;text-align:right}.news-container{width:94%;margin:0 auto 40px}.news-container .title{padding:0 .5em;font-size:5.2vw;font-weight:500;border-bottom:1px solid #ccc}.news-container .date{margin-bottom:15px;padding:0 .5em;font-size:3.6vw;text-align:right}.news-container .content{padding:0 1em;font-size:4.3vw}@media screen and (max-width: 480px){.for-mobile{display:block}header.desktop{display:none}header.mobile{width:100%;height:fit-content;display:block;border-bottom:3px solid #f39800;background-color:#fff;z-index:1000}header.mobile .header-inner{padding:10px 5%;display:flex;justify-content:space-between;align-items:center}header.mobile .header-inner h1.site-name{width:200px}#header-hamburger{width:50px;height:50px;background:#f39800;cursor:pointer;aspect-ratio:1/1;margin-left:auto;position:relative;z-index:10000}#header-hamburger span{display:inline-block;background:#fff;width:50%;height:2px;transition:all .4s;position:absolute;left:50%;transform:translateX(-50%)}#header-hamburger span:nth-of-type(1){top:30%}#header-hamburger span:nth-of-type(2){top:50%}#header-hamburger span:nth-of-type(3){top:70%}#header-hamburger.active span:nth-of-type(1){top:50%;left:25%;transform:rotate(-45deg);width:50%}#header-hamburger.active span:nth-of-type(2){opacity:0}#header-hamburger.active span:nth-of-type(3){top:50%;left:25%;transform:rotate(45deg);width:50%}#hamburger-window{transition:.3s;text-align:center;visibility:hidden;position:fixed;top:0;right:-100vw;z-index:9999;width:100%;height:100svh;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;background:#fff}.content::-webkit-scrollbar{display:none}#hamburger-window.open{visibility:visible;right:0}.hamburger-window__link{display:block;margin:0 auto;width:100%}.hamburger-window__link:hover{background-color:#ccc}.hamburger-window__link p{margin:0;padding-top:20px;padding-bottom:20px}.hamburger-window__link p.exclusive{color:#f29602}.hamburger-window__link:first-child .acordion-btn{border-top:1px solid #ccc}.acordion-menu-wrapper{background-color:#fff}.acordion-btn{display:flex;align-items:center;padding-left:5%;color:#666;text-decoration:none}.acordion-btn:hover{background-color:#f9f9f9}.acordion-btn::after{content:"+";font-weight:900;font-family:"Font Awesome 6 Free";display:inline-block;position:absolute;right:5%;width:10px;aspect-ratio:1/1;color:#333}.acordion-btn.is-open::after{content:""}.hamburger-window__link{border-top:1px solid #ccc}.hamburger-window__title,.hamburger-window__link>a{color:#666}.hamburger-window__link>a{display:block;text-align:left;padding-left:5%;position:relative;text-decoration:none}.acordion>.acordion__item{position:relative;text-align:left;width:100%;background-color:#fff;border-top:0 #ccc solid;line-height:0;transition:border-top .1s ease-out}.acordion.is-open>.acordion__item{background-color:#fff;border-top:1px #ccc solid;transition:border-top .1s ease-out}.acordion.is-open>.acordion__item:first-child{border-top:none}.acordion>.acordion__item>.acordion__link{color:#333;display:block;padding-left:7%;padding-top:0;padding-bottom:0;line-height:0;opacity:0;visibility:hidden;transition:padding-top .3s ease-out,padding-bottom .3s ease-out,line-height .3s ease-out,opacity .1s linear,visibility .1s linear}.acordion.is-open>.acordion__item>.acordion__link{display:block;padding-left:2em;color:#666;text-decoration:none;padding-top:23px;padding-bottom:23px;line-height:1.5;opacity:1;visibility:visible;transition:padding-top .3s ease-out,padding-bottom .3s ease-out,line-height .3s ease-out,opacity .1s linear,visibility .1s linear}.acordion.is-open>.acordion__item>.acordion__link span{margin-right:5px;color:#f29604}.main-visual{height:240px}.main-visual .slogan{font-size:6vw}.top-main-contents .opening{width:calc(100% - 60px);padding:40px 0}.top-main-contents .opening p.sub-title{font-size:4.6vw}.top-main-contents .opening .opening-title{font-size:8.6vw;letter-spacing:0}.top-main-contents .opening .opening-title span{font-size:4.6vw}.top-main-contents .opening .application{padding:20px 0 0}.top-main-contents .opening .application .link-application{padding:15px 30px;font-size:7vw;font-weight:700}.top-main-contents .greeting{width:calc(100% - 60px);margin:0 auto}.top-main-contents .greeting p{font-size:4.375vw;text-align:left}.top-main-contents .feature .feature-inner{width:calc(100% - 60px)}.top-main-contents .feature .feature-inner .feature-title{font-size:8vw;font-weight:600;line-height:1.4}.top-main-contents .feature .feature-inner .point-wrap{flex-direction:column}.top-main-contents .feature .feature-inner .point-wrap .point-box{width:100%;margin:0 auto 30px}.top-main-contents .feature .feature-inner .point-wrap .point-box .point-body{margin:0;padding:20px 15px}.top-main-contents .feature .feature-inner .point-wrap .point-box .point-body h4{margin-bottom:20px;font-size:6vw;font-weight:600;line-height:1.4}.top-main-contents .feature .feature-inner .point-wrap .point-box .point-body p{margin-bottom:15px;font-size:4.375vw}.top-main-contents .feature .feature-inner .point-wrap .point-box .point-body p.conclusion{margin:0;font-size:4.6vw;text-align:center}.top-main-contents .feature .feature-inner .point-wrap .point-box .point-body p.conclusion span{padding:0 1em;color:#5cbbe1;background:#fff}.top-main-contents .learn-at-school{width:calc(100% - 60px);padding:30px 0 0}.top-main-contents .learn-at-school h3{font-size:8vw;font-weight:600;line-height:1.4}.top-main-contents .learn-at-school p{font-size:4.375vw;text-align:left}.top-main-contents .after-graduation-wrap{width:calc(100% - 60px);margin:0 auto;padding:60px 0 0}.top-main-contents .after-graduation-wrap .after-graduation .section-title{margin-bottom:20px;font-size:8vw;font-weight:600;line-height:1.4}.top-main-contents .after-graduation-wrap .after-graduation ul{flex-direction:column}.top-main-contents .after-graduation-wrap .after-graduation ul li{width:100%}.top-main-contents .after-graduation-wrap .after-graduation ul li .support .support-title{font-size:5.2vw}.top-main-contents .after-graduation-wrap .after-graduation ul li .support .support-title span.mun{font-size:4.375vw}.top-main-contents .after-graduation-wrap .after-graduation ul li .support .support-illust p{font-size:4.375vw}.top-main-contents .after-graduation-wrap .after-graduation ul li .support .support-illust p span{font-size:3vw}.top-main-contents .after-graduation-wrap .after-graduation ul li .support .support-illust img{width:100px}.top-main-contents .after-graduation-wrap .step-up-course ul{flex-direction:column}.top-main-contents .after-graduation-wrap .step-up-course ul li{width:100%}.top-main-contents .after-graduation-wrap .step-up-course ul li .step-up-inner{width:100%;margin:10px;padding:10px;flex-direction:column}.top-main-contents .after-graduation-wrap .step-up-course ul li .step-up-inner .icon{width:80px}.top-main-contents .after-graduation-wrap .step-up-course ul li .step-up-inner .course .course-title{font-size:6vw}.top-main-contents .after-graduation-wrap .step-up-course ul li .step-up-inner .course p{font-size:4.375vw}footer{width:100%;padding:40px 20px}footer .footer-inner{flex-direction:column}footer .footer-inner .copy{padding-top:20px;text-align:center}footer .footer-inner .copy .company-jp{font-size:5vw}footer .footer-inner .copy .company-en{font-size:3.375vw}}.page-contents .about-intro .about-intro-inner .text-area{padding:0 30px}.page-contents .about-intro .about-intro-inner .text-area p.about-copy{margin-bottom:20px;font-family:"Noto Serif JP",sans-serif;font-size:6vw;font-weight:600;letter-spacing:.05em}.page-contents .about-intro .about-intro-inner .text-area p{font-family:"Noto Sans JP",sans-serif;font-size:16px;letter-spacing:normal}.page-contents .about-intro .about-intro-inner .about-copy-image{width:85%;margin:20px auto 0}.page-contents section.feature{padding-top:80px}.page-contents section.feature .feature-inner .feature-title{margin-bottom:30px;font-family:"Noto Serif JP",sans-serif;font-size:6vw;text-align:center}.page-contents section.feature .feature-inner .feature-title .no-pc{display:block}.page-contents section.feature .feature-inner .point-wrap .point-box{margin:0 15px;background:#5cbbe1}.page-contents section.feature .feature-inner .point-wrap .point-box .point-num{font-family:"Noto Serif JP",sans-serif;font-size:36px;font-weight:100;color:#5cbbe1;text-align:center;line-height:1;letter-spacing:.3em;background:#fff}.page-contents section.feature .feature-inner .point-wrap .point-box .point-body{margin-bottom:40px;padding:20px;color:#fff}.page-contents section.feature .feature-inner .point-wrap .point-box .point-body h4{margin-bottom:20px;font-size:6.4vw;font-weight:400;line-height:1.6}.page-contents section.feature .feature-inner .point-wrap .point-box .point-body h4 span{color:#fff100}.page-contents section.feature .feature-inner .point-wrap .point-box .point-body p{margin-bottom:15px}.page-contents section.feature .feature-inner .point-wrap .point-box .point-body p.conclusion{margin:0;font-size:4.6vw;text-align:center}.page-contents section.feature .feature-inner .point-wrap .point-box .point-body p.conclusion span{padding:0 1em;color:#5cbbe1;background:#fff}@media screen and (min-width: 1025px){.page-contents .about-intro .about-intro-inner{max-width:1160px;margin:0 auto;display:flex;align-items:center}.page-contents .about-intro .about-intro-inner .text-area{width:60%;padding:0 30px}.page-contents .about-intro .about-intro-inner .text-area p.about-copy{margin-bottom:20px;font-family:"Noto Serif JP",sans-serif;font-size:32px;font-weight:400;letter-spacing:5px}.page-contents .about-intro .about-intro-inner .text-area p{font-family:"Noto Sans JP",sans-serif;font-size:16px;letter-spacing:normal}.page-contents section.feature{padding-top:180px}.page-contents section.feature .feature-inner{max-width:1160px;margin:0 auto}.page-contents section.feature .feature-inner .feature-title{margin-bottom:30px;font-family:"Noto Serif JP",sans-serif;font-size:32px;text-align:center}.page-contents section.feature .feature-inner .feature-title .no-pc{display:none}.page-contents section.feature .feature-inner .point-wrap{display:flex;justify-content:space-between}.page-contents section.feature .feature-inner .point-wrap .point-box{width:33.3333333333%;margin:0 15px;background:#5cbbe1}.page-contents section.feature .feature-inner .point-wrap .point-box .point-num{font-family:"Noto Serif JP",sans-serif;font-size:36px;font-weight:100;color:#5cbbe1;text-align:center;line-height:1;letter-spacing:.3em;background:#fff}.page-contents section.feature .feature-inner .point-wrap .point-box .point-body{padding:20px 40px;color:#fff}.page-contents section.feature .feature-inner .point-wrap .point-box .point-body h4{font-size:1.4vw}.page-contents section.feature .feature-inner .point-wrap .point-box .point-body h4 span{color:#fff100}.page-contents section.feature .feature-inner .point-wrap .point-box .point-body p{margin-bottom:15px}.page-contents section.feature .feature-inner .point-wrap .point-box .point-body p.conclusion{margin:0;font-size:18px;text-align:center}}.line-entry{max-width:1080px;margin:80px auto 60px}.line-entry p{margin-bottom:15px;font-size:18px;text-align:center;line-height:1.4}.line-entry .qr-code{max-width:240px;margin:0 auto 20px}.line-entry .line-link a{width:420px;margin:0 auto;padding:10px 20px;display:block;font-size:22px;color:#fff;text-align:center;text-decoration:none;border-radius:40px;box-sizing:border-box;background:#5cbbe1}.procedure-wrap{max-width:1080px;margin:0 auto 60px}.procedure-wrap .procedure h3{margin-bottom:20px;font-size:28px;font-weight:400;text-align:center}.procedure-wrap .procedure .procedure-item{margin-bottom:40px;padding:20px 40px;background:#e2e2e2}.procedure-wrap .procedure .procedure-item .procedure-title{margin-bottom:10px;font-size:18px;font-weight:500;border-bottom:1px solid #555}.form-contents{max-width:1000px;margin:60px auto 40px;padding:30px;background:#edf8fb;box-sizing:border-box}.form-contents .form-lead{margin-bottom:30px;text-align:center}.form-contents #errors{margin-bottom:30px;text-align:center}.form-contents .custom-form,.form-contents .new_contact{max-width:720px;margin:0 auto}.form-contents .custom-form .form-group,.form-contents .new_contact .form-group{padding:1em 0}.form-contents .custom-form .form-group .item-input input[type=text],.form-contents .custom-form .form-group .item-input input[type=tel],.form-contents .custom-form .form-group .item-input input[type=email],.form-contents .custom-form .form-group .item-input textarea,.form-contents .new_contact .form-group .item-input input[type=text],.form-contents .new_contact .form-group .item-input input[type=tel],.form-contents .new_contact .form-group .item-input input[type=email],.form-contents .new_contact .form-group .item-input textarea{width:100%;margin:0;padding:.8em .5em;font-size:16px;border:none;box-sizing:border-box}.form-contents .custom-form .form-group .item-input input::placeholder,.form-contents .new_contact .form-group .item-input input::placeholder{color:#9e9e9e}.form-contents .custom-form .form-group .two-column,.form-contents .new_contact .form-group .two-column{display:flex;justify-content:space-around}.form-contents .custom-form .form-group .two-column .item-left,.form-contents .custom-form .form-group .two-column .item-right,.form-contents .new_contact .form-group .two-column .item-left,.form-contents .new_contact .form-group .two-column .item-right{width:48%}.form-contents .custom-form .form-group .two-column .item-left .select,.form-contents .custom-form .form-group .two-column .item-right .select,.form-contents .new_contact .form-group .two-column .item-left .select,.form-contents .new_contact .form-group .two-column .item-right .select{width:100%;height:40px;border-radius:5px;position:relative;background:#fff;z-index:1}.form-contents .custom-form .form-group .two-column .item-left .select select,.form-contents .custom-form .form-group .two-column .item-right .select select,.form-contents .new_contact .form-group .two-column .item-left .select select,.form-contents .new_contact .form-group .two-column .item-right .select select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:none;color:#9e9e9e;font-size:16px;width:100%;height:100%;padding:0 10px}.form-contents .custom-form .form-group .two-column .item-left .select::after,.form-contents .custom-form .form-group .two-column .item-right .select::after,.form-contents .new_contact .form-group .two-column .item-left .select::after,.form-contents .new_contact .form-group .two-column .item-right .select::after{position:absolute;content:"";width:8px;height:8px;right:10px;top:50%;transform:translateY(-50%) rotate(45deg);border-bottom:2px solid #424242;border-right:2px solid #424242;z-index:-1}.form-contents .custom-form .submit-btn,.form-contents .new_contact .submit-btn{width:20vw;margin:30px auto 0;text-align:center;background:#fff}.form-contents .custom-form .submit-btn input,.form-contents .new_contact .submit-btn input{width:100%;margin:0 auto;padding:.5em 0;display:block;background:none}.confirmation{max-width:1000px;margin:60px auto 40px;padding:30px;background:#edf8fb;box-sizing:border-box}.confirmation p{margin-bottom:40px;text-align:center}.confirmation dl{max-width:720px;margin:0 auto 40px;display:flex;justify-content:space-around;flex-wrap:wrap}.confirmation dl dt{width:40%;padding:1em 1em 1em 0;text-align:right;border-bottom:1px solid #dedede}.confirmation dl dd{width:60%;padding:1em 0 1em 1em;overflow-wrap:break-word;border-bottom:1px solid #dedede}.confirmation .confirmation-btn{width:40vw;margin:0 auto;display:flex;flex-direction:column}.confirmation .confirmation-btn .apply,.confirmation .confirmation-btn .back{margin-bottom:20px}.confirmation .confirmation-btn .apply input,.confirmation .confirmation-btn .back input{width:100%;margin:0 auto;padding:1em 2em;display:block;background:none}.confirmation .confirmation-btn .apply{background:#fff}.confirmation .confirmation-btn .back{background:#ddd}.sent-box{display:flex;justify-content:center;text-align:center}.sent-box p{margin-bottom:40px}.new_contact{width:90%;margin:0 auto}.new_contact dl dt{text-align:left}@media screen and (max-width: 480px){.line-entry{margin:40px auto 40px}.line-entry p{font-size:4.375vw;line-height:1.4}.line-entry .qr-code{max-width:240px;margin:0 auto 20px}.line-entry .line-link a{width:90%;font-size:4.375vw;font-weight:600}.procedure-wrap{width:calc(100% - 60px);margin:0 auto 40px}}.others{max-width:1160px;margin:0 auto;padding:0 20px}.others dl dt{font-size:1.6vw;font-weight:bold;margin-top:20px}.others dl dd{font-size:1.4vw;margin-left:20px}@media screen and (min-width: 1025px){.others dl dt{font-size:18px}.others dl dd{font-size:14px}}.access-wrap{max-width:1080px;margin:0 auto 80px;padding-top:80px}.access-wrap .access-inner h3{margin-bottom:20px;font-size:36px;font-weight:400;text-align:center}.access-wrap .access-inner .google-map iframe[src*="www.google.com/maps/embed"]{aspect-ratio:4/3;width:100%;height:auto}.access-wrap .access-inner .address{padding-top:80px}.access-wrap .access-inner .address p{margin-bottom:20px;font-size:22px;text-align:center}.access-wrap .access-inner .address p:last-child{margin:0}.access-wrap .access-inner .time-schedule{padding-top:40px}.access-wrap .access-inner .time-schedule p{font-size:32px;font-weight:600;text-align:center;color:#e60012}@media screen and (max-width: 480px){.access-wrap{width:calc(100% - 60px);margin:0 auto 40px;padding-top:40px}.access-wrap .access-inner h3{font-size:6vw;font-weight:600;line-height:1.4}.access-wrap .access-inner .address{padding-top:40px}.access-wrap .access-inner .address p{font-size:4.3vw}.access-wrap .access-inner .time-schedule p{font-size:6vw;line-height:1.4}}.schedule-wrap{max-width:1080px;margin:0 auto 80px}.schedule-wrap .schedule-inner{padding-top:80px}.schedule-wrap .schedule-inner h3{margin-bottom:20px;font-size:36px;font-weight:400;text-align:center}.schedule-wrap .schedule-inner p{text-align:center}.schedule-wrap .schedule-inner .timetable-wrap{padding-top:80px}.schedule-wrap .schedule-inner .timetable-wrap .course-title{margin-bottom:20px;font-size:28px;text-align:center}.schedule-wrap .schedule-inner .timetable-wrap p.for-mobile,.schedule-wrap .schedule-inner .timetable-wrap p.lecture-content{display:none}.schedule-wrap .schedule-inner .timetable-wrap .table table.schedule-table{width:100%;border-collapse:collapse}.schedule-wrap .schedule-inner .timetable-wrap .table table.schedule-table td{padding:10px 1em;font-size:18px;vertical-align:middle;border-bottom:1px dashed #a3a3a3}.schedule-wrap .schedule-inner .timetable-wrap .table table.schedule-table td span{padding-left:1em}.schedule-wrap .schedule-inner .timetable-wrap .table table.schedule-table td .video-box{display:flex;justify-content:space-between}.schedule-wrap .schedule-inner .timetable-wrap .table table.schedule-table td .video-box a.video-links{margin:0 10px;font-size:14px;text-align:center;text-decoration:none;color:#f29602}.schedule-wrap .schedule-inner .timetable-wrap .table table.schedule-table td .video-box a.video-links img{width:64px}.schedule-wrap .schedule-inner .timetable-wrap .table table.schedule-table td.no-border{border:none}.schedule-wrap .schedule-inner .timetable-wrap .date-and-time{padding:5px 15px;font-size:20px;font-weight:600;border-top:1px solid #555;border-bottom:1px solid #555}.schedule-wrap .schedule-inner .timetable-wrap .bg-torihiki{color:#1c5094;background:#d0ebf8}.schedule-wrap .schedule-inner .timetable-wrap .bg-jusetsu{color:#037a28;background:#cee7d6}.schedule-wrap .schedule-inner .timetable-wrap .bg-keiyakusho{color:#ff5722;background:#f2e5d0}.schedule-wrap .schedule-inner .timetable-wrap .timetable{padding:10px 15px;display:flex;align-items:center;border-bottom:1px dashed #a3a3a3}.schedule-wrap .schedule-inner .timetable-wrap .timetable .time{width:360px;font-size:18px;line-height:1.4}.schedule-wrap .schedule-inner .timetable-wrap .timetable .lecture{font-size:18px}.schedule-wrap .schedule-inner .download-link{padding:40px 0 0;text-align:center}.schedule-wrap .schedule-inner .download-link a{padding:10px 20px;font-size:18px;color:#555;text-decoration:none;border-radius:50px;background:#d0ebf8}.schedule-wrap .schedule-inner .download-link a::before{content:"";width:32px;height:32px;margin-right:5px;display:inline-block;vertical-align:bottom;background:url("/assets/icon_pdf-e99fb29e.png") no-repeat center;background-size:contain}@media screen and (max-width: 480px){.schedule-wrap .schedule-inner{padding-top:40px}.schedule-wrap .schedule-inner h3{font-size:8vw;font-weight:600;line-height:1.4}.schedule-wrap .schedule-inner p{width:calc(100% - 60px);margin:0 auto;font-size:4.375vw;text-align:left}.schedule-wrap .schedule-inner .timetable-wrap{padding-top:40px}.schedule-wrap .schedule-inner .timetable-wrap .course-title{font-size:6vw;font-weight:600;line-height:1.4}.schedule-wrap .schedule-inner .timetable-wrap p.for-mobile{margin-bottom:10px;padding-left:1em;font-size:4vw}.schedule-wrap .schedule-inner .timetable-wrap p.for-mobile,.schedule-wrap .schedule-inner .timetable-wrap p.lecture-content{width:100%;display:block;line-height:1.2}.schedule-wrap .schedule-inner .timetable-wrap .table{overflow-x:auto}.schedule-wrap .schedule-inner .timetable-wrap .table table.schedule-table{white-space:nowrap}.schedule-wrap .schedule-inner .timetable-wrap .table table.schedule-table td{padding:10px .5em;font-size:4vw;vertical-align:middle;box-sizing:border-box;border-bottom:1px dashed #a3a3a3}.schedule-wrap .schedule-inner .timetable-wrap .table table.schedule-table td span{padding:0}.schedule-wrap .schedule-inner .timetable-wrap .table table.schedule-table td .video-box{width:100px}.schedule-wrap .schedule-inner .timetable-wrap .table table.schedule-table td .video-box a.video-links{margin:0}.schedule-wrap .schedule-inner .timetable-wrap .table table.schedule-table td .video-box a.video-links img{width:42px}.schedule-wrap .schedule-inner .timetable-wrap .table table.schedule-table td:nth-child(1){width:25%}.schedule-wrap .schedule-inner .timetable-wrap .table table.schedule-table td:nth-child(2){width:55%}.schedule-wrap .schedule-inner .timetable-wrap .table table.schedule-table td:nth-child(3){width:20%}.schedule-wrap .schedule-inner .timetable-wrap .date-and-time{font-size:4.8vw;font-weight:800}.schedule-wrap .schedule-inner .timetable-wrap .timetable{font-size:4.375vw;flex-direction:column}.schedule-wrap .schedule-inner .timetable-wrap .timetable .time{margin-bottom:10px;text-align:center}}.privacy{max-width:960px;margin:0 auto}.privacy .page-contents{padding:80px 0}.privacy .page-contents .content-inner h3{margin-bottom:40px;font-size:32px;font-weight:400;text-align:center}.privacy .page-contents .content-inner .content-lead{margin-bottom:40px}.privacy .page-contents .content-inner .content-title{font-size:22px;text-align:center}.privacy .page-contents .content-inner .content{margin-bottom:40px}.privacy .page-contents .content-inner .content h4{margin-bottom:10px;font-weight:400}.privacy .page-contents .content-inner .content p{padding:0 1em}.privacy .page-contents .content-inner .content ul{padding:0 2em}.privacy .page-contents .content-inner .content ul li{list-style:inside}.business-deal-wrap{max-width:1080px;margin:0 auto}.business-deal-wrap .business-deal-inner{padding:80px 0}.business-deal-wrap .business-deal-inner h3{margin-bottom:40px;font-size:32px;font-weight:400;text-align:center}.business-deal-wrap .business-deal-inner dl{display:flex;flex-wrap:wrap}.business-deal-wrap .business-deal-inner dl dt{width:30%;padding:15px 10px;text-align:right;border-bottom:1px solid #fff;background:#e7e7e7}.business-deal-wrap .business-deal-inner dl dd{width:70%;padding:15px 10px;border-bottom:1px solid #ccc}@media screen and (max-width: 480px){.privacy{width:calc(100% - 60px);margin:0 auto}.privacy .page-contents{padding:40px 0}.business-deal-wrap{width:calc(100% - 60px)}.business-deal-wrap .business-deal-inner{padding:40px 0}.business-deal-wrap .business-deal-inner h3{font-size:6vw}.business-deal-wrap .business-deal-inner dl{flex-direction:column}.business-deal-wrap .business-deal-inner dl dt{width:100%;text-align:left;border:none}.business-deal-wrap .business-deal-inner dl dd{width:100%;border:none}}.page-contents{max-width:1080px;margin:0 auto;padding-bottom:80px}.page-contents .company-profile{padding-top:80px}.page-contents .company-profile .company-inner .section-title{margin-bottom:40px;font-family:"Noto Serif JP",sans-serif;font-size:28px;font-weight:600;text-align:center;letter-spacing:.05em;position:relative}.page-contents .company-profile .company-inner .section-title:after{content:"";display:block;width:50px;height:3px;background-color:#333;margin:15px auto 0}.page-contents .company-profile .company-inner .profile-table table{width:100%;border-collapse:collapse}.page-contents .company-profile .company-inner .profile-table table tr{border-bottom:1px solid #e0e0e0}.page-contents .company-profile .company-inner .profile-table table tr:first-child{border-top:1px solid #e0e0e0}.page-contents .company-profile .company-inner .profile-table table tr th{width:25%;padding:20px 30px;font-size:16px;font-weight:600;text-align:left;background-color:#f9f9f9}@media(max-width: 767px){.page-contents .company-profile .company-inner .profile-table table tr th{width:35%;padding:15px;font-size:14px}}.page-contents .company-profile .company-inner .profile-table table tr td{width:75%;padding:20px 30px;font-size:16px}@media(max-width: 767px){.page-contents .company-profile .company-inner .profile-table table tr td{width:65%;padding:15px;font-size:14px}}.page-contents .company-vision{padding-top:80px}.page-contents .company-vision .vision-inner .section-title{margin-bottom:40px;font-family:"Noto Serif JP",sans-serif;font-size:28px;font-weight:600;text-align:center;letter-spacing:.05em;position:relative}.page-contents .company-vision .vision-inner .section-title:after{content:"";display:block;width:50px;height:3px;background-color:#333;margin:15px auto 0}.page-contents .company-vision .vision-inner .vision-content .vision-text{margin-bottom:40px}.page-contents .company-vision .vision-inner .vision-content .vision-text h4{margin-bottom:20px;font-family:"Noto Serif JP",sans-serif;font-size:24px;font-weight:600;text-align:center;color:#333}.page-contents .company-vision .vision-inner .vision-content .vision-text p{font-size:16px;line-height:1.8;text-align:center}.page-contents .company-vision .vision-inner .vision-content .mission-points{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.page-contents .company-vision .vision-inner .vision-content .mission-points .mission-box{flex:1;min-width:280px;padding:25px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.page-contents .company-vision .vision-inner .vision-content .mission-points .mission-box h5{margin-bottom:15px;font-size:18px;font-weight:600;text-align:center;color:#333;position:relative}.page-contents .company-vision .vision-inner .vision-content .mission-points .mission-box h5:after{content:"";display:block;width:30px;height:2px;background-color:#333;margin:10px auto 0}.page-contents .company-vision .vision-inner .vision-content .mission-points .mission-box p{font-size:15px;line-height:1.6;text-align:center}@media(max-width: 767px){.page-contents .company-vision .vision-inner .vision-content .mission-points .mission-box{min-width:100%}}.page-contents .company-history{padding-top:80px}.page-contents .company-history .history-inner .section-title{margin-bottom:40px;font-family:"Noto Serif JP",sans-serif;font-size:28px;font-weight:600;text-align:center;letter-spacing:.05em;position:relative}.page-contents .company-history .history-inner .section-title:after{content:"";display:block;width:50px;height:3px;background-color:#333;margin:15px auto 0}.page-contents .company-history .history-inner .history-content .history-table{width:100%;border-collapse:collapse}.page-contents .company-history .history-inner .history-content .history-table tr{border-bottom:1px solid #e0e0e0}.page-contents .company-history .history-inner .history-content .history-table tr:first-child{border-top:1px solid #e0e0e0}.page-contents .company-history .history-inner .history-content .history-table tr th{width:30%;padding:20px 30px;font-size:16px;font-weight:600;text-align:left}@media(max-width: 767px){.page-contents .company-history .history-inner .history-content .history-table tr th{width:40%;padding:15px;font-size:14px}}.page-contents .company-history .history-inner .history-content .history-table tr td{width:70%;padding:20px 30px;font-size:16px}@media(max-width: 767px){.page-contents .company-history .history-inner .history-content .history-table tr td{width:60%;padding:15px;font-size:14px}}.page-contents .company-message{padding-top:80px}.page-contents .company-message .message-inner .section-title{margin-bottom:40px;font-family:"Noto Serif JP",sans-serif;font-size:28px;font-weight:600;text-align:center;letter-spacing:.05em;position:relative}.page-contents .company-message .message-inner .section-title:after{content:"";display:block;width:50px;height:3px;background-color:#333;margin:15px auto 0}.page-contents .company-message .message-inner .message-content{display:flex;flex-wrap:wrap;gap:40px}.page-contents .company-message .message-inner .message-content .ceo-photo{flex:1;min-width:250px;max-width:300px;margin:0 auto}.page-contents .company-message .message-inner .message-content .ceo-photo img{width:100%;height:auto;border-radius:8px}@media(max-width: 767px){.page-contents .company-message .message-inner .message-content .ceo-photo{min-width:100%}}.page-contents .company-message .message-inner .message-content .message-text{flex:2}.page-contents .company-message .message-inner .message-content .message-text p{margin-bottom:20px;font-size:16px;line-height:1.8}.page-contents .company-message .message-inner .message-content .message-text p.signature{margin-top:30px;font-family:"Noto Serif JP",sans-serif;font-weight:600;text-align:right}@media(max-width: 767px){.page-contents .company-message .message-inner .message-content .message-text{flex:1 0 100%}}.page-contents .company-access{padding-top:80px}.page-contents .company-access .access-inner .section-title{margin-bottom:40px;font-family:"Noto Serif JP",sans-serif;font-size:28px;font-weight:600;text-align:center;letter-spacing:.05em;position:relative}.page-contents .company-access .access-inner .section-title:after{content:"";display:block;width:50px;height:3px;background-color:#333;margin:15px auto 0}.page-contents .company-access .access-inner .access-content .google-map iframe{width:100%;height:450px;border:none}@media(max-width: 767px){.page-contents .company-access .access-inner .access-content .google-map iframe{height:350px}}.page-contents .company-access .access-inner .access-content .access-info{margin-top:40px;text-align:center}.page-contents .company-access .access-inner .access-content .access-info p.access-headline{margin-bottom:20px;font-size:24px;font-weight:600}.page-contents .company-access .access-inner .access-content .access-info p.access-headline span{font-size:36px;color:#e60012;margin:0 5px}.page-contents .company-access .access-inner .access-content .access-info p{margin-bottom:15px;font-size:16px;line-height:1.6}.page-contents .company-access .access-inner .access-content .access-info p .tel{font-weight:600;color:#333}@media(min-width: 768px){.page-contents{padding:0 30px}}.advisor-wrap{font-size:18px}.advisor-wrap br.hide-desktop{display:none}.advisor-wrap .advisor-inner{max-width:1080px;margin:0 auto 50px;padding:80px 20px 0}.advisor-wrap .advisor-inner .contents-title{margin-bottom:40px;font-size:clamp(20px,4vw,36px);font-weight:900;text-align:center;color:#e91e1e;position:relative;padding:20px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:3px 3px 6px rgba(233,30,30,.2);letter-spacing:1px}.advisor-wrap .advisor-inner .contents-title::before{content:"";position:absolute;top:15%;left:50%;transform:translateX(-50%);width:300px;height:2px;background:linear-gradient(90deg, transparent, #e91e1e, transparent);z-index:-1}.advisor-wrap .advisor-inner .contents-title::after{content:"";position:absolute;bottom:15%;left:50%;transform:translateX(-50%);width:300px;height:2px;background:linear-gradient(90deg, transparent, #e91e1e, transparent)}.advisor-wrap .advisor-inner .course-list{max-width:1080px;margin:0 auto 60px}.advisor-wrap .advisor-inner .course-list ul{display:flex;justify-content:space-between}.advisor-wrap .advisor-inner .course-list ul li{width:31.25%;margin:0 auto 1em;padding:1em;border-top:solid 5px #f29602;background-color:#fdfbf6;box-shadow:3px 1px 4px rgba(0,0,0,.2)}.advisor-wrap .advisor-inner .course-list ul li .course-name{font-size:22px;text-align:center}.advisor-wrap .advisor-inner .course-list p{font-size:26px;font-weight:500;color:#e91e1e;text-align:center}.advisor-wrap .advisor-inner .conditions .conditions-title{position:relative;padding:8px 16px;outline:1px solid #333;font-size:24px;letter-spacing:.1em;color:#333;font-weight:400;display:block;box-sizing:border-box;max-width:500px;text-align:center;margin:24px;margin-inline:auto}.advisor-wrap .advisor-inner .conditions .conditions-title::before{content:"";position:absolute;top:-6px;left:-6px;width:40px;height:40px;background:#d0e0e5;clip-path:polygon(0 0, 100% 0%, 0 100%);z-index:-999}.advisor-wrap .advisor-inner .conditions .conditions-title::after{content:"";position:absolute;top:6px;left:6px;width:100%;height:100%;outline:1px solid #333}.advisor-wrap .advisor-inner .conditions .conditions-list{max-width:930px;margin:0 auto 40px;padding:0 20px;box-sizing:border-box}.advisor-wrap .advisor-inner .conditions .conditions-list ul li{margin:0 auto 2em;padding:2em;--border-color: #666;position:relative}.advisor-wrap .advisor-inner .conditions .conditions-list ul li::before,.advisor-wrap .advisor-inner .conditions .conditions-list ul li::after{content:"";width:.75em;height:100%;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);position:absolute;bottom:0}.advisor-wrap .advisor-inner .conditions .conditions-list ul li::before{border-left:1px solid var(--border-color);left:0}.advisor-wrap .advisor-inner .conditions .conditions-list ul li::after{border-right:1px solid var(--border-color);right:0}.advisor-wrap .advisor-inner .conditions .conditions-list ul li .conditions-name{margin-bottom:25px;padding-left:30px;font-size:28px;font-weight:500;position:relative}.advisor-wrap .advisor-inner .conditions .conditions-list ul li .conditions-name::before{content:"";width:5px;height:100%;margin:auto;border-radius:100vmax;position:absolute;top:0;left:0;background:#a6cedb}.advisor-wrap .advisor-inner .conditions .conditions-list ul li p{padding-left:30px}.advisor-wrap .advisor-inner .conditions .conditions-list ul li:last-child{margin:0 auto 1em}.advisor-wrap .advisor-inner .conditions .conditions-list p.certification{font-size:26px;font-weight:500;color:#e91e1e;text-align:center}.advisor-wrap .advisor-inner .conditions .complete-item{display:flex;justify-content:space-between}.advisor-wrap .advisor-inner .conditions .complete-item .box01{max-width:470px}.advisor-wrap .advisor-inner .conditions .complete-item .item-box img{border:2px solid #e5e5e5}.advisor-wrap .advisor-inner .conditions .complete-item .item-box p{font-size:18px;text-align:center;line-height:1.4}@media screen and (max-width: 480px){.advisor-wrap br.hide-desktop{display:block}.advisor-wrap .advisor-inner .contents-title{font-size:6vw}.advisor-wrap .advisor-inner .course-list ul{flex-direction:column}.advisor-wrap .advisor-inner .course-list ul li{width:100%}.advisor-wrap .advisor-inner .course-list ul li .course-name{font-size:5vw}.advisor-wrap .advisor-inner .course-list p{font-size:5vw;line-height:1.4}.advisor-wrap .advisor-inner .conditions .conditions-list{padding:0 5px}.advisor-wrap .advisor-inner .conditions .conditions-list ul li{padding:.8em}.advisor-wrap .advisor-inner .conditions .conditions-list ul li .conditions-name{margin-bottom:15px;padding-left:15px;font-size:5.8vw;line-height:1.6}.advisor-wrap .advisor-inner .conditions .conditions-list ul li p{padding-left:15px}.advisor-wrap .advisor-inner .conditions .conditions-list p.certification{display:flex;justify-content:center;font-size:5vw;text-align:left}.advisor-wrap .advisor-inner .conditions .complete-item{flex-direction:column}.advisor-wrap .advisor-inner .conditions .complete-item .box01,.advisor-wrap .advisor-inner .conditions .complete-item .box02{margin-bottom:15px}.advisor-wrap .advisor-inner .conditions .complete-item .box03{margin-top:15px}}.complete-wrap{font-size:18px}.complete-wrap .complete-contents{max-width:1080px;margin:0 auto 50px;padding:80px 20px 0}.complete-wrap .complete-contents .contents-title{margin-bottom:40px;font-size:clamp(20px,4vw,36px);font-weight:900;text-align:center;color:#e91e1e;position:relative;padding:20px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:3px 3px 6px rgba(233,30,30,.2);letter-spacing:1px}.complete-wrap .complete-contents .contents-title::before{content:"";position:absolute;top:15%;left:50%;transform:translateX(-50%);width:300px;height:2px;background:linear-gradient(90deg, transparent, #e91e1e, transparent);z-index:-1}.complete-wrap .complete-contents .contents-title::after{content:"";position:absolute;bottom:15%;left:50%;transform:translateX(-50%);width:300px;height:2px;background:linear-gradient(90deg, transparent, #e91e1e, transparent)}.complete-wrap .complete-contents p{margin-bottom:15px}.complete-wrap .complete-contents .complete-item{display:flex;justify-content:space-between}.complete-wrap .complete-contents .complete-item .box01{max-width:478px}.complete-wrap .complete-contents .complete-item .item-box img{border:2px solid #e5e5e5}.complete-wrap .complete-contents .complete-item .item-box p{font-size:18px;text-align:center;line-height:1.4}.complete-wrap .subscription{max-width:1080px;margin:0 auto 80px;padding:0 20px}.complete-wrap .subscription .contents-title{margin-bottom:20px;font-size:clamp(20px,4vw,36px);font-weight:900;text-align:center;color:#e91e1e;position:relative;padding:20px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:3px 3px 6px rgba(233,30,30,.2);letter-spacing:1px}.complete-wrap .subscription .contents-title::before{content:"";position:absolute;top:15%;left:50%;transform:translateX(-50%);width:300px;height:2px;background:linear-gradient(90deg, transparent, #e91e1e, transparent);z-index:-1}.complete-wrap .subscription .contents-title::after{content:"";position:absolute;bottom:15%;left:50%;transform:translateX(-50%);width:300px;height:2px;background:linear-gradient(90deg, transparent, #e91e1e, transparent)}.complete-wrap .subscription p{margin-bottom:15px}.complete-wrap .subscription p span{font-weight:bold;color:#e91e1e}.complete-wrap .subscription .subscription-image{text-align:center;margin-bottom:80px;text-align:center}.complete-wrap .subscription .subscription-image a.sample-link{display:inline-block;width:320px;margin:20px auto;padding:20px 30px;text-align:center;text-decoration:none;color:#fff;background:linear-gradient(135deg, #ff6b35, #f7931e);border:2px solid #e65c00;border-radius:8px;font-size:24px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px rgba(255,107,53,.3)}.complete-wrap .subscription .subscription-image a.sample-link:hover{background:linear-gradient(135deg, #ff5722, #e65100);border-color:#bf360c;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,87,34,.4)}.complete-wrap .subscription .price-list{max-width:960px;margin:0 auto 20px;display:flex;justify-content:space-between}.complete-wrap .subscription .price-list .course{width:32%;border:2px solid #cfcfcf;border-radius:20px;background:#ffc107}.complete-wrap .subscription .price-list .course .course-title{padding:20px 10px;font-size:32px;font-weight:500;text-align:center;color:#000;letter-spacing:.2em}.complete-wrap .subscription .price-list .course .course-price{padding:30px 0;font-size:42px;font-weight:400;text-align:center;border-radius:0 0 20px 20px;background:#fff}.complete-wrap .subscription .price-list .course .course-price span{padding-left:.3em;font-size:22px;font-weight:600}.complete-wrap .subscription .campaign .campaign-title{font-size:32px;letter-spacing:.2em;color:#ff2626;display:flex;justify-content:center}.complete-wrap .subscription .campaign .campaign-title::before,.complete-wrap .subscription .campaign .campaign-title::after{content:"";width:3px;height:60px;background-color:#e8af00}.complete-wrap .subscription .campaign .campaign-title::before{margin-right:30px;transform:rotate(-35deg)}.complete-wrap .subscription .campaign .campaign-title::after{margin-left:30px;transform:rotate(35deg)}.complete-wrap .subscription .campaign .campaign-details p{font-size:24px;font-weight:500;text-align:center}.complete-wrap .subscription .campaign .campaign-details .underline{padding:0 .3em;margin:0 5px 0;font-weight:500;color:#000;background:linear-gradient(transparent 70%, #fbc107 70%)}.complete-wrap .subscription .price-box{max-width:860px;margin:20px auto;padding:20px;border:2px solid #666}.complete-wrap .subscription .price-box ul.subscription-price{display:flex;justify-content:space-evenly}.complete-wrap .subscription p.campaign{max-width:860px;margin:0 auto;font-size:20px;font-weight:bold;color:#e91e1e}.complete-wrap .subscription p.attention{max-width:860px;margin:0 auto;text-align:right}.complete-wrap .subscription .subscribe{text-align:center;margin:30px 0}.complete-wrap .subscription .subscribe a.subscribe-button{display:inline-block;width:320px;margin:20px auto;padding:20px 30px;text-align:center;text-decoration:none;color:#fff;background:linear-gradient(135deg, #ff6b35, #f7931e);border:2px solid #e65c00;border-radius:8px;font-size:24px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px rgba(255,107,53,.3)}.complete-wrap .subscription .subscribe a.subscribe-button:hover{background:linear-gradient(135deg, #ff5722, #e65100);border-color:#bf360c;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,87,34,.4)}.complete-wrap .subscription .subscribe a.subscribe-button[href="#"]{background:linear-gradient(135deg, #9e9e9e, #757575);border-color:#616161;box-shadow:0 4px 12px rgba(158,158,158,.3);cursor:not-allowed}.complete-wrap .subscription .subscribe a.subscribe-button[href="#"]:hover{background:linear-gradient(135deg, #9e9e9e, #757575);border-color:#616161;transform:none;box-shadow:0 4px 12px rgba(158,158,158,.3)}.complete-wrap .subscription .subscribe p{font-size:20px;font-weight:500;color:#666;line-height:1.6;margin-top:10px}@media screen and (max-width: 480px){.complete-wrap .complete-contents .contents-title{font-size:clamp(16px,5vw,24px);font-weight:900;line-height:1.2;margin-bottom:30px;color:#e91e1e;padding:15px 0;text-shadow:2px 2px 4px rgba(233,30,30,.2);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.complete-wrap .complete-contents .contents-title::before{top:10%;width:200px;height:1px}.complete-wrap .complete-contents .contents-title::after{bottom:10%;width:200px;height:1px;background:linear-gradient(90deg, transparent, #e91e1e, transparent)}.complete-wrap .complete-contents .complete-item{margin:0;flex-direction:column}.complete-wrap .complete-contents .complete-item .item-box img{border:1px solid #666}.complete-wrap .complete-contents .complete-item .item-box p{padding-bottom:1em;font-size:clamp(16px,4vw,20px);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media screen and (max-width: 480px)and (max-width: 320px){.complete-wrap .complete-contents .complete-item .item-box p{font-size:clamp(14px,3.5vw,16px);white-space:normal}}@media screen and (max-width: 480px){.complete-wrap .complete-contents p{line-height:1.6;word-break:break-word;overflow-wrap:break-word}.complete-wrap .subscription .contents-title{font-size:clamp(16px,5vw,24px);font-weight:900;line-height:1.2;margin-bottom:30px;color:#e91e1e;padding:15px 0;text-shadow:2px 2px 4px rgba(233,30,30,.2);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.complete-wrap .subscription .contents-title::before{top:10%;width:200px;height:1px}.complete-wrap .subscription .contents-title::after{bottom:10%;width:200px;height:1px;background:linear-gradient(90deg, transparent, #e91e1e, transparent)}.complete-wrap .subscription p{line-height:1.6;word-break:break-word;overflow-wrap:break-word}.complete-wrap .subscription .subscription-image{text-align:center;margin-bottom:30px}.complete-wrap .subscription .subscription-image p{text-align:left}.complete-wrap .subscription .subscription-image a.sample-link{width:200px;margin:20px auto;padding:20px 30px;text-align:center;text-decoration:none;color:#fff;background:linear-gradient(135deg, #ff6b35, #f7931e);display:block;border:2px solid #e65c00;border-radius:8px;font-size:4.5vw;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px rgba(255,107,53,.3)}.complete-wrap .subscription .subscription-image a.sample-link:hover{background:linear-gradient(135deg, #ff5722, #e65100);border-color:#bf360c;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,87,34,.4)}.complete-wrap .subscription .price-list{flex-direction:column}.complete-wrap .subscription .price-list .course{width:100%;margin-bottom:30px}.complete-wrap .subscription .price-list .course .course-title{font-size:5.6vw;padding:10px 0}.complete-wrap .subscription .price-list .course .course-price{padding:15px 0;font-size:6.6vw}.complete-wrap .subscription .price-list .course .course-price span{font-size:4.6vw}.complete-wrap .subscription .campaign .campaign-title{font-size:32px;letter-spacing:.2em;color:#ff2626;display:flex;justify-content:center}.complete-wrap .subscription .campaign .campaign-title::before,.complete-wrap .subscription .campaign .campaign-title::after{content:"";width:3px;height:60px;background-color:#e8af00}.complete-wrap .subscription .campaign .campaign-title::before{margin-right:30px;transform:rotate(-35deg)}.complete-wrap .subscription .campaign .campaign-title::after{margin-left:30px;transform:rotate(35deg)}.complete-wrap .subscription .campaign .campaign-details p{font-size:5.2vw}.complete-wrap .subscription .campaign .campaign-details p.attention{font-size:4.6vw;text-align:left}.complete-wrap .subscription .campaign .campaign-details .underline{padding:0 .3em;margin:0 5px 0;font-weight:500;color:#000;background:linear-gradient(transparent 70%, #fbc107 70%)}.complete-wrap .subscription .price-box p{text-align:center;font-size:5vw;font-weight:600}.complete-wrap .subscription ul.subscription-price{flex-direction:column}.complete-wrap .subscription ul.subscription-price li{margin-bottom:15px;font-size:4.5vw;line-height:1.4;word-break:keep-all;overflow-wrap:break-word}.complete-wrap .subscription p.campaign{font-size:4.5vw;line-height:1.6;word-break:break-word;overflow-wrap:break-word}.complete-wrap .subscription p.attention{font-size:4vw;line-height:1.4;padding-top:1em;padding-left:1em;text-indent:-1em;text-align:left}.complete-wrap .subscription p.large{font-size:6vw}.complete-wrap .subscription .subscribe{text-align:center;margin:30px 0}.complete-wrap .subscription .subscribe a.subscribe-button{display:block;width:200px;margin:20px auto;padding:20px 30px;text-align:center;text-decoration:none;color:#fff;background:linear-gradient(135deg, #ff6b35, #f7931e);border:2px solid #e65c00;border-radius:8px;font-size:4.5vw;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px rgba(255,107,53,.3)}.complete-wrap .subscription .subscribe a.subscribe-button:hover{background:linear-gradient(135deg, #ff5722, #e65100);border-color:#bf360c;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,87,34,.4)}.complete-wrap .subscription .subscribe a.subscribe-button[href="#"]{background:linear-gradient(135deg, #9e9e9e, #757575);border-color:#616161;box-shadow:0 4px 12px rgba(158,158,158,.3);cursor:not-allowed}.complete-wrap .subscription .subscribe a.subscribe-button[href="#"]:hover{background:linear-gradient(135deg, #9e9e9e, #757575);border-color:#616161;transform:none;box-shadow:0 4px 12px rgba(158,158,158,.3)}.complete-wrap .subscription .subscribe p{font-size:4vw;color:#666;margin-top:10px;line-height:1.4;word-break:break-word;overflow-wrap:break-word}}@media screen and (max-width: 768px)and (min-width: 481px){.complete-wrap .complete-contents .complete-item .item-box p{font-size:clamp(18px,3vw,20px)}.complete-wrap .subscription .subscribe a.subscribe-button{font-size:clamp(16px,2.5vw,18px)}.complete-wrap .subscription .subscribe p{font-size:clamp(14px,2vw,16px)}}@media screen and (max-width: 320px){.complete-wrap .complete-contents .complete-item .item-box p{font-size:14px;line-height:1.3;white-space:normal}.complete-wrap .complete-contents .complete-item .item-box p br{display:none}}@media screen and (min-width: 481px){.hide-desktop{display:none}}.video-sample-container{max-width:720px;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.video-sample-title{font-size:1.4rem;font-weight:bold;margin-bottom:1rem;text-align:center;line-height:1.3}.video-sample-desc{font-size:1.1rem;color:#444;margin-bottom:2rem;text-align:center}.video-sample-player{display:flex;justify-content:center}.video-sample-iframe-wrapper{position:relative;width:100%;max-width:640px;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden}.video-sample-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.index-videos-page{min-height:calc(100vh - 60px);max-width:100%;overflow-x:hidden;background:#f8fafc}.index-videos-page .page-header{background:#fff;color:#1f2937;padding:3rem 0;border-bottom:1px solid #e5e7eb}.index-videos-page .page-header .container{max-width:1200px;margin:0 auto;padding:0 1rem}@media(max-width: 768px){.index-videos-page .page-header .container{padding:0 1rem}}.index-videos-page .page-header .page-title{display:flex;align-items:center;gap:.75rem;font-size:2.5rem;font-weight:700;margin:0 0 1rem 0;color:#1f2937}@media(max-width: 768px){.index-videos-page .page-header .page-title{font-size:2rem;flex-direction:column;text-align:center;gap:.5rem}}.index-videos-page .page-header .page-title .page-icon{width:2rem;height:2rem;color:#3b82f6}@media(max-width: 768px){.index-videos-page .page-header .page-title .page-icon{width:1.5rem;height:1.5rem}}.index-videos-page .page-header .page-description{font-size:1.25rem;margin:0;color:#6b7280;max-width:600px}@media(max-width: 768px){.index-videos-page .page-header .page-description{font-size:1.125rem;text-align:center;margin:0 auto}}.index-videos-page .page-header .page-description .guest-note{display:block;margin-top:.5rem;font-size:1rem;color:#d97706;font-weight:500}@media(max-width: 768px){.index-videos-page .page-header .page-description .guest-note{font-size:.9rem}}.index-videos-page .two-pane-layout{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;margin:2rem 0;min-height:600px;max-width:100%;width:100%;box-sizing:border-box}.index-videos-page .two-pane-layout>*{min-height:600px;min-width:0;max-width:100%;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}@media(max-width: 768px){.index-videos-page .two-pane-layout{display:flex;flex-direction:column;margin:1rem 0;gap:1rem;height:100vh;max-height:100vh}.index-videos-page .two-pane-layout>*{width:100%;border-radius:8px;box-shadow:0 2px 4px -1px rgba(0,0,0,.1)}}@media(max-width: 1024px){.index-videos-page .two-pane-layout{grid-template-columns:280px 1fr;gap:1rem}}@media(max-width: 900px){.index-videos-page .two-pane-layout{grid-template-columns:250px 1fr}}.left-pane{background:#fff;border:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden}@media(max-width: 768px){.left-pane{border:1px solid #e2e8f0;max-height:40vh;min-height:40vh;overflow-y:auto;flex-shrink:0}}.left-pane .item-tree-wrapper{background:rgba(0,0,0,0);border-radius:0;box-shadow:none;overflow:hidden;height:100%;display:flex;flex-direction:column}@media(max-width: 768px){.left-pane .item-tree-wrapper{height:auto;min-height:100%}}.item-tree-header{background:#f1f5f9;padding:12px 16px;border-bottom:1px solid #e2e8f0}.item-tree-header .item-tree-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;margin:0;color:#374151}.item-tree-header .item-tree-title .category-icon{width:14px;height:14px}.item-tree-header .mobile-instructions{display:none;margin-top:8px}@media(max-width: 768px){.item-tree-header .mobile-instructions{display:block}}.item-tree-header .mobile-instructions .mobile-instruction-text{font-size:12px;color:#6b7280;margin:0 0 6px 0}.item-tree-header .mobile-instructions .mobile-instruction-items{display:flex;gap:12px}.item-tree-header .mobile-instructions .mobile-instruction-item{display:flex;align-items:center;gap:4px;font-size:11px;color:#9ca3af}.item-tree-header .mobile-instructions .mobile-instruction-item .mobile-instruction-icon{width:12px;height:12px}.item-tree-content{max-height:none;overflow-y:auto;flex:1;padding:8px 0}.item-tree-node{border-bottom:1px solid #f1f5f9}.item-tree-node:last-child{border-bottom:none}.item-header{display:flex;align-items:center;gap:4px;min-height:40px;position:relative;pointer-events:none}.item-header>*{pointer-events:auto}.tree-toggle-btn{background:none;border:none;padding:4px;cursor:pointer;color:#6b7280;transition:color .2s ease;flex-shrink:0}.tree-toggle-btn:hover{color:#374151}.tree-toggle-btn .toggle-icon{width:12px;height:12px;transition:transform .2s ease}.tree-toggle-btn[aria-expanded=true] .toggle-icon{transform:rotate(90deg)}.tree-spacer{width:20px;height:12px;flex-shrink:0}.item-button{display:flex;align-items:center;gap:6px;flex:1;text-decoration:none;color:#374151;padding:8px 12px;transition:all .2s ease;border-radius:4px;margin:2px 8px 2px 0;border:none;background:rgba(0,0,0,0);font-family:inherit;font-size:inherit;cursor:pointer;width:calc(100% - 8px);text-align:left;position:relative;z-index:5}@media(max-width: 768px){.item-button{z-index:1}}.item-button:hover:not(:disabled){background:#e5e7eb;text-decoration:none;color:#374151}.item-button.active{background:#3b82f6;color:#fff}.item-button.active .video-count-badge{color:hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.2)}.item-button.disabled{color:#9ca3af;cursor:not-allowed;opacity:.6}.item-button.disabled .item-title{color:#9ca3af}.item-button.disabled .video-icon-missing{color:#d1d5db}.item-button.disabled:hover{background:rgba(0,0,0,0);color:#9ca3af}.item-button.guest-video{position:relative}.item-button.guest-video::after{content:"🔒";position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:.75rem}.item-button.guest-video:hover{background:#fef3c7;border-color:#f59e0b}.category-folder-icon,.category-file-icon,.video-icon,.video-icon-missing{width:12px;height:12px;flex-shrink:0}.video-icon{color:#10b981}.video-icon-missing{color:#ef4444}.item-title{flex:1;font-weight:500;font-size:13px;line-height:1.3}.video-count-badge{font-size:11px;color:#6b7280;background:#e5e7eb;padding:1px 6px;border-radius:8px;min-width:16px;text-align:center}.item-content{overflow:hidden;transition:max-height .3s ease,opacity .3s ease;max-height:0;opacity:0}.item-content.expanded{max-height:1000px;opacity:1}.video-list{background:#fff;border-left:2px solid #e5e7eb;margin-left:16px}.video-tree-item{border-bottom:1px solid #f3f4f6}.video-tree-item:last-child{border-bottom:none}.video-item-link{display:flex;align-items:center;gap:6px;padding:6px 12px;text-decoration:none;color:#374151;transition:background-color .2s ease;font-size:12px}.video-item-link:hover{background:#f9fafb;color:#374151;text-decoration:none}.video-item-link:has(.video-icon-missing){color:#6b7280}.video-item-link:has(.video-icon-missing):hover{background:#f9fafb;color:#6b7280}.video-icon,.video-icon-missing{width:10px;height:10px;flex-shrink:0}.video-icon{color:#10b981}.video-icon-missing{color:#ef4444}.video-title{flex:1;font-weight:500;line-height:1.3}.unpublished-badge{background:#fef3c7;color:#d97706;font-size:9px;padding:1px 4px;border-radius:4px;font-weight:600}.category-item .video-count:empty,.category-item .video-count:contains("(0本)"){color:#9ca3af;background:#f3f4f6}.right-pane{background:#fff;border:1px solid #e2e8f0;display:flex;flex-direction:column;min-width:0;max-width:100%;overflow:hidden;padding:0}@media(max-width: 768px){.right-pane{border:1px solid #e2e8f0;min-height:60vh;max-height:60vh;padding:.5rem;overflow-y:auto;flex-shrink:0}}.right-pane .video-player-display{background:rgba(0,0,0,0);border-radius:0;box-shadow:none;overflow:hidden;height:100%;display:flex;flex-direction:column;min-width:0;max-width:100%;padding:0}@media(max-width: 768px){.right-pane .video-player-display{padding:0}}.video-player-default{display:flex;align-items:center;justify-content:center;min-height:600px;padding:2rem;flex:1}.video-player-default .default-content-wrapper{text-align:center;max-width:500px}.video-player-default .default-icon{margin:0 auto 1.5rem;width:64px;height:64px;color:#9ca3af}.video-player-default .default-icon svg{width:100%;height:100%}.video-player-default .default-title{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:1rem}.video-player-default .default-description{color:#6b7280;margin-bottom:2rem;line-height:1.6}.video-player-default .default-description .desktop-instruction{display:inline}@media(max-width: 768px){.video-player-default .default-description .desktop-instruction{display:none}}.video-player-default .default-description .mobile-instruction{display:none}@media(max-width: 768px){.video-player-default .default-description .mobile-instruction{display:inline}}.video-player-default .default-instructions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.video-player-default .default-instructions .instruction-item{display:flex;align-items:center;gap:.75rem;text-align:left}.video-player-default .default-instructions .instruction-item .instruction-icon{width:20px;height:20px;color:#3b82f6;flex-shrink:0}.video-player-default .default-instructions .instruction-item .instruction-icon svg{width:100%;height:100%}.video-player-default .default-instructions .instruction-item .instruction-text{color:#4b5563;font-size:.9rem}.video-player-default .default-instructions .instruction-item .instruction-text strong{color:#374151}.video-player-default .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.video-player-default .stats-grid .stat-item{text-align:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.video-player-default .stats-grid .stat-item .stat-number{font-size:1.5rem;font-weight:700;color:#3b82f6;margin-bottom:.25rem}.video-player-default .stats-grid .stat-item .stat-label{font-size:.875rem;color:#6b7280;font-weight:500}.video-player-content{height:100%;flex:1;display:flex;flex-direction:column;min-width:0;max-width:100%;overflow:hidden;padding:0 1rem}@media(max-width: 768px){.video-player-content{padding:0 .5rem}}.video-player-content .video-player-header{background:#fafbfc;padding:16px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start;max-width:100%}.video-player-content .video-player-header .video-info{flex:1}.video-player-content .video-player-header .video-info .video-title{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .75rem 0;line-height:1.4}.video-player-content .video-player-header .video-info .video-meta{display:flex;flex-wrap:wrap;gap:1rem}.video-player-content .video-player-header .video-info .video-meta .meta-item{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#6b7280}.video-player-content .video-player-header .video-info .video-meta .meta-item .meta-icon{width:1rem;height:1rem;flex-shrink:0}.video-player-content .video-player-header .close-video-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;border-radius:4px;transition:all .2s ease;flex-shrink:0}.video-player-content .video-player-header .close-video-btn:hover{background:#f3f4f6;color:#374151}.video-player-content .video-player-header .close-video-btn svg{width:1.25rem;height:1.25rem}.video-player-content .video-player-container{position:relative;width:100%;max-width:100%;height:0;padding-bottom:56.25%;background:#000;margin:1rem 0;border-radius:8px;overflow:hidden}@media(max-width: 768px){.video-player-content .video-player-container{margin:.5rem 0;border-radius:4px;padding-bottom:56.25%}}.video-player-content .video-player-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;max-width:100%}.video-player-content .video-player-container .video-error{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:#fff;width:100%;padding:2rem}.video-player-content .video-player-container .video-error .error-icon{margin:0 auto 1rem}.video-player-content .video-player-container .video-error .error-icon svg{width:3rem;height:3rem;color:#ef4444}.video-player-content .video-player-container .video-error .error-message{font-size:1.125rem;font-weight:600;margin:0 0 .5rem 0}.video-player-content .video-player-container .video-error .error-description{font-size:.875rem;opacity:.8;margin:0}.video-player-content .video-actions{background:#fafbfc;padding:16px 20px;border-top:1px solid #e2e8f0;display:flex;gap:1rem;flex-shrink:0}.video-player-content .video-actions .btn-primary,.video-player-content .video-actions .btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.video-player-content .video-actions .btn-primary svg,.video-player-content .video-actions .btn-secondary svg{width:1rem;height:1rem}.video-player-content .video-actions .btn-primary{background:#3b82f6;color:#fff}.video-player-content .video-actions .btn-primary:hover{background:#2563eb;color:#fff;text-decoration:none}.video-player-content .video-actions .btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.video-player-content .video-actions .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#374151;text-decoration:none}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:1rem}.error-message .error-icon{margin-bottom:1rem}.error-message .error-icon svg{width:2rem;height:2rem}.error-message p{margin:0;font-weight:500}.items-content{padding:20px;flex:1;overflow-y:auto}.items-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.items-header h3{font-size:1.125rem;font-weight:600;color:#374151;margin:0}.items-header h3 .text-sm{font-size:.875rem;font-weight:400;color:#6b7280}.items-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1rem}@media(max-width: 768px){.items-grid{grid-template-columns:1fr}}.item-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s ease}.item-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border-color:#d1d5db}.category-card .flex,.video-card .flex{display:flex}.category-card .flex.items-center,.video-card .flex.items-center{align-items:center}.category-card .flex.items-start,.video-card .flex.items-start{align-items:flex-start}.category-card .flex.space-x-3>*+*,.video-card .flex.space-x-3>*+*{margin-left:.75rem}.category-card .flex-shrink-0,.video-card .flex-shrink-0{flex-shrink:0}.category-card .flex-1,.video-card .flex-1{flex:1;min-width:0}.category-card .min-w-0,.video-card .min-w-0{min-width:0}.category-card h4,.video-card h4{font-size:.875rem;font-weight:500;color:#111827;margin:0}.category-card h4.truncate,.video-card h4.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-card p,.video-card p{font-size:.875rem;color:#6b7280;margin:.25rem 0 0 0}.category-card .text-xs,.video-card .text-xs{font-size:.75rem}.category-card .text-gray-500,.video-card .text-gray-500{color:#6b7280}.category-card .text-yellow-600,.video-card .text-yellow-600{color:#d97706}.category-card svg.w-8,.video-card svg.w-8{width:2rem;height:2rem}.category-card svg.w-6,.video-card svg.w-6{width:1.5rem;height:1.5rem}.category-card svg.text-blue-500,.video-card svg.text-blue-500{color:#3b82f6}.category-card svg.text-gray-400,.video-card svg.text-gray-400{color:#9ca3af}.category-card svg.text-yellow-600,.video-card svg.text-yellow-600{color:#d97706}.category-card .w-16,.video-card .w-16{width:4rem}.category-card .h-12,.video-card .h-12{height:3rem}.category-card .bg-gray-100,.video-card .bg-gray-100{background-color:#f3f4f6}.category-card .bg-yellow-100,.video-card .bg-yellow-100{background-color:#fef3c7}.category-card .rounded,.video-card .rounded{border-radius:.25rem}.category-card .overflow-hidden,.video-card .overflow-hidden{overflow:hidden}.category-card .object-cover,.video-card .object-cover{object-fit:cover}.category-card .w-full,.video-card .w-full{width:100%}.category-card .h-full,.video-card .h-full{height:100%}.category-card .justify-center,.video-card .justify-center{justify-content:center}.category-card .mt-1,.video-card .mt-1{margin-top:.25rem}.category-card a,.video-card a{color:inherit;text-decoration:none}.category-card a:hover,.video-card a:hover{color:inherit;text-decoration:none}.category-card a.block,.video-card a.block{display:block}.category-card a.hover\\:bg-gray-50:hover,.video-card a.hover\\:bg-gray-50:hover{background-color:#f9fafb}.category-card a.-m-2,.video-card a.-m-2{margin:-0.5rem}.category-card a.p-2,.video-card a.p-2{padding:.5rem}.video-detail-default{display:flex;align-items:center;justify-content:center;min-height:600px;padding:2rem;flex:1}.video-detail-default .default-content-wrapper{text-align:center;max-width:400px}.video-detail-default .default-icon{margin:0 auto 1.5rem;width:64px;height:64px;color:#9ca3af}.video-detail-default .default-icon svg{width:100%;height:100%}.video-detail-default .default-title{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:1rem}.video-detail-default .default-description{color:#6b7280;margin-bottom:2rem;line-height:1.6}.video-detail-default .default-instructions{display:flex;flex-direction:column;gap:1rem}.video-detail-default .default-instructions .instruction-item{display:flex;align-items:center;gap:.75rem;text-align:left}.video-detail-default .default-instructions .instruction-item .instruction-icon{width:20px;height:20px;color:#3b82f6;flex-shrink:0}.video-detail-default .default-instructions .instruction-item .instruction-icon svg{width:100%;height:100%}.video-detail-default .default-instructions .instruction-item .instruction-text{color:#4b5563;font-size:.9rem}.video-detail-default .default-instructions .instruction-item .instruction-text strong{color:#374151}.video-detail-view{height:100%;flex:1;display:flex;flex-direction:column}.video-detail-view .video-detail-header{background:#fafbfc;padding:16px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.video-detail-view .video-detail-header .video-detail-title{display:flex;align-items:center;gap:8px;font-size:1.125rem;font-weight:600;color:#374151;margin:0}.video-detail-view .video-detail-header .video-detail-title .detail-icon{width:20px;height:20px;color:#3b82f6}.video-detail-view .video-detail-content{padding:20px;flex:1;overflow-y:auto}.video-detail-view .video-detail-content .video-preview{position:relative;margin-bottom:1.5rem}.video-detail-view .video-detail-content .video-preview .video-thumbnail-placeholder{aspect-ratio:16/9;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#9ca3af}.video-detail-view .video-detail-content .video-preview .video-thumbnail-placeholder svg{width:48px;height:48px}.video-detail-view .video-detail-content .video-preview .video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,.8);color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.video-detail-view .video-detail-content .video-preview .video-play-btn:hover{background:rgba(0,0,0,.9);transform:translate(-50%, -50%) scale(1.05)}.video-detail-view .video-detail-content .video-preview .video-play-btn svg{width:16px;height:16px}.video-detail-view .video-detail-content .video-info-section .video-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.video-detail-view .video-detail-content .video-info-section .video-meta-grid .meta-item .meta-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.video-detail-view .video-detail-content .video-info-section .video-meta-grid .meta-item .meta-value{color:#374151;font-weight:500}.video-detail-view .video-detail-content .video-info-section .video-status{margin-bottom:1.5rem}.video-detail-view .video-detail-content .video-info-section .video-status .status-badge{background:#fef3c7;color:#d97706;font-size:.75rem;padding:4px 8px;border-radius:4px;font-weight:600}.video-detail-view .video-detail-content .video-info-section .video-actions .btn-primary{background:#3b82f6;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.video-detail-view .video-detail-content .video-info-section .video-actions .btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.video-detail-view .video-detail-content .video-info-section .video-actions .btn-primary svg{width:16px;height:16px}.video-detail-view .video-detail-content .video-info-section .video-actions .no-file-message{display:flex;align-items:center;gap:8px;color:#dc2626;font-weight:500;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.video-detail-view .video-detail-content .video-info-section .video-actions .no-file-message svg{width:20px;height:20px;flex-shrink:0}.videos-header{background:#fafbfc;padding:16px 20px;border-bottom:1px solid #e2e8f0}.videos-header .videos-section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;margin:0 0 8px 0;color:#374151}.videos-header .videos-section-title .section-icon{width:16px;height:16px}.videos-header .category-hierarchy{margin:0 0 8px 0}.videos-header .category-hierarchy .hierarchy-path{color:#6b7280;font-size:12px}.videos-header .videos-count-info .videos-count{color:#6b7280;font-size:12px}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.5rem;padding:1.5rem}@media(max-width: 768px){.videos-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}}.video-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease}.video-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.video-card.highlight{box-shadow:0 0 20px rgba(59,130,246,.5);transform:scale(1.02);border:2px solid #3b82f6}.video-link{display:block;text-decoration:none}.video-thumbnail{position:relative;width:100%;height:160px;background:#f1f5f9;overflow:hidden}.video-thumbnail .thumbnail-image{width:100%;height:100%;object-fit:cover}.video-thumbnail .thumbnail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#9ca3af}.video-thumbnail .thumbnail-placeholder svg{width:3rem;height:3rem}.video-thumbnail .thumbnail-placeholder.no-file{background:#fef2f2;color:#dc2626;border:2px dashed #fca5a5}.video-thumbnail .thumbnail-placeholder.no-file svg{width:2rem;height:2rem;margin-bottom:.5rem}.video-thumbnail .video-duration{position:absolute;bottom:.5rem;right:.5rem;background:rgba(0,0,0,.8);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.video-thumbnail .play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,.6);color:#fff;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.video-thumbnail .play-overlay .play-icon{width:1.5rem;height:1.5rem;margin-left:.125rem}.video-thumbnail:hover .play-overlay{opacity:1}.video-info{padding:1rem}.video-info .video-title{margin:0 0 .75rem 0}.video-info .video-title-link{color:#374151;text-decoration:none;font-weight:600;font-size:1rem;line-height:1.4}.video-info .video-title-link:hover{color:#3b82f6}.video-info .video-meta{display:flex;flex-direction:column;gap:.5rem}.video-info .video-meta .video-category,.video-info .video-meta .video-instructor,.video-info .video-meta .video-position{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#6b7280}.video-info .video-meta .video-category .meta-icon,.video-info .video-meta .video-instructor .meta-icon,.video-info .video-meta .video-position .meta-icon{width:1rem;height:1rem;flex-shrink:0}.empty-state{text-align:center;padding:3rem 1.5rem;color:#6b7280}.empty-state .empty-state-icon{margin:0 auto 1rem}.empty-state .empty-state-icon svg{width:4rem;height:4rem;opacity:.5}.empty-state .empty-state-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem 0}.empty-state .empty-state-message{font-size:.875rem;margin:0;line-height:1.5}.access-denied-wrapper{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px)}.access-denied-wrapper .access-denied-content{text-align:center;max-width:400px;padding:2rem}.access-denied-wrapper .access-denied-content .access-denied-icon{margin:0 auto 1.5rem}.access-denied-wrapper .access-denied-content .access-denied-icon svg{width:4rem;height:4rem;color:#ef4444}.access-denied-wrapper .access-denied-content .access-denied-title{font-size:1.5rem;font-weight:700;margin:0 0 1rem 0;color:#374151}.access-denied-wrapper .access-denied-content .access-denied-message{color:#6b7280;margin:0 0 2rem 0;line-height:1.6}.access-denied-wrapper .access-denied-content .access-denied-actions{display:flex;gap:1rem;justify-content:center}.access-denied-wrapper .access-denied-content .access-denied-actions .btn-primary,.access-denied-wrapper .access-denied-content .access-denied-actions .btn-secondary{padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .2s ease}.access-denied-wrapper .access-denied-content .access-denied-actions .btn-primary{background:#3b82f6;color:#fff}.access-denied-wrapper .access-denied-content .access-denied-actions .btn-primary:hover{background:#2563eb}.access-denied-wrapper .access-denied-content .access-denied-actions .btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.access-denied-wrapper .access-denied-content .access-denied-actions .btn-secondary:hover{background:#f9fafb}.no-file{background:#fee2e2;color:#dc2626;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:600;text-align:center;border:1px solid #fca5a5}.loading,.error{display:flex;align-items:center;justify-content:center;height:200px;font-size:1.125rem;color:#6b7280;background:#f9fafb;border-radius:8px;margin:1rem 0}.loading{color:#3b82f6}.loading::before{content:"";display:inline-block;width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;margin-right:.5rem;animation:spin 1s linear infinite}.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}@keyframes spin{to{transform:rotate(360deg)}}.video-player-view{padding:20px}.video-player-view .video-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.video-player-view .video-player-header .video-player-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.video-player-view .video-player-header .video-player-title .detail-icon{width:1.5rem;height:1.5rem;color:#3b82f6}.video-player-view .video-player-header .back-to-detail-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.video-player-view .video-player-header .back-to-detail-btn:hover{background:#e5e7eb;border-color:#9ca3af}.video-player-view .video-player-header .back-to-detail-btn svg{width:1rem;height:1rem}.video-player-view .video-player-container{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.1);margin-bottom:1.5rem}.video-player-view .video-player-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px}.video-player-view .video-info-section .video-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}@media(max-width: 640px){.video-player-view .video-info-section .video-meta-grid{grid-template-columns:1fr;gap:.75rem}}.video-player-view .video-info-section .video-meta-grid .meta-item .meta-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.video-player-view .video-info-section .video-meta-grid .meta-item .meta-value{color:#374151;font-weight:500;font-size:.875rem}.video-player-view .video-info-section .video-status{margin-bottom:1.5rem}.video-player-view .video-info-section .video-status .status-badge{background:#fef3c7;color:#d97706;font-size:.75rem;padding:4px 8px;border-radius:4px;font-weight:600}.guest-access-banner{background:linear-gradient(90deg, #3b82f6 0%, #1d4ed8 100%);color:#fff;padding:1rem 0;margin-bottom:1rem}.guest-access-banner .guest-banner-content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}@media(max-width: 768px){.guest-access-banner .guest-banner-content{flex-direction:column;text-align:center;gap:1rem}}.guest-access-banner .guest-banner-icon{flex-shrink:0}.guest-access-banner .guest-banner-icon svg{width:2.5rem;height:2.5rem;color:#fbbf24}.guest-access-banner .guest-banner-text{flex:1}.guest-access-banner .guest-banner-text h2{font-size:1.25rem;font-weight:700;margin:0 0 .5rem 0}.guest-access-banner .guest-banner-text p{margin:0;opacity:.9;font-size:.9rem}.guest-access-banner .guest-banner-actions{display:flex;gap:.75rem;flex-shrink:0}@media(max-width: 768px){.guest-access-banner .guest-banner-actions{width:100%;justify-content:center}}.guest-access-banner .guest-banner-actions .btn-primary,.guest-access-banner .guest-banner-actions .btn-secondary{padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-decoration:none;transition:all .2s;white-space:nowrap}.guest-access-banner .guest-banner-actions .btn-primary:hover,.guest-access-banner .guest-banner-actions .btn-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.guest-access-banner .guest-banner-actions .btn-primary{background:#fff;color:#1d4ed8}.guest-access-banner .guest-banner-actions .btn-primary:hover{background:#f3f4f6;color:#1e40af}.guest-access-banner .guest-banner-actions .btn-secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.3)}.guest-access-banner .guest-banner-actions .btn-secondary:hover{background:hsla(0,0%,100%,.2)}.page-description .guest-note{color:#fbbf24;font-size:.9rem;font-weight:500}.login-prompt-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center;background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);border-radius:8px;margin:1rem}.login-prompt-container .login-prompt-icon{margin-bottom:1.5rem}.login-prompt-container .login-prompt-icon svg{width:4rem;height:4rem;color:#3b82f6}.login-prompt-container h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 1rem 0}.login-prompt-container .login-prompt-message{font-size:1rem;color:#64748b;margin:0 0 2rem 0;max-width:400px}.login-prompt-container .login-prompt-actions{display:flex;gap:1rem;margin-bottom:1.5rem}@media(max-width: 480px){.login-prompt-container .login-prompt-actions{flex-direction:column;width:100%}}.login-prompt-container .login-prompt-actions .btn-primary,.login-prompt-container .login-prompt-actions .btn-secondary{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .2s;min-width:120px}.login-prompt-container .login-prompt-actions .btn-primary:hover,.login-prompt-container .login-prompt-actions .btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.login-prompt-container .login-prompt-actions .btn-primary{background:#3b82f6;color:#fff}.login-prompt-container .login-prompt-actions .btn-primary:hover{background:#2563eb}.login-prompt-container .login-prompt-actions .btn-secondary{background:#fff;color:#3b82f6;border:2px solid #3b82f6}.login-prompt-container .login-prompt-actions .btn-secondary:hover{background:#3b82f6;color:#fff}.login-prompt-container .login-prompt-help p{font-size:.875rem;color:#64748b;margin:0}.guest-notice{color:#f59e0b;font-weight:600;font-size:.9rem}.guest-content-display{display:flex;align-items:center;justify-content:center;min-height:600px;padding:2rem;flex:1}.guest-content-display .guest-content-wrapper{text-align:center;max-width:600px}.guest-content-display .guest-login-prompt{background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);border:2px solid #e2e8f0;border-radius:12px;padding:2rem;margin-bottom:2rem}.guest-content-display .guest-login-prompt .login-prompt-icon{margin:0 auto 1.5rem;width:64px;height:64px;color:#3b82f6}.guest-content-display .guest-login-prompt .login-prompt-icon svg{width:100%;height:100%}.guest-content-display .guest-login-prompt .login-prompt-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.guest-content-display .guest-login-prompt .login-prompt-description{color:#64748b;margin-bottom:2rem;line-height:1.6}.guest-content-display .guest-login-prompt .login-prompt-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.guest-content-display .guest-login-prompt .login-prompt-actions .btn-primary,.guest-content-display .guest-login-prompt .login-prompt-actions .btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .2s;min-width:120px}.guest-content-display .guest-login-prompt .login-prompt-actions .btn-primary .btn-icon,.guest-content-display .guest-login-prompt .login-prompt-actions .btn-secondary .btn-icon{width:16px;height:16px}.guest-content-display .guest-login-prompt .login-prompt-actions .btn-primary:hover,.guest-content-display .guest-login-prompt .login-prompt-actions .btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.guest-content-display .guest-login-prompt .login-prompt-actions .btn-primary{background:#3b82f6;color:#fff}.guest-content-display .guest-login-prompt .login-prompt-actions .btn-primary:hover{background:#2563eb}.guest-content-display .guest-login-prompt .login-prompt-actions .btn-secondary{background:#fff;color:#3b82f6;border:2px solid #3b82f6}.guest-content-display .guest-login-prompt .login-prompt-actions .btn-secondary:hover{background:#3b82f6;color:#fff}.guest-content-display .course-overview{margin-bottom:2rem}.guest-content-display .course-overview .overview-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.guest-content-display .course-overview .overview-description{color:#64748b;margin-bottom:2rem;line-height:1.6}.guest-content-display .course-overview .course-features{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}@media(min-width: 768px){.guest-content-display .course-overview .course-features{flex-direction:row;gap:1rem}}.guest-content-display .course-overview .course-features .feature-item{display:flex;align-items:flex-start;gap:1rem;text-align:left;background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0;flex:1}.guest-content-display .course-overview .course-features .feature-item .feature-icon{width:32px;height:32px;color:#3b82f6;flex-shrink:0;margin-top:.25rem}.guest-content-display .course-overview .course-features .feature-item .feature-icon svg{width:100%;height:100%}.guest-content-display .course-overview .course-features .feature-item .feature-text{color:#4b5563;font-size:.9rem;line-height:1.5}.guest-content-display .course-overview .course-features .feature-item .feature-text strong{color:#1e293b;display:block;margin-bottom:.25rem}.guest-content-display .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.guest-content-display .stats-grid .stat-item{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.guest-content-display .stats-grid .stat-item .stat-number{font-size:2rem;font-weight:700;color:#3b82f6;line-height:1;margin-bottom:.5rem}.guest-content-display .stats-grid .stat-item .stat-label{font-size:.875rem;color:#64748b;font-weight:500}.guest-video-content{padding:2rem}.guest-video-content .guest-video-header{margin-bottom:2rem}.guest-video-content .guest-video-header .video-info .video-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.guest-video-content .guest-video-header .video-info .video-meta{display:flex;flex-wrap:wrap;gap:1rem}.guest-video-content .guest-video-header .video-info .video-meta .meta-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.guest-video-content .guest-video-header .video-info .video-meta .meta-item .meta-icon{width:16px;height:16px;color:#3b82f6}.guest-video-content .guest-video-placeholder{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;min-height:400px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.guest-video-content .guest-video-placeholder .login-required-overlay{text-align:center;padding:2rem}.guest-video-content .guest-video-placeholder .login-required-overlay .overlay-icon{margin:0 auto 1.5rem;width:64px;height:64px;color:#3b82f6}.guest-video-content .guest-video-placeholder .login-required-overlay .overlay-icon svg{width:100%;height:100%}.guest-video-content .guest-video-placeholder .login-required-overlay .overlay-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.guest-video-content .guest-video-placeholder .login-required-overlay .overlay-description{color:#64748b;margin-bottom:2rem;line-height:1.6}.guest-video-content .guest-video-placeholder .login-required-overlay .overlay-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.guest-video-content .guest-video-placeholder .login-required-overlay .overlay-actions .btn-primary,.guest-video-content .guest-video-placeholder .login-required-overlay .overlay-actions .btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .2s}.guest-video-content .guest-video-placeholder .login-required-overlay .overlay-actions .btn-primary .btn-icon,.guest-video-content .guest-video-placeholder .login-required-overlay .overlay-actions .btn-secondary .btn-icon{width:16px;height:16px}.guest-video-content .guest-video-placeholder .login-required-overlay .overlay-actions .btn-primary:hover,.guest-video-content .guest-video-placeholder .login-required-overlay .overlay-actions .btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.guest-video-content .guest-video-placeholder .login-required-overlay .overlay-actions .btn-primary{background:#3b82f6;color:#fff}.guest-video-content .guest-video-placeholder .login-required-overlay .overlay-actions .btn-primary:hover{background:#2563eb}.guest-video-content .guest-video-placeholder .login-required-overlay .overlay-actions .btn-secondary{background:#fff;color:#3b82f6;border:2px solid #3b82f6}.guest-video-content .guest-video-placeholder .login-required-overlay .overlay-actions .btn-secondary:hover{background:#3b82f6;color:#fff}.guest-video-content .video-description{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.guest-video-content .video-description .description-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.guest-video-content .video-description .description-text{color:#4b5563;line-height:1.6;margin:0}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center}.error-container .error-icon{margin:0 auto 1.5rem;width:64px;height:64px;color:#ef4444}.error-container .error-icon svg{width:100%;height:100%}.error-container .error-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.error-container .error-message{color:#64748b;margin-bottom:2rem;line-height:1.6}.error-container .btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .2s;background:#fff;color:#3b82f6;border:2px solid #3b82f6;cursor:pointer}.error-container .btn-secondary svg{width:16px;height:16px}.error-container .btn-secondary:hover{background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center}.loading-container .loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{color:#64748b;font-size:1rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.video-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:rgba(0,0,0,.8);overflow-y:auto}.video-modal.show{display:block}.video-modal .modal-content{background:#fff;margin:0;width:100%;height:100vh;position:relative;display:flex;flex-direction:column}@media(min-width: 769px){.video-modal .modal-content{margin:2rem auto;width:90%;max-width:800px;height:auto;min-height:80vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3)}}.video-modal .modal-header{background:#f8fafc;padding:1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}@media(min-width: 769px){.video-modal .modal-header{border-top-left-radius:12px;border-top-right-radius:12px}}.video-modal .modal-header .modal-title{font-size:1.125rem;font-weight:600;color:#374151;margin:0;flex:1;padding-right:1rem;line-height:1.4}.video-modal .modal-header .modal-close-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s ease;flex-shrink:0}.video-modal .modal-header .modal-close-btn:hover{background:#f3f4f6;color:#374151}.video-modal .modal-header .modal-close-btn svg{width:1.5rem;height:1.5rem}.video-modal .modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(min-width: 769px){.video-modal .modal-body{max-height:calc(80vh - 120px)}}.video-modal .modal-video-player .video-player-content{height:auto;min-height:auto}.video-modal .modal-video-player .video-player-container{margin:1rem}@media(max-width: 768px){.video-modal .modal-video-player .video-player-container{margin:0;border-radius:4px}}.video-modal .modal-video-player .video-player-header{background:rgba(0,0,0,0);border-bottom:none;padding:1rem}.video-modal .modal-video-player .video-player-header .close-video-btn{display:none}.video-modal .modal-video-player .video-actions{padding:1rem;background:#f8fafc;border-top:1px solid #e2e8f0}@media(min-width: 769px){.video-modal .modal-video-player .video-actions{border-bottom-left-radius:12px;border-bottom-right-radius:12px}}body.modal-open{overflow:hidden;position:fixed;width:100%}@media(min-width: 769px){body.modal-open{position:static;overflow:auto}}@media(max-width: 768px){.index-videos-page{padding:.5rem}.item-button{padding:12px;margin:2px 0;font-size:14px}.item-button .item-title{font-size:14px}.item-header{min-height:48px}}@media(min-width: 769px)and (max-width: 1024px){.two-pane-layout{grid-template-columns:280px 1fr}}