@charset "UTF-8";
/*==================================
    産学連携知的財産管理室ページ
    
    2021.広報連携室
===================================*/
/*
  1.全体
  2.nav
  3.トップページ
  4.policy
  5.さんち室について
  6.動画 [学内]
  7.policy [学内]
  8.event?KMS
  9.助成金?wishList?採択
  10.seeds
  11.kms
  */




/* ==============================================
  1.全体
============================================== */
#main_img {
  height: 200px;
  background: url(/kenkyu/img/main_img.jpg) no-repeat top center;
  background-size: auto;
  background-size: auto;
  background-size: cover;
  z-index: -2;
}

#main_img .main_ttl {
  position: absolute;
  display: block;
  width: 100%;
  height: 200px;
  bottom: 0;
  padding: 85px 0;
  color: #fff;
  font-size: 26px;
  font-weight: 100;
  letter-spacing: .1rem;
  text-align: center;
  background-color: rgba(13, 94, 180, 0.4);
}

/* ------------------------------
　base
 ------------------------------ */
.komelist li{
	padding-left: 2.3em;
	text-indent: -2.3em;
	font-size: 1.1em;
}

.sst03 {
  background-color: #ebe4e0;
}

.st {
  margin: 0 0 70px;
}

* {  box-sizing: border-box; }

.kome {
  padding-left: 1em;
  text-indent: -1em;
}
/* ==============================================
  2.nav
============================================== */
div#nav {
  padding: 1em 0;
  text-align: center;
  padding: 1em 0;
  text-align: center;
  background-color: #d3e6ec;
  background-image: repeating-linear-gradient(-45deg, #ddeaee, #ddeaee 3px, transparent 0, transparent 6px);  }

div#nav nav {
  width: 1100px;
  margin: 0 auto;
}
div#nav nav ul{
  display: flex;
}

div#nav nav ul li{
  position: relative;
  width: calc(100% / 5);
  padding: .5em;
}

div#nav nav ul li#sanchi1 a {  background-image: url(/sanchi/img/icon1.png) ;}
div#nav nav ul li#sanchi2 a {  background-image: url(/sanchi/img/icon2.png) ;line-height: 1.5em; }
div#nav nav ul li#sanchi3 a {  background-image: url(/sanchi/img/icon3.png) ; line-height: 1.5em; padding: 6.3em 0 .7em 9px;}
div#nav nav ul li#sanchi4 a {  background-image: url(/sanchi/img/icon4.png) ;}
div#nav nav ul li#sanchi5 a {  background-image: url(/sanchi/img/icon5.png) ;}


div#nav nav ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 6em 0 1em;
  color: #555;
  text-decoration: none;
  line-height: 2em;
  background-color: #FFF;  
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 10px;
   }




/*hoverの調整*/
div#nav nav ul li a::before,
div#nav nav ul li a::after {
      position:absolute;
      display:block;
      box-sizing:border-box;
      width:0;
      height:0;
      content:"";
      opacity:0;
      transition:width 0.3s, height 0.3s, opacity 0.3s;
  }

  div#nav nav ul li a::before {
      top:0;
      left:0;
      border-top:5px solid #0068b6;
      border-left:5px solid #0068b6;
  }

  div#nav nav ul li a::after {
      right:0;
      bottom:0;
      border-right:5px solid #0068b6;
      border-bottom:5px solid #0068b6;
  }

  div#nav nav ul li a:hover::before,
  div#nav nav ul li a:hover::after {
      width:100%;
      height:100%;
      opacity:1;
  }

 /*　select　*/
div#nav nav ul li.select a{
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 10px;
  border: #237a94 2px solid;
  color: #FFF;
  font-weight: bold;
  background-color: #237a94;
}

div#nav nav ul li#sanchi1.select a {  background-image: url(/sanchi/img/icon1_on.png) ;}
div#nav nav ul li#sanchi2.select a {  background-image: url(/sanchi/img/icon2_on.png) ;}
div#nav nav ul li#sanchi3.select a {  background-image: url(/sanchi/img/icon3_on.png) ;}
div#nav nav ul li#sanchi4.select a {  background-image: url(/sanchi/img/icon4_on.png) ;}
div#nav nav ul li#sanchi5.select a {  background-image: url(/sanchi/img/icon5_on.png) ;}

div#nav nav ul li.select::before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #237a94;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 10px;
}





/* ------------------------------
　subnav　
 ------------------------------ */
