@media screen and (max-width: 820px) {
  html
  {
    font-size: 14px;
  }
}
/*テーブルセット*/
/*  original1  */
table.original1  {
  width: calc(100% - 80px);
  border: 1px #E3E3E3 solid;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 180%;
}

table.original1 th {
  padding: 8px;
  border: #E3E3E3 solid;
  border-width: 0 0 1px 1px;
  background: #F5F5F5;
  font-weight: bold;
}
table.original1  td {
  padding: 8px;
  border: 1px #E3E3E3 solid;
  border-width: 0 0 1px 1px;
}

/*  original2  */
table.original2 {
  width: calc(100% - 80px);
margin-top: 0.2em;
margin-bottom: 1em;
border-collapse: separate;
border-spacing: 2px;
font-size: 100%;
}

table.original2 caption {
margin-top: 1em;
}

table.original2 th,
table.original2 td {
padding: 8px;
}

table.original2 th {
border-bottom: solid 1px #B2B2B2;
border-right: solid 1px #B2B2B2;
background: #e9e9e9;
white-space: nowrap;
font-size: 92%;
}

table.original2 td {
border-bottom: solid 1px #B2B2B2;
border-right: solid 1px #B2B2B2;
background: #fafafa;
white-space: nowrap;
}

/*original3*/
table.original3 {
  width: calc(100% - 80px);
  *border-collapse: collapse; /* IE7 and lower */
  border-spacing: 0;   
  border: solid #ccc 1px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px #ccc; 
  -moz-box-shadow: 0 1px 1px #ccc; 
  box-shadow: 0 1px 1px #ccc;   
  border-collapse:separate;      
}
table.original3 tr:hover {
  background: #fbf8e9;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;     
}    
  
table.original3 td, table.original3 th {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 10px;
  text-align: left;    
}
table.original3 th {
  background-color: #dce9f9;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
  -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
  border-top: none;
  text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}
table.original3 td:first-child, table.original3 th:first-child {
  border-left: none;
}
table.original3 th:first-child {
  -moz-border-radius: 6px 0 0 0;
  -webkit-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
}
table.original3 th:last-child {
  -moz-border-radius: 0 6px 0 0;
  -webkit-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
}
table.original3 th:only-child{
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
table.original3 tr:last-child td:first-child {
  -moz-border-radius: 0 0 0 6px;
  -webkit-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
}
table.original3 tr:last-child td:last-child {
  -moz-border-radius: 0 0 6px 0;
  -webkit-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
}

/*original4*/
table.original4{
border: 2px solid #999;
}
table.original4  tr th:first-child{
border-right: 3px double #999;
}
table.original4 th{
border-bottom: 3px double #999;
border-left: 1px dashed #999;
padding: 8px;
}
table.original4  tr td:first-child{
border-right: 3px double #999;
}
table.original4  tr td{
border-right: 1px dashed #999;
border-bottom: 1px dashed #999;
padding: 8px;
}
/*original5*/
table.original5{
border: 2px solid #999;
}
table.original5  tr th:first-child{
border-right: 3px double #999;
}
table.original5 th{
border-bottom: 3px double #999;
border-left: 1px solid #999;
padding: 8px;
}
table.original5  tr td:first-child{
border-right: 3px double #999;
}
table.original5  tr td{
border-right: 1px solid #999;
border-bottom: 1px solid #999;
padding: 8px;
}
/*frame1*/
table.frame1{
border: 2px solid #999;
border-collapse:separate;
padding: 0px;
}
/*frame2*/
table.frame2{
border: 3px double #999;
border-collapse:separate;
padding: 0px;
}

.static_page .section_body table
{
  max-width: calc(100% - 80px);
}

@media screen and (max-width: 820px) {
.static_page .section_body table
{
  max-width: calc(100% - 6vw);
}
}

  max-width: 100%;

.static_page  {
  padding-top:80px;
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 0.05rem;
  color:#2F3030;
}
.cke_contents .static_page  {
  padding-top:0px;
}
.static_page .section_body p,
.static_page .section_body ul,
.static_page .section_body table,
.static_page .section_body h4,
.mx40,
.static_page .section_body h4 + div,
.static_page .section_body h3 + div,
.static_page .section_body > div:not([class])
{
  margin-left: 40px;
  margin-right: 40px;
}
#news.static_page .section_body > div
{
  margin-left: 40px;
  margin-right: 40px;
}
#news.static_page .section_body .no_mx{
  margin-left: 0px;
  margin-right: 0px;
}

.static_page .section_body {
  overflow: hidden;
  margin-bottom: 50px;
}
.static_page .section-title {
  text-align: left;
}


@media screen and (max-width: 820px) {
  .static_page .section_body p,
  .static_page .section_body ul,
  .static_page .section_body table,
  .static_page .section_body h4,
  .mx40,
  .static_page .section_body h4 + div,
  .static_page .section_body h3 + div,
  .static_page .section_body > div:not([class])
  {
    margin-left: 3vw;
    margin-right: 3vw;
  }
}



