.pc_view{display:block;}
.m_view{display:none;}

@media screen and (max-width:1490px) {
#nav_wrap #nav .topmenu > li { padding: 0 1.5rem;}
.sub #snb .inner, .ft_wr {width:92% !important;}
}

@media screen and (max-width:1280px) {
}

@media screen and (max-width:1024px) {

.edu_intro {background-size:contain !important;}
.edu_intro_txt {margin-left:10% !important; font-size:1.2em !important;}
.edu_info ul {display:block;}
.edu_info li {width:calc(100% - 240px); margin-top:10px;}

.curriculum_wp {display:block !important;}
.curriculum {width:calc(100% - 110px) !important;}
.standard, .pro {background-position-x:110% !important;}
/*.pro {margin-top:60px !important;}*/

.refund_day {display:block !important;}
.refund_day li {display:flex; width:100% !important; margin:5px 0 !important;}
.refund_day li p {width:50%; border-radius:20px 0 0 20px !important; margin-right:20px !important;}
.refund_day li span {line-height:68px !important;}

.online_wp .online {display:inline-block !important;}
.online_img span {display:block !important; width:calc(100% - 60px) !important; line-height:20px !important; height:auto !important; padding:15px 30px !important; text-align:left !important; margin:0 !important; border-radius:10px 10px 0 0 !important;}
.online_cont {width:calc(100% - 60px) !important;}

.content h2.title {padding:50px 0;}
.online_view .subject {display:block !important;}
.sub031_agree {background:none !important; padding-left:50px !important;}
.sub031_agree .box_top {background:url(/culture/img_sub/sub_box_agree.png) left center no-repeat; background-size:contain; padding-left:150px;}
.box_con {text-align:right;}

.edu_out dl {display:block !important;}
.edu_out dt {width:calc(100% - 20px) !important;}
.edu_out dd {width:calc(100% - 40px) !important;} 
.edu_out dd.add {background-position-y:8px !important;}

.ins_vision li {display:block !important;}
.ins_vision li p {width:calc(100% - 40px) !important; border-radius:25px !important; }
.ins_vision li span {display:block;}

}

@media screen and (max-width:870px) {
.online_apply_box {display:inline-block;}
.online_apply_box dl {width:100% !important;}
.online_apply_box dt {width:30% !important;}
.online_apply_box dd {width:calc(70% - 32px) !important;}
}