.subnav {
  width: 100%;
  height: 60px;
  padding: 13px 0;
  margin: 0 0 30px 0;
  color: #FFF;
  background: #237a94;
}
.subnav ul{
  display: flex;
  width: 1100px;
  margin: 4px auto;
}

#invention .subnav ul, #seeds .subnav ul{    justify-content: center;  }
#sm .subnav ul{
  display: block;
  position: absolute;
  left: calc(50% - -100px);
  width: auto;
}

#jws .subnav ul{
  position: absolute;
  left: calc(55% - -100px);
  width: auto;
}


.subnav ul img{
  width: 20px;
  margin: 0 5px;
}
.subnav ul li{
  position: relative;
  padding: 0 5px;
  /* width: calc(100% / 5); */
}

.subnav ul li::after{  content: "/";  margin: 0 0 0 10px;  color: #c9e7f0;}
.subnav ul li:last-of-type::after{  content: "";}

.subnav ul li a {
  font-size: 13.5px;
  color: #FFF;
  text-decoration: none;
}
.subnav ul li a.select{
  padding: 3px 20px;
  color: #237a94;
  /* font-weight: bold; */
  border-radius: 13px;
  background: #eff3f4;
}

/*学内専用の表記について*/
.subnav ul li a.staff::after {
  font-size: 13px;
  letter-spacing: 0;
  content:"［学内専用］";
}


.justify {  text-align: justify;  }
.m_50t{  margin-top: -50px; }
.staff a span  {
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  right: 40px;
  top: 50%;
  margin: -7px 5px 0 5px;
  transform: translateY(-37%);
  content:url(/sanchi/img/key3.png);
}

.staff a:hover span  {  content:url(/sanchi/img/key2.png); } 


/* ==============================================
  2.トップページ
============================================== */
/*-- お知らせ --*/
#info {
  width: 650px;
  height: 500px;
  margin: 0 0 50px 0;
  padding: 40px 0 20px;
  float: left;
}
#info .sst02 {
  position: relative;
  margin: 10px 5px 10px;
  padding: 9px 23px 10px;
  color: #49afd0;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #d3e6ec;
  border-radius: 0 24px 24px 0;
}

#info .sst02::before {
  width: 105px;
  background: #49afd0;
}

#info .sst02 span {
  position: absolute;
  right: 31px;
  font-size: 11px;
  top: 50%;
  transform: translateY(-50%);
  color: #49afd0;
}


.news_list {
  width: 100%;
  height: 350px;
  margin: .5em 0 1em;
  padding: 10px;
  overflow-x: hidden;
  overflow-y: visible;
}

.news_list dt {
  margin-bottom: 0;
  padding: 0 10px;
  color: #aeaeae;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Roboto';
}

.news_list dd {
  position: relative;
  margin-bottom: 10px;
  padding: 0 10px 5px;
  color: #4f4e4f;
  font-size: 15px;
  line-height: 24px;
}

.news_list .list04 li { padding: 1px 0 1px 20px; }
.news_list .list04 li::before {  background: #c5c1ba; }

#saitaku_jyoho dt,
#saitaku_jyoho dd {  display: none; }

#saitaku_jyoho .saitaku {
  display: block;
}

#info .tab_area li {
  height: 43px;
}



/* ------------------------------
 付箋型メニュー[HOME] 
 ------------------------------ */
#Rightnav {
  width: 380px;
  padding: 40px 0 20px;
  float: right;
}

#Rightnav ul li {
  display: inline-block;
  width: 380px;
  height: 70px;
  margin: 0;
  padding: 6px 0;
  overflow: visible;
}

#Rightnav ul li a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 17px 10px 14px 35px;
  color: #FFF;
  font-size: 17px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  transition: .5s all;
  background: #fff;
}

#Rightnav ul li:first-of-type a   { background: #49afd0; }
#Rightnav ul li:nth-of-type(2) a  { background: #b97ac5; }
#Rightnav ul li:nth-of-type(3) a  { background: #2189d6; }
#Rightnav ul li:nth-of-type(4) a  { background: #f57a6d; }
#Rightnav ul li:nth-of-type(5) a  { background: #fba566; }

#Rightnav ul li:first-of-type a::before   { background: #068bb6; }
#Rightnav ul li:nth-of-type(2) a::before  { background: #9c42ad; }
#Rightnav ul li:nth-of-type(3) a::before  { background: #0360a5; }
#Rightnav ul li:nth-of-type(4) a::before  { background: #f43b3b; }
#Rightnav ul li:nth-of-type(5) a::before  { background: #f26c38; }

