@charset "utf-8";
/* CSS Document */
/*¥á¥¤¥ó¥Ü¥Ã¥¯¥¹*/
.main-bg{
	/*padding-bottom: 250px;
	padding-top: 194px;
	position: relative;
	height: 800px;
	background-position: 20% center;
	background-size:cover;*/
	display: flex;
	
}
.main-bg .wrap{
/*	position: absolute;
	top:30%;
	left:0;
	right:0;
	-webkit-transform: translateY(-30%);
    transform: translateY(-30%);*/

    width: 30%;
    background: #111;
    position: relative;

}

.slide-img{
width: 70%;

}



.main-bg .main-txt{
	/*max-width: 476px;
	width: 70%;
	margin:0 0 0 auto;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);*/

}
.main-bg .main-txt .cat-wrap{
	
}
#thumbnail_slider .slick-slide{
	cursor: pointer;
}
.main-bg .main-txt .cat-box{
	background: rgba(255,255,255,1);
	display: inline-block;
	padding:9px 18px;
	margin-bottom: 2em;
	min-width: 224px;
	max-width: 360px;
	border-bottom: solid 1px #111;
	
	margin-top: 2em;	
	
	width: 60%;
  line-height: 1.5em;
	
}
.main-bg .main-txt .cat-box .flex{
	display: flex;
	align-items: center;
}
.main-bg .main-txt .cat-box .name{
	/* margin-right: 4%; */
	/*width: 48%;*/
	padding-right: 5%;
	font-size: 1.2vw;
	line-height: 1.5em;
	border-right: 1px solid #000;
	font-weight: 700;	
	margin-bottom:0.5em;
	
}
.main-bg .main-txt .cat-box .day{
	width: 50%;
	font-size: 14px;
	line-height: 1;
}
.main-bg .main-txt .ttl-tex p{
	/*padding:12px 12px;*/
	font-size: 1.8vw;
	/*display: inline;*/
	margin-bottom: 10px;
	/*padding:2px 12px;*/
	font-weight: 500;
	line-height: 1.75em;
}
.main-bg .main-txt .ttl-tex p a{
	color:#000;
    transition: all 0.7s ease;
}

.main-bg .main-txt .ttl-tex p a:hover{
	color: #36A7B7;
}
.main-bg .main-txt .ttl-tex span{
	/*background-color: #fff;*/
  /* padding: 12px 8px; */
    padding: 0 0.8em;
  color: #fff;
	
	display: inline-block;
	/* margin-bottom: 10px; */
	margin-bottom: 0px;
	
	
}
.main-bg .main-txt .ttl-tex mark span:last-child{
	margin-bottom: 0;
}
.main-bg .more-link{

	  position: absolute;
  bottom: 10%;
  right: 1em;
  
}
.main-bg .more-link a{
	font-size: 15px;
	padding:9px 20px;
	background: #000;
	color:#fff;
	line-height: 1;
	display: inline-block;
    transition: all 0.7s ease;
	letter-spacing: 0.1em;
	border:solid 1px #fff;
}
.main-bg .more-link a:hover{
	background: #fff;
	color:#000;
}
.new-wrap .new-list ul li, .new-wrap .new-list #thumbnail_slider li{
	border: 4px solid transparent;
}
.new-wrap .new-list ul .slick-current li{
	border: 4px solid #000!important;
}
.yajirushi-box{
	position: absolute;
	left: 0;
	right:0;
	margin-left: auto;
	margin-right: auto;
	top: 50%;
}
/*ÐÂ×ÅÓ›ÊÂ*/
.new-wrap .new-img{
	width: 2%;
	margin-right: 3%;
}

