@charset "UTF-8";
/*****************/
/* 紹介動画 */
/*****************/
/*
.siro{
	width: 100%;
	height: 1000px;
}
*/

.genkaku{
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 700;

	font-style: normal;
}

/*****************/
/* 各メニュー */
/*****************/
.bgcl{
	background: #F6F7FC;
}
.page_hero_wrap{
	position: relative;
}
.page_hero_wrap.science_tokyo_uch{
	background-image: url("../images/science_tokyo_uch/hero_sp.jpg");
}
.page_hero_wrap.science_tokyo_cu{
	background-image: url("../images/science_tokyo_cu/hero_sp.jpg");
}
.page_hero_wrap.science_tokyo_mu{
	background-image: url("../images/science_tokyo_mu/hero_sp.jpg");
}

.tmdu_wrap{
	padding: 50px 0 50px;
}
.tmdu_box{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 -30px;
}
a.tmdu_link{
	display: block;
	width: 100%;
	box-shadow: 0 0 20px rgba(0,0,0,0.16);
}
.tmdu_fig{
	position: relative;
	width: 100%;
	padding-top: 51.7751%;
	background-position: center;
	background-size: cover;
}
.science_tokyo_uch .tmdu_item:nth-of-type(1) .tmdu_fig{
	background-image: url("../images/science_tokyo_uch/u_img01.jpg");
}
.science_tokyo_uch .tmdu_item:nth-of-type(2) .tmdu_fig{
	background-image: url("../images/science_tokyo_uch/u_img02.jpg");
}
.science_tokyo_uch .tmdu_item:nth-of-type(3) .tmdu_fig{
	background-image: url("../images/science_tokyo_uch/u_img03.jpg");
}
.science_tokyo_uch .tmdu_item:nth-of-type(4) .tmdu_fig{
	background-image: url("../images/science_tokyo_uch/u_img04.jpg");
}
.science_tokyo_uch .tmdu_item:nth-of-type(5) .tmdu_fig{
	background-image: url("../images/science_tokyo_uch/u_img05.jpg");
}
.science_tokyo_uch .tmdu_item:nth-of-type(6) .tmdu_fig{
	background-image: url("../images/science_tokyo_uch/u_img06.jpg");
}
.science_tokyo_uch .tmdu_item:nth-of-type(7) .tmdu_fig{
	background-image: url("../images/science_tokyo_uch/u_img07.jpg");
}
.science_tokyo_uch .tmdu_item:nth-of-type(8) .tmdu_fig{
	background-image: url("../images/science_tokyo_uch/u_img08.jpg");
}

.science_tokyo_cu .tmdu_item:nth-of-type(1) .tmdu_fig{
	background-image: url("../images/science_tokyo_cu/u_img01.jpg");
}
.science_tokyo_cu .tmdu_item:nth-of-type(2) .tmdu_fig{
	background-image: url("../images/science_tokyo_cu/u_img02.jpg");
}
.science_tokyo_cu .tmdu_item:nth-of-type(3) .tmdu_fig{
	background-image: url("../images/science_tokyo_cu/u_img03.jpg");
}
.science_tokyo_cu .tmdu_item:nth-of-type(4) .tmdu_fig{
	background-image: url("../images/science_tokyo_cu/u_img04.jpg");
}
.science_tokyo_cu .tmdu_item:nth-of-type(5) .tmdu_fig{
	background-image: url("../images/science_tokyo_cu/u_img05.jpg");
}
.science_tokyo_cu .tmdu_item:nth-of-type(6) .tmdu_fig{
	background-image: url("../images/science_tokyo_cu/u_img06.jpg");
}
.science_tokyo_cu .tmdu_item:nth-of-type(7) .tmdu_fig{
	background-image: url("../images/science_tokyo_cu/u_img07.jpg");
}
.science_tokyo_cu .tmdu_item:nth-of-type(8) .tmdu_fig{
	background-image: url("../images/science_tokyo_cu/u_img08.jpg");
}