#Rightnav ul li a::before {  
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 100%;
  content:"";
  transition: .5s all;
 }

 #Rightnav ul li a::after{
  position: absolute;
  width: 70%;
  max-width: 300px;
  bottom: 15px;
  left: auto;
  right: 0;
  top: 70%;
  bottom: 8px;
  background: transparent;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 10px 10px #a8a6a6;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  content: "";
  z-index: -1;
 }
 #Rightnav ul li a span{
   position: relative;
   z-index: 1;
 }

 #Rightnav ul li a span img.key{
  position: absolute;
  height: 24px;
  right: -45px;
  top: -2px;
}

#Rightnav ul li a:hover::before  {
  width: 100%;
} 

/* ------------------------------
 极速体育,极速直播との共同研究?受託研究について
 ------------------------------ */
table[title="研究開始する際に提出"]{
  width: 100%;
  border: 1px #CCC solid;
}

table[title="研究開始する際に提出"] th,
table[title="研究開始する際に提出"] td{
  width: calc(100% / 3);
  padding: 10px;
  text-align: center;
  border: 1px #CCC solid;
}

table[title="研究開始する際に提出"] th {
  font-size: 16px;
  font-weight: bold;
  color: #c0881d;
  text-align: center;
  background: #efefef;
}

table[title="研究開始する際に提出"] td a {
  text-decoration: none;
  transition: .5s all;
  font-weight: normal;
}


/* ==============================================
  4.policy
============================================== */
#policy .tab_area {
	width: 100%;
}

#policy .tab_area li{
  padding: 1.5em;
  background-color: #d3e6ec;
  border: 0;
  border-top: 2px solid #237a94;
  border-left: 2px solid #237a94;
  border-bottom: 2px solid #237a94;
  width: 50%;
}

#policy .tab_area li:last-of-type {
  border-right: 2px solid #237a94;
}

#policy .tab_area li.select {
	width: calc(100% / 2);
	background: #FFF;
	border-bottom: 0;
}

#policy .content_area {
	padding: 50px 20px 20px 20px;
	border: 0;
}




/* ==============================================
  5.さんち室について
============================================== */
#sanchi .justify.clearfix{
	width: 900px;
	margin: 0 auto;
	line-height: 1.8em;
}




/* ==============================================
  6.動画
============================================== */
#movie iframe {
  width: 100%;
  height: 600px;
}




/* ==============================================
  8.event?KMS
============================================== */
.event {
	display: block;
	}

.event a {
  position: relative;
  display: block;
  width: 46%;
  height: 400px;
  margin: 1.5em 2%;
  padding: 20px;
  text-decoration: none;
  border-bottom: 2px #235f83 solid;
  background: #FFF;
  box-shadow: 5px 5px 15px rgba(0,0,0,.2);
  transition: 0.3s all;
}

.event a:nth-child(odd) {	float: left;	}
.event a:nth-child(even) {	float: right;	}

.event a .photo {
  width: 100%;
  height: 220px;
  margin: 0 0 10px 0;
  overflow: hidden;
}

.event a .photo img {  width: 100%; background: #fff; }

.event a .date {	color: #a4a4a4;	}

.event a::after {
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
  padding: 5px 2em 3px;
  color: #FFF;
  font-size: 0.9em;
  background: #235f83;
  border-radius: 15px 0 0;
  content: "イベント開催の様子 ?";
  transition: 0.3s all;
}
.event a:hover::after {	opacity: .9;	}

.event a .lead {
	min-height: 70px;
	padding: 0;
	font-size: 1.15em;
	font-weight: bold;
	text-align: left;
  line-height: 1.4em;
}

.event a .justify {
	padding-top: 0.5em;
	font-size: 0.9em;
}

.event a:hover img {
  opacity: 0.8;
}

.event::after {
	display: block;
	content:"";
	width: 0;
	height: 0;
	clear: both;
	margin: 0;
	padding: 0;
}


.kms_yokoku {
  padding-top: 100px;
  margin-top: -100px;
}

#event .news_list {
  height: auto;
}


/* ---------------------------------------
  KMS
---------------------------------------- */
#KMS #kakoKMS.event a {
  height: 460px;
  text-decoration: none;
  transition:  .5s all;
}

#KMS #kakoKMS.event a .lead {
  min-height: auto;
  margin-bottom: .5em;
}

#KMS #kakoKMS.event a .photo {
  width: 100%;
  height: 180px;
  margin: 0 0 10px 0;
  overflow: hidden;
}