#about.static_page h2 {
  background-image:url("../img/about/about_h_bg_1.jpg");
}
#research.static_page h2 {
  background-image:url("../img/research/research_h_bg_1.jpg");
}
#collabo.static_page h2 {
  background-image:url("../img/collabo/collabo_h_bg_1.jpg");
}
#public_r.static_page h2 {
  background-image:url("../img/public_r/public_r_h_bg_1.jpg");
}
#graduate.static_page h2 {
  background-image:url("../img/graduate/graduate_h_bg_1.jpg");
}
#news.static_page h2 {
  background-image:url("../img/news/news_h_bg_1.jpg");
}

.static_page .section-title h2 {
  font-size: 2rem;
  font-weight: bold;
  margin: 22px 0 40px;
  padding: 18px 0px;
  position: relative;
  letter-spacing: 0.1rem;
  color: #2F3030;
  background-repeat:repeat;
  background-position:10% center;
  background-size:cover;
  position: relative;
}

.static_page .section-title span.right {
  font-size: 0.8rem;
  font-weight: 300;
  right:1rem;
  bottom:10px;
  position: absolute;
}

#about .section-title h2 {
  background-image:none;
  border-bottom: 2px solid #006649;
}
#about .section-title h2:first-letter{
  color: #006649;
}
#research .section-title h2 {
  background-image:url("../img/research/research_h_bg_1.jpg");
  border-bottom: 0px;
  color: #fff;
  padding: 18px 50px;
}
#collabo .section-title h2 {
  background-image:none;
  border-bottom: 2px solid #186DB8;
}
#collabo .section-title h2:first-letter{
  color: #186DB8;
}
#public_r .section-title h2 {
  background-image:none;
  border-bottom: 2px solid #E00780;
}
#public_r .section-title h2:first-letter{
  color: #E00780;
}
#graduate .section-title h2 {
  background-image:none;
  border-bottom: 2px solid #D9DF00;
}
#graduate .section-title h2:first-letter{
  color: #D9DF00;
}
#news .section-title h2 {
  background-image:none;
  border-bottom: 2px solid #FC9200;
}
#news .section-title h2:first-letter{
  color: #FC9200;
}



.static_page h2 {
  font-size: 2rem;
  font-weight: bold;
  margin: 40px 0;
  padding: 10px 50px;
  position: relative;
  letter-spacing: 0.1rem;
  color: #ffffff;
  background-repeat:repeat;
  background-position:10% center;
  background-size:cover;
  position: relative;
  clear:both;
}
@media screen and (max-width: 820px) {
  .static_page {
    padding-top: 5vw;
  }
  .static_page h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 2vw 0;
    padding: 3vw 3vw;
  }
  .static_page .section-title h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 2vw 0 2vw;
    padding: 2vw 2vw;
  }
}

.static_page .c_top_news_wrap{
  border:1px solid #2F3030;
  margin: 40px 0;
}
.static_page .c_top_news_wrap h2{
  margin: 0;
  font-size: 1.5rem;
}
.static_page .c_top_news_wrap .row{
  margin: 40px 0;
  color:#2F3030;
}
.static_page .c_top_news_wrap a:hover{
  opacity: 0.7;
}
#graduate.static_page .c_top_news_wrap .date{
  color:#4ABFED;
  font-size: 1.1rem;
  margin-bottom: 10px;
}
#collabo.static_page .c_top_news_wrap .date{
  color:#186DB8;
  font-size: 1.1rem;
  margin-bottom: 10px;
}
.static_page .c_top_col3_wrap{
  padding: 80px 0;
}
.static_page .c_top_col3_wrap .title{
  color: #186DB8;
  font-size: 1.1rem;
  padding: 1rem 0 0.5rem;
}





#research .switch_wrap.group{
  border-radius: 9px;
  padding:20px 20px 10px 20px;
  margin-bottom:20px;
  background-color: #70309E;
  text-align: center;
  display: block;
  color:#fff;
  font-size: 1rem;
  line-height: 1.2rem;
}
#research .switch_wrap.group i{
  font-size: 0.8rem;;
}




.section_body .inner_container{
  margin: 50px;
}
@media screen and (max-width: 820px) {
  .section_body .inner_container{
    margin: 1vw;
  }
}

