.pc{display:none}.smp{display:inherit}.pc-center{text-align:left}.smp-center{text-align:center}.smp-left{text-align:left}.img-responsive.w80,.img-responsive.w65{max-width:100%}.mb4{margin-bottom:4em}form table{border-collapse:collapse}form table tr th,form table tr td{display:block}form table tr th{border:none}form input[type="text"],form input[type="email"],form input[type="url"],form textarea,form select{width:100%;box-sizing:border-box}form label{display:inline-block;padding:.5em;margin:.25em;background-color:#fff}.flex .col-2,.flex .col-3,.flex .col-4,.flex .col-5,.flex .col-6,.flex .col-7,.flex .col-8,.flex .col-9,.flex .col-10{float:none;width:100%;box-sizing:border-box;padding:0 .5em}.flex .smp-col-6{width:50%;float:left}main,.categories main{padding:2vw}#index #mainvis,#index #contentswrapp{width:inherit;min-width:inherit;padding:0 .5em;box-sizing:border-box;position:static;overflow:visible;height:43vh}header#header-top .contents0,.contents0{width:inherit;min-width:inherit;margin:0 auto;display:block;box-sizing:border-box}header#header-top{position:static;width:inherit}header#header-top .contents0 h1{text-align:center;width:70vw;margin:.7em auto 1.5em auto}header#header-top .contents0 h1 a{height:10vh;background-position:center center;background-size:contain}header#header-top #globlanav-top{display:none}#index #mainvis{}#index #mainvis .slider div#slide1{background-image:url(http://www.tribes20.com/school/img/index/smp/mainv-01bg.webp.pagespeed.ce.AkpWk_T3NF.webp)}#index #mainvis .slider div#slide2.lazyloaded{background: url("../img/index/smp/mainv-02bg.webp") no-repeat center 30%/100% auto,
                #fdf4e0 url("../img/index/smp/mainv-02bg2.webp") repeat-x center center}#index #mainvis .slider div#slide3.lazyloaded{background:url("../img/index/smp/mainv-03bg.webp") no-repeat center 30%/100% auto,
               #fdf4e0  url("../img/index/smp/mainv-03bg2.webp") repeat-x center center}#index #mainvis .bx-wrapper{margin-bottom:0;height:100%;overflow:hidden;height:43vh}#index #mainvis .bx-wrapper .bx-viewport,#index #mainvis .bx-wrapper .bx-viewport .slider,#index #mainvis .bx-wrapper .bx-viewport .slider #slider1,#index #mainvis .bx-wrapper .bx-viewport .slider #slider2,#index #mainvis .bx-wrapper .bx-viewport .slider #slider3{overflow:hidden;height:43vh!important}#index #mainvis .bx-wrapper .bx-viewport .slider{}#index #mainvis .slider div#slide1,#index #mainvis .slider div#slide2,#index #mainvis .slider div#slide3{height:80vw}#index #mainvis .slider div#slide2.lazyloaded,#index #mainvis .slider div#slide3.lazyloaded{display:none}#index .sec1 .maintitle{font-size:2.2em;margin:0;margin-top:.8em;overflow:hidden;height:3em}#index .sec1 .maintitle h2{font-size:1em}#index .sec1 .maintitle+h3{font-size:1.3em;margin:.7em 0 3em 0}#index .sec1 .box-merits ul li{background-size:70% auto}#index #contentswrapp .sec1{padding-bottom:130px;margin-bottom:3em}#index .sec4 .scene{flex-direction:column}h2.cornertitle{font-size:1.4em;text-align:left}#index .sec2 .points .item figure,#index .sec2 .points .item .caption{width:90%;margin:auto;box-sizing:border-box}#index .sec2 .points .item h3{font-size:1.5em}#index .sec3{padding-top:6em;margin-bottom:4em}#index .sec3 .classes a figure{margin-bottom:0}#index .sec4{padding-top:6em;margin-bottom:4em}#index .sec5{padding-top:5em;margin-bottom:5em}#index .sec5 figure{width:inherit}a .btn2{font-size:.98em}.global-news.box{padding:1em .5em 1em 1em}.global-news.box h2{margin-bottom:2em}header#header-l{display:block;position:static;margin:0;height:inherit;box-sizing:border-box}header#header-l h1{margin:.25em}header#header-l nav{display:none}header#header-l .infos,#index #mainvis .infos{position:fixed;bottom:0;left:0;width:100vw;z-index:999;margin:0;display:block}#header-l .infos .item{font-size:.8em;margin:0}.infos .item:nth-child(1){font-size:.8em;width:100vw;padding:.25em .5em .25em .25em;box-sizing:border-box;border-radius:0;text-align:center;background: #ea5304 url("../img/icon-arrow5.svg") no-repeat right .5em center/.7em auto;animation-name:none}.infos .item.on:nth-child(1){animation-name:none}#header-l .infos .item h2 span,.infos .item h2 span{font-size:1.15em;letter-spacing:.3em;margin:0}.infos .item:nth-child(2),
header#header-l .infos .item:nth-child(2)
header#header-l .infos .item.on:nth-child(2){display:none}.infos .item:nth-child(1):before {content:url(http://www.tribes20.com/school/img/icon-free.svg);display:block;width:62px;height:62px;position:absolute;top:-4vh;left:5%}article#global{padding:inherit;width:inherit}article#global .contents{padding:0}#global .vis{width:100vw;margin-left:-4vw;box-sizing:border-box;font-size:inherit}#global .vis h2{font-size:1.2em}#global .leadtxt{font-size:1.5em;text-align:left;padding:1em 0}.icon-0yen{width:50vw}.page-about .cornertitle{font-size:1.3em}.page-about .sugoizo .sugoipoint{padding:.5em}.page-about .sugoizo .sugoipoint h3{font-size:1.3em}.page-about a.radio{flex-direction:column}.global-newss{flex-direction:column}.global-newss .global-news.box{width:inherit}.snss,article#global .snss{width:inherit;font-size:.85em}.snss .sns,article#global .snss .sns{margin:2em auto;width:inherit}article#global .snss .sns li{margin:.5em}.whitebox ul.topics li a{padding-right:2em;font-size:.9em}.page-class .portfolio .items .mask{overflow:auto;min-width:300px;margin:0;overflow:hidden}.page-class .portfolio .items .scrollbox{display:flex;position:relative;transition-duration:1200ms;left:0}.page-class .portfolio .items div.item{padding:0;width:46%;margin:0}.page-class .portfolio .items div.item figure{}.page-about .sugoizo .sugoipoint.type2 header.block-inline{left:0;top:-4em}.whitebox.voice table th,.whitebox.voice table td{display:block;box-sizing:border-box}.whitebox.voice h4{padding-right:0;font-size:1.4em}.whitebox.entry{font-size:1em}.entry h2{font-size:1.5em}.whitebox.entry ul{padding:0 0 0 1.5em}p.bread{font-size:.9em}.page-news .teachervoice{font-style:italic;background-color:#fff7dc;border:1px solid #ea5304;border-radius:8px;padding:.5em 80px .5em 1em;position:relative}.page-news .teachervoice:after{height:320px;width:70px;display:block;position:absolute;bottom:-10px;right:5px;background-repeat:no-repeat;background-position:bottom right;background-size:contain}nav#smpnav{display:none;position:fixed;top:0;left:0;width:100vw;height:92vh;overflow:auto;box-sizing:border-box;background-color:rgba(0,0,0,.86)}nav#smpnav>p{padding:.5em 1.5em}nav#smpnav>p a{color:#fff;text-decoration:none}nav#smpnav ul{list-style-type:none;padding:0}nav#smpnav>ul{min-height:70vh;padding:.5em 1.5em;margin:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-around}nav#smpnav>ul h2{color:#fff;background: url("../img/icon-plus.svg") no-repeat right 1em center/auto 50%;font-size:1.2em}nav#smpnav>ul li:nth-child(1) h2{background-image:none}nav#smpnav>ul h2 a{color:#fff;text-decoration:none;display:block}nav#smpnav>ul h2.on{background: url("../img/icon-minus.svg") no-repeat right 1em center/auto 5%}nav#smpnav>ul ul{display:none;padding-left:1em}nav#smpnav>ul ul li{margin:1.4em 0}#index footer#globalfooter,article#global #globalfooter{width:100vw;box-sizing:border-box;margin-left:-4vw;padding:2em 2em 5em 2em}#globalfooter .flex{display:block}#global #globalfooter .flex .item:nth-child(1),
#global #globalfooter .flex .item:nth-child(2){width:inherit;border:none;margin:auto;padding:0}#index footer#globalfooter figure,#index footer#globalfooter p{margin:1em 0;font-size:.8em}#index #globalfooter p.taikenbtn,#global #globalfooter p.taikenbtn{display:none}footer#globalfooter p.taikenbtn a,#global #globalfooter p.taikenbtn a{font-size:1em;line-height:normal}#global #globalfooter .flex .item:nth-child(2) p{font-size:inherit;width:inherit;border:none;margin:1em 0}#global-maps a.map .btn2{font-size:.89em}#global.page-sugoi .leadtxt{padding-top:3em;background-position:top center;margin-top:2em;background-size:70%;text-align:center}.page-sugoi .sugoipoint h4{font-size:1.3rem}.page-class .curriculum h3.appname,.page-class .curriculum .vids h3{background-size:12vw auto;background-position:left top 10px}#global .titlebox-yellow h3{font-size:1.4em}#global .titlebox-yellow h3+p{font-size:1em}.page-class .plans .compare{flex-direction:column}.page-class .plans .compare .plan{width:inherit}ul.planswitch{padding:0;list-style-type:none;font-size:.8em;text-align:right;display:block}ul.planswitch li#premiumplan{display:none}ul.planswitch.lite li#premiumplan{display:inherit}ul.planswitch li#liteplan{display:inherit}ul.planswitch.lite li#liteplan{display:none}.page-online .leadbox2{text-align:left}.page-online .leadbox2 h4{font-size:1.2em}#global.page-about .campaign{text-align:left;padding:.5em 1em;width:90%}#global .classtitle h2.illustrator{background: url("../img/icon-illustrator1.svg") no-repeat .25em center/1.8em auto}#global .classtitle h2.photoshop{background: url("../img/icon-photoshop1.svg") no-repeat .25em center/1.8em auto}#global .classtitle h2.html{background: url("../img/icon-html1.svg") no-repeat .25em center/1.8em auto}.page-class .freegifts .subtheme p{margin-bottom:0}.page-class .freegifts .movies .boxfee{flex-direction:column;margin-bottom:1.2em}.page-class .freegifts .boxfee .price p.nonstudent,.page-class .freegifts .boxfee .price p.students{font-size:.9em}.page-class .freegifts .boxfee .price{min-width:inherit;width:100%}.page-class .freegifts .boxfee .price p.price-free{font-size:2.8em;line-height:1}.page-class .freegifts .boxfee .price p{margin-left:0}.page-class .freegifts .movies .items div{width:inherit;margin:.5em;padding:.75em;min-width:inherit}.page-class .freegifts .movies .items div h3{font-size:1.25em}.flex_space .whitebox{width:inherit;padding:2em 3em}.page-step .flow h3{font-size:1.2em;padding:.5em 1em}.page-step .flow h3+p,.faq-page h4+p{padding:.5em 1em}.page-step .flow .item:after{width:5vw}.faq-page h4{font-size:1em;padding:0}.faq-page h4 a{font-size:1em;padding:.5em 1em;background-image:none}.text-faq .item{margin-bottom:1em}.faq-page h4 a.open{background:none}.page-sugoi .whitebox{padding:.5em}.page-sugoi .flex.support{flex-direction:column}.page-sugoi .flex.support .item{width:inherit}.page-sugoi .flex.support .item p:nth-child(1){text-align:center}.page-sugoi .tokuten .box1 ul{list-style-type:none}.page-sugoi .tokuten .box1 ul li{font-size:.6em}.page-sugoi h3.title{text-align:left;font-size:1.35rem;position:relative;padding:.5em .3em .5em .8em}.page-sugoi h3.title::after,.ic-kokogasugoi::after{position:absolute;top:-1.9em;right:0;margin:0}.page-sugoi .bgimg{padding-bottom:80vw;background: url("../img/sugoi/fig_present.png") no-repeat center bottom/70% auto}.whitebox{padding:.5em .5em}table.events{border-collapse:collapse}table.events tr:first-child{display:none}table.events th{margin-top:1em}table.events tr th,
table.events tr td,
table.events tr td:nth-of-type(2){display:block;padding:.5em;border:none}p#smpbtn{display:block;position:fixed;top:.5em;right:.5em;margin:0}p#smpbtn a{display:block;width:11vw;height:11vw;border:1px solid #ccc;background: #ea5304 url("../img/icon_smpmenu.svg") no-repeat center center/49% auto;border-radius:5px;box-shadow:0 0 3px #ccc;text-indent:-99999px}p#smpbtn a.on{background: #ea5304 url("../img/icon_smpmenu2.svg") no-repeat center center/49% auto}.drawr{display:none;background-color:rgba(0,0,0,.6);position:absolute;top:0;right:0;width:260px;padding:60px 0 20px 20px;z-index:100}.drawr li{width:260px}.drawr li a{color:#fff;display:block;padding:15px}#bnr2022 #bnr-main{width:80%;margin:0 auto}