#kakoKMS.inner_02 {
  width: 900px;
  line-height: 1.8em;
}
#kakoKMS.inner_02 .sst01 {
  line-height: 1.5em;
}



/* ==============================================
  9.助成金?wishList?採択
============================================== */
#jws .tab_area {
	width: 100%;
	margin: 0;
}


#jws .jyosei_all .tab{
  display: flex;
  border-bottom: 3px solid #126c87;
}

#jws .jyosei_all .tab li {
  position: relative;
  width: calc(100% / 3);
  margin: 0 8px 0 0;
  font-size: 15px;
	background-color: #126c87;
	background-image: none;
	border-top: 0;
  border-radius: 10px 10px 0 0;
  box-shadow: -10px -10px 15px rgba(0,0,0,.1) inset;
}

#jws .jyosei_all .tab li.select {
  border: 3px solid #126c87;
  border-bottom: 0;
  background-color: #fff;
  box-shadow: none;
}

#jws .jyosei_all .tab li.select::after {
  position: absolute;
  display: block;
  width: 100%;
  height: 5px;
  bottom: -5px;
  left: 0;
  content: "";
  background: #fff;
}


#jws .jyosei_all .tab li a.staff::after {
  letter-spacing: 0;
  content: "［学内専用］";
}

#jws .jyosei_all .tab li a {
  display: block;
  padding: 1em;
  color: #fff;
  text-decoration: none;
  text-align: center;
}

#jws .jyosei_all .tab li.select a {  	color: #126c87;  }

#jws .jyosei_all div.tab_content {
  padding: 50px 10px;
	background: #ffffff;
}






/*助成金一覧*/
#jyoseilist {
	overflow: auto;
	height: 700px;
  border: 5px #e6e4e4 solid;
}

table#jyosei {
	width: 1050px;
	color: #333;
	font-size: 13px;
}

table#jyosei td {  width: auto; text-align: left; }
table#jyosei td a{
	color: #555;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px #555 dashed;
}

table#jyosei thead th:first-of-type{  width: 200px;}
table#jyosei thead th:nth-of-type(2) {  width: 250px;  line-height: 1.8em;}
table#jyosei thead th:nth-of-type(3) {  width: 210px;  }


/*助成金用List*/
table#jyosei ul li{
  position: relative;
  padding: 0 0 .5em 1em;
  list-style: none;
}

table#jyosei ul li::before{
  position: absolute;
  display: block;
  top: -0.35em;
  left: -0.3em;
  margin-right: 0;
  color: #9b9999;
  font-size: 2em;
  font-weight: bold;
  content: "?";
}








#saitaku .sst03 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 8px 20px;
	background-color: #ebe2e2;
}

.tab_area li img {
	width: 25px;
	margin: -2px 3px;
}



/*折りたたみ*/
.list_faq#kako { margin: 0 0 100px; }

.list_faq#kako dt {
  position: relative;
  margin-bottom: 10px;
  padding: 10px 10px 10px 1.5em;
  color: #3a5570;
  font-size: 19px;
  font-weight: bold;
  border: 1px solid #ccc;
  border-radius: 7px;
  box-shadow: -5px -5px 22px rgba(0,0,0,.1) inset;
}

.list_faq#kako dt:before {
  position: absolute;
  display: block;
  width: 5px;
  height: 30px;
  margin-right: 20px;
  color: #fff;
  font-size: 20px;
  font-weight: 100;
  line-height: 36px;
  text-align: center;
  content: ' ';
  left: 12px;
  border-radius: 2px;
  background: #3a5570;
}

.list_faq#kako dt:after {
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-family: "Font Awesome 5 Free";
  font-size: 24px;
  font-weight: bold;
  color: #3a5570;
  top: 12px;
  right: 20px;
  content: "\f107";
  position: absolute;
}

.list_faq#kako dt.active:after { content: "\f106"; }

.list_faq#kako dd:before {
 display: none;
}

.list_faq#kako dd {
  text-indent: 0;
  margin-bottom: 40px;
  padding: 10px;
}










#sample.page #main_img {
    background: url(/sanchi/common/img/main_img.jpg) no-repeat center center;
        background-size: auto;
    background-size: cover;
}
.news_list {
	height: 320px;
	width: 100%;
	margin-bottom: 5em;
	overflow: auto;
}