.science_tokyo_mu .tmdu_item:nth-of-type(1) .tmdu_fig{
	background-image: url("../images/science_tokyo_mu/u_img01.jpg");
}
.science_tokyo_mu .tmdu_item:nth-of-type(2) .tmdu_fig{
	background-image: url("../images/science_tokyo_mu/u_img02.jpg");
}
.science_tokyo_mu .tmdu_item:nth-of-type(3) .tmdu_fig{
	background-image: url("../images/science_tokyo_mu/u_img03.jpg");
}
.science_tokyo_mu .tmdu_item:nth-of-type(4) .tmdu_fig{
	background-image: url("../images/science_tokyo_mu/u_img04.jpg");
}
.science_tokyo_mu .tmdu_item:nth-of-type(5) .tmdu_fig{
	background-image: url("../images/science_tokyo_mu/u_img05.jpg");
}
.science_tokyo_mu .tmdu_item:nth-of-type(6) .tmdu_fig{
	background-image: url("../images/science_tokyo_mu/u_img06.jpg");
}
.science_tokyo_mu .tmdu_item:nth-of-type(7) .tmdu_fig{
	background-image: url("../images/science_tokyo_mu/u_img07.jpg");
}
.science_tokyo_mu .tmdu_item:nth-of-type(8) .tmdu_fig{
	background-image: url("../images/science_tokyo_mu/u_img08.jpg");
}


