@charset "utf-8";
/* ******************************************************************
 *	File name		: page.css
 *	Summary			: css style
 * ******************************************************************
 */
/*

青　#3B61AC - rgba(59,97,172,0.5)
赤　#E62283 - rgba(230,34,131,0.5)

水色 #2EB2E8 - rgba(46,178,232,0.5)
グレー　#3A464E - rgba(58,70,78,0.5)

*/

/* ----------------------------------------------------------------------
   greeting
---------------------------------------------------------------------- */

#bdid_greeting #main_contents{
	background:url(../../image/base/second_bg.png) no-repeat 0 0;
	background-size:contain;
}
#bdid_greeting #movie{
		position:relative;
		width:75%;
		height:0px;
		margin:20px auto;
	    padding-top:42.1875%;/*56.25*/
	}
	#bdid_greeting #movie iframe{
        display:block;
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
    }
	#bdid_greeting #movie p{
		text-align:right;
		font-size:0.7rem;
}
#bdid_greeting h3{
	margin:0 0 10px;
	padding:0px;
	font-size:2.1rem;
	color:#585F64;
	border:none;
}
#bdid_greeting #message_person{
	margin-bottom:30px;
	text-align: right;
	}
	#bdid_greeting #message_person p{
		text-align: right;
	}
	#bdid_greeting #message_person .rainborder{
		padding:0 0px 2px 30px;
		}
		#bdid_greeting #message_person .rainborder:after{
		height:1px;
	}
	#bdid_greeting #message_person strong{
		display:inline-block;
		margin:0 10px 0 0;
		font-weight:normal;
		font-size:1.4em;
	}
	#bdid_greeting #message_txt p{
		margin-bottom:25px;
		line-height:2;
	}
	#bdid_greeting #message_txt p:last-child{
		margin-bottom:0px;
	}

/* --- responsive --- */
@media(max-width:767px){
	#bdid_greeting #movie{
		width:100%;
		margin:0px auto 40px;
		padding-top:56.25%;
    }
	#bdid_greeting h3{
		margin:0 0 30px;
		font-size:1.5rem;
	}
}
@media(max-width:500px){
	#bdid_greeting h3{
		font-size:1.3rem;
		text-align: center;
	}
	#bdid_greeting #message_person p{
		text-align: center;
	}
}


/* ----------------------------------------------------------------------
   members
---------------------------------------------------------------------- */
/* members_menu */
#bdid_members #members_menu{
	border-bottom:5px solid #3B61AC;
}
#bdid_members #members_menu ul{
	display:flex;
	display:-webkit-flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position: relative;
	top:1px;
	width:calc(1200px - 100px);
	max-width:calc(100% - 40px);
	margin:0 auto;
	list-style:none;
	}
	#bdid_members #members_menu ul li{
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width:32%;
		padding:7px 10px 5px;
		font-size:1.1rem;
		text-align:center;
		border:1px solid #3B61AC;
		background:#CCC;
		color:#FFF;
		cursor:pointer;
		transition-duration:0.5s;
		}
		#bdid_members #members_menu ul li.active{
			background:#3B61AC;
		}
		#bdid_members #members_menu ul li:hover{
			background:rgba(59,97,172,0.8);
}
/* --- responsive --- */
@media(max-width:767px){
	#bdid_members #members_menu ul{
		max-width:calc(100% - 20px);
	}
	#bdid_members #members_menu ul li{
		padding:7px 5px 5px;
		font-size:0.8rem;
		line-height:1.5;
	}
}

/* manager */
#bdid_members #manager{
	text-align:center;
}
#bdid_members #manager ul{
	position:relative;
	list-style:none;
	text-align:center;
	width:100%;
	margin:0 auto;
}
#bdid_members #manager ul li{
	position:relative;
	width:1100px;
	max-width:100%;
	margin:0 auto;
	padding:18px 90px 5px 0px;
	}
	#bdid_members #manager ul li:nth-of-type(1){
		left:0px;
		width:100%;
		padding:0px;
		background:#EBECED;
	}
	#bdid_members #manager ul li .reader_box{
		position:relative;
		width:1100px;
		max-width:100%;
		margin:0 auto;
		padding:18px 90px 18px 200px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#bdid_members #manager ul li:after{
		content:" ";
		position:absolute;
		bottom:0px;
		right:0px;
		width:100%;
		height:1px;
		background:rgba(59,97,172,0.5);
		}
		#bdid_members #manager ul li:last-child:after{
			display:none;
		}/*
		#bdid_members #manager ul li:nth-of-type(1):after{
			right:0px;
			width:100%;
			height:5px;
			background:#FFF;
		}*/
		#bdid_members #manager ul li:nth-of-type(1):after{
			right:0px;
			width:100%;
			height:5px;
			background:linear-gradient(90deg, rgba(46,178,232,1),rgba(46,178,232,0.7), rgba(230,34,131,0.7), rgba(230,34,131,1));
}

/* p */
#bdid_members #manager ul li p{
	margin:0px !important;
	font-size:0.95rem;
	}
	#bdid_members #manager ul li p b{/*名前*/
		display:inline-block;
		font-size:1.3rem;
		margin-right:10px;
	}
	#bdid_members #manager ul li p:nth-of-type(2){/*研究分野*/
		font-size:0.85rem;
		color:#3B61AC;
		text-indent:-0.5rem;
	}
	#bdid_members #manager ul li:nth-of-type(1) p{
		font-size:1.0rem;
	}
	#bdid_members #manager ul li:nth-of-type(1) p b{
		font-size:1.5rem;
	}
	#bdid_members #manager ul li:nth-of-type(1) p:nth-of-type(2){
		font-size:0.9rem;
	}

