@charset "UTF-8";

/* -----------------------------------------------------
   任你博娱乐网站_任你博官网 研究?産学連携

   -author 広報連携室
   -since 2025.04.01

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

#top #contents .inner.line::before {
   top: 0;
   height: 100%;
}
#top .inner .sst_01 {
   margin:0 0 20px 0;
   padding: 0;
}

/* -------- 研究TOPページ -------- */
/* 研究（PICK UP） */
.ResearchTopics {
   width: 100%;
   margin: 0;
   padding-bottom: 5px;
 }

 .ResearchTopics .topics_list dt {
   display: block;
   width: 170px;
   height: 100%;
   /* vertical-align: top; */
   padding: 10px 0 0 0;
   border-top: 1px #ccc dotted;
 }

 .ResearchTopics .topics_list dd {
   display: block;
   width: calc(100% - 170px);
   padding: 10px 0 5px;
   border-top: 1px #ccc dotted;
 }

 .ResearchTopics .topics_list dd a {
   font-size: 14px;
 }

/* 研究コラム */

.highlight{
   position: relative;
   margin: 20px 10px 0;
   padding: 10px 21px 6px 74px;
   color: #1d406c;
   border: 1px #1f65a3 solid;
   border-radius: 3px;
   font-size: 18px;
   font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
 }
 .highlight span {
   font-size: .9em;
 }
 
 .highlight::before,
 .highlight::after{
   position: absolute;
   content: "";
 }

 .highlight::before{
   width: 47px;
  height: 43px;
  top: 1px;
  left: 1px;
  background-color: #1f65a3;
  background-image: url("/kenkyu/img/kenbikyou.svg");
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
 }

 .highlight::after{
   width: 0;
  height: 0;
  border-left: 16px solid #1f65a3;
  border-top: 22px solid transparent;
  border-bottom: 21px solid transparent;
  left: 48px;
  top: 1px;
 }


.ResearchNews {
   width: 102%;
   margin: 20px 0 0 -2%;
   padding: 0;
   /* border-top: 1px #d0ccbc dashed; */
   border-bottom: 1px #d0ccbc dashed;
}

.ResearchNews .highlight_list .Column {
   position: relative;
   width: 33.3%;
   width: calc(100% / 3);
   height: 470px;
   margin: 0;
   padding: 0 .5px;
   /* border-right: 1px #d0ccbc dashed; */
   overflow: hidden;
}

.ResearchNews .highlight_list .Column a {
   display: block;
   width: 100%;
   height: 100%;
   padding: 10px;
   background-color: transparent;
   transition: .5s all;
}

.ResearchNews .highlight_list .photo {
   height: 280px;
   border-radius: 5px 5px 0 0;
}

.ResearchNews .highlight_list .photo::before {
   display: none;
}

.ResearchNews .highlight_list .Column .dr_Profile {
   margin-top: 0;
   padding: 5px 10px;
   color: #333;
}

 .ResearchNews .highlight_list .Column .dr_Profile .corse {
   display: inline-block;
   font-weight: normal;
 }

 .ResearchNews .highlight_list .Column .dr_Profile .name {
   display: inline-block;
   font-size: 16px;
   font-weight: normal;
   font-family: 'メイリオ', Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
 }

 .ResearchNews .highlight_list .column_Theme {
   position: relative;
   display: block;
   padding: 4px 0 5px;
   color: #333;
   font-size: 16px;
   font-weight: bold;
   line-height: 1.3em;
   text-align: justify;
   z-index: 1;
 }

 .ResearchNews .highlight_list .date {
   height: 23px;
   padding-top: 5px;
   text-align: left;
 }

/* 写真の調整 */
.ResearchNews .highlight_list .photo.right img,
.ResearchNews .highlight_list .photo.center img {
   margin-left: 0;
}


.ResearchNews #list_news {
   display: flex;
   flex-wrap: wrap;
}

.ResearchNews #list_news li {
   width: 33.3%;
   width: calc(100% / 3);
   overflow: hidden;
}

.ResearchNews #list_news li .img_po {
   position: relative;
}

.ResearchNews #list_news li .img_po img {
   width: 100%;
}

.dr_Profile {
   right: auto;
   width: auto;
   padding: auto;
   bottom: auto;
   background: transparent;
   margin: auto;
}

/* コラム */






/*-------- .Category --------*/
.Category {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
}

.Category .entry {
   display: block;
   width: 33.3%;
   width: calc(100% / 3);
   margin-bottom: 20px;
   padding: 4px;
}

/*-------- .Category h1 --------*/
.Category .entry h1 {
   position: relative;
   display: block;
   margin-bottom: 8px;
   padding: 12px 0px 12px 13px;
   color: #fff;
   font-size: 18px;
   font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
   font-feature-settings: "palt";
   letter-spacing: 1px;
   text-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
   background-image: linear-gradient(90deg, rgb(29, 62, 105), rgb(30, 114, 187));
   clip-path: polygon(0 0, 100% 0, 100% 0%, 100% 100%, 100% 100%, 0 100%);
}

.Category .entry h1::before {
   position: absolute;
   display: block;
   width: 100%;
   background: #2791cf;
   height: 81px;
   left: 29px;
   top: -19px;
   transform: rotate(146deg);
   z-index: -1;
   opacity: .12;
   content: "";
}

.Category .entry h1 .kakko {
   margin-left: -.3em;
}


.Category .entry .details {
   position: relative;
   padding: 2px 0 6px 8px;
   margin-bottom: 0;
   /* border-left: 1px #134471 solid; */
}

.Category .entry .details a,
.Category .entry .details span.stay {
   display: inline-block;
   margin-left: 14px;
   text-align: justify;
   transition: .5s all;
}

.Category .entry .details a:hover {
   color: #b12424;
   text-decoration: underline;
}

.Category .entry .details::before {
   position: absolute;
   display: block;
   width: 15px;
   height: 15px;
   top: 1px;
   left: 5px;
   color: #8c8b8b;
   font-size: 13px;
   content: "├";
   transition: .5s all;
}

.Category .entry .details:last-of-type::before {
   content: "└";
}

.Category .entry .details:hover:before {
   left: 7px;
}


.table_001 {
   width: 100%;
}

.table_001 tbody tr th {
   width: 15%;
   padding: 3px 0 9px;
   color: #555;
   text-align: left;
   vertical-align: top;
   border-bottom: 1px #c1b191 dashed;
}

.table_001 tbody tr .selection_label {
   width: 8%;
   padding: 5px 0 7px;
   vertical-align: top;
   border-bottom: 1px #c1b191 dashed;
}

.selection_label span {
   color: #0f802c;
   font-size: 12px;
   padding: 1px 5px;
   border: 1px #0f802c solid;
}


.selection_label.RP span {
   border: 1px #3376bc solid;
   color: #3376bc;
   padding: 1px 5px;
}

.table_001 tbody tr td:last-of-type {
   padding: 3px 0 9px;
   vertical-align: top;
   border-bottom: 1px #c1b191 dashed;
}

.bg_ctg06 {
   background-color: #FFF;
}

.all_area {
   background-color: transparent;
}


/*--- contact_area ---*/
.contact_area {
   text-align: center;
   margin: 0 0 40px;
   background: #fff;
   position: relative;
}

.contact_area h3 {
   font-size: 17px;
   font-weight: normal;
   color: #333;
   margin-bottom: 5px;
   padding: 10px 30px 5px;
   display: inline-block;
   background: #eae6dd;
}

.contact_area dd a {
   color: #847353;
   text-decoration: none;
   border-bottom: 0;
}