.section_body h3 {
  font-size: 1.5rem;
  position: relative;
  padding: 0.625rem 2rem 1rem;
  border-bottom:2px solid #70309E;
  margin: 1.875rem 0;
  margin-left: 0px;
  margin-right: 0px;
}
.section_body h3:before {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 10px;
  content: '';
  background-image: -webkit-gradient(linear, left top, right bottom, from(#BEBEE6), to(#70309E));
  background-image: -webkit-linear-gradient(top, #BEBEE6 0%, #70309E 100%);
  background-image: linear-gradient(to bottom, #BEBEE6 0%, #70309E 100%);
}
#about .section_body h3 {
  border-bottom:2px solid #025C40;
  color: #025C40;
}
#about .section_body h3:before {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#94A88D), to(#025C40));
  background-image: -webkit-linear-gradient(top, #94A88D 0%, #025C40 100%);
  background-image: linear-gradient(to bottom, #94A88D 0%, #025C40 100%);
}
#research .section_body h3 {
  border-bottom:2px solid #70309E;
  color: #70309E;
}
#research .section_body h3:before {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#BEBEE6), to(#70309E));
  background-image: -webkit-linear-gradient(top, #BEBEE6 0%, #70309E 100%);
  background-image: linear-gradient(to bottom, #BEBEE6 0%, #70309E 100%);
}
#collabo .section_body h3 {
  border-bottom:2px solid #176AB3;
  color: #176AB3;
}
#collabo .section_body h3:before {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#8BAECC), to(#176AB3));
  background-image: -webkit-linear-gradient(top, #8BAECC 0%, #176AB3 100%);
  background-image: linear-gradient(to bottom, #8BAECC 0%, #176AB3 100%);
}

#news .section_body h3 {
  border-bottom:2px solid #FF9200;
  color: #FF9200;
}
#news .section_body h3:before {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#EEC694), to(#FF9200));
  background-image: -webkit-linear-gradient(top, #EEC694 0%, #FF9200 100%);
  background-image: linear-gradient(to bottom, #EEC694 0%, #FF9200 100%);
}
#graduate .section_body h3 {
  border-bottom:2px solid rgba(217, 223, 0, 1);
  color: #2F3030;
}
#graduate .section_body h3:before {
  background : -webkit-linear-gradient(-90deg, rgba(244, 242, 241, 1) 0%, rgba(217, 223, 0, 1) 79.24%);
  background : -webkit-gradient(linear,50.01% 260.73% ,50.01% 362.21% ,color-stop(0,rgba(244, 242, 241, 1) ),color-stop(0.7924,rgba(217, 223, 0, 1) ));
  background : linear-gradient(180deg, rgba(244, 242, 241, 1) 0%, rgba(217, 223, 0, 1) 79.24%);
}
#public_r .section_body h3 {
  border-bottom:2px solid #E00780;
  color: #E00780;
}
#public_r .section_body h3:before {
  background : -moz-linear-gradient(50% 100.25% 90deg,rgba(224, 7, 128, 1) 0%,rgba(255, 119, 144, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(224, 7, 128, 1) 0%, rgba(255, 119, 144, 1) 100%);
  background : -webkit-gradient(linear,50% 100.25% ,50% 6% ,color-stop(0,rgba(224, 7, 128, 1) ),color-stop(1,rgba(255, 119, 144, 1) ));
  background : -o-linear-gradient(90deg, rgba(224, 7, 128, 1) 0%, rgba(255, 119, 144, 1) 100%);
  background : -ms-linear-gradient(90deg, rgba(224, 7, 128, 1) 0%, rgba(255, 119, 144, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E00780', endColorstr='#FF7790' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(224, 7, 128, 1) 0%, rgba(255, 119, 144, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7790',endColorstr='#E00780' , GradientType=0);
}





.section_body h4 {
  font-size: 20px;
  position: relative;
  padding: 20px 25px 20px;
  background-color: #2F3030;
  color:#fff;;
  margin: 20px 0;
}
.section_body h4.color1 {
  background-color: #B38AD6;
}



/*研究部門一覧*/
#research .group_box{
  background-repeat: no-repeat;
  position: relative;
  padding:10px 60px 10px 40px;
  overflow: hidden;
  background-color: #EFEFEF;
  box-shadow: #ccc;
  border: 0px;
  border-radius: 8px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  margin-bottom: 30px;;
  transition: transform 0.2s linear;
}
#research .group_box.cat9{
  background-image: url("../img/research/group_cat1_bg.png");
  background-position: 88% 50%;
}
#research .group_box.cat10{
  background-image: url("../img/research/group_cat2_bg.png");
  background-position: 88% 50%;
}
#research .group_box.cat11{
  background-image: url("../img/research/group_cat3_bg.png");
  background-position: 88% 50%;
}
#research .group_box.cat12{
  background-image: url("../img/research/group_cat4_bg.png");
  background-position: 88% 50%;
}
#research .group_box > i{
  position: absolute;
  bottom: 0;
  right: 0;
  color: #70309E;
  font-weight: bold;
  font-size: 45px;
  line-height: 45px;
  transform: rotate(-45deg);
}
#research .group_box:hover{
  transform: scale(1.03);
}
#research .group_box img{
  width:100%;
}
#research .kana_box{
  padding-top: 20px;
}
#research .group_box .result_text{
  padding:10px 0 3px 0;
  font-size: 20px;
  font-weight: 600;
  margin:0px;
  color:#2F3030;
  font-weight: bold;
}
#research .group_box .section_name{
  margin:0px;
  border-bottom: 1px solid #70309E;
  padding-bottom: 10px;
}
#research .group_box .last_text{
  padding:0px 0;
  font-size: 18px;
  line-height: 100%;
  font-weight: normal;
  margin:0px;
  overflow:hidden;
  white-space:nowrap;
  color:#2F3030;
  padding:15px 0;
}

/*研究者一覧*/
#research .researcher_head{
  color:#fff;
  font-size: 1.2rem;
}
#research .switch_wrap{
  border-radius: 9px;
  padding:20px;
  margin-bottom:20px;
}
#research .switch_wrap.prof{
  background-color: #186DB8;
}
#research .switch_wrap.assoc{
  background-color: #22BFB5;
}
#research .switch_wrap.assist{
  background-color: #24BC6C;
}
#research #inner_link{
  display: flex;
  align-items:stretch;
  justify-content: space-between;
}
#research #inner_link a {
  width: 100%;
  margin: 0 5px;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 8px;
  color: #fff;
  background-color: #2F3030;
  display: block;
  text-align: center;
  padding:10px;
}
#research .person_box{
  background-repeat: no-repeat;
  position: relative;
  padding:10px 20px;
  overflow: hidden;
  background-color: #EFEFEF;
  box-shadow: #ccc;
  border: 0px;
  border-radius: 8px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  margin-bottom: 2rem;
  transition: transform 0.2s linear;
}