/* position */
#bdid_members #manager ul li .position{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	position:absolute;
	top:50%;
	left:20px;
	width:160px;
	height:56px;
	margin-top:-28px;
	padding:2px 1px 1px 5px;
	font-weight: bold;
	font-size:0.95rem;
	border:1px solid rgba(59,97,172,1.0);
	color:rgba(59,97,172,1.0);
	background:#FFF;
	line-height:1.3;
	}
	#bdid_members #manager ul li:first-child .position{
		color:#FFF;
		background:rgba(59,97,172,1.0);
}

/* m_link */
#bdid_members #manager ul li .m_link{
	display:inline-block;
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-17px;
	background:#FFF;
	border:1px solid #F391C1;
	color:rgba(230,34,131,1);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	}
	#bdid_members #manager ul li .m_link a{
		display:block;
		width:50px;
		height:100%;
		padding:3px 5px 3px 7px;
		font-size:0.8rem;
		text-decoration:none;
		color:rgba(230,34,131,1);
		transition-duration:0.5s;
	}
	#bdid_members #manager ul li .m_link a:hover{
		background:rgba(230,34,131,0.2);
}
/* --- responsive --- */
@media(max-width:767px){
	#bdid_members #manager ul li .position{
		display:block;
		position:relative;
		top:0px;
		left:0px;
		width:auto;
		height:auto;
		margin-top:0px;
		padding:5px 10px 4px;
		text-align:left !important;
	}
	#bdid_members #manager ul li .position br{
		display:none;
	}
	#bdid_members #manager ul li{
		padding:18px 90px 5px 20px;
	}
	#bdid_members #manager ul li .reader_box{
		padding:18px 90px 18px 20px;
	}
	#bdid_members #manager ul li:after{
		width:calc(100% - 40px);
	}
	#bdid_members #manager ul li p b{
		display:block;
	}
}

/* company */
#bdid_members #company ul{
	position:relative;
	list-style:none;
	text-align:center;
	width:100%;
	margin:0 auto 20px;
	}
	#bdid_members #company ul:after{
		content:" ";
		position:absolute;
		bottom:0px;
		right:0px;
		width:100%;
		height:3px;
		background:linear-gradient(90deg, rgba(46,178,232,1),rgba(46,178,232,0.7), rgba(230,34,131,0.7), rgba(230,34,131,1));
	}
	#bdid_members #company ul li{
	}
	#bdid_members #company ul li:nth-child(odd){
		background:#EBECED;
	}
	#bdid_members #company ul li div{
		display:flex;
		display:-webkit-flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		position:relative;
		width:1200px;
		max-width:100%;
		margin: 0 auto;
		padding:20px 0 20px 220px;
	}
	#bdid_members #company ul li div a{
		display:inline-block;
	}
	#bdid_members #company ul li div p{
		display: flex;
		display: -webkit-flex;
		align-items: center;
		position: relative;
		width:calc(100% - 280px);
		height:90px;
		margin:0px !important;
		font-weight:bold;
		font-size:1.1rem;
		text-align:left;
}
#bdid_members #company p{
	text-align: center;
}
/* --- responsive --- */
@media(max-width:1200px){
	#bdid_members #company ul li div{
		width:100%;
		margin: 0 auto;
		padding:20px;
	}
}
@media(max-width:767px){
	#bdid_members #company ul li div{
		text-align:center;
	}
	#bdid_members #company ul li div a{
		display:inline-block;
		margin: 0 auto;
	}
	#bdid_members #company ul li div p{
		display:block;
		width:100%;
		height:auto;
		font-size:1.0rem;
		text-align:center;
	}
}

/* student */
#bdid_members #student .s_box{
	position:relative;
	width:100%;
	padding:30px;
	}
	#bdid_members #student .s_box:nth-child(odd){
		background:#EBECED;
	}
	#bdid_members #student .s_box:after{
		content:" ";
		position:absolute;
		bottom:0px;
		right:0px;
		width:100%;
		height:3px;
		background:linear-gradient(90deg, rgba(46,178,232,1),rgba(46,178,232,0.7), rgba(230,34,131,0.7), rgba(230,34,131,1));
	}

	#bdid_members #student .s_box h3{
		position:relative;
		width:430px;
		max-width:100%;
		margin: 0 auto 10px;
		padding:3px 5px;
		font-weight:bold;
		border:1px solid #3B61AC;
		background:#3B61AC;
		color:#FFF;
	}
	#bdid_members #student .s_box:nth-child(odd) h3{
		background:#FFF;
		color:#3B61AC;
	}
	#bdid_members #student .s_box .s_list{
		display:flex;
		display:-webkit-flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		position:relative;
		width:1090px;
		max-width:100%;
		margin: 0 auto;
	}
	#bdid_members #student .s_box .s_list ul{
		position:relative;
		list-style:none;
		width:47%;
		}
		#bdid_members #student .s_box .s_list ul li{
			position:relative;
			margin:0 0 7px;
			font-size:0.9rem;
			border-bottom: 1px solid rgba(59,97,172,0.5);
		}
		#bdid_members #student .s_box .s_list ul li b{
			display:block;
			font-size:1.1rem;
}
/* --- responsive --- */
@media(max-width:767px){
	#bdid_members #student .s_box .s_list ul{
		width:100%;
	}
}


/* ----------------------------------------------------------------------
   curriculum
---------------------------------------------------------------------- */

