.intro-box{font-size:0;}
.intro-box > li{margin:0 0 20px 0;padding:20px 30px;border:1px solid #ccc;box-sizing:border-box;}
.intro-box .txt-box .h4-tit01{display:inline-block;padding:0 0 18px 0;}
.intro-box .txt-box .campus{display:inline-block;margin:7px 0 0 20px;padding:2px 9px;background-color:#f36f21;border-radius:5px;font-size:14px;color:#fff;line-height:19px;vertical-align:top;}
.intro-box .txt-box .txt01{padding:0 0 20px 0;font-size:16px;color:#000;line-height:21px;}
.intro-box .txt-box .txt02{padding:0 0 27px 0;font-size:18px;color:#000;line-height:23px;}
.intro-box .link-box > ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.intro-box .link-box > ul > li{padding:0 0 20px 0;min-width:230px;}
.intro-box .link-box > ul > li a{display:block;padding:16px 10px;text-align:center;word-break:keep-all;box-sizing:border-box;}
.intro-box .ul-type03{display:flex;flex-wrap:nowrap;justify-content:space-between;padding:30px;border:1px solid #dddedf;}
.intro-box .ul-type03 > li{display:inline-block;min-width:190px;color:#4d4d4d;word-break:keep-all;}
.intro-box .ul-type03 > li span{padding:0 15px 0 0;}

@media screen and (max-width:1024px){
	.intro-box .ul-type03{padding:20px;}
	.intro-box .ul-type03 > li span{padding:0 10px 0 0;}
}

@media screen and (max-width:768px){
	.intro-box > li{padding:20px;}
	.intro-box .txt-box .h4-tit01{padding:0 0 10px 0;}
	.intro-box .txt-box .campus{margin:4px 0 0 20px;padding:2px 6px;font-size:12px;line-height:17px;}
	.intro-box .txt-box .txt01{padding:0 0 10px 0;font-size:14px;color:#000;line-height:19px;}
	.intro-box .txt-box .txt02{padding:0 0 17px 0;font-size:14px;color:#000;line-height:19px;}
	.intro-box .link-box > ul > li{padding:0 0 10px 0;width:100%;}
	.intro-box .link-box > ul > li a{display:block;padding:12px 0;}
	.intro-box .ul-type03{display:block;padding:10px;}
	.intro-box .ul-type03 > li{display:block;padding:0 0 10px 0;width:auto;}
	.intro-box .ul-type03 > li:last-of-type{padding-bottom:0;}
	.intro-box .ul-type03 > li span{padding:0 20px 0 0;}
	.intro-box .ul-type03 > li span img{width:23px;height:22px;}
}

@media screen and (max-width:480px){
	.intro-box > li{padding:10px;}
	.intro-box .link-box > ul > li{padding:0 0 10px 0;}
}