.tmdu_cap{
	width: 100%;
}
.science_tokyo_univ{
	line-height: 27px;
	font-weight: bold;
	background: #1C3177;
	color: #fff;
	padding: 0 0.5em 0;
}
.tmdu_info{
	padding: 16px 25px 19px 14px;
	position: relative;
	background: #fff;
}
.tmdu_info_cbox{
	min-height: 52px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.tmdu_nameen{
	line-height: 1.5;
	font-weight: bold;
}
.tmdu_namejp{
	line-height: 1.5em;
	font-weight: bold;
}
.tmdu_icon{
	position: absolute;
	width: 5.6px;
	height: 9.9px;
	top: 50%;
	right: 15px;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.tmdu_item{
	width: 100%;
	margin-bottom: 30px;
	margin-right: 0;
}

/* font-size */
.tmdu_date{
	font-size: 10px;
}
.science_tokyo_univ{
	font-size: 10px;
}
.tmdu_nameen{
	font-size: 14px;
}
.tmdu_namejp{
	color: #1C3177;
	font-size: 10px;
}
.hero_moji_01{
	font-size: 11px;
	position: absolute;
	top:auto;
	right: auto;
	bottom:50%;
	left: 10px;
	text-align: left;
	font-weight: bold;
	color: #fff;
	line-height: 1.5em;
}
.hero_moji_02{
	font-size: 11px;
	position: absolute;
	top:calc( 50% + 10px );
	right: 10px;
	bottom:auto;
	left: auto;
	text-align: right;
	font-weight: bold;
	color: #fff;
	line-height: 1.5em;
}
.hero_moji_01,
.hero_moji_02 {
	font-family: 'Roboto', sans-serif;
	text-shadow: 0px 0px 20px rgb(0 0 0);
}


@media only screen and (min-width: 641px) {
	.page_hero_wrap.science_tokyo_uch{
		background-image: url("../images/science_tokyo_uch/hero_pc.jpg");
	}
	.page_hero_wrap.science_tokyo_cu{
		background-image: url("../images/science_tokyo_cu/hero_pc.jpg");
	}
	.page_hero_wrap.science_tokyo_mu{
		background-image: url("../images/science_tokyo_mu/hero_pc.jpg");
	}
	.hero_moji_01{
		font-size: calc( ( ( 30 - 15 ) / ( 1920 - 751 ) ) * ( 100vw - 641px ) + 15px );
		position: absolute;
		top:auto;
		right: auto;
		bottom:0px;
		left: 10px;
		text-align: left;
		font-weight: bold;
		color: #fff;
		line-height: 1.5em;
	}
	.hero_moji_02{
		font-size: calc( ( ( 30 - 15 ) / ( 1920 - 751 ) ) * ( 100vw - 641px ) + 15px );
		top:40px;
		right: 10px;
	}
	.tmdu_wrap{
		padding: 100px 0 70px;
	}
	.tmdu_box{
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 -50px;
	}
	a.tmdu_link{
		display: block;
		width: 100%;
		box-shadow: 0 0 20px rgba(0,0,0,0.16);
	}
	.tmdu_fig{
		width: 100%;
		padding-top: 56.0538%;
		background: #CCC;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.tmdu_cap{
		width: 100%;
	}
	.science_tokyo_univ{
		line-height: 39px;
		font-weight: bold;
		background: #1C3177;
		color: #fff;
		padding: 0 0.5em 0;
	}
	.tmdu_info{
		padding: 20px 30px 20px 20px;
		position: relative;
		background: #fff;
	}
	.tmdu_info_cbox{
		min-height: 74px;
		display: flex;
		flex-flow: column;
		justify-content: center;
	}
	.tmdu_nameen{
		line-height: 1.6;
		font-weight: bold;
	}
	.tmdu_namejp{
		line-height: 1.5;
		font-weight: bold;
	}
	.tmdu_icon{
		position: absolute;
		width: auto;
		height: auto;
		top: 50%;
		right: 15px;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
	}

}

@media only screen and (min-width: 751px) {
	.tmdu_item{
		width: 48%;
		margin-bottom: 50px;
		margin-right: calc( ( 100% - ( 48% * 2 ) ) - 1px );
	}
	.tmdu_item:nth-of-type(2n){
		margin-right: 0;
	}
}

@media only screen and (min-width: 1025px) {
	.tmdu_date{
		font-size: 14px;
	}
	.science_tokyo_univ{
		font-size: 14px;
	}
	.tmdu_nameen{
		font-size: 20px;
	}
	.tmdu_namejp{
		color: #1C3177;
		font-size: 14px;
	}
}

@media only screen and (min-width: 1405px) {
	.tmdu_item{
		width: 30.9722%;
		margin-bottom: 50px;
		margin-right: calc( ( 100% - ( 30.9722% * 3 ) ) * 0.5 - 1px );
	}
	.tmdu_item:nth-of-type(2n){
		margin-right: calc( ( 100% - ( 30.9722% * 3 ) ) * 0.5 - 1px );
	}
	.tmdu_item:nth-of-type(3n){
		margin-right: 0;
	}

}
/* タイトル部分オーバーライド */
.page_ttl_area{
	padding: 25px 0 25px;
}
.page_ttl_en {
	margin: 0 auto 7px;
	font-size: 18px;
	width: 75%;
	line-height: 1.444em;
}
@media only screen and (min-width: 641px) {
	.page_ttl_area{
		padding: 40px 0 20px;
	}
	.page_ttl_en {
    margin: 0 auto 5px;
    font-size: calc( ( ( 20 - 18 ) / ( 1025 - 641 ) ) * ( 100vw - 641px ) + 18px );
		width: 98%;
    max-width: 1040px;
    line-height: 1.7em;
	}
}
@media only screen and (min-width: 1025px) {
	.page_ttl_area{
		padding: 63px 0 46px;
	}
	.page_ttl_en {
    margin: 0 auto 18px;
    font-size: calc( ( ( 35 - 20 ) / ( 1440 - 751 ) ) * ( 100vw - 751px ) + 20px );
    max-width: 1240px;
    line-height: 60px;
	}
	
	.science_tokyo_cu .page_ttl_en {
		max-width: 1340px;
	}
	

}

@media only screen and (min-width: 1025px) {
	a.tmdu_link{
		transition: all 0.5s ease-out;
		overflow: hidden;
	}
	a.tmdu_link .tmdu_fig{
		transition: all 0.5s ease-out;
	}
	a.tmdu_link:hover{
		box-shadow: none;
	}
	a.tmdu_link:hover .tmdu_fig{
		-moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
	}
	
}

@media only screen and (min-width: 1440px) {
	.page_ttl_en {
		font-size: 35px;
	}
}