#bdid_curriculum #curriculum_main{
	position:relative;
	width:1040px;
	max-width:100%;
	margin:0 auto 10px;
	padding:0 20px;
	background:url(../../image/curriculum/curriculum_main_bg.png) no-repeat 0 0;
	background-size:contain;
	}
	#bdid_curriculum #curriculum_main #curriculum_try{
		display:block;
		position:absolute;
		bottom:0px;
		left:20px;
		width:calc(100% - 40px);
		height:100%;
		background:url(../../image/curriculum/curriculum_try.png) no-repeat 0 0;
		z-index:1;
		animation:curriculum_try 1.5s ease 0s both 1;
	}
	@keyframes curriculum_try{
		0%   {width:0%;}
		100% {width:calc(100% - 40px);}
	}
	#bdid_curriculum #curriculum_main img{
		position:relative;
		z-index:2;
}
#bdid_curriculum #curriculum_movie{
	position:absolute;
	top:12px;
	left:20px;
	transition-duration:0.5s;
	z-index:10;
	}
	#bdid_curriculum #curriculum_movie a:after{
		content:" ";
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background:url(../../image/curriculum/curriculum_main_on.png) no-repeat 0 0;
		background-size:cover;
		opacity:0;
		transition-duration:0.5s;
	}
	#bdid_curriculum #curriculum_movie:hover a:after{
		opacity:1;
}

#bdid_curriculum #curriculum_atention{
	position:relative;
	width:1040px;
	max-width:100%;
	margin:0 auto 30px;
	}
	#bdid_curriculum #curriculum_atention p{
		position:relative;
		padding:7px 20px;
		font-size:0.9rem;
		text-align:center;
		background:#C00;
		color:#FFF;
}


/* --- responsive --- */
@media(max-width:1040px){
	#bdid_curriculum #curriculum_main #curriculum_try{
		animation:none;
		background-size:contain;
	}
	#bdid_curriculum #curriculum_movie{
		position:absolute;
		top:2.4%;
		left:2.3%;
		width:52.4%;
	}
	#bdid_curriculum #curriculum_movie img{
		width:100%;
		height:auto;
	}
}
@media(max-width:767px){
	#bdid_curriculum #curriculum_movie a:after{
		display: none;
	}
}

#bdid_curriculum #curriculum_menu{
	margin:0 0 25px;
	border-bottom:5px solid #3B61AC;
}
#bdid_curriculum #curriculum_menu ul{
	display:flex;
	display:-webkit-flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position: relative;
	top:1px;
	width:calc(1200px - 100px);
	max-width:calc(100% - 40px);
	margin:0 auto;
	list-style:none;
	}
	#bdid_curriculum #curriculum_menu ul li{
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width:32%;
		padding:7px 10px 5px;
		font-size:1.1rem;
		text-align:center;
		border:1px solid #3B61AC;
		background:#CCC;
		color:#FFF;
		cursor:pointer;
		transition-duration:0.5s;
		}
		#bdid_curriculum #curriculum_menu ul li.active{
			background:#3B61AC;
		}
		#bdid_curriculum #curriculum_menu ul li:hover{
			background:rgba(59,97,172,0.8);
}
/* --- responsive --- */
@media(max-width:767px){
	#bdid_curriculum #curriculum_atention p{
		font-size:0.8rem;
		line-height:1.35;
	}
	#bdid_curriculum #curriculum_menu ul{
		max-width:calc(100% - 20px);
	}
	#bdid_curriculum #curriculum_menu ul li{
		padding:7px 5px 5px;
		font-size:0.8rem;
		line-height:1.5;
	}
}


#bdid_curriculum .curriculum_lead{
	position: relative;
	width:calc(100% - 40px);
	margin:0 auto 30px;
	text-align:center !important;
	}
	#bdid_curriculum .curriculum_lead p{
		margin:0 0 25px !important;
		font-size:1.1rem;
		text-align:center !important;
		color:#555;
}
/* --- responsive --- */
@media(max-width:767px){
	#bdid_curriculum .curriculum_lead p{
		font-size:0.8rem;
	}
}

/* cate_lr */
#bdid_curriculum .cate_lr{
	display:flex;
	display:-webkit-flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	width:1240px;
	max-width:100%;
	margin:0 auto;
	padding:0 20px;
	}
	#bdid_curriculum .cate_lr .sangaku,
	#bdid_curriculum .cate_lr .gakusai{
		position:relative;
		width:48%;
	}
	#bdid_curriculum .cate_lr .sangaku:after{
		content:" ";
		position:absolute;
		top:0px;
		right:-4.5%;
		width:1px;
		height:100%;
		border-left:1px dotted #999;
	}
	#bdid_curriculum .cate_lr h4{
		position:relative;
		width:100%;
		margin:0 0 7px;
		padding:13px 10px;
		font-size:1.3rem;
		text-align:center;
		background:#999;
		color: #FFF;
		}
		#bdid_curriculum .cate_lr .sangaku h4{
			background:#2EB2E8;
		}
		#bdid_curriculum .cate_lr .gakusai h4{
			background:#E62283;
	}
	#bdid_curriculum .cate_lr h5{
		position:relative;
		width:100%;
		padding:7px 10px;
		font-size:1.0rem;
		text-align:left;
		background:#999;
		color: #000;
		}
		#bdid_curriculum .cate_lr .sangaku h5{
			background:rgba(46,178,232,0.5);
		}
		#bdid_curriculum .cate_lr .gakusai h5{
			background:rgba(230,34,131,0.5);
		}
		#bdid_curriculum .cate_lr .sangaku h5 span,
		#bdid_curriculum .cate_lr .gakusai h5 span{
			display:inline-block;
			width:100%;
			margin:2px 0 0 0;
			padding:2px 10px;
			font-size:0.83rem;
			background:rgba(255,255,255,0.5);
			}
			#bdid_curriculum .cate_lr .sangaku h5 span span,
			#bdid_curriculum .cate_lr .gakusai h5 span span{
				display:inline-block;
				position:relative;
				width:16px;
				height:16px;
				padding:0px;
				text-align:center;
				font-size:10px;
				border-bottom: none;
				background:#2EB2E8;
				color:#FFF;
				line-height:1.6;
				-moz-border-radius:50%;
				-webkit-border-radius:50%;
				border-radius:50%;
			}
			#bdid_curriculum .cate_lr .sangaku h5 span span{
				background:rgba(46,178,232,1);
			}
			#bdid_curriculum .cate_lr .gakusai h5 span span{
				background:rgba(230,34,131,1);
	}
	#bdid_curriculum .cate_lr ul li h6{
		display:inline-block;
		position:relative;
		margin:0 15px 0 0;
		font-weight:bold;
		font-size:1.1rem;
		color:#555;
	}
	/* --- responsive --- */
	@media(max-width:767px){
		#bdid_curriculum .cate_lr .sangaku,
		#bdid_curriculum .cate_lr .gakusai{
			width:100%;
		}
	}