.new-wrap .new-list{
	padding:44px 204% 33px 44px;
	margin-right: -204%;
	margin-left: 4%;
	/*width: 95%;*/
	background: url("/researchinfo/images/top/color_bg.png") no-repeat left top;
	background-size:cover;
	text-align: left;
	box-sizing: border-box;
}
.new-wrap .new-list ul li .cat-box p{
	padding:10px 14px;
	background: #fff;
	display: inline-block;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5em;
	
}
.new-wrap .new-list ul li{
	overflow: hidden;
}
.new-wrap .new-list ul li .pic-box{
	position: relative;
	z-index: 1;
	width: 100%;
}
.new-wrap .new-list ul li .pic-box img{
  transition-duration: 0.3s;
}
.new-wrap .new-list ul li:hover .pic-box img{
  transform: scale(1.2);
  /*transition-duration: 0.3s;*/
}
.new-wrap .new-list ul li .pic-box{
	
}
.new-wrap .new-list ul li .tex-box{
	position: relative;
	z-index: 2;
}
.new-wrap .new-list ul li .ttl-box{
	padding:14px 9px;
	width: 100%;
	background: #fff;
}
.new-wrap .new-list ul li .ttl-box p{
	min-height: calc(1.5em * 2);
	/*max-height: calc(1.5em * 3);*/
	line-height: 1.5em;
	font-size: 16px;
	border-left: 2px solid #000;
	padding-left: 3%;
	color: #000;
    transition: all 0.7s ease;
	/*text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	overflow-y: hidden;*/
	
}
.new-wrap .new-list ul li:hover .ttl-box p{
	color: #36A7B7;
}
/*voice*/
.voice{
	padding:50px 0 35px;
	background: #fff;
	overflow-wrap: break-word;
}
.voice .head-box{
	border-bottom: 5px solid #000;
}
.voice .head-box h2{
	font-size: 51px;
	color:#000;
}
.voice .head-box h2 span{
	font-size: 30px;
}
.voice .head-box .link{
	width: 16%;
	position: absolute;
	top:0;
	right:2%;
}
.voice .head-box .link a{
	width: 100%;
	border:1px solid #000;
	color:#000;
	padding:8px 4% 10px 8%;
	border-radius: 8px;
	font-size: 18px;
	line-height: 1;
	display: block;
	transition: all 0.7s ease;
}
.voice .head-box .link a:hover{
	width: 100%;
	border:1px solid #fff;
	color:#fff;
	background: #000;
}
.voice .head-box .link a .yajirushi{
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	width: 18px;
	right:6%;
	top:50%;
	position: absolute;
}

.voice .head-box .link a .yajirushi img{
	transition: all 0.7s ease;
}
.voice .head-box .link a:hover .yajirushi img{
	filter: brightness(1) invert(0);
	filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
}
.voice-list ul{
    font-size: 0;
}
.voice-list ul li{
	margin-bottom: 30px;
	border-radius: 8px;
	display: inline-block;
	width: 31%;
	margin-right: 3%;
	position: relative;
	vertical-align: top;
}
.voice-list ul li .voice-tex{
	background: rgba(255,255,255,0.93);
	padding:14px 0px;
	font-weight: 500;
	position: relative;
	z-index: 2;
	
    transition: all 0.7s ease;
}
.voice-list ul li .voice-tex .voice-day{
	font-size: 15px;
	line-height: 1;
	padding-bottom: 8px;
	border-bottom: 1px solid #000;
	margin-bottom: 8px;
    transition: all 0.7s ease;
}
.voice-list ul li .voice-tex:hover .voice-day{
	border-bottom:1px solid #36A7B7;
	color: #36A7B7;
}
.voice-list ul li .voice-tex .voice-ttl{
	font-size: 17px;
	line-height: 1;
    transition: all 0.7s ease;
	/*max-height:calc( 1.47em * 2);
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow-y: hidden;*/
}
.voice-list ul li .voice-tex:hover .voice-ttl{
	color: #36A7B7;
}
.voice-list ul li .voice-img{
    overflow: hidden;
	position: relative;
	z-index: 1;
}
.voice-list ul li .voice-img img{
    transition: all 0.7s ease;
	transform: scale(1.0);
}
.voice-list ul li .voice-img:hover img{
    transform: scale(1.25);
  /*transition-duration: 0.3s;*/
}

/*--20210831*/

