/****************
- work.cssl
- 技術部業務
****************/

/* 共通 */
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}

section p {
	margin-bottom: 8px;
	text-indent: 0;
}

@media screen and (min-width:550px){
	section p {
		font-size: 1.0rem;
	}
}


/* リンク */





section.main #front-work h2{
	border-top:1px solid #323232;
	border-bottom: 1px solid #323232;
	padding-top: 8px;
	padding-bottom: 8px;
}
section.main #front-work h2:nth-child(n+2) {
	margin-top: 34px;
}

#front-work li {
	line-height: 2.0rem;
}

#front-work li::before{
	padding-right: 0.2rem;
	content: "\025a0";
}


section.main #front-work h3 {
	font-weight: bold;
	font-size:1.0rem;
}
section.main #front-work h3:nth-child(n+2) {
	margin-top: 21px;
}





/* ==================== */
/* 技術職員とは - introduction */
/* -- */

#introduction p {
	text-indent: 1.0rem;
}



@media screen and (min-width:550px){
	
	.introduction-left{
		float: left;
		width: 400px;
		margin-right: 15px;
	}
}

/* introduction-photo 写真 */
@media screen and (max-width:549px){
	#introduction div.introduction-photo {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	    -webkit-box-lines:single;
	    -moz-box-lines:single;
	    -webkit-flex-wrap:nowrap;
	    -moz-flex-wrap:nowrap;
	    -ms-flex-wrap:none;
	    flex-wrap:nowrap;
	}
	
	#introduction div.introduction-photo figure {
		flex: 1;
	}
	#introduction div.introduction-photo figure img {
		width: 90%;

	}
}





/* ==================== */
/* 受注業務依頼例 - case */
/* -- */


/*override*/
section.main article.sub-article {
	margin:0px;
}
section.main article.sub-article ul{
	list-style: disc;
}
section.main article.sub-article ul li{
	margin-left: 1.5rem;
}

/* 切替 */
.sub-contents .sub-article{
	display:none;
}
#education-resarch:checked ~ #education-resarch-article,
#management:checked ~ #management-article,
#med:checked ~ #med-article {
	display: block;
}











/* nav */
.sub-contents nav {
	color: #323232;
}
@media screen and (max-width:549px){
}
@media screen and (min-width:550px){
	.sub-contents nav {
		margin-bottom:34px;
	}
}

.sub-contents nav li {
	position: relative; /*for ▼*/
	margin-right: 23px;
	padding: 8px;
	border: 1px solid #4a4a4a;
	text-align: center;
}
@media screen and (max-width:549px){
	.sub-contents nav li {
		height: 24px;
		font-size: 12px;
		line-height: 24px;
	}
}
@media screen and (min-width:550px){
	.sub-contents nav li {
		min-width: 100px;
		height: 1.5rem;
		font-size: 1.1rem;
		line-height: 1.5rem;
	}
}


.sub-contents nav li label {
	cursor: pointer;
}
.sub-contents nav li:hover {
	opacity: 0.8;
}


/* nav - li(checked) */
#education-resarch:checked ~ nav ul li#education-resarch-li,
#management:checked ~ nav ul li#management-li {
	background: #4a4a4a;
	color: #fff;
}
/* nav - - li(checked) ▼ */
#education-resarch:checked ~ nav ul li#education-resarch-li::after,
#management:checked ~ nav ul li#management-li::after {
	position: absolute;
	width: 0;
	height: 0;
	top:100%;
	left:50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 8px solid #4a4a4a;
	content:"";
}


.sub-article p {
	margin-bottom: 0.5rem;
	line-height: 1.3rem;
	text-indent:1rem;
	
}





.sub-article h3 {
	margin-top: 51px;
	margin-bottom: 8px;
}
.sub-article h2+h3 {
	margin-top: 0px;
}
.sub-article h3::before{
	content: "\025a0";
}
@media screen and (max-width:549px){
	.sub-article h2::before,
	.sub-article h3::before{
		padding-right: 8px;
	}
}
@media screen and (min-width:550px){
	.sub-article h2::before,
	.sub-article h3::before{
		padding-right: 0.5rem;
	}
}

/* .sub-article div 支援内容 */
@media screen and (min-width:550px){
	.sub-article div {
		margin-left: 1.0rem;
	}
}
/* フォントサイズ */
@media screen and (max-width:549px){
	.sub-article h5,
	.sub-article h6 {
		font-size: 14px;
	}
}
@media screen and (min-width:550px){
	.sub-article h5,
	.sub-article h6 {
		font-size: 1.0rem;
	}
}

