.fv-section{width:100%;height:80vh;background:#777;position:relative}.fv-section .fv-inner{width:100%;height:100%;display:flex;flex-direction:column}.fv-section .fv-inner .imgbox{width:100%;height:100%;position:relative;z-index:0}.fv-section .fv-inner .imgbox img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.fv-section .fv-inner .imgbox h2.fv-title{position:absolute;left:0;bottom:2vw}.fv-section .fv-inner .imgbox h2.fv-title span{display:block;width:fit-content;padding:.2em 1em;background:#fff;color:#f50000;font-size:calc(2.5rem + .4vw);font-weight:600;margin-bottom:1vmax}.fv-section .fv-inner .titlebox{width:100%;height:auto}.fv-section .fv-inner .titlebox p.en-title{width:100%;padding:1em;background:#fff;display:flex;align-items:center}.fv-section .fv-inner .titlebox p.en-title span{display:block;width:100%;font-size:calc(1rem + .4vw);font-weight:600;text-align:center}h3.top-section-title{width:100%;min-height:3vw;padding:1em 10vw;background:#f50000;display:flex;align-items:center;color:#fff}h3.top-section-title span.big{font-size:calc(1.7rem + .4vw);font-weight:600}h3.top-section-title.center{justify-content:center;text-align:center}.top-content-section{width:100%;padding-bottom:4vmax;position:relative;z-idnex:0}.top-content-section.check{background:#e5ebee}.top-content-section.list{background:#fff;overflow:hidden}.iframebox{display:block;width:100%;height:auto;margin-bottom:1vmax;position:relative;z-index:0;aspect-ratio:16/9}.iframebox::after,.iframebox::before{content:"";position:absolute}.iframebox::before{left:0;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.2)}.iframebox::after{left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:4vw;height:4vw;background:url(../images/common/sns-icon05.svg) no-repeat center center;background-size:contain}.iframebox iframe{width:100%;height:100%}.iframebox img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}p.movie-title{display:block;width:100%;font-size:calc(1rem + .4vw);font-weight:500;margin-bottom:.5em}p.movie-read{display:block;width:100%;font-size:calc(.8rem + .4vw)}.check-content{width:100%;padding-top:4vmax;display:flex;justify-content:center;align-items:center}.check-content .check-frame{width:45%}ul.top-iframe-list{width:120vw;padding-top:2vw;padding-left:2vw}ul.top-iframe-list li{width:30%;padding:2vw}ul.top-iframe-list li .iframebox .tag{display:none}ul.top-iframe-list li .tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5vw .5em;margin-bottom:1vmax}ul.top-iframe-list li .tags span{display:inline-block;padding:.2em 1em;background:#888;border-radius:.1em;color:#fff;font-size:calc(.7rem + .4vw);font-weight:600}ul.top-iframe-list li .tags span.cat01{background:#000}ul.top-iframe-list li .tags span.cat02{background:#69308d}ul.top-iframe-list li .tags span.cat03{background:#00b8ee}ul.top-iframe-list li .tags span.cat04{background:#ec6c00}ul.top-iframe-list li .tags span.cat05{background:#914897}ul.top-iframe-list li .tags span.cat06{background:#7ebf41}ul.top-iframe-list li .tags span.cat07{background:#f9be00}ul.top-iframe-list li .tags span.cat09{background:#004399}ul.top-iframe-list li .tags span.cat08{background:#c84e96}ul.top-iframe-list li .tags span.cat10{background:#009354}ul.top-iframe-list li a.course-link{display:inline-block;padding-right:2em;padding-bottom:.2em;border-bottom:1px solid #000;font-size:calc(1.1rem + .4vw);font-weight:500;position:relative}ul.top-iframe-list li a.course-link::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1.5vw;height:1vw;background:url(../images/common/arrow.svg) no-repeat center center;background-size:contain}ul.top-iframe-list.short li{padding:2vw 6vw}ul.top-iframe-list.short li .iframebox{width:100%;height:32.5vw;margin-bottom:1vmax;position:relative}ul.top-iframe-list.short li .iframebox iframe{width:100%;height:100%}ul.top-iframe-list .slick-track{margin-left:unset!important}.course-tab-list-box{width:100%;padding:2vmax 10vw;background:#e5ebee;display:flex;align-items:center;justify-content:space-between}.course-tab-list-box p.title{width:30%;font-size:calc(1.6rem + .4vw);font-weight:600}.course-tab-list-box ul.course-tab-list{width:67%;display:flex;flex-wrap:wrap;gap:1vw .7em}.course-tab-list-box ul.course-tab-list li{cursor:pointer;display:inline-block;padding:.5em 2em;border:2px solid #777;border-radius:.2em;color:#666;font-size:calc(.7rem + .4vw);font-weight:600}.course-tab-list-box ul.course-tab-list li.active{background:#777;color:#fff}.course-tab-list-box ul.course-tab-list li.cat01{border:2px solid #000;color:#000}.course-tab-list-box ul.course-tab-list li.cat01.active{background:#000;color:#fff}.course-tab-list-box ul.course-tab-list li.cat02{border:2px solid #69308d;color:#69308d}.course-tab-list-box ul.course-tab-list li.cat02.active{background:#69308d;color:#fff}.course-tab-list-box ul.course-tab-list li.cat03{border:2px solid #00b8ee;color:#00b8ee}.course-tab-list-box ul.course-tab-list li.cat03.active{background:#00b8ee;color:#fff}.course-tab-list-box ul.course-tab-list li.cat04{border:2px solid #ec6c00;color:#ec6c00}.course-tab-list-box ul.course-tab-list li.cat04.active{background:#ec6c00;color:#fff}.course-tab-list-box ul.course-tab-list li.cat05{border:2px solid #914897;color:#914897}.course-tab-list-box ul.course-tab-list li.cat05.active{background:#914897;color:#fff}.course-tab-list-box ul.course-tab-list li.cat06{border:2px solid #7ebf41;color:#7ebf41}.course-tab-list-box ul.course-tab-list li.cat06.active{background:#7ebf41;color:#fff}.course-tab-list-box ul.course-tab-list li.cat07{border:2px solid #f9be00;color:#f9be00}.course-tab-list-box ul.course-tab-list li.cat07.active{background:#f9be00;color:#fff}.course-tab-list-box ul.course-tab-list li.cat09{border:2px solid #004399;color:#004399}.course-tab-list-box ul.course-tab-list li.cat09.active{background:#004399;color:#fff}.course-tab-list-box ul.course-tab-list li.cat08{border:2px solid #c84e96;color:#c84e96}.course-tab-list-box ul.course-tab-list li.cat08.active{background:#c84e96;color:#fff}.course-tab-list-box ul.course-tab-list li.cat10{border:2px solid #009354;color:#009354}.course-tab-list-box ul.course-tab-list li.cat10.active{background:#009354;color:#fff}.box-link-box{width:100%;padding:0 10vw;display:flex;flex-direction:column;align-items:flex-end}.box-link-box a.box-link{width:27vw;min-height:4vmax;padding:1vw;border:1px solid #000;display:flex;align-items:center}.box-link-box a.box-link p{width:100%;padding-right:2vw;font-size:calc(.8rem + .4vw);font-weight:500;position:relative}.box-link-box a.box-link p::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1.5vw;height:1vw;background:url(../images/common/arrow.svg) no-repeat center center;background-size:contain}.box-link-box p.info{width:27vw;font-size:calc(.7rem + .4vw);font-weight:500;margin-bottom:.2vw}.course-panel{visibility:hidden;width:100%;height:0}.course-panel.active{visibility:visible;height:auto}@media screen and (max-width:1024px) and (orientation:portrait){.fv-section{height:calc(50vh + 60px)}.fv-section .fv-inner .imgbox img{object-position:60% 50%}.fv-section .fv-inner .imgbox h2.fv-title{bottom:10vw}.fv-section .fv-inner .imgbox h2.fv-title span{font-size:calc(1.6rem + 1vw)}h3.top-section-title span.big{font-size:calc(1.4rem + 1vw)}.iframebox::after{width:12vw;height:12vw}p.movie-title{font-size:calc(1rem + 1vw)}p.movie-read{font-size:calc(.8rem + 1vw)}.check-content .check-frame{width:85%}ul.top-iframe-list{width:100%;margin:0;padding-left:0}ul.top-iframe-list li .iframebox .tag{font-size:calc(1rem + 1vw)}ul.top-iframe-list li .tags{gap:1vw}ul.top-iframe-list li .tags span{border-radius:.2em;font-size:calc(.6rem + 1vw)}ul.top-iframe-list li a.course-link{padding-right:7vw;font-size:calc(1.1rem + 1vw)}ul.top-iframe-list li a.course-link::after{width:4vw;height:3vw}ul.top-iframe-list.short li{padding:4vw 2.5vw}ul.top-iframe-list.short li .iframebox{height:70vw}.course-tab-list-box{padding:2vmax 7.5vw;flex-direction:column;justify-content:unset;gap:3vw 0}.course-tab-list-box p.title{width:100%;font-size:calc(1.3rem + 1vw)}.course-tab-list-box ul.course-tab-list{width:100%;gap:2vw}.course-tab-list-box ul.course-tab-list li{padding:.5em 1em;border-radius:.4em;font-size:calc(.65rem + 1vw)}.box-link-box{margin-top:2vmax;padding:0 7.5vw}.box-link-box a.box-link{width:60%;min-height:40px;padding:1vw 2vw}.box-link-box a.box-link p{padding-right:8vw;font-size:calc(.8rem + 1vw)}.box-link-box a.box-link p::after{width:6vw;height:4vw}.box-link-box p.info{width:60%;font-size:calc(.7rem + 1vw);margin-bottom:1vw}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.fv-section .fv-inner .imgbox h2.fv-title{bottom:10vw}.fv-section .fv-inner .imgbox h2.fv-title span{font-size:calc(1.4rem + 1vw)}h3.top-section-title{padding:1em 7.5vw}h3.top-section-title span.big{font-size:calc(1.2rem + 1vw)}.iframebox::after{width:6vw;height:6vw}p.movie-title{font-size:calc(.7rem + 1vw)}p.movie-read{font-size:calc(.45rem + 1vw)}.check-content .check-frame{width:50%}ul.top-iframe-list li .iframebox .tag{font-size:calc(.8rem + 1vw)}ul.top-iframe-list li .tags{gap:.5vw .5em}ul.top-iframe-list li .tags span{border-radius:.15em;font-size:calc(.5rem + 1vw)}ul.top-iframe-list li a.course-link{padding-right:5vw;font-size:calc(.9rem + 1vw)}ul.top-iframe-list li a.course-link::after{width:3vw;height:2vw}ul.top-iframe-list.short li{padding:4vw 2vw}ul.top-iframe-list.short li .iframebox{height:50vw}.course-tab-list-box{flex-direction:row;justify-content:unset;gap:0}.course-tab-list-box p.title{width:30%;font-size:calc(1.1rem + 1vw)}.course-tab-list-box ul.course-tab-list{width:70%;gap:1vw .7em}.course-tab-list-box ul.course-tab-list li{padding:.4em 1.5em;border-radius:.4em;font-size:calc(.6rem + 1vw)}.box-link-box a.box-link{width:40%;min-height:60px}.box-link-box a.box-link p{padding-right:5vw;font-size:calc(.7rem + 1vw)}.box-link-box a.box-link p::after{width:4vw;height:3vw}.box-link-box p.info{width:40%;font-size:calc(.7rem + 1vw);margin-bottom:1vw}}