@charset "utf-8";
/* AGR 201707 */

#container h1 {
	color: #009d62;
}

/* navigation */
#container header nav .navigation,
#container header nav .navigation ul.layer_01 li,
#container header nav .navigation dl{
	background: #009d62;
}
#container header nav .navigation ul.layer_02 li {
    background: #627a86;
}

/*- layer_03 -*/
#container header nav .navigation ul.layer_03 {
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
}
#container header nav .navigation ul.layer_03 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  vertical-align: middle;
  position: relative;
  background: #dfe4e6;
}
#container header nav .navigation ul.layer_03 li a {
  color: #314b57;
  width: 100%;
}
#container header nav .navigation ul.layer_03 li a:before {
  background: url(../images/common/navi_cursor_l3.png) 50% 50% no-repeat;
  background-size: 34px 36px;
}
#container header nav .navigation ul.layer_03 li a:hover {
  color: #FFF;
  background-color: #627A86;
  opacity: 0.7;
}
#container header nav .navigation ul.layer_03 li a:hover:before {
  background: url(../images/common/navi_cursor.png) 50% 50% no-repeat;
  background-size: 34px 36px;
}
#container header nav .navigation ul.layer_03 li a[target="_blank"]:hover:before {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
#container header nav .navigation ul.layer_03 li a[target="_blank"]:before {
  background: url(../images/common/navi_blank.png) 50% 50% no-repeat;
  background-size: 34px 36px;
}
#container header nav .navigation ul.layer_03 li a[target="_blank"]:after {
  display: none;
}
/*--*/

#container header nav .navigation dl dd.act a {
	color: #009d62;
}

/* request_box */
#container .request_box {
	padding: 40px 0 30px 0;
	background-color: #009d62;
	text-align: center;
}

#container .request_box h1 {
	color: #ffffff;
}

#container .request_box h1 + strong {
	display: block;
    font-size: 15px;
    padding: 12px;
    font-weight: normal;
	color: #ffffff;
}

#agr #container .request_box .tile {
	background-color: #009d62;
}

#agr #container .request_box .tile ul li.act a {
	border: 1px solid #ffffff;
    background: #ffffff;
    color: #009d62;
}

#agr #container .request_box .tile ul li.act a:hover {
	border: 1px solid #ffffff;
    background: #009d62;
    color: #ffffff;
}


/* footer banner */
#container footer .banner_links {
	margin: 0 auto 30px;
}

#container footer .banner_links li {
    display: table-cell;
	width: auto;
/*	max-width: 200px;  del202509*/
	padding-right: 10px;
}

#container footer .banner_links li:last-child {
	padding-right: 0;
}



/* layout */
#about, #department, #teacher, #career, #other {
	margin: 0 auto;
	padding-bottom: 20px;
}

section#about section, section#department section, section#teacher section, section#career section, section#other section {
	width: 640px;
	margin: 0 auto 60px;
	text-align: left;
}
	section#about section::after, section#department section::after, section#teacher section::after, section#career section::after, section#other section::after {
	  content: ""; clear: both; display: block;
	  }

section#about section img, section#department section img, section#teacher section img, section#career section img, section#other section img {
	max-width: 640px;
}


#contents .w100 {
	width: 100%;
	margin: 0 auto 30px;
}

#contents .w640 {
	width: 640px;
}

#contents h1.tit_page {
	margin: 30px 0;
}

#contents h2, #contents h3, #contents h4, #contents h5 {
	margin: 0 0 10px 0;
	font-weight: bold;
	line-height: 1.4;
}
#contents h2 { font-size: 140%;	color: #009d62;}
#contents h3 { font-size: 105%;}
#contents h4 { font-size: 100%;}

#contents hr {
    border: 0;
    border-bottom: 1px solid #E0E7EB;
    margin-bottom: 40px;
}

#contents section#title ul, #contents section#title ul li  {
	margin: 0;
}

#contents .mainimage {
	margin-bottom: 30px;
}

#contents .mainimage img {
	width: 100%;
	margin: 0;
}

/* イメージマップの枠線を消す */
#contents area { 
	outline:none;
	border:none;
}


/* 画像スライド */
#contents .slide {
	width: 100%;
}

#contents .slide img {
	width: 100%;
}



/* 動画 */
.movie_box {
  position: relative;
  width: 100%;
  margin: 10px 0;
  padding-top: 56.25%;
}

.movie_box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



/* 黒丸付リスト */
#contents ul.list01 li {
	margin: 0 0 5px 25px;
	list-style: disc;
}

