@charset "utf-8";

.bg-img-box.freshman{background:url(../img/unilife/img-freshman01.jpg) no-repeat center / cover;}
.freshman-mark-p{padding:7.5rem 0 2.5rem;font-weight:var(--font-weight-bold);font-size:1.5rem;line-height:2.1rem;text-align:right;color:var(--color01);}

.freshman-wrap{border-top:1px solid var(--color06);border-bottom:1px solid var(--color17);}
.freshman-wrap .freshman-box{display:flex;gap:2%;position:relative;padding:4rem 0 4rem 2rem;border-bottom:1px solid var(--color10);}
.freshman-wrap .freshman-box:last-child{border:0;}
.freshman-wrap .freshman-tit-box:before{content:'';display:block;}
.freshman-wrap .freshman-box.sju .freshman-tit-box:before{width:4.2rem;height:4.4rem;background:url(../img/unilife/ico-freshman-sju%402x.png) no-repeat center/100%;}
.freshman-wrap .freshman-box.edu .freshman-tit-box:before{width:4.3rem;height:4.8rem;background:url(../img/unilife/ico-freshman-edu%402x.png) no-repeat center/100%;}
.freshman-wrap .freshman-box.use .freshman-tit-box:before{width:3.6rem;height:4.6rem;background:url(../img/unilife/ico-freshman-use%402x.png) no-repeat center/100%;}
.freshman-wrap .freshman-box.life .freshman-tit-box:before{width:4.2rem;height:4.4rem;background:url(../img/unilife/ico-freshman-life%402x.png) no-repeat center/100%;}
.freshman-box .freshman-tit-box{display:flex;align-items:center;gap:4rem;width:23%;}
.freshman-box .freshman-tit-box .freshman-tit{padding:0 0 1rem;font-weight:var(--font-weight-bold);font-size:2.6rem;color:var(--black100);}
.freshman-box .freshman-tit-box .freshman-subtit{font-size:1.8rem;color:var(--color08);}
.freshman-box .freshman-list-box{width:75%;}

.freshman-list-box .freshman-list{display:flex;flex-wrap:wrap;/*display:grid;grid-template-columns:repeat(3, 1fr);*/gap:1rem;}
.freshman-list-box .freshman-list li{position:relative;width:calc((100% - 2rem)/3);}
.freshman-list-box .freshman-list li a{display:flex;align-items:center;padding:2.2rem 3rem;height:100%;border-radius:5px;border:1px solid var(--color68);background:var(--color68);font-weight:var(--font-weight-semibold);font-size:1.8rem;color:var(--black03);box-sizing:border-box;transition:0.3s ease;}
.freshman-list-box .freshman-list li:after{content:'';position:absolute;top:50%;right:2rem;width:6px;height:1rem;background:url(../img/unilife/ico-freshman-arrow%402x.png) no-repeat center/100%;transform:translateY(-50%);transition:0.3s ease;}
.freshman-list-box .freshman-list li:hover a{border:1px solid var(--color01);background:var(--white100);color:var(--color01);}
.freshman-list-box .freshman-list li:hover:after{background:url(../img/unilife/ico-freshman-arrow-hover%402x.png) no-repeat center/100%;transform:translateY(-50%);}

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

@media screen and (max-width:1024.98px) {	
	.freshman-mark-p{padding:5rem 0 1rem;}
	.freshman-wrap .freshman-box{flex-wrap:wrap;gap:2.5rem;padding:3rem 1.5rem;}
	.freshman-box .freshman-tit-box{gap:2rem;width:100%;}
	.freshman-box .freshman-tit-box .freshman-tit{padding:0 0 5px;font-size:2.2rem;}
	.freshman-box .freshman-tit-box .freshman-subtit{font-size:1.4rem;}
	.freshman-box .freshman-list-box{width:100%;}
	.freshman-list-box .freshman-list li{width:calc((100% - 1rem)/2);}
	.freshman-list-box .freshman-list li a{padding:1.5rem 2rem;font-size:1.5rem;}
}

@media screen and (max-width:768px) {			
	.freshman-list-box .freshman-list li{width:100%;}
}