/****************
- about-us.cssl
- 技術部組織
****************/










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

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

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


#front-about-us li a, #front-about-us li a:visited,
.about-us article a, .about-us article a:visited{
	color: #0044cc;
}
#front-about-us li a:hover, 
.about-us article a:hover {
	text-decoration: underline;
}




/* ==================== */
/* 技術部部長挨拶 - message */
/* -- */

#message {
	display: flex;
}
@media screen and (max-width:549px){
	#message {
		display: block;
	}
}
.TD-photo{
	padding: 38px;
}
.TD-photo img{
	width: 200px;
}

@media screen and (max-width:549px){
	#message {
		display: block;
	}
	
	.TD-photo{
		padding: 38px 38px 8px 38px;
		text-align: center;
	}
.TD-photo img{
	width: 150px;
}
}


.TD-photo figcaption{
	margin-top: 15px;
	text-align: center;
}
.TD-speach{
	padding: 38px;
}

.TD-speach p{
	text-indent: 1em;
	padding-bottom: 8px;
}

.TD-speach p.TD-name {
	text-align: right;
	margin-top: 15px;
}






/* ==================== */
/* 技術部理念と理想像 - goal */
/* -- */
#goal h2:nth-child(n+2){
	margin-top:55px;
} 





/* ==================== */
/* 組織・構成 - organization */
/* -- */


article#organization figure {
	display: inline-block;
	margin: 13px 0;
	
}

article#organization figure img {
	width: 500px;
}

article#organization figcaption{
	margin-top: 13px;
	margin-bottom: 13px;
	text-align: center;
}

article#organization div.uta {
	margin-top: 38px;
}

article#organization div.uta h2{
	text-decoration: underline;	
	font-size: 1rem;
	margin:15px 0px;
}


article#organization div.uta ul{
	margin-top: 15px;
	list-style: disc;
	margin-left: 1rem;
}


@media screen and (max-width:549px){
	article#organization figure img{
		max-width: 100%;
        height: auto;
	}
}


article#appointment-ceremony figure img {
	margin: 15px;
}

/* 縦長の写真は短辺(width)を200pxに固定 */
article#appointment-ceremony figure img.portrait{
	width: 200px;
	height:auto;
}
/* 横長の写真は短辺(height)を200pxに固定 */
article#appointment-ceremony figure img.landscape{
	height: 200px;
	width:auto;
}

#appointment-ceremony p{
	margin-bottom: 1rem;
	text-indent: 1rem;
}


article#organization div.uta-system ul {
	margin-top: 15px;
	list-style: disc;
	margin-left: 1rem;
}


/*   UTA制度      */
article#uta div.uta-appointment-ceremony-list{
	margin-top:34px;
}

article#uta div.uta-appointment-ceremony-list ul {
margin-top: 15px;
list-style: disc;
margin-left: 1rem;
}

article#appointment-ceremony p{
	margin-bottom: 1rem;
	text-indent: 1rem;
}




/* ==================== */
/* 沿革 - history */
/* -- */

article#history ul.history-list p,
article#history ul.history-list div { /* reset */
	margin: 0;
	padding: 0;
}

article#history ul.history-list > li {
	overflow: hidden;
	margin-bottom: 13px;
}

article#history ul.history-list p.date {
	float: left;
	width: 110px;
}

article#history ul.history-list div.content {
	float: left;
	width: 75%;
}




/* ==================== */
/* 技術部規則 - rule */
/* -- */


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


/* h3 */
#rule h3 {
	margin: 21px 0 8px 1.2rem;
}
@media screen and (max-width:549px){
	#rule h3 {
		margin-left: 0px;
		font-size: 14px;
	}
}

#rule h2 + h3{
	margin-top: 13px;
}


/* ul */
article#rule ul {
	list-style: disc;
}
@media screen and (max-width:549px){
	article#rule ul {
		margin-left: 21px;
	}
	article#rule ul li {
		margin-bottom: 15px;
	}
}
@media screen and (min-width:550px){
	article#rule ul {
		margin-left: 2.5rem;
	}
	article#rule ul li {
		margin-bottom: 8px;
	}
}


/* a */
#rule a {
	margin: 0 3px;
}






/* ==================== */
/* スタッフ一覧 - staff */
/* -- */