/* sangaku ul */
#bdid_curriculum .cate_lr .sangaku ul{
	position:relative;
	list-style:none;
	}
	#bdid_curriculum .cate_lr .sangaku ul li{
		padding:13px 0;
		font-weight:bold;
		font-size:1.1rem;
		border-bottom:1px solid rgba(46,178,232,0.5);
	}


/* gakusai ul */
#bdid_curriculum .cate_lr .gakusai ul{
	position:relative;
	list-style:none;
	}
	#bdid_curriculum .cate_lr .gakusai ul li{
		padding:13px 0;
		font-weight:bold;
		font-size:1.1rem;
		border-bottom:1px solid rgba(230,34,131,0.5);
		color:#555;
	}
	#bdid_curriculum  #year_1 .cate_lr .gakusai ul li{
		padding:20px 0;
}

/* cate */
#bdid_curriculum .cate_lr ul li .cate_required,
#bdid_curriculum .cate_lr ul li .cate_select{
	display:inline-block;
	position:relative;
	top:-1px;
	min-width:80px;
	margin:0 10px 0 0;
	padding:2px 10px;
	font-weight:normal;
	font-size:0.82rem;
	text-align:center;
	color:#555;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #3B61AC;
	line-height:1.3;
	}
	#bdid_curriculum .cate_lr ul li .cate_required{
		background:#3B61AC;
		color:#FFF;
	}
	#bdid_curriculum .cate_lr ul li .cate_select{
		background:#FFF;
		color:#3B61AC;
	}
	#bdid_curriculum .cate_lr .gakusai ul li .cate_required{
		border:1px solid rgba(230,34,131,1);
		background:rgba(230,34,131,1);
	}
	#bdid_curriculum .cate_lr .gakusai ul li .cate_select{
		border:1px solid rgba(230,34,131,1);
		color:rgba(230,34,131,1);
}

/* aie_subject */
#bdid_curriculum .cate_lr .aie_subject{
		display:flex;
		display:-webkit-flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		margin:7px 0 0;
		padding-left:25px;
		color:#555;
		}
		#bdid_curriculum .cate_lr .aie_subject p{
			width:100%;
			font-size:0.8rem;
		}
		#bdid_curriculum .cate_lr .aie_subject ul{
			width:48%;
			}
			#bdid_curriculum .cate_lr .aie_subject ul:nth-child(2):after{
				content:" ";
				position:absolute;
				top:0px;
				left:-5%;
				width:1px;
				height:100%;
				border-left:1px solid rgba(46,178,232,0.5);
			}
			#bdid_curriculum .cate_lr .gakusai .aie_subject ul:nth-child(2):after{
				border-left:1px solid rgba(230,34,131,0.5);
		}
		#bdid_curriculum .cate_lr .aie_subject ul li{
			position:relative;
			padding:0 0 0 20px;
			font-size:0.8rem;
			border-bottom: none;
		}
		#bdid_curriculum .cate_lr .aie_subject ul li span{
			display:-webkit-flex;
			display:flex;
			justify-content:center;
			align-items:center;
			position:absolute;
			top:4px;
			left:0px;
			width:16px;
			height:16px;
			padding:0px;
			font-size:10px;
			border-bottom: none;
			background:#2EB2E8;
			color:#FFF;
			-moz-border-radius:50%;
			-webkit-border-radius:50%;
			border-radius:50%;
			}
			#bdid_curriculum .cate_lr .gakusai .aie_subject ul li span{
				background:rgba(230,34,131,1);
		}
		/*
		#bdid_curriculum .cate_lr .aie_subject ul li:after{
			content:" ";
			position:absolute;
			top:7px;
			left:0px;
			width:10px;
			height:10px;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			background:#2EB2E8;
		}
		#bdid_curriculum .cate_lr .gakusai .aie_subject ul li:after{
			background:rgba(230,34,131,1);
}
*/
/* --- responsive --- */
@media(max-width:767px){
	#bdid_curriculum .cate_lr .sangaku:after{
		display:none;
	}
	#bdid_curriculum .cate_lr .aie_subject ul{
		width:100%;
	}
	#bdid_curriculum .cate_lr .aie_subject{
		padding-left:15px;
	}
	#bdid_curriculum .cate_lr .aie_subject ul:nth-child(2):after{
		display:none;
	}
}

/* ----------------------------------------------------------------------
   company
---------------------------------------------------------------------- */