/*スクロールバーの横幅指定*/
.news_list.deco::-webkit-scrollbar {
    width: 15px;
}
/*スクロールバーの背景色?角丸指定*/
.news_list.deco::-webkit-scrollbar-track {
  border-radius: 10px;
	background: #f2f2f2;
}
/*スクロールバーの色?角丸指定*/
.news_list.deco::-webkit-scrollbar-thumb {
  border-radius: 10px;
	background:#09C9D9;
}




/*採択*/
#saitaku .sst01 {
  margin-bottom: 15px;
}

.kms2021 .dList04 dd {
  padding-left: 120px;
}


	@media screen and (max-width:768px) { 


	.event a {
		width: 100%;
	}
	.event a:nth-child(odd) {	float: none;	}
	.event a:nth-child(even) {	float: none;	}
}
/* シーズ集 */
ul.list03 {
	margin-bottom: 0;
}
ol.list01.toimemo li {
	display: inline-block;
	margin-right: 0.5em;
}

.tablememo {
	text-align: right;
}

.seeds, .seeds td, .seeds th{
	border: 0;
}
.seeds{	margin-bottom: 5em;	}
.seeds th {
	border: 2px #FFF solid;
}
.seeds thead th {
    background: #ddd5d5;
}

.seeds tbody tr{
	border-bottom: 1px #999 solid;
}
.seeds tbody tr td:first-of-type {
	padding: 0;
	width: 12%;
	text-align: center;
	}

.seeds tbody tr td:nth-of-type(2) {
	padding: 0.5em 1em;
	width: 20%;
	text-align: left;
	}

.seeds tbody tr td:nth-of-type(3) {
	padding: 0.5em;
	width: 78%;
	text-align: left;
	}

.seeds a {
	display: block;
	width: 100%;
	padding: 1em;
	}

.seeds a:hover {
    color: #608ac8;
	}
.d_no {	display: none;	width: 0;	height: 0;	}
/*分野別*/
.search span {
	margin: 0 auto;
	padding: 0.2em 5px;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
		}

.seeds tbody tr td:first-of-type span {
	display: block;
	width: 35px;
	height: 35px;
	margin: 0 auto;
	padding: 0.2em 0;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
		}

.type-all {	background: #999898;	}
.type-c {	background: #c42c33;	}
.type-m {	background: #7db026;	}
.type-i {	background: #2c80c4;	}
.type-b {	background: #ec902b;	}


/*絞り込み*/
.search {
	margin-bottom: 2em;
}

.search p{
	display: inline-block;
	margin: 2px;
	width: 148px;
	height: 50px;
	padding: 0.8em 0;
	text-align: center;
	box-shadow: 5px 5px 3px rgba(0, 0, 0, .2);
}
.search_item {
	cursor: pointer;
	color: #FFF;
	border-radius: 5px;
}
.search_item.is-active {
	display: inline-block;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, .3) inset;
}

.search_item.is-active span {
	color: #FFF;
}
.is-hide {
  display: none;
}

/*検索*/
#search {	margin: 1em 0 2em;}
.report .imglist li {	width: 50%;	}


/*KMS*/
.KMS_p li {
	width: 260px;
	padding: 3px;
	float: left;
}

.KMS_p li img {	width: 100%;	}

.KMS_p2 li {
	width: 260px;
	height: 346px;
	padding: 3px;
	float: left;
}

.KMS_p2 li img {	width: 100%;	}

/*--- KMS マッチング報告 ---*/
.list_faq.sanchi * {	text-indent: 0;	}
.list_faq.sanchi dt::before, .list_faq.sanchi dd::before {  display: none;  }
.list_faq.sanchi dd {   padding: 1em;	text-align: justify; }
.list_faq.sanchi dd .sst03 {	background: #efe9df;	}
.list_faq.sanchi dd .imglist li {	width: auto;	}
.list_faq.sanchi dd .imglist li img {	width: auto;	}
.list_faq.sanchi dd .imglist li span {	font-size: .9em;	}
.list04 li {	padding: 5px 0 5px 20px;	}
.list04 li::before {	top: 10px;	}

#wishlist .linkLine a {	display: inline-block;  padding-right: 20px;	}
#wishlist .linkLine a.btn-icon-window::after {  right: 0;}

/*--- KMS 2021 ---*/
.kms2021 .dList04 dd {  padding-left: 120px;	}



/* 11.kms */
#info_kms dd, #info_kms dt{
  display: none;
} 
#info_kms dd.kms, #info_kms dt.kms{
  display: block;
} 


/*文字の折り返し対応*/
.exlink a {
  padding: 16px 60px 13px 15px;
  white-space: nowrap;
}