/* 数字付リスト */
#contents ol li {
	margin: 0 0 5px 25px;
	list-style: decimal;
}

/* 罫線囲み */
#contents .border1 {
	padding: 15px;
	border: 1px solid #BCC7CE;
}

#contents .border2 {
	padding: 15px;
	border: 1px solid #DC0000;
}

	#contents .border1::after, #contents .border2::after {
	  content: ""; clear: both; display: block;
	  }


/* 注釈 */
#contents .note {
	display: inline-block;
	margin: 10px 0;
	font-size: 86%;
	line-height: 1.4;
}


/* GO TO TOP*/
.gotop {}
	.gotop:after {
	  content: "";
	  clear: both;
	  display: block;
	}

.gotop a {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background: url(../images/common/navi_cursor2.png) rgba(98, 122, 134, 0.75) center center;
    background-size: 36px 34px;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* ページ内リンク・リンクボタン */
#contents ul.link_box,
#contents ul.link_box2{
	width: 640px;
	margin: 0 auto 20px;
}
	#contents ul.link_box::after,
	#contents ul.link_box2::after{
	  content: ""; clear: both; display: block;
	  }

#contents ul.link_box li,
#contents ul.link_box2 li{
	float: left;
	margin: 0 20px 10px 0;
}

#contents ul.link_box li a {
	display: block;
	padding: 3px 20px;
	border: 1px solid #009d62;
	color: #009d62;
	text-decoration: none;
	font-size: 90%;
}

#contents ul.link_box li a:hover {
	background-color: #009d62;
	color: #ffffff;
	text-decoration: none;
}

#contents ul.link_box2 li a {
	display: block;
	padding: 3px 20px;
	border: 1px solid #009d62;
	background-color: #009d62;
	color: #ffffff;
	text-decoration: none;
	font-size: 90%;
}

#contents ul.link_box2 li a:hover {
	background-color: #ffffff;
	color: #009d62;
	text-decoration: none;
}


/* リンク アイコン */
#contents a.link_text::after {
	content:" >";
	display: inline;
	margin: 0;
	padding-right: 5px;
	font-weight: bold;
	font-family: inherit;
	text-align: left;
}

#contents a.link_pdf::after {
	content:url("../images/common/ico_pdf.gif")!important;}
#contents a.link_word::after {
	content:url("../images/common/ico_word.gif")!important;}
#contents a.link_excel::after {
	content:url("../images/common/ico_excel.gif")!important;}
#contents a.link_ppt::after {
	content:url("../images/common/ico_ppt.gif")!important;}
#contents a.link_blank::after {
	content:url("../images/common/ico_blank_gr.gif")!important;}
#contents a.link_pdf::after, #contents a.link_word::after, #contents a.link_excel::after, #contents a.link_ppt::after {
	display:inline-block;
	width: 35px;
	padding: 0 7px 0 0;
}

#teacher a.link_pdf::after {
	content:url("../images/common/ico_pdf.gif")!important;
	display:inline-block;
	width: 35px;
	padding: 0 7px 0 0;	
	}


/* リンクボタン */
#contents .btn1 a {
	display: inline-block;
	padding: 4px 14px;
	border: 1px solid #009d62;
	background-color: #009d62;
	color: #ffffff;
	text-decoration: none;
}

#contents .btn1 a:hover {
	background-color: #ffffff;
	color: #009d62;
}


/* SEE MORE */
#contents div.more_cont {
    display: none;
	text-align: left;
}

	#contents div.more_cont::after {
	  content: ""; clear: both; display: block;
	  }
	  
#contents p.more_btn {
	width: 120px;
	height: 30px;
	margin: 30px auto 20px;
	padding: 0 7px;
	line-height: 30px;
	border: 1px solid #009D62;
	background-color: #009D62;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
}

#contents p.more_btn span {
	display: inline-block;
	font-size: 14px;
	transition: all 0.15s ease-out;
	text-align: center;
	overflow: hidden;
	position: relative;
}

#contents p.more_btn:hover {
    border: 1px solid #009D62;
	background: #FFF;
	color: #009D62;
}

#contents p.more_btn span:after {
	width: auto;
	height: 30px;
	margin: 0 auto;
	padding: 0 15px;
    content: "CLOSE";
    background: #627a86;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
    position: absolute;
    left: 0;
    bottom: -40px;
}

#contents p.more_btn.close span:after {
	bottom: 0;
}

#contents p.more_btn.close {
	border: 1px solid #627a86;
	background-color: #627a86;
	color: #ffffff;
}