#bdid_company .bg_seat{
	padding:25px;
}
#bdid_company .bg_seat ul{
	display:flex;
	display:-webkit-flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:flex-start;
	flex-wrap:wrap;
	list-style: none;
	margin:10px 0 0 0;
	}
	#bdid_company .bg_seat ul li{
		margin:0 10px;
	}
	#bdid_company .bg_seat ul li p{
		display: none;
	}
	#bdid_company .bg_seat ul li a{
		display:block;
		border:1px solid #FFF;
		}
		#bdid_company .bg_seat ul li a:hover{
			border:1px solid #CCC;
}
/* --- responsive --- */
@media(max-width:767px){
	#bdid_company .bg_seat ul li{
		width:100%;
		margin:0 0 10px;
		text-align:center;
	}
	#bdid_company .bg_seat ul li a{
		border:1px solid #CCC;
	}
}

/* ----------------------------------------------------------------------
   online_lecture
---------------------------------------------------------------------- */

#bdid_online_lecture #mooc_apply{
	margin:0 0 30px;
	text-align:center;
}
#bdid_online_lecture #mooc_apply *{
	text-align:center;
	}
	#bdid_online_lecture #mooc_apply div{
	}
	#bdid_online_lecture #mooc_apply div a{
		display: inline-block;
		width:300px;
		margin:0 0 10px;
		padding:10px 10px;
		font-size:1.2rem;
		text-decoration:none;
		background:#E62283;
		color:#FFF;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;
		border-radius:30px;
		-moz-box-shadow:2px 2px 4px rgba(0,0,0,0.4);
		-webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.4);
		box-shadow:2px 2px 4px rgba(0,0,0,0.4);
		transition-duration:1.0s;
	}
	#bdid_online_lecture #mooc_apply div a:hover{
		background:#3B61AC;
	}
	#bdid_online_lecture #mooc_apply p{
		font-size:0.9rem;
		color:#777;
}
#bdid_online_lecture h3{
	padding:5px 0 10px;
	font-size:1.1rem;
}
#bdid_online_lecture .contents{
	padding:10px 20px 35px;
}
#bdid_online_lecture .contents > p{
	text-align:center;
	line-height:2;
}

#bdid_online_lecture #mooc_detail{
	display:flex;
	display:-webkit-flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	width:1080px;
	max-width:100%;
	margin:50px auto 0;
	}
	#bdid_online_lecture #mooc_detail h4{
		width:100%;
		margin:0 0 15px;
		padding:5px 10px;
		font-weight:normal;
		border:1px solid #3B61AC;
		}
		#bdid_online_lecture #mooc_staff h4{
			background:#3B61AC;
			color:#FFF;
		}
		#bdid_online_lecture #mooc_company h4{
			background:#FFF;
			color:#3B61AC;
	}
	#bdid_online_lecture #mooc_detail ul{
		margin:0 0 20px;
		list-style:none;
		}
		#bdid_online_lecture #mooc_detail ul li{
			margin:0 0 7px;
}

#bdid_online_lecture #mooc_staff{
	width:48%;
}
#bdid_online_lecture #mooc_company{
	width:48%;
	}
	#bdid_online_lecture #mooc_company ul li{
		text-indent:-15px;
		margin:0 0 12px;
		padding-left: 15px;
}
/* --- responsive --- */
@media(max-width:960px){
	#bdid_online_lecture #mooc_detail ul li{
		font-size:0.87rem;
	}
}
@media(max-width:767px){
	#bdid_online_lecture #mooc_staff{
		width:100%;
	}
	#bdid_online_lecture #mooc_company{
		width:100%;
	}
}



/* ----------------------------------------------------------------------
   lecture
---------------------------------------------------------------------- */

#bdid_lecture .event_box{
	position:relative;
	width:100%;
	margin:-12px auto 30px;
	background:linear-gradient(-90deg, rgba(52,50,144,1), rgba(26,127,197,1));
	}
	#bdid_lecture .event_box > div{
		position:relative;
		width:1240px;
		max-width:100%;
		margin: 0 auto;
		padding:30px 20px;
	}
	#bdid_lecture .event_box > div .eb_pdf,
	#bdid_lecture .event_box > div .eb_detail{
		display:inline-block;
		position:absolute;
		width:20%;
		right:20px;
		bottom:-100px;
		}
		#bdid_lecture .event_box div .eb_pdf img,
		#bdid_lecture .event_box div .eb_detail img{
			border:1px solid rgba(255,255,255,0.2);
			-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
			-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
			box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	}
	#bdid_lecture .event_box div .eb_pdf::after,
	#bdid_lecture .event_box div .eb_detail::after{
		position:absolute;
		top:40%;
		font-size:0.8rem;
		color:#FFF;
	}
	#bdid_lecture .event_box div .eb_pdf::after{
		content:"PDF DL>>";
		left:-80px;
	}
	#bdid_lecture .event_box div .eb_detail::after{
		content:"Event Detail>>";
		left:-100px;
}

#bdid_lecture .event_apply *{
	text-align:center;
	}
	#bdid_lecture .event_apply div{
	}
	#bdid_lecture .event_apply div a{
		display: inline-block;
		width:230px;
		margin:0 0 10px;
		padding:10px 10px;
		font-size:1.2rem;
		text-decoration:none;
		background:#E62283;
		color:#FFF;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;
		border-radius:30px;
		-moz-box-shadow:2px 2px 4px rgba(0,0,0,0.4);
		-webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.4);
		box-shadow:2px 2px 4px rgba(0,0,0,0.4);
		transition-duration:1.0s;
	}
	#bdid_lecture .event_apply div a:hover{
		background:#3B61AC;
	}
	#bdid_lecture .event_apply p{
		font-size:0.9rem;
		color:#777;
}