.sub-article h4 {
	margin-bottom: 8px;
}
.sub-article h4:not(:first-child) {
	margin-top: 23px;
}
.sub-article h5 {
	margin-bottom: 8px;
}

.sub-article h6 {
	margin-top: 13px;
	margin-bottom: 8px;
}


#management-article li div.list-supplement {
	margin: 0px;
}


/* 教育・研究支援 */

/* 切替 */
.sub-contents .sub-article .EduResArticle-sub-article{
	display:none;
}
#CB-Division:checked ~ #CB-Division-article,
#IS-Division:checked ~ #IS-Division-article,
#ET-Division:checked ~ #ET-Division-article,
#BPM-Division:checked ~ #BPM-Division-article {
	display: block;
}


.sub-contents #education-resarch-article nav ul {
	list-style-type: none;
}

.sub-contents #education-resarch-article h3:first-child{
	margin-top: 8px;
}

.sub-contents #education-resarch-article nav ul li{
	margin-left: 0px;
	border:none;
	border-bottom:solid #bbbbbb 3px;
}

#CB-Division:checked ~ nav ul li#CB-Division-li,
#IS-Division:checked ~ nav ul li#IS-Division-li,
#ET-Division:checked ~ nav ul li#ET-Division-li,
#BPM-Division:checked ~ nav ul li#BPM-Division-li {
	border-bottom:solid #707070 8px;

}





/* ==================== */
/* 学内向けサービス */
/* -- */


/* 共通 */
@media screen and (max-width:549px){

}
@media screen and (min-width:550px){
	#printer,
	#printer_yonago,
	#specimen,
	#cabinet {
		width:750px;
	}
}






/* ==================== */
/* 大型カラープリンター(学内限定) */
/* -- */

#printer p {
	text-indent: 1.0rem;
}

	#printer h2.note {
		margin-bottom: 3px;
	}
	#printer h2.note::before {
		content: "※";
	}
	#printer h2.note + p {
		margin-bottom: 0px;
	}

	#printer strong {
		color:#d1474c;
	}


#print_app {
	background-color: #ffff80;
	margin: 20px;
	padding: 10px 0;
	font-weight: bold;
	text-align: center;
}

/* 印刷用紙の種類・サイズの表は，PC版/SP版で分けて表示する */
@media screen and (max-width: 549px) {
	table.printer-table {
		display: none;
	}
	
	table.printer-table-sp,
	table.printer-table-sp td {
		border: 1px solid #323232;
	}
	
	table.printer-table-sp td {
		padding: 5px;
		vertical-align: center;
	}
}
@media screen and (min-width: 550px) {
	table.printer-table-sp {
		display: none;
	}
	
	table.printer-table,
	table.printer-table td {
		border: 1px solid #323232;
	}

	table.printer-table td {
		padding: 5px;
		text-align: center;
		vertical-align: center;
	}
}

			#printer-guide h3{
				font-size: 1.1rem;
			}

			#printer-guide strong {
				font-weight: bold;
				color:#d1474c;
			}
			#printer-guide ol {
				margin-left: 1.5rem;
				margin-top: 8px;
			}

			#printer-guide h2 + div {
				margin-left: 1rem;
				margin-bottom: 32px;
			}

			#printer-guide h3 {
				font-weight: bold;
				font-size: 1.0rem;
			}

			#printer-guide h4 {
				font-weight: normal;
				text-decoration: underline;
				margin-top:5px;
				margin-bottom:8px;
			}
			#printer-guide .export {
				text-align: right;
				margin:3px 3px 8px auto;
			}

			#printer-guide a,#printer-guide a:visited{
				color: #1A0DAB;
				font-weight: bold;
			}
			#printer-guide a:hover{
				color: #1A0DAB;
				text-decoration: underline;
			}




#printer_yonago p {
	text-indent: 1.0rem;
	margin-bottom: 0;
}

#printer_yonago ul {
	margin-left: 1.5rem;
	list-style-type: disc;
}

#printer_yonago ol{
	margin-left: 1.5rem;
}

#printer_yonago div#news {
	border:2px solid #d1474c;
	padding:8px;background-color:#fefff9;
	margin-bottom:33px;
}
#printer_yonago div#news h2 {
	font-size: 1.0rem;
	line-height: 1.2rem;
	margin: 5px 0px;
}
#printer_yonago div#news ul li {
	margin-bottom: 0px;
}

#printer_yonago table {
	margin-left:1.0rem;
	margin-bottom: 8px;
}
#printer_yonago table th,
#printer_yonago table td{ 
	padding: 5px;
	text-align: center;;
}

#printer_yonago #print_form div{
	margin:8px 0px;
}