/* 各部門 共通 */
@media screen and (max-width:549px){
	div.table-wrap {
		margin-bottom: 34px;
		padding-left: 0px;
	}
	article#staff div.flex {
		display: block;
	}
}
@media screen and (min-width:550px){
	article#staff {
		max-width: 1200px;
	}
	
	article#staff div.flex {
		margin-bottom: 30px;
	}
	div.table-wrap {
		flex: 1;
		padding-left: 23px;
	}
}

table.meibo caption {
	text-align:left;
	padding-left:8px;
	background:#4a4a4a;
	margin-bottom:10px;
	padding:5px 13px;
	color:#fff;
}

table.meibo td{
	padding:0px 8px 3px 3px;
}
table.meibo tr.partition td{
	padding:21px 8px 3px 3px;
	border-bottom:1px solid #323232;
}

table.meibo td.teamleader,
table.meibo td.groupleader{
	vertical-align: top;
}

table.meibo td#croplivestock{
	vertical-align: middle;
	padding-bottom:5px;
}

.main #staff .meibo a:hover{
	color: #0000ff; 
}
.main #staff p.memo {
	margin: 8px 0px;
}



/* 技術部長 統括技術長*/
table.management{
	background-color: rgba(255,255,93,0.5);
	
}
table.management tr {
	padding: 13px 21px;
}
@media screen and (max-width:549px){
	table.management{
		margin: 0px 0px 21px 0px;
	}
}
@media screen and (min-width:550px){
	table.management{
		margin: 0px auto 21px auto;
	}
}

/*背景色*/
table.eng caption{background-color:rgba(77,193,253);}
table.eng{background-color:rgba(187,229,250,0.4);}
table.agri caption{background-color:#66c36d;}
table.agri{background-color:rgba(216,253,218,0.6);}
table.med caption{background-color:#ff575c;}
table.med{background-color:rgba(255,173,175,0.4);}




table.meibo tr.rows td{ /*rowspan時の間隔*/
	padding:0px 21px 0px 0px;
}








	
/* ==================== */
/* technical- training.html - 技術研修会 */
/* -- */

#technical-training h2 {
	margin-bottom: 8px;
}

#technical-training .list h2:not(:first-child) {
	margin-top: 34px;
}


@media screen and (max-width:549px){
	#technical-training .list time {
		display: block;
	}



}
@media screen and (min-width:550px){
	#technical-training .list time {
		display: inline-block;
		min-width: 160px;
	}

	#technical-training .list ul li{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

}

/* 最新の技術研修会情報 */

#technical-training .event-info {
	display: block;
	background: #e6e6e6;
	padding: 5px;
}

#technical-training .event-info h1{
	margin-bottom: 5px;
	padding: 8px;
	font-size: 1.2rem;
	line-height: 1.2rem;

}
#technical-training .event-info ul li{
	margin-bottom: 5px;
}


/* event-info  ul.time-place*/
#technical-training .event-info ul.time-place{
	margin-left: 8px;
	margin-bottom: 8px;
}


/* event-info  div.file*/
#technical-training .event-info div.file p {
	margin-left: 8px;
}

#technical-training .event-info div.file li{
	display: inline-block;
	margin-left: 8px;
	margin-right: 5px;
}

#technical-training .event-info div.file li a{
	text-decoration: underline;
} 

#technical-training .event-info div.file li a:hover{
	text-decoration: none;
} 



/*event-info  ul.schedule*/
#technical-training .schedule{
	display:flex;
}


#technical-training .schedule .timetable ul li {
	display:flex;
}
#technical-training .schedule .timetable ul li time{
	margin-right: 1rem;
}

#technical-training .schedule div,
#technical-training .schedule .timetable ul li div {
	margin-top: 0px; /*page.css上書き*/
}








/* ==================== */
/* technical- presentation.html - 技術発表会 */
/* -- */

/* event-info */
#technical-presentation .event-info {
	display: block;
	background: #e6e6e6;
	padding: 5px;
}

#technical-presentation .event-info h1{
	margin-bottom: 5px;
	padding: 8px;
	font-size: 1.2rem;
	line-height: 1.2rem;

}
#technical-presentation .event-info ul li{
	margin-bottom: 5px;
}


/* event-info  ul.time-place*/
#technical-presentation .event-info ul.time-place{
	margin-left: 8px;
	margin-bottom: 8px;
}


/* event-info  div.file*/
#technical-presentation .event-info div.file p {
	margin-left: 8px;
}