#bdid_lecture #past_contents{
	margin-top:50px;
	}
	#bdid_lecture #past_contents h3{
		display:block;
		width:100%;
		padding:5px 0 10px;
		text-align:center;
		color:#777;
	}
	#bdid_lecture #past_contents .contents{
		padding:10px 20px 35px;
	}
	#bdid_lecture #past_contents .contents ul{
		list-style:none;
	}
	#bdid_lecture #past_contents .contents ul li{
		position:relative;
		margin:0px !important;
		font-size:0.9rem;
		border-bottom:1px solid rgba(59,97,172,0.5);
		color:#777;
		}
		#bdid_lecture #past_contents .contents ul li > a{
			display:block;
			padding:25px 0 3px;
			color:#777;
			text-decoration:none;
			}
			#bdid_lecture #past_contents .contents ul li a:hover{
				background:rgba(230,34,131,0.1);
				color:#333;
	}
	#bdid_lecture #past_contents .contents ul li.movie,
	#bdid_lecture #past_contents .contents ul li.event{
		padding-right:150px;
	}
	#bdid_lecture #past_contents .contents ul li.movie a:hover,
	#bdid_lecture #past_contents .contents ul li.event a:hover{
		background:linear-gradient(90deg, rgba(230,34,131,0.1), rgba(230,34,131,0.1), rgba(230,34,131,0));
	}
	#bdid_lecture #past_contents .contents ul li.movie .movie_popup,
	#bdid_lecture #past_contents .contents ul li.event .event_popup{
		position:absolute;
		top:50%;
		right:0px;
		width: 150px;
		margin-top:-10px;
	}
	#bdid_lecture #past_contents .contents ul li.movie .movie_popup a,
	#bdid_lecture #past_contents .contents ul li.event .event_popup a{
		display:inline-block;
		position:relative;
		width:150px;
		padding:3px 10px 3px 20px;
		font-size: 0.85rem;
		text-decoration:none;
		text-align:center;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:15px;
		-moz-box-shadow: 2px 3px 1px 0px rgba(0,0,0,0.2);
		-webkit-box-shadow: 2px 3px 1px 0px rgba(0,0,0,0.2);
		box-shadow: 2px 3px 1px 0px rgba(0,0,0,0.2);
		color:#FFF;
		transition-duration:0.5s;
		}
        #bdid_lecture #past_contents .contents ul li.movie .movie_popup a{
            background:rgba(59,97,172,1);
            border:1px solid rgba(59,97,172,1);
        }
        #bdid_lecture #past_contents .contents ul li.event .event_popup a{
            background:#2EB2E8;
            border:1px solid #2EB2E8;
        }
        #bdid_lecture #past_contents .contents ul li.movie .movie_popup a:hover,
        #bdid_lecture #past_contents .contents ul li.event .event_popup a:hover{
            background:#E62283;
            border:1px solid #E62283;
        }
		#bdid_lecture #past_contents .contents ul li.movie .movie_popup a:after,
		#bdid_lecture #past_contents .contents ul li.event .event_popup a:after{
			content:" ";
			display:inline-block;
			position:absolute;
			top:50%;
			left:0px;
			width:23px;
			height:17px;
			margin-top:-8px;
		}
		#bdid_lecture #past_contents .contents ul li.movie .movie_popup a:after{
			background:url(../../image/base/movie.png) no-repeat 0 0;
		}
		#bdid_lecture #past_contents .contents ul li.event .event_popup a:after{
			background:url(../../image/base/event.png) no-repeat 0 0;
}

/* --- responsive --- */
@media(max-width:767px){
	#bdid_lecture .event_box > div .eb_pdf,
	#bdid_lecture .event_box > div .eb_detail{
		display:inline-block;
		position:relative;
		width:80%;
		margin:30px 0 0;
		right:0px;
		bottom:0px;
		}
	#bdid_lecture .event_box div .eb_pdf::after,
	#bdid_lecture .event_box div .eb_detail::after{
		display:none;
	}
	#bdid_lecture #past_contents .contents ul li{
		font-size:0.8rem;
	}
}


/* ----------------------------------------------------------------------
   schedule
---------------------------------------------------------------------- */

#bdid_schedule .contents{
	padding:0 20px 20px;
}

#bdid_schedule #schadule_box{
}

#bdid_schedule #schadule_box ul{
	position:relative;
	list-style:none;
	}
	#bdid_schedule #schadule_box > ul > li{
		position:relative;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		width:calc(100% - 300px);
		min-height:144px;
		padding:22px 0 22px 130px;
		border-bottom:1px dashed #666;
	}
	#bdid_schedule #schadule_box .month{
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		position:absolute;
		top:22px;
		left:0px;
		width:100px;
		height:100px;
		font-weight:bold;
		font-size:2.5rem;
		background:linear-gradient(45deg, rgba(53,178,232,1.0),rgba(53,178,232,0.7),rgba(230,34,131,0.7),rgba(230,34,131,1));
		color:#FFF;
	}
	/* list */
	#bdid_schedule #schadule_box > ul > li ul{
		position:relative;
		width:100%;
	}
	#bdid_schedule #schadule_box > ul > li ul li{
		position:relative;
		width:100%;
		margin:0 0 10px;
		padding:0 0 0 20px !important;
		font-weight:bold;
		font-size:1.3rem;
		color:#000;
		line-height:1.35;
		}
		#bdid_schedule #schadule_box > ul > li ul li:last-child{
			margin:0px;
		}
		#bdid_schedule #schadule_box > ul > li ul li:before{
			content:" ";
			position:absolute;
			top:7px;
			left:0px;
			width:15px;
			height:15px;
			background:#E62283;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;
	}
	#bdid_schedule #schadule_box > ul > li ul li.photo_movie{
		display:flex;
		display:-webkit-flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		align-items: center;
		width:100%;
	}

	#bdid_schedule #schadule_box > ul > li ul li.photo_movie .pm_line{
		-webkit-flex: 1;
		flex: 1;
		display:inline-block;
		position:relative;
		width:100%;
		height: 2px;
		background:linear-gradient(90deg, rgba(46,178,232,1),rgba(46,178,232,0.7), rgba(230,34,131,0.7), rgba(230,34,131,1));
		border-left:20px solid #FFF;
		}
		#bdid_schedule #schadule_box > ul > li ul li.photo_movie .pm_line:after{
			content:" ";
			position:absolute;
			top:-2px;
			left:0px;
			width:100%;
			height:2px;
			border-bottom:2px dotted #FFF;
			z-index:2;
	}
	#bdid_schedule #schadule_box > ul > li .pm_set{
		position:absolute;
		width:300px;
		top:0px;
		right:-300px;
		padding-left:30px;
}
/* --- responsive --- */
@media(max-width:767px){
	#bdid_schedule #schadule_box > ul > li{
		display:block;
		width:100%;
		padding:22px 0 22px 80px;
	}
	#bdid_schedule #schadule_box .month{
		width:60px;
		height:60px;
		font-size:1.8rem;
	}
	#bdid_schedule #schadule_box > ul > li .pm_set{
		position:relative;
		width:300px;
		top:0px;
		right:0px;
		margin-top:15px;
		padding-left:0px;
	}
	#bdid_schedule #schadule_box > ul > li ul li{
		padding:0 0 0 15px !important;
		font-size:0.95rem;
		line-height:1.35;
		}
		#bdid_schedule #schadule_box > ul > li ul li:before{
			top:6px;
			width:10px;
			height:10px;
	}
	#bdid_schedule #schadule_box > ul > li ul li.photo_movie .pm_line{
		display: none;
	}
}