#printer_yonago #print_form div p {
	margin-left:1.0rem;
	margin-bottom:3px;
	padding-left:1.0rem;
	text-indent:-0.78rem;
}


#printer_yonago #print_form div p.printer-note {
	font-size: 0.78rem;
}


#printer_yonago div#printer-contact p {
	padding-left:1.0rem;
	text-indent:0.0rem;
}

#printer_yonago div#printer-contact h2::before {
padding-right: 0.2rem;
content: "\025a0";}



/* ==================== */
/* 光学組織標本の作製(学内限定) */
/* -- */
#specimen h2 {
	font-weight: bold;
}

#specimen h2::before {
	content:"";
}

#specimen h2:not(:first-child) {
	margin-top: 34px;
}

#specimen table{
	margin: 34px 0;
	font-size: 1.0rem;
}
#specimen table caption {
	margin-bottom: 8px;
	font-size: 1.2rem;
	white-space: nowrap;
}


#specimen ul{
list-style-type: disc; 
margin-left:1.5rem;
}

#specimen #specimen_news {
	margin: 8px 0px 23px 0px;
}

#specimen table {
	margin: 5px 0px 34px 1.5rem;
}

#specimen #reception {
  padding:13px;
  border:1px solid #919191;
}
#specimen #reception dl {
	display: flex;
	flex-wrap: wrap;
}
#specimen #reception dl dt{
	width: 15%;
}
#specimen #reception dl dd{
	width: 75%;
}


#specimen strong {
	text-decoration: underline;
	font-weight: bold;
}


#specimen #DL {
	font-weight: bold;
	margin: 5px 0px 13px 1.5rem;
}













@media screen and (max-width: 549px) {
	
	#specimen table {
		width: 100%;
		
	}
	
	#specimen table caption {
		font-size: 14px;
		text-align: left;
	}
	
	#specimen table tbody td {
		font-size: 14px;
		display: block;
	
	}
	#specimen table tbody td:first-child {
		background: #d3d3d3;
		margin-bottom: 8px;
		margin-top: 21px;
	}
	#specimen table tbody tr:first-child { /* td最初の要素の位置調整 */
		display: block; 
		margin-top: -21px;
	}
	#specimen table tbody td:nth-child(3)::before {
		content:"作製料";
	}



}

/* ==================== */
/* バイオハザード対策クラスIIキャビネットの現場検査(学内限定) */
/* -- */
#cabinet table{
	margin: 34px 0;
	font-size: 1.0rem;
}
#cabinet table caption {
	margin-bottom: 8px;
	font-size: 1.2rem;
	white-space: nowrap;
}
@media screen and (max-width: 549px) {
	#cabinet table{
		width: 100%;
	}
	#cabinet table caption {
		font-size: 14px;
		word-wrap: break-word;
		white-space: normal;
		text-align: left;
	}
		#cabinet table tbody td {
		font-size: 14px;
		display: block;
	
	}
	#cabinet table tbody td:first-child {
		background: #d3d3d3;
		margin-bottom: 8px;
		margin-top: 21px;
	}
	#cabinet table tbody tr:first-child { /* td最初の要素の位置調整 */
		display: block; 
		margin-top: -21px;
	}
	#cabinet table tbody td:nth-child(3)::before {
		content:"検査料";
	}

}




/* ==================== */
/* 地域貢献 - #regional-contribution */
/* -- */
/* topic */
article#regional-contribution .topic {
	display: inline-block;
	margin:15px 0px 38px 0px;
	border: 1px solid #8c8c8c;
}

article#regional-contribution .topic figure {
	float: left;
}
article#regional-contribution .topic figure img {
	height: 100px;
	margin: 15px;
}

article#regional-contribution .topic div.writing {
	display: inline-block;
	margin: 15px 0 0 15px;
}

article#regional-contribution .topic div.writing h1{
	margin: 0px 0px 15px 0px;
	font-size: 1.2rem;
	line-height: 1.5rem;
}


/* list */
article#regional-contribution ul.list li time {
	display: inline-block;
	width: 7rem;
}


#regional-contribution a.exlink {
	margin-left: 34px;
}

#regional-contribution a.exlink::before { /* icon */
	display: inline-block;
	position: absolute;
	top: 1px;
	left: -28px;
	background-image: url(/../img/exlink_blue.svg);
	background-size: contain;
	width: 20px;
	height: 20px;
	content: "";
}







/*---------------------------*/

/*
	todo:情報システム部門はdivision class

*/


