@charset "utf-8";

/* ÇÐ°ú¼Ò°³ ÀÎ»ç¸» °øÅë */
.dep_box {position:relative; padding-left:190px; overflow:hidden;}
.dep_box .img {position:absolute; left:0; top:0; width:155px; height:210px;}
.dep_box .img img {width:100%; height:100%;}
.dep_box .txt {position:relative; padding-right:20px; background:url('/images/web/faculty/sub_cnt/logo_img01.png') no-repeat right bottom;}
.dep_box .txt:before{content:''; display:block; position:absolute; right:-1px; top:0; width:5px; height:80px; background:#00a390;}
.dep_box .txt:after {content:''; display:block; position:absolute; right:-1px; top:0; width:80px; height:5px; background:#00a390;}
.dep_box .txt .inner {padding:30px 0; border-top:5px solid #024289;}
.dep_box .txt .txt_1 {margin-bottom:30px; font-size:40px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px; word-break:keep-all;}
.dep_box .txt .txt_1 span {color:#009281; }
.dep_box .txt .txt_2 {font-size:24px; line-height:1.3; font-family:'NotoR'; color:#444; letter-spacing:-1px; word-break:keep-all;}
.greeting {margin-top:50px;}
.greeting p {font-size:15px; line-height:1.4; font-family:'NotoR'; color:#444; letter-spacing:-1px;}

/* ÆòÀÇ¿øÈ¸ Á¶½Ä±¸¼ºµµ / ±³¼öÈ¸ Á¶Á÷±¸¼ºµµ */
.orga_box {position:relative;}
.orga_box .orga_date {position:absolute; right:0; top:-33px;}
.orga_box ul {overflow:hidden;}
.orga_box ul li {position:relative; width:22%; margin:10px 0 0 4%; float:left; text-align:center; border:1px solid #ddd; background:#fff url('../../../../00_common/images/con_com/pt_diagonalG.png') repeat; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.orga_box ul li:first-child {margin-left:0;}
.orga_box ul li:before{content:''; display:block; position:absolute; right:-1px; top:-1px; width:20%; height:30px; padding-left:1px; background:#00a390;}
.orga_box ul li:after {content:''; display:block; position:absolute; left:-1px; top:-1px; width:80%; height:30px; padding-left:1px; background:#024289;}
.orga_box ul li div {position:relative; margin:5px; padding:25px 20px 20px; border:1px solid #eee; background:#fff url('/images/web/faculty/sub_cnt/bg_orga_box.png') no-repeat right bottom; z-index:2; }
.orga_box ul li div img {display:block; width:90x; height:120px; margin:0 auto;}
.orga_box ul li div p {margin-top:15px; color:#000; font-size:20px; font-family:'NotoM';}
.orga_box ul li div p span {position:relative; display:block; padding-bottom:10px; color:#000; font-size:16px; font-family:'NotoR';}
.orga_box ul li div p span:before{content:''; display:block; position:absolute; left:50%; bottom:5px; width:20px; height:1px; margin-left:-10px; background:#000;}

/********** Media quary **********/
@media screen and (max-width:1400px) {	


    
}

@media screen and (max-width:1095px) {	

	


}

@media screen and (max-width:1019px) {	

	/* ÇÐ°ú¼Ò°³ ÀÎ»ç¸» °øÅë */
	.dep_box .txt .txt_1 {font-size:30px; margin-bottom:20px;}
	.dep_box .txt .txt_2 {font-size:20px;}

}

@media screen and (max-width:900px) {



	/* ÆòÀÇ¿øÈ¸ Á¶½Ä±¸¼ºµµ / ±³¼öÈ¸ Á¶Á÷±¸¼ºµµ */
	.orga_box .orga_date {position:relative; right:auto; top:auto; text-align:right;}
	.orga_box ul li {width:48%;}
	.orga_box ul li:nth-child(odd) {margin-left:0;}


}

@media screen and (max-width:760px) {



}


@media screen and (max-width:690px) {
	

	
}

@media screen and (max-width:590px) {

	/* ÇÐ°ú¼Ò°³ ÀÎ»ç¸» °øÅë */
	.dep_box {padding-left:0;}
	.dep_box .img {left:50%; top:20px; margin-left:-77px;}
	.dep_box .txt {padding:0; background:url('/images/web/faculty/sub_cnt/logo_img01.png') no-repeat right bottom;}
	.dep_box .txt:before{content:''; display:block; position:absolute; right:-1px; top:0; width:5px; height:80px; background:#00a390;}
	.dep_box .txt:after {content:''; display:block; position:absolute; right:-1px; top:0; width:80px; height:5px; background:#00a390;}
	.dep_box .txt .inner {padding:240px 0 0;}
	.dep_box .txt .txt_1 br {display:none;}
	
}



@media screen and (max-width:380px) {
	

	/* ÆòÀÇ¿øÈ¸ Á¶½Ä±¸¼ºµµ / ±³¼öÈ¸ Á¶Á÷±¸¼ºµµ */
	.orga_box ul li {width:100%; margin-left:0;}

}