/* ----------------------------------------------------------------------
   application
---------------------------------------------------------------------- */

#bdid_application .contents{
	padding:20px 20px;
}
/* app_title */
#bdid_application .app_title{
	position:relative;
	margin:0 auto 25px;
	padding:15px 20px;
	font-size:1.3rem;
	text-align:center;
	background:rgba(46,178,232,1);
	color:#FFF;
}
#bdid_application .app_title span{
	font-size:1.1rem;
}

/* app_table */
#bdid_application section table{
	position: relative;
	margin:0 auto 30px;
	border-top:none;
	border-left:none;
	}
	#bdid_application section table:after,
	#bdid_application section table th:after,
	#bdid_application section table td:after{
		content:" ";
		position: absolute;
		bottom:-6px;
		left:0px;
		width:100%;
		height:1px;
		background:#2EB2E8;
	}
	#bdid_application section table:after{
		bottom:auto;
		top:5px;
}
#bdid_application section table th,
#bdid_application section table td{
		position: relative;
		text-align:left;
		border:none;
		border-top:11px solid #FFF;
		border-bottom:11px solid #FFF;
	}
	#bdid_application section table th{
		width:140px;
		padding:10px 10px 10px 10px;
		font-weight:normal;
		text-align:center;
		background:#EEE;
		vertical-align:top;
		line-height:1.5;
	}
	#bdid_application section table td{
		padding:7px 10px 5px 10px;
		font-size:0.9em;
		background:#FFF;
		color:#555;
	}
	#bdid_application section table td p{
		font-size:0.9rem;
		margin:0 0 7px;
	}
	#bdid_application section table td p:last-child{
		margin:0px !important;
}
/* --- responsive --- */
@media(max-width:767px){
	#bdid_application section table:after{
		top:-5px;
	}
	#bdid_application section table th{
		display:block;
		width:100%;
		border-top:none;
		border-bottom:none;
	}
	#bdid_application section table th br{
		display:none;
	}
	#bdid_application section table td{
		display:block;
		border-top:none;
	}
}

/* table_in_table */
#bdid_application table.table_in_table{
	position: relative;
	margin:0 auto;
	border-top:1px dashed #999 !important;
	}
	#bdid_application section table.table_in_table:after,
	#bdid_application section table.table_in_table th:after,
	#bdid_application section table.table_in_table td:after{
		display: none;
	}
#bdid_application section table.table_in_table th,
#bdid_application section table.table_in_table td{
		position: relative;
		text-align:left;
		border:none;
		border-top:none;
		border-bottom:1px dashed #999;
	}
	#bdid_application section table.table_in_table th{
		width:auto;
		text-align:left;
		color:#555;
	}
	#bdid_application section table.table_in_table td{
		padding:7px 10px 5px 10px;
		font-size:0.9em;
		background:#FFF;
		color:#555;
}


/* app_contact */
#bdid_application .app_contact{
	width:930px;
	max-width:100%;
	margin:30px auto 20px;
	padding:17px 15px;
	text-align:center;
	border:1px solid rgba(46,178,232,1);
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	}
	#bdid_application .app_contact h3{
		width:750px;
		max-width:calc(100% - 40px);
		margin:0 auto 18px;
		padding:0 0 7px;
		font-weight:normal;
		font-size:1.2rem;
		border-bottom:1px solid rgba(46,178,232,1);
		color:rgba(46,178,232,1);
	}
	#bdid_application .app_contact strong{
		display:block;
		margin:0 auto 25px;
		font-size:1.2rem;
		text-align:center;
		color:#000;
		}
		#bdid_application .app_contact strong br{
			display:none;
	}
	#bdid_application .app_contact p{
		text-align:center;
		margin:0 auto 0px;
		font-size:1.1rem;
		line-height:1.75;
		}
		#bdid_application .app_contact p:nth-of-type(2) br{
			display:none;
		}
		#bdid_application .app_contact p span{
			display:inline-block;
}
/* --- responsive --- */
@media(max-width:767px){
	#bdid_application .app_contact h3{
		max-width:calc(100% - 20px);
	}
	#bdid_application .app_contact strong br,
	#bdid_application .app_contact p:nth-of-type(2) br{
		display:block;
	}
	#bdid_application .app_contact p{
		font-size:0.9rem;
	}
}


