@charset "utf-8";
/* CSS Document */


/*連結合作*/
.index-cooperation {
	background-color: #f7f7f7; 
	height: 200px;
	margin-bottom: 30px;
}

/*
.p-nobreak {
	margin: 0px 60px;
}
*/

.p-cooperation {
	font-size: 20pt;
	color: black;
	text-align: center;
	padding-top: 20px;
}

.cooperation-con {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.cooperation-img {
	width: 7%;
	position: relative
}

.quantity {
	font-size: 53pt;
	margin-top: 10px;
	color: #f7931e;
	font-weight: 400;
}

.slash {
	font-weight:100;
	color: #B3B3B3;
}

.category {
	font-weight: bolder;
	font-size: 14pt;
	color: #5A5A5A;
	position: absolute;
	top: 93px;
}

.industry {
	right: 810px;
}

.enterprise {
	right: 635px;
}

.college {
	right: 390px;
}

.high-school {
	right: 185px;
}





/*資料夾版*/
.board-row {
	display: flex;
	flex-wrap: wrap;
}

.board-col {
	width: calc(100%/3);
	padding: 20px 20px;
}

.dl-board {
	color: #744800;
	font-weight: bold;
}

.dt-board {
	position: absolute;
	z-index: 1;
	padding: 10px 12px;
}

.board-con {
	position: absolute;
	left: 50px;
	z-index: 1;
	top: 70px;
	width: 70%;
	text-align: justify;
	line-height: 20px;
}

.board-name {
	position: absolute;
	z-index: 1;
	left: 140px;
	bottom: 36px;
}

.readmore {
	width: auto;
    background: #f7931e;
    font-family: arial;
    position: relative;
    padding: 15px 25px 13px 25px;
    border-radius: 50px;
    border: 0;
    color: #fff;
    white-space: nowrap;
}

#more {display: none;}









/*Media Query*/
@media(max-width: 1220px) {
	
/*資料夾版	*/
.board-name {
	position: absolute;
	z-index: 1;
	left: 120px;
	bottom: 36px;
}
	
}














@media(max-width: 991px) {
	
.dt-board {
	font-size: 8pt;
	padding: 15px;
}

.board-con {
	position: absolute;
	left: 45px;
	z-index: 1;
	top: 60px;
	width: 70%;
	text-align: justify;
	}	

.board-name {
	position: absolute;
	z-index: 1;
	bottom: 30px;
	left: 85px;
	font-size: 10pt
	}

.p-cooperation {
	font-size: 10pt;
	color: black;
	text-align: center;
	padding-top: 20px;
}

.cooperation-img {
	width: 13%;
	height: 13%;
	position: relative;
}	

.quantity {
	font-size: 20pt;
	margin-top: 10px;
	color: #f7931e;
	font-weight: 400;
}
	
.cooperation-con {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}	
	
.category {
    font-weight: bolder;
    font-size: 10pt;
    color: #5A5A5A;
    display: contents;
    top: 93px;	
}
	
.slash {
    display: none;	
	
}
	
	
}
















@media(max-width:768px) {
	
/*資料夾版	*/
.board-col {
	width: calc(100%/2);
	padding: 20px 20px;
}	

.dt-board {
	font-size: 12pt;
}

.board-con {
	position: absolute;
	left: 45px;
	z-index: 1;
	top: 60px;
	width: 70%;
	text-align: justify;
	}	

.board-name {
	position: absolute;
	z-index: 1;
	bottom: 30px;
	left: 120px;
	font-size: 12pt;
	}

.p-cooperation {
	font-size: 10pt;
	color: black;
	text-align: center;
	padding-top: 20px;
}

.cooperation-img {
	width: 13%;
	height: 13%;
	position: relative;
}	

.quantity {
	font-size: 20pt;
	margin-top: 10px;
	color: #f7931e;
	font-weight: 400;
}
	
.cooperation-con {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}	
	
.category {
    font-weight: bolder;
    font-size: 10pt;
    color: #5A5A5A;
    display: contents;
    top: 93px;	
}
	
.slash {
    display: none;	
	
}
	
}












@media(max-width:480px) {

/*資料夾版	*/
.board-col {
	width: 100%;
	padding: 10px 10px;
}
	
.p-cooperation {
	font-size: 10pt;
	color: black;
	text-align: center;
	padding-top: 20px;
}

.cooperation-img {
	width: 13%;
	height: 13%;
	position: relative;
}	

.quantity {
	font-size: 22pt;
	margin-top: 10px;
	color: #f7931e;
	font-weight: 400;
}
	
.cooperation-con {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}	
	
.category {
    font-weight: bolder;
    font-size: 10pt;
    color: #5A5A5A;
    display: contents;
    top: 93px;	
}
	
.slash {
    display: none;	
	
}	
	
}













@media(max-width:375px) {

/*資料夾版	*/
.dt-board {
	position: absolute;
	z-index: 1;
}	
	
.board-name {
	position: absolute;
	z-index: 1;
	bottom: 25px;
	}
	
.p-cooperation {
	font-size: 10pt;
	color: black;
	text-align: center;
	padding-top: 20px;
}

.cooperation-img {
	width: 13%;
	height: 13%;
	position: relative;
}	

.quantity {
	font-size: 20pt;
	margin-top: 10px;
	color: #f7931e;
	font-weight: 400;
}
	
.cooperation-con {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}	
	
.category {
    font-weight: bolder;
    font-size: 10pt;
    color: #5A5A5A;
    display: contents;
    top: 93px;	
}
	
.slash {
    display: none;	
}
	
.industry {
	right: 500px;
}
	
}













@media(max-width:320px) {

/*資料夾版	*/
.dt-board {
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
}
	
.board-name {
	position: absolute;
	z-index: 1;
	bottom: 23px;
	left: 93px;
	}	
	
}