@media screen and (max-width:840px) {
.edu_intro_txt {margin-left:6% !important; font-size:1.1em !important;}

.online_cont ul li {width:100% !important;}
.sub_box {padding:20px !important;}
.box_tit {font-size:1.2em !important;}

dl.edu_day_top dt {display:none !important;}

.edu_day dl {border:1px solid #ddd; border-top:2px solid #2c3e50;}
.edu_day dt {display:block !important; width:30% !important; padding:10px 0; text-align:center; color:#fff;  border-bottom:1px dashed #ddd; background:#2c3e50;}
.edu_day dd {width:70% !important;border:0 !important; text-align:left !important; text-indent:15px; border-bottom:1px dashed #ddd !important;}
.edu_day dt:nth-child(11) , .edu_day dd:nth-child(12) {border-bottom:0 !important;}
.ins_program {display:block !important;}
.ins_program li {width:calc(100% - 62px) !important;}
}	

@media screen and (max-width:700px) {
.edu_intro_txt {width:92%!important; margin:0 4% 30px!important; font-size:1em !important; letter-spacing:-1px!important; padding-top:50% !important;}
.institution h3 , .institution span {display:block !important;}
}

@media screen and (max-width:500px) {
.edu_intro_wp {padding-bottom:50px !important;}
.edu_intro {padding:0 !important;}
.edu_info {padding-top:30px !important;}
.edu_info li {background-size:40px !important; background-position:20px 25px !important; width:calc(100% - 40px); padding:30px 20px; border-radius:30px;}
.edu_info li p {margin-left:55px; font-size:1.2em;}

.curriculum_wp , .refund {padding:50px 0 !important; margin:0 auto !important;}
.curriculum {padding:20px !important; width:calc(100% - 50px) !important; border-radius:30px !important; background-size:200px !important;}
.curriculum p {margin-bottom:14px !important; padding-bottom:15px !important; font-size:1.2em !important;}
.curriculum ul li {margin-top:20px !important; letter-spacing:-1px !important;}
.pro {margin-top:30px !important;}

a.bt_apply {width:90% !important; padding:15px 0 !important; font-size:1.1em !important; background-size:20px !important;}

.training {border-radius:30px; margin-top:30px !important;}
.training_top {border-radius:20px 20px 0 0; padding:20px; }
.training p {font-size:1.2em;}
.training ul{border-radius:0 0 20px 20px; padding:20px;}

.can_not ul li {padding:20px;}

.edu_fam { background-size:30px !important; background-position:left top !important;}
.edu_fam div {padding:0 !important; letter-spacing:-0.6px;}
.edu_fam p {margin-left:40px !important; font-size:1.2em !important;}

.refund_day li {font-size:0.85em !important;}
.refund_day li:first-child p, .refund_day li span {padding:0 !important;}
}

@media screen and (max-width:576px) {
body {font-size:14pt}

.online_sch select, .online_sch input, .online_sch button{width:90% !important; margin:3px auto !important;}
.sub031_agree .box_top {background:none !important; padding-left:0 !important;}
}

@media screen and (max-width: 500px){
body {font-size:12pt}
.edu_day h2 {font-size:2em !important; padding:30px 0 !important;}
.edu_day h3 {font-size:1.2em !important;}
.content h2.title {font-size:2em !important; padding:30px 0 20px !important;}

.online_cont {padding-left:20px !important; width:calc(100% - 40px) !important; }
.online_cont ul li span {width:70px !important; padding-left:30px !important}

.ins_id li {display:block !important;}
.ins_id p {width:100% !important; border:0 !important; text-align:left !important;}
.ins_id span {width:100% !important;}

 }

@media screen and (max-width:400px) {
}


 [class*="col-"]{
  float: left;
  /*padding:10px;*/
  display:inline-block;
  }
 .row:after{ 
  content: "";
  clear: both;
  display: block;
 }

.plno { padding-left: 0px;}		 
.prno { padding-right: 0px;}

 .col-1{width:8.33%;}
 .col-2{width:16.66%;}
 .col-3{width:25%;}
 .col-4{width:33.33%;}
 .col-5{width:41.66%;}
 .col-6{width:50%;}
 .col-7{width:58.33%;}
 .col-8{width:66.66%;}
 .col-9{width:75%;}
 .col-10{width:83.33%;}
 .col-11{width:91.66%;}
 .col-12{width:100%;}			   

 @media screen and (max-width: 1100px){
 .col-xl-1{width:8.33%;}
 .col-xl-2{width:16.66%;}
 .col-xl-3{width:25%;}
 .col-xl-4{width:33.33%;}
 .col-xl-5{width:41.66%;}
 .col-xl-6{width:50%;}
 .col-xl-7{width:58.33%;}
 .col-xl-8{width:66.66%;}
 .col-xl-9{width:75%;}
 .col-xl-10{width:83.33%;}
 .col-xl-11{width:91.66%;}
 .col-xl-12{width:100%;}
 }	 

 @media screen and (max-width: 960px){
 .col-lg-1{width:8.33%;}
 .col-lg-2{width:16.66%;}
 .col-lg-3{width:25%;}
 .col-lg-4{width:33.33%;}
 .col-lg-5{width:41.66%;}
 .col-lg-6{width:50%;}
 .col-lg-7{width:58.33%;}
 .col-lg-8{width:66.66%;}
 .col-lg-9{width:75%;}
 .col-lg-10{width:83.33%;}
 .col-lg-11{width:91.66%;}
 .col-lg-12{width:100%;}
 }

 @media screen and (max-width: 720px){
 .col-md-1{width:8.33%;}
 .col-md-2{width:16.66%;}
 .col-md-3{width:25%;}
 .col-md-4{width:33.33%;}
 .col-md-5{width:41.66%;}
 .col-md-6{width:50%;}
 .col-md-7{width:58.33%;}
 .col-md-8{width:66.66%;}
 .col-md-9{width:75%;}
 .col-md-10{width:83.33%;}
 .col-md-11{width:91.66%;}
 .col-md-12{width:100%;}
 
 }

 @media screen and (max-width: 576px){
 .col-sm-1{width:8.33%;}
 .col-sm-2{width:16.66%;}
 .col-sm-3{width:25%;}
 .col-sm-4{width:33.33%;}
 .col-sm-5{width:41.66%;}
 .col-sm-6{width:50%;}
 .col-sm-7{width:58.33%;}
 .col-sm-8{width:66.66%;}
 .col-sm-9{width:75%;}
 .col-sm-10{width:83.33%;}
 .col-sm-11{width:91.66%;}
 .col-sm-12{width:100%;}

 }