@media screen and (max-width: 820px) {
  #research .person_box{
    padding:2vw 4vw;
    margin-bottom: 6vw;
  }
}

#research .person_box:hover{
  transform: scale(1.03);
}
#research .person_box img{
  width:100%;
}
#research .kana_box{
  padding-top: 1.2rem;
}
#research .person_box .result_text{
  padding:10px 0 3px 0;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 600;
  margin:0px;
  color:#2F3030;
  font-weight: bold;
}
#research .person_box .section_name{
  margin:0px;
  border-bottom: 2px solid #CCCCCC;
  padding-bottom: 15px;
}
#research .person_box .section_name span{
  font-size: 1rem;
  font-weight: bold;
  padding: 0.3rem 0.6rem;
  box-sizing: border-box;
  border-radius: 0.5rem;
  letter-spacing: 0.1rem;
  background-clip: padding-box;
  color:#fff;
  display: inline-block;
}
#research .person_box .section_name span.prof{
  background-color: #1e88e5;
}
#research .person_box .section_name span.assoc{
  background-color: #00acc1;
}
#research .person_box .section_name span.assist{
  background-color: #7cb342;
}
  
#research .person_box .last_text{
  padding:0px 0;
  font-size: 16px;
  line-height: 100%;
  font-weight: normal;
  margin:0px;
  overflow:hidden;
  white-space:nowrap;
  color:#2F3030;
}

#research #result h4{
  margin-right:0;
  margin-left:0;
}
#research .researcher_detail_info{
  font-size:1.2rem;
}
#research .researcher_detail_info img{
  width:100%;
  border-radius: 50%;;
}
#research .researcher_detail .scholar_name{
  font-size:2rem;
}
#research .researcher_detail .scholar_name2{
  font-size:1.2rem;
}

#entry_groupe a{
  color:#70309E;
}
#research .researcher_detail .class_cat{
  background-color: #899DD8;
  display: inline-block;
  color:#fff;
  padding:0px 40px;
  border-radius: 5px;;
  font-size: 1rem;;
}
#research .researcher_detail .class_cat.prof{
  background-color: #1e88e5;
}
#research .researcher_detail .class_cat.assoc{
  background-color: #00acc1;
}
#research .researcher_detail .class_cat.assist{
  background-color: #7cb342;
}


#collabo .year_list{
  display: flex;
  flex-wrap: wrap;
}
#collabo .year_list a{
  position: relative;
  font-size: 0.9rem;
  padding:0.5rem 1rem;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  color:#fff;
  background-color: #004EA2;
  border-radius: 0.3rem;
}
#collabo .year_list a:hover{
  opacity: 0.7;;
}
#activity_list{
  display: flex;
  flex-wrap: wrap;
}
#activity_list a{
  position: relative;
  font-size: 0.9rem;
  padding:0.5rem 1rem;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  color:#fff;
  background-color: #E00780;
  border-radius: 0.3rem;
}
#activity_list a:hover{
  opacity: 0.7;;
}


.btn_wrap{
  display: flex;
  justify-content: space-evenly;
}
a.btn,button.btn{
  position: relative;
  font-size: 1.1rem;
  padding:1rem 5rem;
  color:#fff;
}
a.btn:hover,button.btn:hover{
  opacity: 0.7;
  color: #fff;
}
a.btn i,button.btn i{
  position: absolute;
  right:1rem;
}
a.btn i.left,button.btn i.left{
  position: absolute;
  left:1rem;
  right: auto;
}
@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
  a.btn,button.btn{
    font-size: 1rem;
    padding:1rem 3rem;
  }
}
@media screen and (max-width: 680px) {
	/* 480px以下に適用されるCSS（スマホ用） */
  img{
    max-width:100%;
  }
  .btn_wrap{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }
  a.btn,button.btn{
    font-size: 4vw;
    padding:2vw 5vw;
  }
  a.btn i, button.btn i {
    right: 1vw;
}
  a.btn i.left, button.btn i.left {
    left: 2vw;
    eight:auto;
  }

}
#about a.btn{
  background-color: #025C40;
}
#about a.btn.outline{
  background-color: #fff;
  border: 2px solid #025C40;
  color:#025C40;
  text-decoration: none;
}
#research a.btn{
  background-color: #70309E;
}
#research a.btn.outline{
  background-color: #fff;
  border: 2px solid #70309E;
  color:#70309E;
  text-decoration: none;
}
#collabo a.btn{
  background-color: #176AB3;
}
#collabo a.btn.outline{
  background-color: #fff;
  border: 2px solid #176AB3;
  color:#176AB3;
  text-decoration: none;
}
#news a.btn{
  background-color: #F77E2B;
}
#graduate .btn{
  background-color: #D9DF00;
}
#graduate_head .btn{
  background-color: #D9DF00;
  color: #2F3030;
  font-weight: bold;
  border-radius: 0.5rem;
  letter-spacing: 0.1rem;
  padding: 1rem 5rem;
}
#graduate_head .btn_wrap {
  justify-content: start;
}
#graduate .btn.outline{
  background-color: #fff;
  border: 2px solid #D9DF00;
  color:#D9DF00;
  text-decoration: none;
}

