@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  background-color: #eaf4fc;
  color: #333a3f;
  font-size: 13px;
  line-height: 2;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.carousel-inner-extend{
   position: relative;
  height: 65vh;
  min-height: 00px;
}

/*style.css*/
.carousel-item .img-fluid {
  width:100%;
  height:65vh;
  object-fit: cover;
}

.carousel-item{
	height: auto;
}


.carousel-item a {
  display: block;
  width:100%;
}

.carousel-item .show-image {
  display: block;
  width:100%;
}

/*
.jumbotron-extend{
  position: relative;
  height: 70vh;
  min-height: 00px;
  
  background: url(../images/akakurage.jpg) no-repeat center center;  
  background-size: cover;
}
.jumbotron-container{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: #FFFFFF;
}
*/

.label-left{
  border-left :solid 20px #343a40;
  padding: 10px;
}

.nav-bottom{
  border-bottom: solid 5px #f8b500;
  padding: 5px;
  margin: 3px;
}

.li-news{
  border-bottom:1px dotted #333a3f;
  list-style:none;
  padding:10px;
  width:800px;
}
a{
  color:#333a3f;
  text-decoration:none;
}
.footer-nav:link, .footer-nav:visited, .footer-nav:hover, .footer-nav:active {
  color: #FFFFFF;
}

an{
  vertical-align: top;
}
.span-news{
  background-color:#333a3f;
  border-radius:3px;
  color:#fff;
  display:inline-block;
  margin-right:20px;
  padding:5px;
  width:100px;
  vertical-align: top;
}
.news-research{
  background-color:#f8b500;
  border-radius:3px;
  color:#333a3f;
  display:inline-block;
  margin-right:20px;
  padding:5px;
  width:100px;
  vertical-align: top;
}
.news-publication{
  background-color:#2ca9e1;
  border-radius:3px;
  color:#fff;
  display:inline-block;
  margin-right:20px;
  padding:5px;
  width:100px;
  vertical-align: top;
}
.news-award{
  background-color:#c3d825;
  border-radius:3px;
  color:#fff;
  display:inline-block;
  margin-right:20px;
  padding:5px;
  width:100px;
  vertical-align: top;
}

time{
  display: inline-block;
  font-weight: bold;
  margin-right:40px;
  padding:5px;
  vertical-align: top;
}
.p-news{
  color:#333a3f;
  display: inline-block;
  text-decoration:underline;
}

.new::before{
  content:"NEW";
  color: #d10606;
  font-size: 1.1rem;
  border: 1px solid #d10606;
  padding: 4px 8px;
  margin: 0 20px 0 0;
  display: inline-block;
  line-height: 1;
}

.yoko_scroll {
	/*中身スクロールします*/
   overflow: auto;
	/*テーブルを入れた場合、セル内の文字を折り返ししないようにします*/
   white-space: nowrap;
	/*惰性を与えてスムーズなスクロールにしますよ*/
   -webkit-overflow-scrolling: touch;
}
.yoko_scroll::-webkit-scrollbar{
	/*スクロールバーを出しますよ*/
   height: 5px;
}
.yoko_scroll::-webkit-scrollbar-track{
	/*スクロールバーの背景の色*/
   background: #f8b500;
}
.yoko_scroll::-webkit-scrollbar-thumb {
	/*スクロールバーの色を変えるなら*/
   background: #343a40;
}
.footer-name{
  font-size: 16px
}

/*メンバー*/
.span-member{
  background-color:#343a40;
  border-radius:3px;
  color:#fff;
  display:inline-block;
  margin-right:20px;
  padding:5px;
  width:60px;
}
.span-member-e{
  background-color:#343a40;
  border-radius:3px;
  color:#fff;
  display:inline-block;
  margin-right:20px;
  padding:5px;
  width:115px;
}
name{
  display: inline-block;
  margin-right:40px;
  width:100px;
}
.p-member{
  color:#333a3f;
  display: inline-block;
}
.li-member{
  list-style:none;
  padding:10px;
  width:auto;
}

.label-left-member{
  border-left :solid 10px #343a40;
  padding: 5px;
}
.h4-member{
  font-size: 25px;
  border-bottom: solid 5px #343a40;
  width: 150px;
  margin-right: auto;
  margin-left: auto;
}

.h4-reseach{
  font-size: 25px;
  border-bottom: solid 5px #343a40;
  width: 300px;
  margin-right: auto;
  margin-left: auto;
}

.breadcrumb-extend{
  background: #eaf4fc;
}

.title-extend{
  background: linear-gradient(transparent 0%, #333a3f 0%);
 font-weight: bold; 
border-radius:6px;
}

.doi{
  color: #333a3f;
  text-decoration: underline;
}

figure.center {
	margin: 10px auto;
}

figure.fr {
	float: right;
	margin: 0 15px 5px 10px;
}

.resizeimage{
   max-width: 500px; /* 最大幅 */
   min-width: 240px; /* 最小幅 */
   margin-left: auto;
    margin-right: auto;
}
.resizeimage img { width: 100%; 
}

.strong-large{
  font-size: 16px;
}

@media screen and (min-width: 768px){
  .br-sp {display: none; }
  .display-4-extend{font-weight: 500}
  .lead2-extend{font-size: 25px;font-weight: 300}
}

@media screen and (max-width: 768px){
  .lead-extend{font-size: 15px}
  .lead2-extend{font-size: 18px}
  .display-4-extend{
  font-size: 30px;
  font-weight: 600;}
}

.dropdown-item{
  font-size: 12px;
}

.pic{
  max-width: 100%;
}

.span-picture{
  background-color:#343a40;
  border-radius:3px;
  color:#fff;
  display:inline-block;
  margin-right:20px;
  padding:2px;
  width:120px;
}

/*ボーダースタイル*/
.hr-ex{
  border:0;
  border-top:medium dashed #333a3f;
}

.card-container{
    display:flex;
    max-width: 140px;
    height: 140px;
    margin: 20px auto;
}

.card-img img{
    width:100%;
    height:100%;
}
.card-text{
    margin: 20px;
}

table{
margin:0 auto;
}
.td-e{
  width: 250px;
}
.td-s{
  width: 200px;
}
.tr-e{
  height: 150px;
}
.tr-s{
  height: 110px;
}

.btn-eng{
  background: #f8b500;
  font-size: 14px;
}
/*topに戻るボタン*/
#topBtn{
    background: #f8b500;
    color: #fff;
    position: fixed;
    right: 20px;
    bottom: 20px;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}