.voice-list2 ul li{
	margin-bottom: 30px;
	border-radius: 8px;
	display: inline-block;
	width: 30%;
	margin-right: 3%;
	position: relative;
	vertical-align: top;
}
.voice-list2 ul li .voice-tex{
	background: rgba(255,255,255,0.93);
	padding:14px 0px;
	font-weight: 500;
	position: relative;
	z-index: 2;
	
    transition: all 0.7s ease;
}
.voice-list2 ul li .voice-tex .voice-day{
	font-size: 15px;
	line-height: 1;
	padding-bottom: 8px;
	border-bottom: 1px solid #000;
	margin-bottom: 8px;
    transition: all 0.7s ease;
}
.voice-list2 ul li .voice-tex:hover .voice-day{
	border-bottom:1px solid #36A7B7;
	color: #36A7B7;
}
.voice-list2 ul li .voice-tex .voice-ttl{
	font-size: 17px;
	line-height: 1;
    transition: all 0.7s ease;
	/*max-height:calc( 1.47em * 2);
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow-y: hidden;*/
}
.voice-list2 ul li .voice-tex:hover .voice-ttl{
	color: #36A7B7;
}
.voice-list2 ul li .voice-img{
    overflow: hidden;
	position: relative;
	z-index: 1;
}
.voice-list2 ul li .voice-img img{
    transition: all 0.7s ease;
	transform: scale(1.0);
}
.voice-list2 ul li .voice-img:hover img{
    transform: scale(1.25);
  /*transition-duration: 0.3s;*/
}


/*--20211028mov×·¼Ó*/

.mov-list2 ul li{
	margin-bottom: 30px;
	border-radius: 8px;
	display: inline-block;
	width: 30%;
	margin-right: 3%;
	position: relative;
	vertical-align: top;
}
.mov-list2 ul li .voice-tex{
	background: rgba(255,255,255,0.93);
	padding:14px 0px;
	font-weight: 500;
	position: relative;
	z-index: 2;
	
    transition: all 0.7s ease;
}
.mov-list2 ul li .voice-tex .voice-day{
	font-size: 15px;
	line-height: 1;
	padding-bottom: 8px;
	border-bottom: 1px solid #000;
	margin-bottom: 8px;
    transition: all 0.7s ease;
    color: #111111;
}
.mov-list2 ul li .voice-tex:hover .voice-day{
	border-bottom:1px solid #36A7B7;
	color: #36A7B7;
}
.mov-list2 ul li .voice-tex .voice-ttl{
	font-size: 17px;
	line-height: 1.5em;
    transition: all 0.7s ease;
	/*max-height:calc( 1.47em * 2);
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow-y: hidden;*/
	color: #111111;
}
.mov-list2 ul li .voice-tex:hover .voice-ttl{
	color: #36A7B7;
}
.mov-list2 ul li .voice-img{
    overflow: hidden;
	position: relative;
	z-index: 1;
}
.mov-list2 ul li .voice-img img{
    transition: all 0.7s ease;
	transform: scale(1.0);
}
.mov-list2 ul li .voice-img:hover img{
    transform: scale(1.25);
  /*transition-duration: 0.3s;*/
}


.voice-mov{
position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.voice-mov iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}




/*-¥¹¥é¥¤¥É¥·¥ç©`20210811-*/

.slide-box{
	line-height: 0;
}