#technical-presentation .event-info div.file li{
	display: inline-block;
	margin-left: 8px;
	margin-right: 5px;
}





/* 今までの技術部発表会 */
#technical-presentation div.list {
	margin-top: 34px;
}

#technical-presentation div.list li{
	margin-bottom: 5px;
}

#technical-presentation div.list li time {
	display: inline-block;
	min-width: 110px;
}



@media screen and (max-width:549px){
	#technical-presentation div.list li time {
		display: block;
	}
	
	#technical-presentation div.list li div.file {
		margin-left: 1em;
	}
	
	
}
@media screen and (min-width:550px){
	
	#technical-presentation div.list li{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	#technical-presentation div.list li div {
		margin-top: 0px; /*上書き*/
	}

	#technical-presentation div.list li time {
		display: inline-block;
		min-width: 110px;
	}
	
	
	#technical-presentation div.list li div.file li {
	display: inline-block;
}
	
}





#technical-presentation a {
	margin: 0 3px;
}



/* ==================== */
/* report.html - 技術報告 */
/* -- */

#report a,
#report-list a {
	margin: 0 3px;
}

#report ul li,
#report-list ul li {
	margin: 5px;

}

#report h2::before {
	padding-right: 0.2rem;
	content: "\025a0";
}

#report h3 {
	font-size: 1rem;
}

#report .report-all {
	margin-left: 1rem;
}

.report-all {
	margin-bottom: 38px;
}

#report ul li {
	list-style: disc;
}
#report ul{
	margin-left : 1.5rem;
}


#report div.report-category{
	margin-bottom: 21px;
}

#report span.omit {
	font-size:0.9rem;
	padding-left: 2px;
}






/* ==================== */
/* 外部評価・内部評価 - evaluation */
/* -- */


#evaluation p {
	margin-bottom:21px;
}

#evaluation ul {
	margin-left: 1rem;
	list-style: disc;
}

#evaluation li{
	margin-bottom: 8px;
}


/* a */
#evaluation a {
	margin: 0 3px;
}





/* ==================== */
/* 表彰 - award */
/* -- */

#award > article {
	border-left: 3px solid #a3a3a3;
	padding: 6px 0px 3px 8px;
	margin-bottom: 61px;
}

#award > article h2 {
	margin: 0px;
	padding: 0px;
}


#award > article .time {
	margin-bottom: 8px;
	font-size: 0.9rem;
	color: #bfbfbf;
}

#award > article div.award-contents p:not(:first-child) {
	padding-top: 5px;
}

#award > article div.award-contents p.comments { /*注釈*/
	font-size: 0.9rem;
}





/* a */
#award-index > article a,
#award-index > article a:visited {
	color: #0044cc;
}

a.exlink {
	margin-left: 34px;
}
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: "";
}

#award-index ul.list {
	list-style: none;
	padding: 0;
	max-width: 90%;
}
#award-index ul.list li.item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px;
}
#award-index ul.list li.item .date {
	width: 150px;
	text-align: right;
	flex-shrink: 0;
}
#award-index ul.list li.item .title {
	flex-grow: 1;
	margin-left: 21px;
}
#award-index ul.list li.item .title a {
	text-decoration: none;
	color: #0044cc;
}
#award-index ul.list li.item .title a:hover {
	text-decoration: underline;
}


.award-single-page div.date{
	margin-bottom:15px;
}

.award-single-page p:nth-child(n+2){
	margin-bottom: 8px;
}

article.award-single-page figure img.portrait{
	width: 200px;
	height:auto;
}
article.award-single-page figure img.landscape{
	height: 200px;
	width:auto;
}

article.award-single-page div.award-single-page-url{
	margin-top: 23px;
	margin-bottom: 23px;
}

article.award-single-page div.award-single-page-photo {
	margin-top: 34px;
	display:flex;
    justify-content:center;
}
article.award-single-page div.award-single-page-photo figure img{
	margin: 15px;
}

/* ==================== */
/* 地域貢献 - #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: "";
}


.regional-contribution-contents p{
	margin-bottom: 1rem;
	text-indent: 1rem;
}
.regional-contribution-contents ol{
	margin-left: 2.5rem;
	margin-top:23px;
	margin-bottom:23px;
}

article.regional-contribution-contents figure img{
	margin: 8px;
}


article.regional-contribution-contents figure img.landscape {
	 height: 200px;
	  width: auto;
	
}