a.btn.no_r{
  border-radius: 0px;
}
a.btn.w-100{
  padding:1rem 0;
}






/*お知らせ*/
/*--------------------------------------------------------------
# news
--------------------------------------------------------------*/
#news.news_bg{
  background-image: url("../img/news/release_bg.jpg");
  background-repeat: no-repeat;
  background-size:cover;
}

#research.seminar_bg{
  background-image: url("../img/research/seminar_bg.jpg");
  background-repeat: no-repeat;
  background-size:cover;
}

#news_index_wrap{
  margin-top: 60px;
}
#news #news_index_wrap .nav-pills .nav-link {
  color: #006649;
  background-color: #EAEAEA;
  height:80px;
  border-radius: 0;
}
#news #news_index_wrap .nav-pills .nav-link.active {
  color: #fff;
}
#news #news_index_wrap .nav-pills .all .nav-link{
  border-bottom:3px solid #006649;
}
#news #news_index_wrap .nav-pills .news .nav-link{
  border-bottom:3px solid #41A9A4;
}
#news #news_index_wrap .nav-pills .press .nav-link{
  border-bottom:3px solid #3490D1;
}
#news #news_index_wrap .nav-pills .event .nav-link{
  border-bottom:3px solid #899DD8;
}
#news #news_index_wrap .nav-pills .research .nav-link{
  border-bottom:3px solid #B38AD6;
}
#news #news_index_wrap .nav-pills .all .nav-link.active, .nav-pills .all .show>.nav-link {
  background-color: #006649;
}
#news #news_index_wrap .nav-pills .news .nav-link.active, .nav-pills .news .show>.nav-link {
  background-color: #41A9A4;
}
#news #news_index_wrap .nav-pills .press .nav-link.active, .nav-pills .press .show>.nav-link {
  background-color: #3490D1;
}
#news #news_index_wrap .nav-pills .event .nav-link.active, .nav-pills .event .show>.nav-link {
  background-color: #899DD8;
}
#news #news_index_wrap .nav-pills .research .nav-link.active, .nav-pills .research .show>.nav-link {
  background-color: #B38AD6;
}


#news #news_index_wrap table.news_list{
  margin:20px;
}
#news #news_index_wrap .headline_block:hover {
  opacity: 0.7;
}
#news #news_index_wrap .headline_block th{
  color: #006649;
}
#news #news_index_wrap .headline_block th,td{
  padding:20px;
  vertical-align: baseline;
}
#news #news_index_wrap .headline_block a{
  color:#2F3030;
}
#news #news_index_wrap .headline_block .category{
  vertical-align: top;
}

#news #news_index_wrap .headline_block .category{
  text-align: center;
}
#news #news_index_wrap .headline_block .category span{
  display: block;
  width:8rem;
  padding:2px 0;
  font-size: 0.8rem;
  color:#fff;
}
#news_index_wrap #nav-tabContent{
  margin-bottom: 60px;;
}

#news #news_index_wrap #right_menu_top{
  color: #fff;
  background-color: #FC9200;
  height:80px;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#news #news_index_wrap #right_menu_top h4{
  font-size: 1rem;
}
#news #news_index_wrap #right_menu_nav .list-group-item{
  font-size: 1rem;
  color:#F77E2B;
  text-align: center;
  padding:0.8rem 0;
}
#news #news_index_wrap .tab-pane{
  overflow-y: scroll;
  height: 1200px;
  background-color: #fff;
}










#research #news_index_wrap #right_menu_top{
  color: #70309E;
  background-color: #E8D6FC;
  height:80px;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#research #news_index_wrap #right_menu_top h4{
  font-size: 1rem;
}
#research #news_index_wrap #right_menu_nav .list-group-item{
  font-size: 1rem;
  color:#70309E;
  text-align: center;
  padding:0.8rem 0;
}
#research #news_index_wrap .tab-pane{
  overflow-y: scroll;
  height: 1200px;
  background-color: #fff;
}

#research #news_index_wrap .nav-pills .nav-link {
  color: #2F3030;
  background-color: #EAEAEA;
  height:80px;
  border-radius: 0;
}
#research #news_index_wrap .nav-pills .nav-link.active {
  color: #fff;
}
#research #news_index_wrap .nav-pills .all .nav-link{
  border-bottom:3px solid #70309E;
}
#research #news_index_wrap .nav-pills .bumon .nav-link{
  border-bottom:3px solid #00A570;
}
#research #news_index_wrap .nav-pills .head .nav-link{
  border-bottom:3px solid #004EA2;
}
#research #news_index_wrap .nav-pills .lunch .nav-link{
  border-bottom:3px solid #EA5541;
}
#research #news_index_wrap .nav-pills .other .nav-link{
  border-bottom:3px solid #848484;
}
#research #news_index_wrap .nav-pills .all .nav-link.active, .nav-pills .all .show>.nav-link {
  background-color: #70309E;
}
#research #news_index_wrap .nav-pills .bumon .nav-link.active, .nav-pills .bumon .show>.nav-link {
  background-color: #00A570;
}
#research #news_index_wrap .nav-pills .head .nav-link.active, .nav-pills .head .show>.nav-link {
  background-color: #004EA2;
}
#research #news_index_wrap .nav-pills .lunch .nav-link.active, .nav-pills .lunch .show>.nav-link {
  background-color: #EA5541;
}
#research #news_index_wrap .nav-pills .other .nav-link.active, .nav-pills .other .show>.nav-link {
  background-color: #848484;
}


