:root{--lo1:390;--lo2:100vw}.djschool{background-color:#fff;color:#000;position:relative;z-index:1}h1{color:#ffb802;font-family:Sigmar,sans-serif;font-size:calc(26/var(--lo1)*var(--lo2));font-style:normal;font-weight:400;line-height:1;padding:calc(20/var(--lo1)*var(--lo2)) 0;text-align:center}.kv{position:relative}.kv-mv video{width:100%}h2{color:#ffe142;font-family:Bai Jamjuree,sans-serif;font-size:1.3rem;line-height:1.3}.sec-title,h2{font-weight:600}.sec-title{font-size:calc(21/var(--lo1)*var(--lo2));padding:calc(10/var(--lo1)*var(--lo2)) 0 0}.sec-title span{position:relative;z-index:2}.sec-title span:after{background-color:#ffe142;bottom:-4px;content:"";display:block;height:10px;left:0;position:absolute;right:-5px;z-index:-1}.comment{border-bottom:2px solid #000;border-top:2px solid #000;font-weight:600;line-height:1;margin:0 auto;position:relative;text-align:center;z-index:1}.comment:after{border-color:transparent transparent #000 #000;border-style:solid;border-width:2px;bottom:-3px;content:"";display:block;height:calc(20/var(--lo1)*var(--lo2));left:50%;position:absolute;-webkit-transform:rotate(-45deg) translateX(-50%);transform:rotate(-45deg) translateX(-50%);width:calc(20/var(--lo1)*var(--lo2));z-index:-1}.about{padding:calc(80/var(--lo1)*var(--lo2)) calc(20/var(--lo1)*var(--lo2)) calc(60/var(--lo1)*var(--lo2))}.about .text{font-size:.9rem;padding:calc(20/var(--lo1)*var(--lo2)) 0 0}.service{background-color:#ffe142;margin:calc(80/var(--lo1)*var(--lo2)) 0 0;overflow-x:clip;padding:0 calc(20/var(--lo1)*var(--lo2)) calc(30/var(--lo1)*var(--lo2));position:relative}.service:before{background-color:#ffe142;content:"";display:block;height:calc(100/var(--lo1)*var(--lo2));left:0;position:absolute;top:calc(-80/var(--lo1)*var(--lo2));-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:left top;transform-origin:left top;width:110%;z-index:-1}.service h2{color:#fff}.service .sec-title span:after{background-color:#fff}.service-list{padding:0 0 calc(60/var(--lo1)*var(--lo2))}.service-list li{padding:calc(80/var(--lo1)*var(--lo2)) 0 0}.service-list li div{position:relative}.service-list li div p{background-color:#fff;bottom:calc(-30/var(--lo1)*var(--lo2));font-family:Bai Jamjuree,sans-serif;font-size:1.8rem;font-weight:700;left:50%;line-height:1;padding:calc(15/var(--lo1)*var(--lo2)) calc(20/var(--lo1)*var(--lo2));position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.service-list li div p,.service-list li div p span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.service-list li div p span{border-left:1px solid #000;font-family:Noto Sans JP,sans-serif;font-size:1.3rem;line-height:1.2;margin:0 0 0 calc(15/var(--lo1)*var(--lo2));padding:0 0 0 calc(10/var(--lo1)*var(--lo2))}.service-list li .text{font-size:.9rem;padding:calc(50/var(--lo1)*var(--lo2)) 0 0}.service .comment{font-size:1.2rem;padding:calc(10/var(--lo1)*var(--lo2)) 0;width:calc(250/var(--lo1)*var(--lo2))}.service .comment:after{background-color:#ffe142}.service-text{font-size:1.1rem;font-weight:600;padding:calc(25/var(--lo1)*var(--lo2)) 0 0;text-align:center}.course{padding:calc(50/var(--lo1)*var(--lo2)) 0 0}.course-title{font-size:1.4rem;font-weight:500;text-align:center}.course-title span{color:#ffe142;font-family:Bai Jamjuree,sans-serif;font-size:3.6rem;font-weight:600;vertical-align:sub}.course-list{padding:calc(20/var(--lo1)*var(--lo2)) calc(40/var(--lo1)*var(--lo2)) 0}.course-list li{background-color:#f2f2f2;margin:0 0 calc(40/var(--lo1)*var(--lo2))}.course-list li .head{background-color:#000;color:#fff;line-height:1;padding:calc(10/var(--lo1)*var(--lo2)) 0;text-align:center}.course-list li .head h3{font-family:Bai Jamjuree,sans-serif;font-size:1.8rem}.course-list li .head p{font-size:.9rem;padding:calc(10/var(--lo1)*var(--lo2)) 0 0}.course-list li .cont{padding:0 calc(20/var(--lo1)*var(--lo2)) calc(25/var(--lo1)*var(--lo2))}.course-list li .cont-text{border-bottom:2px solid #000;font-size:1.2rem;font-weight:600;line-height:1.6;padding:calc(20/var(--lo1)*var(--lo2)) 0;text-align:center}.course-list li .cont table{margin:calc(15/var(--lo1)*var(--lo2)) 0 0;width:100%}.course-list li .cont table th{padding:calc(3/var(--lo1)*var(--lo2)) calc(15/var(--lo1)*var(--lo2))}.course-list li .cont table th b{font-size:1.1rem}.course-list li .cont table td{padding:0 calc(5/var(--lo1)*var(--lo2))}.course-list li .cont table td b{font-size:1.2rem}.instructor{padding:calc(100/var(--lo1)*var(--lo2)) calc(20/var(--lo1)*var(--lo2)) 0}.instructor-list{padding:calc(40/var(--lo1)*var(--lo2)) 0 0}.instructor-list li{border:1px solid #000;margin:0 0 calc(40/var(--lo1)*var(--lo2));padding:calc(20/var(--lo1)*var(--lo2)) calc(20/var(--lo1)*var(--lo2)) 0}.instructor-list li .head{-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:0 0 calc(15/var(--lo1)*var(--lo2))}.instructor-list li .head .name{border-bottom:2px solid #000;border-top:2px solid #000;font-family:Bai Jamjuree,sans-serif;font-size:1.2rem;font-weight:600;margin:0 0 calc(10/var(--lo1)*var(--lo2));padding:calc(25/var(--lo1)*var(--lo2)) 0;position:relative;text-align:center;width:calc(170/var(--lo1)*var(--lo2))}.instructor-list li .head .name span{background-color:#fff;font-size:2rem;font-weight:700;left:0;padding:0 calc(5/var(--lo1)*var(--lo2)) 0 0;position:absolute;top:calc(-30/var(--lo1)*var(--lo2))}.instructor-list li .head img{width:calc(150/var(--lo1)*var(--lo2))}.instructor-list li .text{font-size:.9rem;padding:0 0 calc(20/var(--lo1)*var(--lo2))}.equipment{padding:calc(40/var(--lo1)*var(--lo2)) calc(20/var(--lo1)*var(--lo2)) 0}.equipment .comment{font-size:1.3rem;margin:0 auto calc(70/var(--lo1)*var(--lo2));padding:calc(20/var(--lo1)*var(--lo2)) 0;width:100%}.equipment .comment:after{background-color:#fff}.equipment-list{padding:calc(40/var(--lo1)*var(--lo2)) 0 0}.equipment-list li{background-color:#f2f2f2;border-radius:10px;margin:0 0 calc(40/var(--lo1)*var(--lo2));padding:0 0 calc(50/var(--lo1)*var(--lo2));position:relative}.equipment-list li .head{background-color:#000;color:#fff;left:calc(-20/var(--lo1)*var(--lo2));line-height:1;padding:calc(15/var(--lo1)*var(--lo2)) calc(40/var(--lo1)*var(--lo2)) calc(10/var(--lo1)*var(--lo2));position:absolute;top:calc(30/var(--lo1)*var(--lo2))}.equipment-list li .head h3{font-family:Bai Jamjuree,sans-serif;font-size:1.2rem;font-weight:600}.equipment-list li .head p{font-size:.9rem;padding:calc(7/var(--lo1)*var(--lo2)) 0 0}.equipment-list li .image{margin:0 auto;padding:calc(150/var(--lo1)*var(--lo2)) 0 0;width:calc(250/var(--lo1)*var(--lo2))}.equipment-list li .image .name{font-family:Montserrat,sans-serif;font-size:1.1rem;line-height:1.4;padding:calc(15/var(--lo1)*var(--lo2)) 0 0;text-align:center}.equipment-list li:nth-child(3){padding:calc(100/var(--lo1)*var(--lo2)) 0 calc(50/var(--lo1)*var(--lo2))}.equipment-list li:nth-child(3) .image{padding:calc(50/var(--lo1)*var(--lo2)) 0 0}.equipment-list li:nth-child(4) .image,.equipment-list li:nth-child(5) .image{padding:calc(60/var(--lo1)*var(--lo2)) 0 0}.qa{padding:calc(60/var(--lo1)*var(--lo2)) calc(20/var(--lo1)*var(--lo2)) 0}.qa-list{padding:calc(40/var(--lo1)*var(--lo2)) 0 0}.qa-list li{border:1px solid #000;margin:0 0 calc(30/var(--lo1)*var(--lo2))}.qa-list li .title{border-bottom:1px solid #000}.qa-list li .title,.qa-list li .title em{display:-webkit-box;display:-ms-flexbox;display:flex}.qa-list li .title em{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#000;color:#fff;font-family:Bai Jamjuree,sans-serif;font-size:1.4rem;font-style:normal;padding:0 calc(20/var(--lo1)*var(--lo2))}.qa-list li .title span{font-size:.9rem;font-weight:600;line-height:1.5;padding:calc(10/var(--lo1)*var(--lo2)) calc(10/var(--lo1)*var(--lo2))}.qa-list li .text{position:relative}.qa-list li .text em{font-family:Bai Jamjuree,sans-serif;font-size:1.4rem;font-style:normal;left:calc(20/var(--lo1)*var(--lo2));position:absolute;top:calc(10/var(--lo1)*var(--lo2))}.qa-list li .text span{display:block;font-size:.9rem;line-height:1.6;padding:calc(10/var(--lo1)*var(--lo2)) calc(15/var(--lo1)*var(--lo2)) calc(10/var(--lo1)*var(--lo2)) calc(70/var(--lo1)*var(--lo2))}.contact-head{padding:calc(80/var(--lo1)*var(--lo2)) calc(20/var(--lo1)*var(--lo2)) calc(50/var(--lo1)*var(--lo2))}.contact .pic{background-color:#f2f2f2;padding:0 0 calc(80/var(--lo1)*var(--lo2));text-align:center}.contact .pic .title{font-size:1.1rem;font-weight:600;padding:calc(40/var(--lo1)*var(--lo2)) 0}.contact .pic .address{font-size:1rem;font-weight:500;padding:calc(40/var(--lo1)*var(--lo2)) calc(20/var(--lo1)*var(--lo2))}.contact .pic .line a{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#06c755;border-radius:40px;-webkit-box-shadow:0 0 4px rgba(0,0,0,.5);box-shadow:0 0 4px rgba(0,0,0,.5);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1rem;justify-content:center;margin:0 auto;padding:calc(15/var(--lo1)*var(--lo2)) 0;text-align:center;width:320px}.contact .pic .line a:before{background-image:url(../images/djschool/icon_line.png);background-size:100% auto;content:"";display:block;height:calc(34/var(--lo1)*var(--lo2));margin:0 calc(5/var(--lo1)*var(--lo2)) 0 0;width:calc(34/var(--lo1)*var(--lo2))}.contact-title{font-size:1.1rem;font-weight:600;padding:calc(60/var(--lo1)*var(--lo2)) 0 calc(30/var(--lo1)*var(--lo2));text-align:center}.contact-form{padding:0 calc(30/var(--lo1)*var(--lo2)) calc(120/var(--lo1)*var(--lo2));text-align:center}.contact-block{padding:calc(30/var(--lo1)*var(--lo2)) 0 0}.contact-block p{font-size:.9rem;text-align:left}.contact-block p em{color:red;font-size:.7rem;font-style:normal}.contact-block div{padding:4px 0 0}.contact-block div input{font-size:16px}.contact-block div input,.contact-block div textarea{background-color:#f2f2f2;border:none;border-radius:4px;padding:5px;width:100%}.contact-block div textarea{height:180px;resize:none}.contact .submit-btn{background-color:#ffe142;border:none;border-radius:40px;color:#000;font-size:1rem;margin:50px auto 0;padding:15px 0;text-align:center;width:300px}.contact .wpcf7-spinner{display:none}.contact .wpcf7-response-output{border:none!important}.contact .wpcf7 form.invalid .wpcf7-response-output{color:#dc3232}.contact .wpcf7 form.sent .wpcf7-response-output{color:#00b6ac}.saikouchiku{font-size:.7rem;padding:0 calc(30/var(--lo1)*var(--lo2)) calc(80/var(--lo1)*var(--lo2));text-align:center}@media only screen and (min-width:481px){:root{--lo1:1500;--lo2:100vw}h1{font-size:2rem;padding:calc(30/var(--lo1)*var(--lo2)) 0}.sec-title,h2{text-align:center}.sec-title{font-size:1.3rem}.about{padding:calc(80/var(--lo1)*var(--lo2)) calc(20/var(--lo1)*var(--lo2)) calc(100/var(--lo1)*var(--lo2))}.about .text{padding:calc(30/var(--lo1)*var(--lo2)) 0 0;text-align:center}.service{margin:calc(130/var(--lo1)*var(--lo2)) 0 0;padding:0 calc(20/var(--lo1)*var(--lo2)) calc(60/var(--lo1)*var(--lo2))}.service:before{height:calc(140/var(--lo1)*var(--lo2));top:calc(-130/var(--lo1)*var(--lo2));-webkit-transform:rotate(3deg);transform:rotate(3deg)}.service-list{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin:0 auto;max-width:calc(1200/var(--lo1)*var(--lo2));padding:0 0 calc(80/var(--lo1)*var(--lo2))}.service-list li{padding:calc(50/var(--lo1)*var(--lo2)) 0 0;width:32%}.service .comment{font-size:1.4rem;width:calc(600/var(--lo1)*var(--lo2))}.service-text{font-size:1.2rem}.course-list{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin:0 auto;max-width:calc(1200/var(--lo1)*var(--lo2));padding:calc(30/var(--lo1)*var(--lo2)) 0 0}.course-list li{width:32%}.instructor-list{margin:0 auto;max-width:calc(1200/var(--lo1)*var(--lo2))}.instructor-list li{padding:calc(30/var(--lo1)*var(--lo2)) calc(30/var(--lo1)*var(--lo2)) calc(20/var(--lo1)*var(--lo2))}.instructor-list li .head{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;justify-content:flex-start;padding:0 0 calc(25/var(--lo1)*var(--lo2))}.instructor-list li .head .name{-webkit-box-ordinal-group:3;-ms-flex-order:2;margin:0 0 0 calc(30/var(--lo1)*var(--lo2));order:2;width:calc(300/var(--lo1)*var(--lo2))}.instructor-list li .head img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.equipment{padding:calc(60/var(--lo1)*var(--lo2)) calc(20/var(--lo1)*var(--lo2)) 0}.equipment .comment{width:calc(800/var(--lo1)*var(--lo2))}.equipment-list{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;margin:0 auto;padding:calc(50/var(--lo1)*var(--lo2)) 0 0;width:calc(1000/var(--lo1)*var(--lo2))}.equipment-list li{padding:0 0 calc(30/var(--lo1)*var(--lo2));width:48%}.equipment-list li .head{padding:calc(15/var(--lo1)*var(--lo2)) calc(40/var(--lo1)*var(--lo2)) calc(15/var(--lo1)*var(--lo2))}.equipment-list li:nth-child(3){-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;padding:calc(100/var(--lo1)*var(--lo2)) calc(50/var(--lo1)*var(--lo2)) calc(30/var(--lo1)*var(--lo2));width:100%}.equipment-list li:nth-child(3) .image{-webkit-box-flex:1;-ms-flex:1;flex:1;width:auto}.equipment-list li:nth-child(4) .image,.equipment-list li:nth-child(5) .image{padding:calc(20/var(--lo1)*var(--lo2)) 0 0;width:calc(350/var(--lo1)*var(--lo2))}.qa{margin:0 auto;width:calc(1200/var(--lo1)*var(--lo2))}.qa-list li .title span{font-size:1rem;padding:calc(20/var(--lo1)*var(--lo2)) calc(15/var(--lo1)*var(--lo2))}.qa-list li .text em{top:calc(15/var(--lo1)*var(--lo2))}.qa-list li .text span{font-size:1rem;line-height:1.8;padding:calc(20/var(--lo1)*var(--lo2)) calc(15/var(--lo1)*var(--lo2)) calc(20/var(--lo1)*var(--lo2)) calc(70/var(--lo1)*var(--lo2))}.contact{margin:0 auto;width:calc(1200/var(--lo1)*var(--lo2))}.contact .pic .title{font-size:1.2rem;padding:calc(60/var(--lo1)*var(--lo2)) 0}.contact .pic img{width:calc(480/var(--lo1)*var(--lo2))}.contact-title{font-size:1.2rem;padding:calc(120/var(--lo1)*var(--lo2)) 0 calc(30/var(--lo1)*var(--lo2))}.contact-form{padding:0 0 calc(120/var(--lo1)*var(--lo2))}.saikouchiku{font-size:.8rem}}
/*# sourceMappingURL=djschool.css.map */