.new-box2{ background: url("/researchinfo/images/top/headmenu_bg_01.png");
  color: #ffffff;font-size:14px;}

.new-box2 a{color: #ffffff;line-height: 1.7em;min-height: 100px;}
  
.new-box2 .new-wrap2{position: relative;}
.new-box2 .new-wrap2 .new-img2{position: absolute;top:40%;}
.position2{padding:1em 0;}

#thumbnail_slider .slide-item{padding:1em 1.5em;background: url("/researchinfo/images/top/border-listimg.png") no-repeat center right;}


.new-list2{width: 76%;
margin: 0 10% 0 16%;
position: relative;
}

.slick-prev3{position: absolute;top:38%;left:-8%;}
.slick-next3{position: absolute;top:38%;right:-8%;}

.trans .catday{font-size:12px;border: solid 1px #fff;
padding: 0 0.5em;
display: inline-block;}
.trans .day{font-size:12px;padding-bottom:0.3em;margin-left:0.5em;}

.slick-slide img{margin: auto;}

.slick-current .trans{outline:solid 0.8em #00495A;background:#00495A;border-radius: 1px;}


/*MOVIE*/
.movie-box{
	padding:60px 0 130px;
	background: url("/researchinfo/images/common/footer_bg.jpg");
	background-size: cover;
}
.movie-box .head-box{
	background: #fff;
	padding:20px 3%;
}
.movie-box .head-box h2{
	font-size: 50px;
	position: relative;
}

.movie-box .head-box h2 .link{
width: 16%;
  position: absolute;
  top: 0;
  right: 2%;
}

.movie-box .head-box h2 .link a {
  width: 100%;
  border: 1px solid #000;
  color: #000;
  padding: 8px 4% 10px 8%;
  border-radius: 8px;
  font-size: 18px;
  line-height: 1;
  display: block;
  transition: all 0.7s ease;
}

.movie-box .head-box h2 .link a .yajirushi {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 18px;
  right: 6%;
  top: 50%;
  position: absolute;
}

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

.movie-box .head-box h2 .link{
    width: 28%;
    position: absolute;
    top: 0;
    right: 2%;
  }
  
  .movie-box .head-box h2 .link a {
    width: 100%;
    border: 1px solid #000;
    padding: 1.5vw 4% 1.5vw 8%;
    border-radius: 4px;
    font-size: 3.3vw;
    line-height: 1;
    color: #000;
    display: block;
  }
  
    .movie-box .head-box h2 .link a .yajirushi {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8%;
    right: 6%;
    top: 45%;
    position: absolute;
  }
  
}


.movie-box .head-box h2 .link a .yajirushi img {
  transition: all 0.7s ease;
}


.movie-box .head-box h2 span{
	font-size: 30px;
	margin-right: 1%;
}
.movie-box .movie-wrap .movie-wrapbox{
	min-height: 386px;
	width: 60%;
	padding-top: 22.25%;
	position: relative;
}
.movie-box .movie-wrap .movie-wrapbox iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.movie-box .movie-wrap .tex-box{
	width: 40%;
}
.movie-box .movie-wrap .tex-box a{
	display: block;
	width: 100%;
	height: 100%;
	padding:35px 35px;
	background: #fff;
}
.movie-box .movie-wrap .tex-box .day{
	font-size: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	line-height: 1;
	border-bottom: 1px solid #000;
    transition: all 0.7s ease;
}
.movie-box .movie-wrap .tex-box a:hover .day{
	color: #36A7B7;
	border-bottom: 1px solid #36A7B7;
}
.movie-box .movie-wrap .tex-box .text{
	font-size: 20px;
	line-height: 1.5;
	font-weight: 700;
	
    transition: all 0.7s ease;
	/*max-height:calc( 1.5em * 10);
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
	overflow-y: hidden;*/
}
.movie-box .movie-wrap .tex-box a:hover .text{
	color: #36A7B7;
}
.movie-slide .tex-box .day{
	margin-top: 20px;
	font-size: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	line-height: 1;
	color:#fff;
    transition: all 0.7s ease;
	border-bottom: 1px solid #fff;
}
.movie-slide .tex-box:hover .day{
	color:#000;
	border-bottom: 1px solid #000;
}
.movie-slide .tex-box:hover .text{
	color: #000;
}
.movie-slide .tex-box .text{
	font-size: 20px;
	line-height: 1.45;
	font-weight: 700;
    transition: all 0.7s ease;
	color:#fff;
	
}
.movie-slide .slick-slide{
    margin-right: 3vw!important;
    margin-left: 3vw!important;
}
.movie-slide .movie-wrapbox{
	width: 100%;
	padding-top: 52.25%;
	position: relative;
}
.movie-slide .movie-wrapbox iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.movie-slide .slick-initialized .slick-slide {
    display: block;
}
.movie-slide .container-box {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
}
.movie-slide .slider-box{
	width: 100%;
}
.movie-slide .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #fff;
}
.slick-prev:before{
	display: none;
}
.slick-prev{
	width: 30px!important;
	height: auto!important;
	left: -4%!important;
}
.slick-next{
	width: 30px!important;
	height: auto!important;
	right: -4%!important;
}



.slide-box .slick-prev2{
	width: 30px!important;
	height: auto!important;
	left: -4%!important;
	position: absolute;
	cursor: pointer;
}
.slide-box .slick-next2{
	width: 30px!important;
	height: auto!important;
	right: -4%!important;
	position: absolute;
	cursor: pointer;
}
.slick-prev3{/*
	width: 30px!important;
	height: auto!important;
	left: -3.2%!important;
	top:37%!important;
	position: absolute;
	cursor: pointer;*/
}
.slick-next3{/*
	width: 30px!important;
	height: auto!important;
	right: -2.2%!important;
	top:37%!important;
	position: absolute;
	cursor: pointer;*/
}
.slick-next:before{
	display: none;
}
@media print, screen and (min-width : 769px) {
	.new-box{
		margin-top: -190px;
		overflow-x: hidden;
	}
	.new-wrap .new-img{
		position: relative;
	}
	.new-wrap .new-img span{
		position: absolute;
		top:104px;
	}
	.new-wrap .new-img span img{
		width: 100%;
	}
	.new-wrap{
		
		/*display: flex;
		align-items: center;*/
	}
	.new-wrap .new-list{
		display: block;
	}
	.new-wrap .new-list ul{
		/*display: flex;
		max-width: 1050px;*/
	}
	.new-wrap .new-list ul li,.new-wrap .new-list #thumbnail_slider li{
		width: 96%!important;
		margin-right: 4%;
		position: relative;
	}
	.new-wrap .new-list ul li:last-child{
		margin-right: 0;
	}
	.new-wrap .new-list ul li .tex-box{
		/*margin-top: -110px;*/
		background:#fff;
	}
	
	.voice-list ul li:first-child{
		width: 100%;
	}
	.voice-list ul li:last-child{
		margin-right: 0;
	}
	.voice-list ul li .voice-tex{
		/*position: absolute;
		bottom:0%;
		left:0;*/
		/*margin-top: -108px;*/
		width: 100%;
	}
    .voice-list ul li:first-child .voice-tex .voice-ttl{
        font-size: 21px;
        line-height: 1;
    }
    .voice-list ul li:first-child .voice-tex{
        padding:22px 0px;
		/*bottom: 0;*/
		/*margin-top: -96px;*/
    }
	.voice-list ul li:first-child .voice-tex .voice-day{
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
	.voice-list ul li .voice-tex .voice-day{
		max-width: 354px;
	}
    .voice-list ul li:first-child .voice-tex .voice-ttl{
		min-height: inherit;
    }
    .voice-list ul li .voice-tex .voice-ttl{
		min-height: calc( 1.47em * 2);
		line-height: 1.47em;
		
    }
	.voice-list ul li .voice-img{
		border-radius: 10px;
		display: block;
		padding-top: 60%;
	}
	.voice-list ul li:first-child .voice-img{
		display: block;
		padding-top: 40%;
	}
	.voice-list ul li .voice-img img{
	    height: 250px;
        object-fit: cover;
        width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
		.voice-list ul li:first-child .voice-img img{
	    height: 800px;
        object-fit: cover;
        width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	
	/*---20210831kouho*/
	

	.voice-list2 ul li:last-child{
		margin-right: 0;
	}
	.voice-list2 ul li .voice-tex{
		/*position: absolute;
		bottom:0%;
		left:0;*/
		/*margin-top: -108px;*/
		width: 100%;
	}
	.voice-list2 ul li .voice-tex .voice-day{
		max-width: 354px;
	}

    .voice-list2 ul li .voice-tex .voice-ttl{
		min-height: calc( 1.47em * 2);
		line-height: 1.47em;
		
    }
	.voice-list2 ul li .voice-img{
		border-radius: 10px;
		display: block;
		padding-top: 60%;
	}
	.voice-list2 ul li .voice-img img{
	    height: 250px;
        object-fit: cover;
        width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	
	
	
	/* 20211028mov---*/
	
	
	
	.mov-list2 ul li:last-child{
		margin-right: 0;
	}
	.mov-list2 ul li .voice-tex{
		/*position: absolute;
		bottom:0%;
		left:0;*/
		/*margin-top: -108px;*/
		width: 100%;
	}
	.mov-list2 ul li .voice-tex .voice-day{
		max-width: 354px;
	}

    .mov-list2 ul li .voice-tex .voice-ttl{
		min-height: calc( 1.47em * 2);
		line-height: 1.47em;
		
    }
	.mov-list2 ul li .voice-img{
		border-radius: 10px;
		display: block;
		padding-top: 60%;
	}
	.mov-list2 ul li .voice-img img{
	    height: 250px;
        object-fit: cover;
        width: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	/* 20210831kouho---*/
	
	
	.movie-box .movie-wrap{
		display: flex;
	}
	.voice .head-box .link{
		max-width: 184px;
		width: 35%;
	}
	/*.movie-box .wrap{
		overflow: hidden;
	}*/
	
	
	


}
@media only screen and (max-width : 768px) {
.main-bg{
	/*padding-bottom: 28vw;
	padding-top: 18vw;*/
	/* height: 120vw; */
	background-position: center center;
	background-size:cover;
}

.slide-img{
width: 100%;

}


.main-bg .wrap{
    width: 100%;
    display: none;
}
.main-bg .main-txt{
	max-width: 536px;
	width: 70%;
	margin:0 0 0 auto;
	display: none;
}
	
.main-bg .main-txt .cat-box{
	/*display: flex;*/
	width: auto;
	min-width: 155px;
	max-width: 80%;
	padding:2vw 3vw;
	margin-bottom: 18px;
}
.main-bg .main-txt .cat-box .name{
	padding-right: 3%;
	margin-right: 5%;
	/*width: 48%;*/
	font-size: 2.7vw;
	line-height: 1;
	border-right: 1px solid #000;
}
.main-bg .main-txt .cat-box .day{
	/*width: 48%;*/
	width: 45%;
	font-size: 2.7vw;
	line-height: 1;
}
.main-bg .main-txt .ttl-tex span {

    padding:0 2vw;
    color: #fff;

    display: inline-block;
    margin-bottom: 2vw;
    line-height: 1.5em;
}
.main-bg .main-txt .ttl-tex p{
	/*padding:12px 12px;*/
	font-size: 2.5vw;
	line-height: 2.5;
	margin-bottom: 2vw;
	/*padding:1vw 2vw;*/
	/*display: inline;*/
}
.main-bg .more-link{
	text-align: right;
	margin-top:2vw;
}
.main-bg .more-link a{
	font-size: 2.7vw;
	padding:2vw 3vw;
	background: #000;
	color:#fff;
	line-height: 1;
}
/*ÐÂ×ÅÓ›ÊÂ*/
.new-wrap{
    margin-top: -24vw;
}
.new-wrap.wrap{
    width: 100%;
}
.new-wrap .new-img{
	width: 28%;
	margin-right: 0;
	margin-left: 5%;
}

.new-wrap .new-list{
	padding:5% 5% 5%;;
	/*width: 95%;*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: url("/researchinfo/images/top/color_bg.png") no-repeat left top;
	background-size:cover;
	text-align: left;
	display: block;
}
.new-wrap .new-list ul li{
    margin-bottom: 3vw;
	display: block;
}
.new-wrap .new-list ul li a{
    display: flex;
}
.new-wrap .new-list ul li:last-child{
	margin-bottom: 0;
}
.new-wrap .new-list ul li .pic-box{
	width: 46%;
	vertical-align: top;
	overflow: hidden;
}
.new-wrap .new-list ul li .pic-box img{
 	 height: 100%;
	object-fit: cover;
     width: 100%;
}
.new-wrap .new-list ul li .tex-box{
	background: #fff;
	padding:2vw 2vw;
	width: 54%;
	box-sizing: border-box;
}
.new-wrap .new-list ul li .cat-box{
    line-height: 1;
}
.new-wrap .new-list ul li .cat-box p{
	padding:0 0 1.5vw 0;
	display: inline-block;
	line-height: 1.5;
	color: #000;
	font-size: 2.7vw;
}
.new-wrap .new-list ul li .ttl-box{
	padding:0 0;
	width: 100%;
	background: #fff;
}
.new-wrap .new-list ul li .ttl-box p{
	min-height:inherit;
	line-height: 1.25em;
	font-size: 3.3vw;
	font-weight: 700;
	border-left: none;
	padding-left: 0;
	color: #000;
	max-height: calc(1.5em * 4);
	-webkit-line-clamp: 4;
}
.voice{
	padding:7vw 0 9vw;
	background: #fff;
}
.voice .head-box{
	border-bottom: 2px solid #000;
}
.voice .head-box h2{
	font-size: 7.2vw;
	color:#000;
}
.voice .head-box h2 span{
	font-size: 3.9vw;
}
.voice .head-box .link{
	width: 28%;
	position: absolute;
	top:0;
	right:2%;
}
.voice .head-box .link a{
	width: 100%;
	border:1px solid #000;
	padding:1.5vw 4% 1.5vw 8%;
	border-radius: 4px;
	font-size: 3.3vw;
	line-height: 1;
	color:#000;
	display: block;
}
.voice .head-box .link a .yajirushi{
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	width: 8%;
	right:6%;
	top:45%;
	position: absolute;
}
.voice-list ul li .voice-tex .voice-day{
	font-size: 2.7vw;
	padding-bottom: 2vw;
	margin-bottom: 2vw;
}
.voice-list ul li .voice-tex .voice-ttl{
	font-size: 3.9vw;
	line-height: 1.5;
	font-weight: 700;
	
}
.voice-list ul li:first-child{
    width: 100%;
	margin-bottom: 10vw;
	margin-right: 0;
}
.voice-list ul li:first-child .voice-tex{
    /*position: absolute;
    bottom:0;
    left:0;*/
    width: 100%;
	padding:2.5vw 0vw;
	margin-top: 0vw;
	margin-bottom: -5vw;
}
.voice-list ul li:first-child .voice-tex .voice-ttl{
	font-size: 3.6vw;
}
.voice-list ul li:nth-child(n+2){
	width: 100%;
	margin-bottom: 12vw;
}
	.voice-list ul li a{
		color:#000;
	}
.voice-list ul li:nth-child(n+2) a{
	display: flex;
	width: 100%;
	align-content: flex-end;
	color:#000;
}
.voice-list ul li:first-child .voice-img{
	display: block;
	padding-top: 40vw;
	border-radius: 8px;
}
.voice-list ul li:first-child .voice-img img{
	position: absolute;
	top:0;
	left:0;
}
.voice-list ul li:nth-child(n+2) .voice-img{
	width: 38%;
	margin-right: 5%;
	border-radius: 8px;
}
.voice-list ul li:nth-child(n+2) .voice-tex{
	width: 57%;
	padding:0;
}
.voice-list ul li:last-child{
	margin-bottom: 6vw;
}
.voice-list ul li:nth-child(n+2) .voice-img img{
	height: 100%;
    object-fit: cover;
    width: 100%;
}




/*---20210831*/

.voice-list2 ul li .voice-tex .voice-day{
	font-size: 2.7vw;
	padding-bottom: 2vw;
	margin-bottom: 2vw;
}
.voice-list2 ul li .voice-tex .voice-ttl{
	font-size: 3.9vw;
	line-height: 1.5;
	font-weight: 700;
	
}



.voice-list2 ul li{
	width: 100%;
	margin-bottom: 12vw;
}
	.voice-list2 ul li a{
		color:#000;
	}
.voice-list2 ul li a{
	display: flex;
	width: 100%;
	align-content: flex-end;
	color:#000;
}

.voice-list2 ul li .voice-img{
	width: 38%;
	margin-right: 5%;
	border-radius: 8px;
}
.voice-list2 ul li .voice-tex{
	width: 57%;
	padding:0;
}
.voice-list2 ul li:last-child{
	margin-bottom: 6vw;
}
.voice-list2 ul li .voice-img img{
	height: 100%;
    object-fit: cover;
    width: 100%;
}






.mov-list2 ul li{
	margin-bottom: 30px;
	border-radius: 8px;
	display: block;
	width: auto;
	margin-right: 3%;
	position: relative;
	vertical-align: top;
}


/*---*/
/*MOVIE*/	
.movie-box {
    padding: 8vw 0 10vw;
    background: url("/researchinfo/images/common/common_bg_sp.jpg");
    background-size: cover;
}
.movie-box .head-box{
	padding:4% 4%;
}

.movie-box .head-box h2{
	font-size: 7.2vw;
}
.movie-box .head-box h2 span{
	font-size: 4.4vw;
	margin-right: 1%;
}
	
.movie-box .movie-wrap .movie-wrapbox{
	min-height: inherit;
	width: 100%;
	padding-top: 50.25%;
	position: relative;
}
.movie-box .movie-wrap .movie-wrapbox iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.movie-box .movie-wrap .tex-box{
	width: 100%;
	background: #fff;
}
.movie-box .movie-wrap .tex-box a{
	padding:4vw 5vw;
	color: #000;
}
.movie-box .movie-wrap .tex-box .day{
	font-size: 3.0vw;
	padding-bottom: 3vw;
	margin-bottom: 3vw;
}
.movie-box .movie-wrap .tex-box .text{
	font-size: 3.9vw;
	line-height: 1.5;
	font-weight: 700;
	/*max-height:calc( 1.5em * 8);
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
	overflow-y: hidden;*/
}
.movie-slide .tex-box .day{
	font-size: 3.0vw;
	padding-bottom: 3vw;
	margin-bottom: 3vw;
}
.movie-slide .tex-box .text{
	font-size: 3.9vw;
	line-height: 1.45;
	font-weight: 700;
}
.movie-slide .slick-next {
    right: -3vw;
}
.movie-slide .slick-prev {
    left: -3vw;
}
.slick-prev{
    width: 20px!important;
	left: -6%;
}
.slick-next{
    width: 20px!important;
	right:-6%;
}
.slide-box .slick-prev2{
	width: 20px!important;
	height: auto!important;
	left: -6%!important;
	position: absolute;
	cursor: pointer;
}
.slide-box .slick-next2{
	width: 20px!important;
	height: auto!important;
	right: -6%!important;
	position: absolute;
	cursor: pointer;
}
.slick-prev3{/*
	width: 16px!important;
	height: auto!important;
	left: -5%!important;
	top:30%!important;
	position: absolute;
	cursor: pointer;*/
}
.slick-next3{/*
	width: 16px!important;
	height: auto!important;
	right: -5%!important;
	top:30%!important;
	position: absolute;
	cursor: pointer;*/
}



.new-box2{position: relative; background: url("/researchinfo/images/top/headmenu_bg_01.png");
  margin-top: 0px;color: #ffffff;font-size:14px;}


  .new-box2 a{color: #ffffff;line-height: 1.7em;min-height: auto;}

  
.new-box2 .new-wrap2{position: relative;}
.new-box2 .new-wrap2 .new-img2{position: relative;top:40%;padding-top:1em;}
.position2{padding:0;}

.slide-item{padding:0 0;background:none;}



.new-list2{width: 90%;
margin: 0 5% 0 5%;
position: relative;
}

.slick-prev3{position: absolute;top:20%;left:-8%;}
.slick-next3{position: absolute;top:20%;right:-8%;}

.slick-slide img{width: 100%;margin: auto;}

.trans .catday{font-size:14px;display:inline-block;}
.trans .day{font-size:12px;padding-bottom:0.3em;display:inline-block;}
.slick-current .trans{outline:none;background:none;border-radius: 1px;}



}
@media only screen and (max-width: 420px) {
.main-bg .main-txt .ttl-tex p {
    font-size: 4.2vw;
	width: 100%;
}	
}