@charset 'utf-8';

.box-icon-list.type02 ul{display:flex;gap:1rem;width:100%;}
.box-icon-list.type02 ul li{padding:4rem 2rem 1.5rem;width:calc((100% - 2rem)/3);border:1px solid var(--color56);border-radius:5px;}
.box-icon-list.type02 ul li .txt-wrap{display:flex;flex-direction:column;align-items:center;padding:0 0 3rem;}
.box-icon-list.type02 ul li .txt-wrap .txt01{margin:0 0 1.3rem;font-size:2rem;font-weight:var(--font-weight-bold);line-height:2.6rem;color:var(--color06);}
.box-icon-list.type02 ul li .txt-wrap .txt02{font-size:1.6rem;font-weight:var(--font-weight-medium);line-height:2.2rem;color:var(--black05);}
.box-icon-list.type02 ul li .circle-icon-box{flex-direction:column;gap:unset;text-align:center;}
.box-icon-list.type02 ul li .circle-icon-box .circle{margin:0 0 2rem;}
.box-icon-list.type02 ul li:nth-of-type(1) .circle-icon-box .circle:before{content:'';width:5.1rem;height:3.6rem;background:url(../img/common/ico-graduate%402x.png) no-repeat center center / 100%;}
.box-icon-list.type02 ul li:nth-of-type(2) .circle-icon-box .circle:before{content:'';width:3.6rem;height:3.6rem;background:url(../img/common/ico-staff%402x.png) no-repeat center center / 100%;}
.box-icon-list.type02 ul li:nth-of-type(3) .circle-icon-box .circle:before{content:'';width:4.3rem;height:3.7rem;background:url(../img/common/ico-outsider%402x.png) no-repeat center center / 100%;}
.box-icon-list.type02 ul li .circle-icon-box .mark-p02{margin:0;font-size:1.5rem;font-weight:var(--font-weight-medium);line-height:2.4rem;color:var(--color01);}

.title-wrap{border-bottom:2px solid var(--color17);}
.bg-box .ul-con{display:flex;gap:2rem;}
.bg-box .ul-con .ul-con-list{width:25%;}
.bg-box .ul-con .ul-con-list:last-of-type{padding:0;}
.bg-box .ul-con .ul-con-list .ul-type-dot span{position:relative;margin:0 6px 0 0;padding:0 1.7rem 0 0;}
.bg-box .ul-con .ul-con-list .ul-type-dot span::after{content:'';position:absolute;top:50%;right:0;width:1.2rem;height:1rem;background:url(../img/common/ico-txt-arrow%402x.png) no-repeat center center / 100%;transform:translateY(-50%);}
.inner-box{border-bottom:1px solid var(--color10);}
.wifi-down-wrap{display:flex;align-items:center;}
.wifi-down-wrap .link-box{margin:0 0 0 9px;}
.wifi-down-wrap .link-box ul{margin:0;}
.bg-img-box.wifi{margin:0 0 3.9rem;background:url(../img/unilife/bg-wifi.jpg) no-repeat center center / cover;}
.wifi .g-img-box .bg-en-title{line-height:4.2rem;}
.wifi .bg-img-box .bg-title{0 0 1rem;font-size:1.8rem;line-height:2.8rem; color:#fff;padding : 0 0 2.6rem;}
.eduroam{font-size: 4.4rem;}

@media screen and (max-width:1024.98px){
	.box-icon-list.type02 ul li{padding:4rem 1rem 1.5rem;}
	.box-icon-list.type02 ul li .circle-icon-box .circle{width:9rem;height:9rem;}
	.box-icon-list.type02 ul li .txt-wrap{padding:0 0 2rem;}
	.box-icon-list.type02 ul li .txt-wrap .txt01{font-size:1.8rem;line-height:2.4rem;}
	.box-icon-list.type02 ul li .txt-wrap .txt02{width:100%;font-size:1.5rem;line-height:2.1rem;word-break:keep-all;}
	.box-icon-list.type02 ul li .circle-icon-box .mark-p02{font-size:1.4rem;line-height:2.4rem;}
	
	.bg-img-box.text-center{padding:15.5rem 2rem}
	.bg-img-box .bg-en-title{font-size:3.4rem;line-height:4rem;}
	
	.bg-box .ul-con{flex-wrap:wrap;gap:3px 2rem;}
	.bg-box .ul-con .ul-con-list{width:calc((100% - 2rem)/2);}
	.wifi-down-wrap{flex-wrap:wrap;}
	.wifi-down-wrap .link-box{margin:5px 0 1rem;width:100%;}
}

@media screen and (max-width:768px){
	.box-icon-list.type02 ul{flex-wrap:wrap;}
	.box-icon-list.type02 ul li{padding:2.5rem 1rem 0;width:100%;}
	
	.bg-box .ul-con .ul-con-list{padding:0;width:100%;}
	
	.bg-img-box.text-center{padding:5rem 2rem;}
	.bg-img-box .bg-en-title{font-size:2.6rem;line-height:3.2rem;}
}