@charset 'utf-8';

.bg-box.type02 .logo-box.tosc::before{width:6.3rem;height:2.2rem;background:url(../img/major-edu/img-tosc-logo.png) no-repeat center center / 100%;}
.bg-box.type02 .logo-box.topcit::before{width:6.3rem;height:2.2rem;background:url(../img/major-edu/img-topcit-logo.png) no-repeat center center / 100%;}
.bg-box.type02.tosc .br-type01{display:none;}

.con-box .br-type04{display:none;}
.con-box .br-type05{display:none;}

.level-box{margin:5.2rem 0 7rem;}
.level-box .level-list li{display:flex;align-items:center;gap:2rem;padding:0 0 4.5rem;}
.level-box .level-list li > span{display:inline-block;padding:7px 1rem;max-width:7.6rem;width:100%;border:1px solid var(--color124);border-radius:99.9rem;box-sizing:border-box;font-size:1.3rem;font-weight:var(--font-weight-semibold);line-height:1.7rem;text-align:center;color:var(--color124);}
.level-box .level-list li > p{font-size:1.6rem;font-weight:var(--font-weight-semibold);line-height:2.6rem;letter-spacing:-0.02em;color:var(--black02);}

.level-box.type02 .level-list li > span{position:relative;max-width:20.3rem;}
.level-box.type02 .level-list li > span > span{position:relative;margin:0 6px 0 0;padding:0 6px 0 0;}
.level-box.type02 .level-list li > span > span::after{content:'';position:absolute;top:50%;right:0;width:1px;height:8px;background:var(--color40);transform:translateY(-50%);}

@media screen and (max-width:1175px){	
	.con-box .br-type03{display:none;}
	.con-box .br-type04{display:block;}
}

@media screen and (max-width:1092px){
	.bg-box.type02.tosc .br-type01{display:block;}
	.con-box .br-type02{display:none;}
	.con-box .br-type04{display:none;}	
	.con-box .br-type05{display:block;}
	.con-box .br-type06{display:none;}
}

@media screen and (max-width:768px){
	.bg-box.type02 .bg-box-con{flex-direction:column;}
	.bg-box.type02 .desc-box{padding:2rem 0 0;}
	.level-box .level-list li{padding:0 0 3rem;}
	.level-box .level-list li > p{font-size:1.4rem;line-height:2.4rem;}
	.con-box .br-type02{display:none;}
	.con-box .br-type05{display:none;}
}

@media screen and (max-width:480px){
	.bg-box.type02.tosc :is(br, .br-type01){display:none;}
	.level-box .level-list li{flex-wrap:wrap;gap:1.5rem;}
	.level-box .level-list li > p{width:100%;}
}