#research #news_index_wrap table.news_list{
  margin:20px;
}
#research #news_index_wrap .headline_block:hover {
  opacity: 0.7;
}
#research #news_index_wrap .headline_block th{
  color: #006649;
}
#research #news_index_wrap .headline_block th,td{
  padding:20px;
  vertical-align: baseline;
}
#research #news_index_wrap .headline_block a{
  color:#2F3030;
}
#research #news_index_wrap .headline_block .category{
  vertical-align: top;
}

#research #news_index_wrap .headline_block .category{
  text-align: center;
}
#research #news_index_wrap .headline_block .category span{
  display: block;
  width:8rem;
  padding:2px 0;
  font-size: 0.8rem;
  color:#fff;
}



#news_index_wrap #nav-tabContent{
  margin-bottom: 60px;;
}

@media screen and (max-width: 640px) {
  #news_index_wrap tr.headline_block {
    display: block;
    width: 100%;
}
  #news_index_wrap .headline_block td:last-child {
    border-bottom: solid 1px #ccc;
    display: block;
    float:left;
    clear:both;
    padding-top:0;
    width: 100%;
  }
  #news_index_wrap .nav-item {
    width:33.3333%;
  }
}


















#news.static_page .section_body > div#entry_info_wrap{
  display: flex;
  justify-content: space-between;
  margin: 0;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 30px;;
}
#news.news_entry .section-title h2 {
  margin: 22px 0 0px;
}
#news .catgory_label {
  color: #fff;
  padding: 0.2rem 2rem;
}
#news .date_label {
  font-size: 1rem;
  color:#F77E2B;
  padding-left:20px;
}

#research .date_label {
  font-size: 1rem;
  color:#70309E;
  padding-right:20px;
}
#research .catgory_label {
  color: #fff;
  padding: 0.2rem 2rem;
}


/*大学院*/
#graduate #graduate_tab{
  margin-top:70px;
}
#graduate #graduate_tab .nav-pills .nav-item {
  width: 30%;
  flex: none;
}
#graduate #graduate_tab .nav-pills .nav-link {
  color: #FFFFFF;
  background-color: #2F3030;
  height:80px;
  border-radius: 10px 10px 0 0;
  position: relative;
}
#graduate #graduate_tab .nav-pills .nav-link::after {
  font-family: bootstrap-icons;
  content: '\F279';
  padding: 0 0.2em;
  color: #E9E9E9;
  vertical-align: middle;
  right: 0;
  left: 0;
  bottom:0;
  position: absolute;
  font-size: 1rem;
} 

#graduate #graduate_tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color:#2F3030;
  background-color:#E9E9E9;
}
#graduate_tab_content{
  background-image: url("../img/graduate/tab_bg.jpg");
  background-size: cover;
  background-position: fixed;
  padding:50px 0 80px;
}
#graduate_tab_content .graduate_tab_row{
  margin-right: -20px;
  margin-left: -20px;
}
#graduate_tab_content .graduate_tab_col{
  margin-top: 50px;
  padding-right: 20px;
  padding-left: 20px;
}
#graduate_tab_content .graduate_tab_col img.w-100{
  border-radius: 0.7rem;
}
#graduate_tab_content .graduate_tab_col h4{
  font-size:1.2rem;
  margin: 30px 0 20px;
  font-weight: 600;
  position: relative;
}
#graduate_tab_content .graduate_tab_col h4 a{
  color:#2F3030;
}
#graduate_tab_content .graduate_tab_col h4 img{
  height: 0.8rem;
  padding-left:10px;
}
/* #graduate_tab_content .graduate_tab_col h4::after {
  font-family: bootstrap-icons;
  content: '\F285';
  padding: 0 0.2em;
  color: #2F3030;
  vertical-align: middle;
  right: 0;
  position: absolute;
} */
#graduate_tab_content .graduate_tab_col ul {
  font-size: 1rem;
  line-height: 2;
  text-transform: uppercase;
  margin: 0 auto;
  text-align: left;
  padding-top: 0;
  padding-left: 0;
  color:#2F3030;
}
#graduate_tab_content .graduate_tab_col ul li{
  list-style: none;
}
#graduate_tab_content .graduate_tab_col ul li a{
  color:#2F3030;
  font-weight: bold;
  text-decoration: underline;
  position: relative;
  padding-left:30px;
}
#graduate_tab_content .graduate_tab_col ul li a::before {
  content: 'ー';
  padding: 0 0.2em;
  color: #2F3030;
  vertical-align: middle;
  left: 0;
  position: absolute;
}
#graduate_tab_content .graduate_tab_col a:hover{
  opacity: 0.7;
}
#graduate_tab_content .graduate_tab_col ul li a i{
  padding-left:10px;
}