.division h2 {
	border-top: 1px solid #323232;
	border-bottom: 1px solid #323232;
	padding: 8px 3px;
	margin-bottom:23px;
}
	.division h2:nth-child(n+2) {
		margin-top: 34px;
	}

	.division h3 {
		font-size: 1rem;
		font-weight: bold;
		margin-bottom: 13px;
	}
	.division h3:nth-child(n+2) {
		margin-top: 23px;
	}

	.division .detail {
		margin-bottom: 38px;
	}


	.division .overview {
		padding:15px 0px;
	}


	/* 写真 */
	.division .figure-wrap {
		display: flex;
		flex-wrap:wrap;
		justify-content:space-around;
		margin-top:13px;
	}
	.division .figure-wrap figure{
		text-align: center;
	}
	.figure-wrap div{
		width:200px;
		height:180px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	





#division .overview {
	padding-bottom:13px;
}

	#division .overview .figure-wrap {
		display: flex;
		flex-wrap:wrap;
		justify-content:space-around;
		margin-top:13px;
	}

	#division .overview .figure-wrap figure{
			text-align: center;
		}

#division h2 {
	border-top: 1px solid #323232;
	border-bottom: 1px solid #323232;
	padding: 8px 3px;
}
	#division h2:nth-child(n+2) {
		margin-top: 34px;
	}

	#division h3 {
		font-size: 1rem;
		font-weight: bold;
	}
	#division h3:nth-child(n+2) {
		margin-top: 23px;
	}

#management h2 {
	font-size: 1rem;
	font-weight: bold;
	}

	#committee h2:nth-child(n+2),
	#management h2:nth-child(n+2) {
		margin-top: 34px;
	}
	#committee ul,
	#management ul {
		margin-left: 1rem;
		list-style: disc;
	}


/* 情報システム部門 業務紹介 */
#infomation-systems .overview{
	width:100%;
	height:260px;
	background: linear-gradient(270deg, rgba(238, 238, 238, 0.1) 10%,
	                                    rgba(238, 238, 238, 0.9) 50%, 
										rgba(238, 238, 238, 1) 70%, 
										rgba(238, 238, 238, 1) ), 
										url(/work/files/div_infomation/i_overview.jpg) right no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 51px;
	position: relative;
	}
	#infomation-systems .overview div{
		width: 500px;
		padding-top: 38px;

	}
	/* pcレイアウト クレジット表示 */
	#infomation-systems .overview::before{
		content: "Copyright 2024 Unsplash";
		position:absolute;
		top:260px;
		right:13px;
		font-size: 0.8rem;
		}
	#infomation-systems .overview div p{
		text-indent:1rem;
	}
		#infomation-systems .overview div p:nth-child(n+2) {
			margin-bottom: 0;
		}

	#infomation-systems ul {margin-left: 1.5rem;}
	#infomation-systems ul li{list-style-type:disc;}
	#infomation-systems ul li ul {
		margin-left: 0rem;
		margin-top:13px;}
	#infomation-systems ul li ul li{list-style-type:none;}
	#infomation-systems ul li ul li ul{margin-left: 1.5rem;}
	#infomation-systems ul li ul li ul li{list-style-type:circle;}
	
	@media screen and (max-width:549px){
		#infomation-systems .overview {
			background:url(/work/files/div_infomation/i_sp_overview.png);
			background-position: center top;
			background-repeat: no-repeat;
			background-size:100%;
			width:100%;
			height: 100%;
			margin-bottom: 23px;
		}
		/* クレジット表示 SP画像書き込みなので非表示にする */
		#infomation-systems .overview::before{
			display: none;
		}
		#infomation-systems .overview div{
			width: 100%;
			padding-top:100px;
		}
		#infomation-systems ul li {margin-bottom: 0;}
		#infomation-systems ul li ul li{margin-top: 23px;}
		#infomation-systems ul li ul li ul li{
			margin-top: 0px;
			margin-bottom: 0px;
		}
	}

	
	/*情報基盤分野 - 概要 */
	#sec-ii-overview {
		display: flex;
		align-items: center;
		margin-bottom: 23px;
	}
	/*写真の切り替え*/
	.ii-overview-photo #pc{display: block;margin: 23px; width:200px;}
	.ii-overview-photo #sp{display: none;}

	.ii-overview-text p{
		text-indent:1rem;
		margin-bottom: 0;
	}

	@media screen and (max-width:549px){
		#sec-ii-overview {
			display: block;
			margin-bottom: 23px;
		}

		.ii-overview-text {
			margin-top: 8px;
		}

		.ii-overview-photo #pc{display: none;}
		.ii-overview-photo #sp{display: block; width:100%}
	}

	/*情報基盤分野 - 内容 */
	#sec-ii-description {
		display: flex;
		margin-bottom: 38px;
	}
		#sec-ii-description div.ii-description-text{
			flex:1;
		}

		#sec-ii-description div.ii-description-photo {
			width: 400px;
			height: 928px;
			position: relative;
			/*配置目安
			background:url(/work/files/infomation_part1_002.png);
			background-color:rgba(255,255,255,0.8);
			background-blend-mode:lighten;*/
			align-self: center;
		}
		div.ii-description-photo span {
			display: inline-block;
			position: absolute;
			font-size: 0.8rem;
			top:698px;
			right: 16px;

		}
		div.ii-description-photo figure {
			display: inline-block;
			position: absolute;
		}
		div.ii-description-photo figure#ii-photo1 {top: 10px;left: 33px;}
		div.ii-description-photo figure#ii-photo2 {top: 198px;right: 16px;}
		div.ii-description-photo figure#ii-photo3 {top: 304px;left: 33px;}
		div.ii-description-photo figure#ii-photo4 {top: 355px;right: 16px;z-index: 1;}
		div.ii-description-photo figure#ii-photo5 {top: 554px;left: 73px;}
		div.ii-description-photo figure#ii-photo6 {top: 780px;right: 16px;}

		.ii-description-photo-sp{display: none;}
		@media screen and (max-width:549px){


			div.ii-description-photo{
				display: none;
			}
			div.ii-description-photo-sp{
				display: block;
			}
			div.ii-description-photo-sp figcaption {font-size: 0.9rem;}
		}

		#infomation-systems #sec-ii-description ul#iso-service > li{
			margin-top:23px;
		}


		/*情報処理分野 - 概要 */

		#sec-ip-overview {
			margin-bottom: 23px;
		}

		#sec-ip-overview p{
			text-indent:1rem;
			margin-bottom: 0;
		}
		.ip-description-text span {
			font-size: 0.8rem;
			padding-left:3px;
		}

		#sec-ip-description,
		#sec-ii-description {
			margin-left: 1.5rem;
		}