/* ----------------------------------------------------------------------
   news
---------------------------------------------------------------------- */

#news{}
#news h2{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	position:relative;
	width:670px;
	max-width:100%;
	margin:0 auto 30px;
	padding:15px;
	font-size:1.3rem;
	background:#3B61AC;
	color: #FFF;
}

#news_menu{
	position: relative;
	width:670px;
	max-width:100%;
	margin:0 auto;
	text-align:center;
	}
	#news_menu ul{
		display:flex;
		display:-webkit-flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		text-align:center;
	}
	#news_menu ul li{
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width:23%;
		margin-bottom:10px;
		padding:5px 5px;
		font-size:0.9rem;
		text-align: center;
		background:#406D27;
		cursor: pointer;
	}
	#news_menu ul li#nm_all{background:#3B61AC;border:1px solid #3B61AC;color:#FFF;}
	#news_menu ul li#nm_news{background:#FFF;border:1px solid #B5B6B6;color:#555;}
	#news_menu ul li#nm_event{background:#B5B6B6;border:1px solid #B5B6B6;color:#000;}
	#news_menu ul li#nm_apply{background:#D3E8F8;border:1px solid #D3E8F8;color:#3B61AC;}

	#news_menu ul li:hover:after{
		content:" ";
		display: block;
		position: absolute;
		top:0px;
		left:0px;
		width:calc(100% - 2px);
		height:calc(100% - 2px);
		border:1px solid rgba(0,0,0,0.1);
		background:rgba(255,255,255,0.2);
	}

#top_news_list ul{
	position:relative;
	list-style:none;
	text-align:left;
	border-top:1px solid rgba(59,97,172,0.5);
	min-height:200px;
	}
	#top_news_list ul li{
		position:relative;
		padding:12px 30px 12px 230px;
		font-size:0.9rem;
		border-bottom:1px dashed rgba(59,97,172,0.5);
		color:#191D69;
	}
	#top_news_list ul li span.date{
		position:absolute;
		top:12px;
		left:30px;
		/*width:90px;*/
		color:#3B61AC;
	}
	#top_news_list ul li:after{
		content:" ";
		display:block;
		position:absolute;
		top:12px;
		left:110px;
		width:100px;
		font-size:0.8rem;
		text-align:center;
		color:#3B61AC;
	}
	#top_news_list ul li.news:after{content:"NEWS";background:#FFF;border:1px solid #B5B6B6;color:#555;}
	#top_news_list ul li.event:after{content:"イベント";background:#B5B6B6;border:1px solid #B5B6B6;color:#000;}
	#top_news_list ul li.apply:after{content:"募集要項";background:#D3E8F8;border:1px solid #D3E8F8;color:#3B61AC;}

	#top_news_list ul li a{
		text-align:under-line;
		color:#3B61AC;
}
#top_news_list p.programdetail{
	position:relative;
	margin:0 0 5px 0;
	padding-left:90px;
	font-size:inherit !important;
	}
	#top_news_list p.programdetail > span:first-child{
		display:inline-block;
		position:absolute;
		top:0px;
		left:0px;
		width:80px;
		font-size:inherit !important;
		text-align-last:justify;
		background:rgba(0,0,0,0.05);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#top_news_list p.programdetail{
		margin:0 0 10px 0;
		padding-left:0px;
		}
		#top_news_list p.programdetail > span:first-child{
			display:block;
			position:relative;
			width:90px;
	}
}

#top_news_list .tnl_link{
	display:block;
	width:100%;
	padding:7px 0 0;
	text-align:right;
}
#top_news_list .tnl_link a{
	display:inline-block;
	position:relative;
	min-width:150px;
	margin:0 5px;
	padding:0px 15px 1px;
	font-size: 0.75rem;
	text-decoration:none;
	text-align:center;
	border:1px solid #3B61AC;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:15px;
	-moz-box-shadow: 2px 3px 1px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 3px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 2px 3px 1px 0px rgba(0,0,0,0.2);
}
#top_news_list .tnl_link a.detail{
	background:#FFF;
}
#top_news_list .tnl_link a.application{
	background:#E62283;
	border:1px solid #E62283;
	color:#FFF;
}
#top_news_list .tnl_link a:hover{
	top:2px;
	left:2px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
/* --- responsive --- */
@media(max-width:767px){
	#news h2{
		margin:0 auto 10px;
	}
	#news_menu ul li{
		width:48%;
	}
	#top_news_list ul{
		min-height:200px;
		}
		#top_news_list ul li{
			padding:15px 0px 0px 0px;
		}
		#top_news_list ul li span.date{
			display:block;
			position:relative;
			top:0px;
			left:0px;
			margin:0 0 10px;
		}
		#top_news_list ul li:after{
			left:80px;
		}
	#top_news_list .tnl_link{
		background:linear-gradient(-180deg, #F0F0F0, #DDD);
		margin-top:5px;
		padding:10px 0 10px;
	}
}

/* ----------------- more ----------------- */

#news_list_btn{
	display:block;
	position:relative;
	width:100%;
	padding:10px 0 0;
	text-align:center;
	}
	#news_list_btn a{
		display:inline-block;
		padding:4px 15px 4px;
		font-weight:bold;
		font-size:0.9rem;
		text-align:center;
		text-decoration:none;
		color:#3B61AC;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	#news_list_btn a:hover{
		color:#FFF;
		background:#3B61AC;
}

/* --- responsive --- */
@media(max-width:767px){
	#news_list_btn a{
		color:#FFF;
		background:#3B61AC;
	}
}