#graduate_schedule{
  background-image: url("../img/graduate/c_top_bg2.jpg");
  background-size: cover;
  background-position: center;
  padding: 50px 0 100px;
  background-repeat: no-repeat;
}
a.graduate_schedule_btn{
  position: relative;
  background : linear-gradient(90deg, rgba(250, 255, 250, 1) 0%, rgba(211, 219, 228, 1) 100%);
  display: block;
  text-align: center;
  padding:50px;
  width:100%;
  color:#2F3030;
  font-weight: 600;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  margin-top: 3rem;
  box-shadow: rgba(217, 223, 0, 1) 8px 8px;
}
a.graduate_schedule_btn:nth-child(even){
  box-shadow: rgba(74, 191, 237, 1) 8px 8px;
}
a.graduate_schedule_btn:hover{
  color: #2F3030;
  opacity: 0.7;
}

.graduate_schedule_btn .vectol{
  position: absolute;
  width:1rem;
  right:1rem;
  bottom:1rem;
}

#graduate_schedule .graduate_schedule_rpw{
  margin-right: -40px;
  margin-left: -40px;
}
#graduate_schedule .graduate_schedule_col{
  padding-right: 40px;
  padding-left: 40px;
}
#graduate_schedule .graduate_schedule_col h3{
  font-size: 1.5rem;
  position: relative;
  padding: 0.625rem 1.25rem 1rem;
  border-bottom: 2px solid #D9DF00;
  border-left: 0.625rem solid #D9DF00;
  margin: 3rem 0;
  margin-left: 0px;
  margin-right: 0px;
  color:#fff;
}



#graduate_schedule .schedule_list{
  background-color: #fff;
  box-sizing: border-box;
  padding:1.8rem;
  height: 590px;
  overflow-y: scroll;
}
#graduate_schedule .schedule_list a{
  color:#2F3030;
  display: block;
  border-bottom: 1px dashed #ccc;
}
#graduate_schedule .schedule_list a:hover{
  opacity: 0.7;
}
#graduate_schedule .schedule_list a .date{
  padding:15px 0 5px;
  color:#4ABFED;
}
#graduate_schedule .schedule_list a:first-child .date{
  padding:0px 0 5px;
  color:#4ABFED;
}
#graduate_schedule .schedule_list a span{
  color:#C0C0C0;
}


#graduate_kifu{
  background-image: url("../img/graduate/kifu_bg.jpg");
  background-size: cover;
  background-position: center;
  border-radius: 1rem;
  padding:30px 0 30px;
  margin:100px 0 70px;
  position: relative;
}
#graduate_kifu h4{
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
}
#graduate_kifu .text{
  text-align: center;
  font-size: 1rem;
  margin-bottom: 1rem;
}
#graduate_kifu .kifu_svg{
  position: absolute;
  width:10%;
  right:10%;
  top:0;
  bottom:0;
  margin:auto;
}
#graduate_kifu a.btn {
  background-color: #2F3030;
}

#graduate .schedule_list_wrap{

}
#graduate .schedule_card{
  margin-left:40px;
  margin-right: 40px;
  margin-bottom: 20px;
}
#graduate a.btn.syllabus {
  background-color: #fff;
  border: 2px solid #D9DF00;
  color:#D9DF00;
  text-decoration: none;
  font-size: 1rem;
  padding: 0.5rem 2rem 0.5rem 3rem;
}
#graduate a.btn.syllabus i{
  position: absolute;
  left: 1rem;
  right: auto;
}
#graduate .content-title2 a{
  color:#2F3030;
}




.other_links a{
  color: #2F3030;
  font-weight: bold;
  text-decoration: underline;
  position: relative;
  padding-right: 40px;
}
.other_links a:hover{
  color: #2F3030;
  opacity:0.7;
}
.other_links a::after {
  font-family: bootstrap-icons;
  content: '\F285';
  padding: 0 0.2em;
  color: #2F3030;
  vertical-align: middle;
  right: 0;
  font-size: 0.8rem;
  top:0;
  bottom:0;
  position: absolute;
}
#hero_sub.public_r .youtube_wrap{
  width: 80%;
  padding: 1.8% 1.9% 5.6% 4.8%;
  background-image: url(../img/public_r/tv_bg.png);
  background-size: cover;
  margin-right: 20px;
  margin-top: 60px;
}
#hero_sub.public_r .youtube{
  position: relative;
  width: 100%;
  padding-bottom: 54.05%;
  height: 0;
  overflow: hidden;
}
#hero_sub.public_r .youtube iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#hero_sub.public_r .book_wrap{
  background-image: url(../img/public_r/book_lack.png);
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom:6vw;
  margin-right: 20px;
  margin-top: 60px;
  margin-left:50px;
  margin-right:50px;
  background-position: bottom;
}
#hero_sub.public_r .book_wrap .book{
  margin-left:6vw;
  margin-right:6vw;
}
#hero_sub.public_r .book_wrap .book .col{
  padding-left:2vw;
  padding-right:2vw;
} 
#hero_sub.public_r .book_wrap .book img{
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#hero_sub.public_r .book_wrap .book a img{
  transition:0.3s all;
}
#hero_sub.public_r .book_wrap .book a:hover img{
  transform:scale(1.05,1.05) translateY(-1vw);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

#hero_sub.public_r .news_wrap{
  background-image: url(../img/public_r/news_back.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 0;
  margin-right: 3vw;
  padding-top: 8vw;
  padding-left: 4.3vw;
  padding-right: 1.3vw;
  background-position: bottom;
  width:80vw;
  height:28.85vw;
  margin-top:5vw;
  margin-bottom:5vw;
}