#machining_technology a.exlink-after::after {
			display: inline-block;
			position: absolute;
			top: 1px;
			right: -23px;
			background-image: url(/../img/exlink_blue.svg);
			background-size: contain;
			width: 20px;
			height: 20px;
			content: "";
		  }


/* 工学技術部門 */
#engineeringand-technology article.overview p {
	text-indent: 1rem;
}

#engineeringand-technology article.detail ul.link li::before{
	padding-right: 0.5rem;
    content: "\025a0";
}

/* 化学バイオ・生命部門 */



/* 生物生産管理部門 */

#bio p {
	text-indent: 1rem;
}
#bio ul li{
	list-style: disc;
	margin-bottom: 0;
}
#bio figcaption{
	text-align: center;
}

#bio .sec-overview {
	margin-bottom:23px;
}
#bio .overview-text {
	margin-bottom:23px;
}
#bio article.detail h2{
	margin-bottom: 23px;
}

	
/* コンテンツ領域の調整*/
@media screen and (min-width:550px){
	#bio .sec-description {
		margin-left: 1.5rem;
	}
		#bio .sec-description ul {
			margin-left: 2.5rem;
		}
}
@media screen and (max-width:549px){
	#bio .sec-description ul {
		margin-left: 1.5rem;
	}
}

	/* 森林 概要 写真 */
	#sec-fr-overview .figure-wrap {
		justify-content: flex-start;
	}
		#sec-fr-overview .figure-wrap figure.landscape div{
			width: 220px;
		}
		#sec-fr-overview .figure-wrap figure.portrait div{
			width: 150px;
		}



	/* 乾燥地 概要 写真 */
	#ds-sec-overview .figure-wrap {
		justify-content:flex-start;
	}
		#ds-sec-overview .figure-wrap div {
			width:160px;
		}

		#ds-sec-overview .figure-wrap img {
			width: 150px;
			height: 150px;
		}
	
	#ds-sec-description-photo-wrapper {
		margin-top: 23px;

	}
		@media screen and (min-width:550px){
			#ds-sec-description-photo-wrapper {
				margin-left: 1.5rem;
			}
		}
	
		#ds-sec-description-photo-wrapper .ds-description-photo p {
			text-indent: 0rem;
			margin-bottom: 23px;
		}
		#ds-sec-description-photo-wrapper .ds-description-photo figcaption{
			text-align: left;
			margin-top: 8px;
			}

			.ds-photo {
					display: flex;
					align-items: flex-start;
				}					
				.ds-photo img:nth-child(n+2){
					margin-left: 8px;
				}

				#ds-photo-equip {
					width:408px;
				}	

				#ds-photo-field-management,
				#ds-photo-outreach {
					width:308px;
				}