@charset "UTF-8";body{position:relative}.oc-detail__contents_s,.oc-detail__contents_w{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px;color:#333}.oc-detail__contents_s{max-width:1080px}.oc-detail__head{padding:min(10.7142857143vw,150px) 0 min(10vw,140px);background:url(../img/main_bg.jpg) top left/100%}.oc_detail__head_title{font-size:min(2.8571428571vw,40px);font-weight:700;color:#fff;text-align:center;margin-bottom:min(5.3571428571vw,75px)}.oc_detail__head_anchor{display:flex;flex-wrap:wrap;width:100%;gap:3%}.main_timetable .timetable_title,.oc_detail__head_anchor li{color:#fff;font-size:min(1.2857142857vw,18px);font-weight:700}.oc_detail__head_anchor li{width:31%;border:min(.0714285714vw,1px) solid #fff;margin-bottom:min(2.8571428571vw,40px);text-align:center}.oc_detail__head_anchor li .oc_detail__head_link{display:block;width:100%;height:100%;padding:min(1.4285714286vw,20px) 0;box-sizing:border-box;position:relative}.oc_detail__head_anchor li .oc_detail__head_link::before{display:block;content:"";width:min(1.1428571429vw,16px);height:min(1.1428571429vw,16px);border:min(.0714285714vw,1px) solid #fff;border-left:0;border-bottom:0;box-sizing:border-box;transform:translate(-25%,-50%) rotate(135deg);position:absolute;top:50%;right:min(2.1428571429vw,30px)}.oc_detail__head_banner{text-align:center;margin-top:min(2.2857142857vw,32px)}.oc-detail__main{background-color:#fff;padding:min(10vw,140px) 0 min(12.8571428571vw,180px)}.oc-detail__main_title{margin-bottom:min(4.6428571429vw,65px)}.oc-detail__title_jp{font-family:"Roboto",sans-serif;font-weight:700;font-size:min(4.5714285714vw,64px);line-height:1.2}.oc-detail__main_lead{font-size:min(1.4285714286vw,20px);font-weight:700}.oc-detail__main_list{width:100%;display:flex;gap:2%;margin:min(2.1428571429vw,30px) 0 min(5.7142857143vw,80px)}.oc-detail__main_list li{width:32%;color:#fff;background-color:#b60000;text-align:center;padding:min(1.7857142857vw,25px) 0}.oc-detail__main_timetable{display:flex;justify-content:space-between;width:100%;gap:3%}.main_timetable{width:47%;border:min(.1428571429vw,2px) solid #b60000;box-sizing:border-box;padding:min(3.5714285714vw,50px) min(2.8571428571vw,40px);position:relative}.main_timetable .timetable_title{background-color:#b60000;display:inline-block;padding:min(.1428571429vw,2px) min(.5714285714vw,8px);position:absolute;top:max(-1.4285714286vw,-20px);left:min(2.8571428571vw,40px)}.timetable_lead{font-weight:700}.timetable_wrap{width:100%;display:flex;flex-wrap:wrap;line-height:2;margin:min(.7142857143vw,10px) 0 min(2.1428571429vw,30px)}.timetable_wrap dt{width:24%}.timetable_wrap dd{width:76%;box-sizing:border-box;padding-left:min(1.4285714286vw,20px)}.timetable_notice{margin-top:min(1.4285714286vw,20px);text-align:right}.oc-detail__course_lead{line-height:2}.oc-detail__course_notice{display:inline-block;margin-bottom:min(.7142857143vw,10px);padding:min(.3571428571vw,5px) min(.7142857143vw,10px);border:1px solid #b60000;color:#b60000;font-weight:700}.oc-detail__course_title{border-left:6px solid #000;padding-left:min(1.7857142857vw,25px);margin-bottom:min(3.4285714286vw,48px)}.oc-detail__course_title.guitar .oc-detail__course_sub{background-color:#b16c10}.oc-detail__course_title.guitar .oc-detail__course_main{color:#b16c10}.oc-detail__course_title.bass .oc-detail__course_sub{background-color:#2d6973}.oc-detail__course_title.bass .oc-detail__course_main{color:#2d6973}.oc-detail__course_title.drum .oc-detail__course_sub{background-color:#a21a7e}.oc-detail__course_title.drum .oc-detail__course_main{color:#a21a7e}.oc-detail__course_title.vocal .oc-detail__course_sub{background-color:#32732d}.oc-detail__course_title.vocal .oc-detail__course_main{color:#32732d}.oc-detail__course_title.sound .oc-detail__course_sub{background-color:#ad1b31}.oc-detail__course_title.sound .oc-detail__course_main{color:#ad1b31}.oc-detail__course_sub{display:inline-block;padding:min(.1428571429vw,2px) min(.8571428571vw,12px) min(.2857142857vw,4px);font-weight:700;font-size:min(1.7142857143vw,24px);line-height:1.5;color:#fff;background-color:#b60000}.oc-detail__course_main{font-size:min(2.2857142857vw,32px);font-weight:700;color:#b60000}.oc-detail__main_detail{margin-bottom:min(2.8571428571vw,40px)}.course_sec{padding:min(5.7142857143vw,80px) 0;border-top:min(.0714285714vw,1px) solid #ccc}.course_sec:first-child{border-top:0}.oc-detail__course_wrap{display:grid;grid-template-columns:51% 1fr;grid-template-rows:auto auto;grid-template-areas:"a b" "c b";gap:0 2%}.oc-detail__course_text{grid-area:a}.oc-detail__course_img{grid-area:b}.oc-detail__course_teacher{grid-area:c;background-color:#f5f5f5;box-sizing:border-box;padding:min(2.2857142857vw,32px);margin-top:min(2.2857142857vw,32px)}.band-clinic{line-height:2}.band-clinic .course_teacher__detail{width:auto}.course_teacher__name{display:flex;font-size:min(1.2857142857vw,18px);font-weight:700}.course_teacher__name dt::after{content:"："}.course_teacher__name.space{margin-top:min(1.0714285714vw,15px)}.course_teacher__detail_wrap{margin-top:min(1.4285714286vw,20px);display:flex;width:100%;gap:6%}.sns_link{text-decoration:underline;display:inline-block}.course_teacher__img{width:34%;flex-shrink:0}.course_teacher__detail{width:60%}.dorm_title,.oc-detail__course_btn{text-align:center;font-weight:700;position:relative}.oc-detail__course_btn{display:block;width:min(23.7142857143vw,332px);background-color:#b60000;color:#fff;padding:min(2.1428571429vw,30px) 0;margin:min(3.9285714286vw,55px) auto 0}.oc-detail__course_btn::before{display:block;content:"";width:min(.8571428571vw,12px);height:min(.8571428571vw,12px);border:min(.1428571429vw,2px) solid #fff;border-left:0;border-bottom:0;box-sizing:border-box;transform:translate(-25%,-50%) rotate(45deg);position:absolute;top:50%;right:min(2.1428571429vw,30px)}.dorm_title{font-size:min(2.8571428571vw,40px);padding-bottom:min(1.2857142857vw,18px);margin-bottom:min(5.7142857143vw,80px)}.dorm_title::before{display:block;content:"";width:min(5.7142857143vw,80px);height:min(.2857142857vw,4px);background-color:#b60000;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.dorm_lead{line-height:2}.dorm_notice li{position:relative;padding-left:min(1.4285714286vw,20px)}.band-clinic__content_list li::before,.dorm_notice li::before{display:block;content:"※";position:absolute;top:0;left:0}.dorm__img_wrap{display:flex;margin-top:min(4.2857142857vw,60px);gap:4%}.dorm__detail,.dorm__detail_wrap{display:flex;margin-top:min(3.5714285714vw,50px)}.dorm__detail_wrap{border:min(.0714285714vw,1px) solid #ccc;flex-wrap:wrap;box-sizing:border-box;padding:min(2.8571428571vw,40px);width:100%;gap:4%}.dorm__detail{width:47%;align-items:center;justify-content:space-between}.dorm__detail.space{margin-top:0}.band-clinic__content_list li,.dorm__detail.short .dorm__detail_logo{padding-right:min(1.4285714286vw,20px)}.dorm__detail_title{font-weight:700}.dorm_sec{margin-top:min(7.8571428571vw,110px)}.dorm__detail_tel{display:flex;flex-wrap:wrap}.oc-detail__pickup_event{padding:min(11.4285714286vw,160px) 0 min(14.2857142857vw,200px)}.oc-detail__list_wrap{margin-top:min(12.8571428571vw,180px)}.band-clinic__content{margin-bottom:min(1.0714285714vw,15px)}.band-clinic__content_title{font-weight:700}.band-clinic__content_list,.band-clinic__content_time{display:flex;flex-wrap:wrap}.band-clinic__content_list li{padding-left:min(1.0714285714vw,15px);position:relative}.band-clinic__content_list li::before{content:"・"}.band-clinic__content_time{width:100%;gap:2%}.band-clinic__content_time dt{width:10%}.band-clinic__content_time dd{width:88%}.online__notice{margin-top:min(.7142857143vw,10px);font-size:min(1vw,14px)}.oc-list__annual-wrap{margin:min(8.5714285714vw,120px) auto}.oc-list__annual-btn{display:block;width:min(23.7142857143vw,332px);margin:min(4.5714285714vw,64px) auto 0;background-color:#b60000;text-align:center;padding:min(1.7857142857vw,25px) 0;position:relative}.oc-list__annual-btn::before{content:"";display:block;position:absolute;top:50%;right:min(2.1428571429vw,30px);width:min(.7142857143vw,10px);height:min(.7142857143vw,10px);border-top:solid min(.1428571429vw,2px) #fff;border-right:solid min(.1428571429vw,2px) #fff;transform:rotate(45deg) translateY(-50%)}@media only screen and (max-width:1760px){body{position:relative}}@media only screen and (max-width:1440px){body{position:relative}}@media only screen and (max-width:1200px){body{position:relative}}@media only screen and (max-width:768px){body{position:relative}}@media only screen and (max-width:640px){body{position:relative}.oc-detail__contents_s,.oc-detail__contents_w{padding-left:min(6.4vw,40.96px);padding-right:min(6.4vw,40.96px)}.oc-detail__head{padding:min(8vw,51.2px) 0 min(12vw,76.8px)}.oc_detail__head_title{font-size:min(4.8vw,30.72px);margin-bottom:min(5.3333333333vw,34.1333333333px)}.oc_detail__head_anchor{gap:0}.oc_detail__head_anchor li{width:100%;font-size:min(3.7333333333vw,23.8933333333px)}.oc_detail__head_anchor li .oc_detail__head_link{padding:min(1.6vw,10.24px)}.oc_detail__head_anchor li .oc_detail__head_link::before{width:min(2.6666666667vw,17.0666666667px);height:min(2.6666666667vw,17.0666666667px);right:min(4vw,25.6px)}.oc_detail__head_banner{margin-top:min(6.6666666667vw,42.6666666667px)}.oc-detail__main{padding:min(12vw,76.8px) 0 min(16vw,102.4px)}.oc-detail__main_title{margin-bottom:min(4vw,25.6px)}.oc-detail__title_jp{font-size:min(6.9333333333vw,44.3733333333px);line-height:1}.oc-detail__main_lead{font-size:min(3.7333333333vw,23.8933333333px)}.oc-detail__main_list{display:block;margin:min(5.3333333333vw,34.1333333333px) 0 min(10.6666666667vw,68.2666666667px)}.oc-detail__main_list li{width:auto;margin-bottom:min(2.6666666667vw,17.0666666667px);padding:min(2.6666666667vw,17.0666666667px) 0}.oc-detail__main_timetable{display:block}.main_timetable{width:auto;border:min(.5333333333vw,3.4133333333px) solid #b60000;padding:min(6.6666666667vw,42.6666666667px) min(5.3333333333vw,34.1333333333px);margin-top:min(8vw,51.2px)}.main_timetable .timetable_title{font-size:min(4.2666666667vw,27.3066666667px);padding:min(.5333333333vw,3.4133333333px) min(2.6666666667vw,17.0666666667px);top:max(-4.8vw,-30.72px);left:min(5.3333333333vw,34.1333333333px)}.timetable_wrap{margin:min(2.1333333333vw,13.6533333333px) 0 0}.timetable_wrap dt{width:40%}.timetable_wrap dd{width:60%;padding-left:0}.timetable_detail{margin-top:min(4vw,25.6px)}.timetable_notice{font-size:min(3.2vw,20.48px);margin-top:min(2.1333333333vw,13.6533333333px)}.oc-detail__course_notice{margin-bottom:min(1.3333333333vw,8.5333333333px);padding:min(1.3333333333vw,8.5333333333px) min(2.6666666667vw,17.0666666667px)}.oc-detail__course_title{padding-left:min(4vw,25.6px);margin-bottom:min(5.3333333333vw,34.1333333333px)}.oc-detail__course_sub{font-size:min(3.2vw,20.48px)}.oc-detail__course_main{font-size:min(4.8vw,30.72px)}.oc-detail__main_detail{margin-bottom:min(8vw,51.2px)}.course_sec{padding:min(10.6666666667vw,68.2666666667px) 0}.oc-detail__course_wrap{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"a" "b" "c";gap:min(5.3333333333vw,34.1333333333px) 0}.oc-detail__course_text{width:auto}.oc-detail__course_teacher{padding:min(5.3333333333vw,34.1333333333px)}.course_teacher__name{font-size:min(4vw,25.6px);justify-content:center;margin-bottom:min(2.1333333333vw,13.6533333333px)}.course_teacher__name.space{margin-top:min(2.6666666667vw,17.0666666667px)}.course_teacher__detail_wrap{margin-top:0;display:block}.course_teacher__img{width:45%;margin:0 auto min(2.6666666667vw,17.0666666667px)}.course_teacher__detail{width:auto}.oc-detail__course_btn{width:60%;padding:min(2.1333333333vw,13.6533333333px) 0;margin:min(8vw,51.2px) auto 0}.oc-detail__course_btn::before{width:min(2.1333333333vw,13.6533333333px);height:min(2.1333333333vw,13.6533333333px);border:min(.5333333333vw,3.4133333333px) solid #fff;border-left:0;border-bottom:0;right:min(4vw,25.6px)}.dorm_title{font-size:min(5.3333333333vw,34.1333333333px);padding-bottom:min(2.1333333333vw,13.6533333333px);margin-bottom:min(6.6666666667vw,42.6666666667px)}.dorm_title::before{width:min(10.6666666667vw,68.2666666667px);height:min(.5333333333vw,3.4133333333px)}.dorm__detail_wrap{display:block;padding:min(5.3333333333vw,34.1333333333px);margin-top:min(5.3333333333vw,34.1333333333px)}.dorm__detail{width:100%}.dorm__detail,.dorm__detail.space{margin-top:min(9.3333333333vw,59.7333333333px)}.dorm__detail_text{width:65%}.dorm__detail_logo{width:35%}.dorm__detail_tel{display:block}.oc-detail__pickup_event{padding:min(10.6666666667vw,68.2666666667px) 0}.band-clinic__content{margin-bottom:min(4vw,25.6px)}.band-clinic__content_list li{padding-left:min(4vw,25.6px);padding-right:min(4vw,25.6px)}.band-clinic__content_time{gap:0}.band-clinic__content_time dt{width:18%}.band-clinic__content_time dd{width:82%}.online__notice{font-size:min(3.2vw,20.48px);margin-top:min(2.1333333333vw,13.6533333333px)}.oc-list__annual-btn{width:min(64vw,409.6px);margin:min(6.4vw,40.96px) auto 0;padding:min(4.5333333333vw,29.0133333333px) 0 min(5.0666666667vw,32.4266666667px)}.oc-list__annual-btn::before{right:min(5.3333333333vw,34.1333333333px);width:min(2.1333333333vw,13.6533333333px);height:min(2.1333333333vw,13.6533333333px);border-top:solid min(.2666666667vw,1.7066666667px) #fff;border-right:solid min(.2666666667vw,1.7066666667px) #fff}}