#hero_sub.public_r .news_wrap .news_list_wrap{
  margin: 0px;
  width: 100%;
  height: 16.8vw;
  padding:20px;
  overflow-y: scroll;
}
#hero_sub.public_r .news_wrap table.news_list{
  width: 100%;
}
#hero_sub.public_r .news_wrap .headline_block:hover {
  opacity: 0.7;
}
#hero_sub.public_r .news_wrap .headline_block th{
  color: #fff;
}
#hero_sub.public_r .news_wrap .headline_block th,#hero_sub.public_r .news_wrap .headline_block td{
  padding:20px;
  vertical-align: baseline;
  text-align: left;
  border-bottom: 1px dashed #fff;
}
#hero_sub.public_r .news_wrap .headline_block a{
  color:#fff;
}
#hero_sub.public_r .news_wrap .headline_block .category{
  vertical-align: top;
}

#hero_sub.public_r .news_wrap .headline_block .category{
  text-align: center;
}
#hero_sub.public_r .news_wrap .headline_block .category span{
  display: block;
  width:8rem;
  padding:2px 0;
  font-size: 0.8rem;
  color:#fff;
}
@media screen and (max-width: 820px) {
  #hero_sub.public_r .news_wrap .headline_block {
    display: block;
    width: 100%;
  }
  #hero_sub.public_r .news_wrap .headline_block th{
    border-bottom: 0px dashed #fff;
  }
  #hero_sub.public_r .news_wrap .headline_block .category {
    border-bottom: 0px dashed #fff;
  }
  #hero_sub.public_r .news_wrap .headline_block td{
    border-bottom: 1px dashed #fff;
  }
  #hero_sub.public_r .news_wrap .headline_block td:last-child {
    border-bottom: solid 1px #ccc;
    display: block;
    float:left;
    clear:both;
    padding-top:0;
    width: 100%;
  }
}


#public_r_bg1{
  background-image: url(../img/public_r/c_top_content_bg1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment:fixed;
}
#public_r_bg2{
  background-image: url(../img/public_r/c_top_content_bg2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.static_page .c_top_public_r_wrap1{
  border-radius: 10px;
  margin: 120px 0;
  background-color: #fff;
}
.static_page .c_top_public_r_wrap1 h2{
  margin: 0;
  font-size: 36px;
  border-radius: 10px 10px 0px 0px;
}
.static_page .c_top_public_r_wrap1 .row{
  padding: 30px 0;
  color:#2F3030;
}
.static_page .c_top_public_r_wrap1 .col{
  padding: 20px;
  color:#2F3030;
}
.static_page .c_top_public_r_wrap1 .text{
  font-size: 1rem;
  line-height: 2rem;
}
.static_page .c_top_public_r_wrap1 .text a{
  color: #E00780;
  text-decoration: underline;
}
.static_page .c_top_public_r_wrap1 .text a:hover{
  opacity: 0.7;
}
#public_r a.btn{
  background-color: #E00780;
  color:#fff;
  text-decoration: none;
}
#public_r a.btn.outline{
  background-color: #fff;
  border: 2px solid #E00780;
  color:#E00780;
  text-decoration: none;
}


#public_r  #entry_info_wrap .catgory_label {
  font-weight: bold;
  padding: 5px 9px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  color: #fff;
  float: right;
}

#public_r .lecture_wrap_table {
  margin-bottom: 20px;
}
#movie-category .about,#movie-category .logo{
  vertical-align: bottom;
}
#movie-list{
  display: flex;
}
#movie-list-box{
  clear: both;    
  margin-bottom: 20px;
}
#movie-list-box .card{
  padding:10px 20px;
  position: relative;
}
#movie-list-box .card i{
  position: absolute;
  color: #fce4ec;
  right:20px;
  bottom:10px;
  line-height: 100%;
  font-size: 50px;
  z-index: 0;
}
#movie-list .movie-icon .btn i{
  position: relative;
  left: 0;
}
#movie-list-box .card table{
  position: relative;
  z-index: 1;
}
#movie-list-box .card table th{
  border-bottom: 1px solid #ccc;
}
#movie-list-box  td, #movie-list-box th {
  padding:5px 0px;
}
#movie-list-box  .date{
  text-align: right;
}
#movie-list-box a.onbox {
  position: absolute;
  width: 550px;
  height: 82px;
  display: block;
  z-index: 2;
  text-indent: -9999px;
  top: 0;
  left: 0;
}
#movie-list .movie-icon .btn{
  padding: 0.5rem 1rem
}
#movie-list-wrap.card{
  margin: 40px;

}
#movie-list-wrap .photo{
  height: 150px;
  width: 150px;
}
#movie-list-wrap .photo img{
 
  height: 150px;
  width: 150px;
  object-fit: cover; /* この一行を追加するだけ！ */

}
#movie-list-wrap #right{
  padding:5px 20px 0px;
  height:auto;
  overflow:hidden;
}
#movie-list-wrap #right .title{
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}
#movie-list-wrap #right .about{
  padding: 5px 0;
  display: block;
}
.grey.lighten-5 {
  background-color: #fafafa !important;
}