#contents p.more_btn2 {
	width: 135px;
	margin: 25px auto;
    border: 1px solid #009D62;
	background-color:  #009D62;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	transition: all 0.15s ease-out;
}

#contents p.more_btn2 a {
	display: inline-block;
	width: 125px;
	padding: 5px;
	color: #ffffff;
	transition: all 0.15s ease-out;
}

#contents p.more_btn2 a:hover {
	background-color: #ffffff;
	color: #009D62;
	text-decoration: none;
}

#contents p.more_btn3 {
	width: 185px;
	margin: 15px auto;
    border: 1px solid #009D62;
	background-color:  #009D62;
	color: #ffffff;
	/*font-size: 14px;*/
	text-align: center;
	cursor: pointer;
	transition: all 0.15s ease-out;
}

#contents p.more_btn3 a {
	display: inline-block;
	width: 175px;
	padding: 5px;
	color: #ffffff;
	transition: all 0.15s ease-out;
}

#contents p.more_btn3 a:hover {
	background-color: #ffffff;
	color: #009D62;
	text-decoration: none;
}




#contents div.more_cont {
    display: none;
	text-align: left;
}


/* 表組み（table2はレスポンシブ対応） */
#contents .table1, #contents .table2, #contents .table3 {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #D0D8DC;
}

#contents .table1 th, #contents .table2 th, #contents .table3 th {
	padding: 10px 15px;
	background-color: #92a2ab;
	border-bottom: 1px solid #D0D8DC;
	border-right: 1px solid #D0D8DC;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}

#contents .table1 td, #contents .table2 td, #contents .table3 td {
	padding: 10px 15px;
	background-color: #ffffff;
	border: 1px solid #D0D8DC;
}

#contents .table3 th, #contents .table3 td {
	padding: 5px 10px;
	font-size: 100%;
}

.vam {
	vertical-align: middle;
}

#contents .table1 th.th2 {
    background-color: #A8B7BF;
}

/* 201805 追加GNB */
#container header nav .navigation ul.link1 li {
  background: #55a372!important;
}



/* レイアウト パターン */
#contents .box100_l, #contents .box100_r { width: 100px; }
#contents .box130_l, #contents .box130_r { width: 130px; }
#contents .box140_l, #contents .box140_r { width: 140px; }
#contents .box190_l, #contents .box190_r { width: 190px; }
#contents .box200_l, #contents .box200_r { width: 200px; }
#contents .box240_l, #contents .box240_r { width: 240px; }
#contents .box250_l, #contents .box250_r { width: 250px; }
#contents .box265_l, #contents .box265_r { width: 265px; }
#contents .box275_l, #contents .box275_r { width: 275px; }
#contents .box300_l, #contents .box300_r { width: 300px; }
#contents .box310_l, #contents .box310_r { width: 310px; }
#contents .box380_l, #contents .box380_r { width: 380px; }
#contents .box420_l, #contents .box420_r { width: 420px; }
#contents .box480_l, #contents .box480_r { width: 480px; }
#contents .box520_l, #contents .box520_r { width: 520px; }

#contents .box100_l, #contents .box130_l, #contents .box140_l, #contents .box190_l, #contents .box200_l, #contents .box240_l, #contents .box250_l, #contents .box265_l, 
#contents .box275_l, #contents .box300_l, #contents .box310_l, #contents .box380_l, #contents .box420_l, #contents .box480_l, #contents .box520_l  {
	float: left;
	margin-right: 20px;}

#contents .box100_r, #contents .box130_r, #contents .box140_r, #contents .box190_r, #contents .box200_r, #contents .box240_r, #contents .box250_r, #contents .box265_r, 
#contents .box275_r, #contents .box300_r, #contents .box310_r, #contents .box380_r, #contents .box420_r, #contents .box480_r, #contents .box520_r {
	float: right;}




.fll{float:left !important;}
.flr{float:right !important;}
.clear { clear: both;}

.clearfix::after {
	content: ""; clear: both; display: block;
}

.p0 {padding:0 !important;}

.m0a {margin:0 auto !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}


.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}

.pt40 {padding-top:40px !important;}

.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}

.small { font-size: 82%;}
.xsmall { font-size: 74%;}
.fcr { color: #dc0000; }
.bold { font-weight: bold;}
.fcr_b { color: #dc0000; font-weight: bold; }
.fc_agr { color: #009D62; }


.uline { text-decoration: underline;}

.indent1 { text-indent: 1em; }
.indent2 { padding-left:1em; text-indent:-1em;}

.none_pc { display: none;}
.none_sp { display: block;}

.text_box1{
	padding: 15px;
	background-color: #f2f5f7 ;
	margin-top: 20px;
}

.text_box2{
	padding: 15px;
	border: solid 1px #96A9B3;
	margin-top: 20px;
}


@media screen and (max-width: 736px) {
#container .request_box {
	padding: 20px 0 10px 0;
}

#container .request_box h1 + strong {
	padding: 2px 6px;
    font-size: 13px;
}

/* footer banner */
#container footer .banner_links {
	margin: 20px auto;
}

#container footer .banner_links li {
    display: block;
	margin: 8px auto 0;
	padding-right: 0;
}

section#about section, section#department section, section#teacher section, section#career section, section#other section {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

#contents .w100 {
	width: 100%;
	padding: 0;
}

#contents .w640 {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

#contents section img {
	/* display: block; */
	max-width: 100%!important;
	height: auto;
	/* margin: 5px auto 0; */
}

#contents h1.tit_page {
	margin: 20px 0;
}

#contents h2 {
	font-size: 18px;
}


/* ページ内リンク */
#contents ul.link_box,
#contents ul.link_box2{
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

#contents ul.link_box li,
#contents ul.link_box2 li{
	width: 48%;
	margin-right: 10px;
}

#contents ul.link_box li:nth-child(even),
#contents ul.link_box2 li:nth-child(even){
	margin-right: 0;
}

#contents ul.link_box li a,
#contents ul.link_box2 li a{
	padding: 3px 10px;
}


/* 表組み スクロール */
.scroll {
	padding: 5px;
	border: 2px solid #BCC7CE;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
}

.scroll::-webkit-scrollbar {
	height: 10px;
}
.scroll::-webkit-scrollbar-track {
	background: #E7EBEE;
}
.scroll::-webkit-scrollbar-thumb {
	background: #92A2AB;
}


/* レイアウト パターン */
#contents .box100_l, #contents .box100_r { width: 100%; }
#contents .box130_l, #contents .box130_r { width: 100%; }
#contents .box140_l, #contents .box140_r { width: 100%; }
#contents .box190_l, #contents .box190_r { width: 100%; }
#contents .box200_l, #contents .box200_r { width: 100%; }
#contents .box240_l, #contents .box240_r { width: 100%; }
#contents .box250_l, #contents .box250_r { width: 100%; }
#contents .box265_l, #contents .box265_r { width: 100%; }
#contents .box275_l, #contents .box275_r { width: 100%; }
#contents .box300_l, #contents .box300_r { width: 100%; }
#contents .box310_l, #contents .box310_r { width: 100%; }
#contents .box380_l, #contents .box380_r { width: 100%; }
#contents .box420_l, #contents .box420_r { width: 100%; }
#contents .box480_l, #contents .box480_r { width: 100%; }
#contents .box520_l, #contents .box520_r { width: 100%; }

#contents .box100_l, #contents .box130_l, #contents .box140_l, #contents .box190_l, #contents .box200_l, #contents .box240_l, #contents .box250_l, #contents .box265_l, 
#contents .box275_l, #contents .box300_l, #contents .box310_l, #contents .box380_l, #contents .box420_l, #contents .box480_l, #contents .box520_l {
	float: none;
	margin: 0 auto;}

#contents .box100_r, #contents .box130_r, #contents .box140_r, #contents .box190_r, #contents .box200_r, #contents .box240_r, #contents .box250_r, #contents .box265_r, 
#contents .box275_r, #contents .box300_r, #contents .box310_r, #contents .box380_r, #contents .box420_r, #contents .box480_r, #contents .box520_r {
	float: none;}

#contents .box100_l img, #contents .box130_l img, #contents .box140_l img, #contents .box190_l img, #contents .box200_l img, #contents .box240_l img, #contents .box250_l img, 
#contents .box265_l img, #contents .box275_l img, #contents .box300_l img, #contents .box310_l img, #contents .box380_l img, #contents .box420_l img, 
#contents .box480_l img,#contents .box520_l img, 
#contents .box100_r img, #contents .box130_r img, #contents .box140_r img, #contents .box190_r img, #contents .box200_r img, #contents .box240_r img, #contents .box250_r img, 
#contents .box265_r img, #contents .box275_r img, #contents .box300_r img, #contents .box310_r img, #contents .box380_r img, #contents .box420_r img, 
#contents .box480_r img, #contents .box520_r img {
	display: block;
	margin: 10px auto;
}

br.none { display: none;}

/* 農が拓く未来 */
#contents  #teacher section {
	width: 100% !important;
}

.none_pc { display: block;}
.none_sp { display: none;}

}