@charset "utf-8";

#container{
	width:100%;
	padding:0 0 0 350px;
}
article{
	padding-top:50px;
}

h2{
	color:#333;
	font-size:4.0rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:50px;
}
	h2 span{
		font-size:1.6rem;
		color:#004DA1;
		display:block;
		font-weight:600;
		font-family: 'robotM', Arial;
	}
	h2:after,
	h2:before{
		content:none;
	}


.mainimg{
	margin:80px 0 40px 0;
	width:100%;
	/*padding:0 0 0 300px;*/
	/*height:100vh;*/
	/*background:url("../img/mainimg.jpg") left center no-repeat;*/
	background-size:cover;
	position:relative;
	/*display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-item:center;*/
	z-index:1;
}
	.mainimg figure.smt{
		display:none;
	}
	.mainimg .catch{
		color:#FFF;
		width:80%;
		position:absolute;
		left:10%;
		top:30%;
		z-index:200000;
	}
		.mainimg .catch span{
			font-size:4.0rem;
			font-weight:bold;
			padding:10px 20px 10px 20px;
			background-color:rgba(0,78,162,0.8);
		}
		.mainimg .catch p{
			font-size:2.2rem;
			margin-top:30px;
			padding:10px 20px 10px 20px;
			background-color:rgba(0,78,162,0.8);
		}
		.mainimg .catch p.smt_sub{
			display:none;
		}
		.mainimg #main_slide .slick-prev{
			/*all:unset;*/
			width:60px;
			height:60px;
			position:absolute;
			left:calc(100% - 120px);
			bottom:-100px;
			background:url("../img/prev.jpg") right top no-repeat;
		}
		.mainimg #main_slide .slick-next{
			/*all:unset;*/
			width:60px;
			height:60px;
			right:10px;
			bottom:-100px;
			background:url("../img/next.jpg") right top no-repeat;
		}
		.mainimg #main_slide .slick-prev:before,
		.mainimg #main_slide .slick-next:before{
			content:none;
		}
		

.event_slide{
	
}
	.event_slide #slider_top{
		margin-left:-20px;
		/*overflow:hidden;*/
		/*background-color:#004EA2;*/
	}
		.event_slide #slider_top li{
			position:relative;
			/*width:33.33333333%;*/
			/*border-left:1px solid #FFF;*/
			/*margin:0 0 0 20px;
			box-sizing:border-box;*/
			transition:all 0.3s ease;
		}
		.event_slide #slider_top li:hover{
			transition:all 0.3s ease;
			transform: scale(1.1,1.1);
		}
			.event_slide #slider_top li .slider_content{
				text-align:left;
				margin:0 0 0 20px;
			}
			.event_slide #slider_top li:first-child .slider_content{
				/*margin-left:0;*/
			}
				.event_slide #slider_top li .slider_content .image{
					width:100%;
					margin:0 0 0 0;
				}
					.event_slide #slider_top li .slider_content .image a:after{
						display:none;
					}
					.event_slide #slider_top li .slider_content .image img{
						margin:0 auto 0;
					}
					/*.event_slide #slider_top li .slider_content:hover .image img{
						transform:scale(1.2,1.2);
					}*/
				.event_slide #slider_top li .slider_content .text{
					color:#333;
					width:100%;
					min-height:80px;
					/*min-height:150px;*/
					padding:20px;
					background-color:#004EA2;
					box-sizing:border-box;
				}
					.event_slide #slider_top li .slider_content .text span{
						/*display:block;
						white-space:normal;*/
					}
						.event_slide #slider_top li .slider_content .text .date{
							font-size:2.0rem;
							font-weight:bold;
							margin:0 0 20px 0;
						}
							.event_slide #slider_top li .slider_content .text .date span{
								color:#FFF;
								padding:5px 5px 5px 10px;
								margin-right:10px;
								background-color:#004EA2;
							}
							.event_slide #slider_top li .slider_content .text .title{
								color:#004C9F;
								font-size:3.0rem;
								font-weight:bold;
								margin:0 0 20px 0;
							}
					.event_slide #slider_top li .slider_content .text p{
						white-space:normal;
						font-size:1.4rem;
						color:#FFF;
					}
				.event_slide #slider_top li .slider_content .slider_link{
					position:absolute;
					/*bottom:10px;*/
					bottom:18px;
					left:10%;
					width:80%;
					border-top:1px solid #FFF;
					border-bottom:1px solid #FFF;
				}
					.event_slide #slider_top li .slider_content .slider_link a{
						font-size:1.4rem;
						text-decoration:none;
						color:#FFF;
						display:block;
						width:100%;
						padding:10px 10px 10px 0px;
						text-align:center;
						box-sizing:border-box;
						transition:all 0.3s ease;
					}
					.event_slide #slider_top li .slider_content .slider_link a:hover{
						color:#004EA2;
						background-color:#FFF;
						transition:all 0.3s ease;
					}


.slider_container{
	
}
	.slider_container #slider{
		overflow:hidden;
		background-color:#F6F6F6;
	}
		.slider_container #slider li{
			width:100%;
		}
			.slider_container #slider li .slider_content{
				text-align:left;
			}
				.slider_container #slider li .slider_content .image{
					width:100%;
					margin:0 0 20px 0;
				}
					.slider_container #slider li .slider_content .image img{
						margin:0 auto 0;
					}
				.slider_container #slider li .slider_content .text{
					color:#333;
					width:100%;
					padding:20px;
					box-sizing:border-box;
				}
					.slider_container #slider li .slider_content .text span{
						/*display:block;
						white-space:normal;*/
					}
						.slider_container #slider li .slider_content .text .date{
							font-size:2.0rem;
							font-weight:bold;
							margin:0 0 20px 0;
						}
							.slider_container #slider li .slider_content .text .date span{
								color:#FFF;
								padding:5px 5px 5px 10px;
								margin-right:10px;
								background-color:#004EA2;
							}
							.slider_container #slider li .slider_content .text .title{
								color:#004C9F;
								font-size:3.0rem;
								font-weight:bold;
								margin:0 0 20px 0;
							}
					.slider_container #slider li .slider_content .text p{
						white-space:normal;
						font-size:1.8rem;
					}
	.slider_container #thumbs{
		margin:50px 0 0 0;
	}
		.slider_container #thumbs li{
			padding:0 10px 0;
			/*margin:0 10px 0;*/
		}
		/*.slider_container #thumbs li.slick-active[data-slick-index="1"]{
			margin:0 10px 0 10px;
		}*/
		.slider_container #thumbs .slick-prev,
		.slider_container #thumbs .slick-next{
			display:none !important;
		}

/***--- content_list ---***/
#content_list{
	padding-top:40px;
}
	#content_list section{
		
	}
		#content_list section ul{
			display:flex;
			flex-wrap:wrap;
			justify-content:space-between;
		}
			#content_list section ul li{
				/*width:15.5%;
				height:150px;*/
				width:12%;
				height:150px;
				padding:0;
				margin:0;
				border:none;
				/*
				border:2px solid #004EA2;
				border-top:10px solid #004EA2;
				*/
				box-sizing:border-box;
				overflow:hidden;
				background-color:#FDF9EC;
			}
			/*
			#content_list section ul li:nth-child(1){
				border:2px solid #469EFF;
				border-top:10px solid #469EFF;
			}
			#content_list section ul li:nth-child(2){
				border:2px solid #398FED;
				border-top:10px solid #398FED;
			}
			#content_list section ul li:nth-child(3){
				border:2px solid #2C81DD;
				border-top:10px solid #2C81DD;
			}
			#content_list section ul li:nth-child(4){
				border:2px solid #1B6DC6;
				border-top:10px solid #1B6DC6;
			}
			#content_list section ul li:nth-child(5){
				border:2px solid #0B5AB0;
				border-top:10px solid #0B5AB0;
			}
			#content_list section ul li:nth-child(6){
				border:2px solid #004EA2;
				border-top:10px solid #004EA2;
			}
			*/
				#content_list section ul li a{
					/*display:block;*/
					display:flex;
					flex-wrap:wrap;
					width:100%;
					height:100%;
					/*position:relative;*/
					z-index2;
					color:#004EA2;
					text-decoration:none;
					/*background:url("../img/bg.png") left top no-repeat;
					background-size:cover;*/
					transition:all 0.3s ease;
					position:relative;
				}
				#content_list section ul li a:hover{
					background-color:#FAEEC9;
					transition:all 0.3s ease;
				}
				/*
				#content_list section ul li a:after{
					position:absolute;
					content: "";
					display: block;
					width: 100%;
					height: 100%;
					top: 0;
					background:url("../img/bg.png") left top no-repeat;
					transition:all 0.3s ease;
					background-size:cover;
				}
				#content_list section ul li a:hover:after{
					transition:all 0.3s ease;
					transform: scale(1.1);
				}
				*/
				
				
/*
				#content_list section ul li a:after{
					content:" ";
					display:block;
					width:100%;
					height:100%;
					position:absolute;
					top:0;
					left:0;
					z-index1;
					background-color:rgba(0,0,0,0.4);
					transition:all 0.3s ease;
				}
				#content_list section ul li a:hover:after{
					background-color:rgba(0,0,0,0.8);
					transition:all 0.3s ease;
				}
*/
					#content_list section ul li a p{
						/*position:absolute;
						left:0;
						top:50%;
						transform:translateY(-50%);*/
						width:100%;
						z-index:3;
						font-size:1.6rem;
						/*padding:0 30px 0;*/
						padding:0 5px 0 5px;
						text-align:center;
					}
						/*- title -*/
						#content_list section ul li a p span.title{
							display:block;
							width:100%;
							text-align:center;
							font-size:1.4rem;
							font-weight:bold;
							line-height:1.2;
							letter-spacing:-0.5px;
							color:#333;
						}
						/*- icon -*/
						#content_list section ul li a p span.icon{
							display:block;
							width:100%;
							text-align:center;
							margin:25px 0 15px 0;
						}
						
/****--- seminar ---***/
#seminar{
	margin:0 0 0 0;
}
	#seminar section{
		
	}
		#seminar section .seminarlist{
			display:flex;
			flex-wrap:wrap;
			align-items:stretch;
			justify-content:space-between;
			margin:0 0 30px 0;
		}
			#seminar section .seminarlist div{
				display:block;
				width:30%;
				box-sizing:border-box;
				margin:0 0 30px 0;
				border:1px solid #C4C4C4;
				position:relative;
				transition:all 0.3s ease;
			}
				#seminar section .seminarlist > div:after{
					position:absolute;
					right:1px;
					bottom:-4px;
					content:url(../../common/img/arrow1.png);
					transition:all 0.3s ease;
				}
			#seminar section .seminarlist div a{
				display:block;
				width:100%;
				height:100%;
				padding:20px 20px 20px 20px;
				text-decoration:none;
			}
				#seminar section .seminarlist a div.title{
					font-size:1.6rem;
					width:100%;
					height:100%;
					position:relative;
					border:none;
					color:#004C9F;
					font-weight:bold;
					transition:all 0.3s ease;
				}
					/*#seminar section .seminarlist dl dt{
						color:#004C9F;
						font-weight:bold;
						transition:all 0.3s ease;
					}*/
					#seminar section .seminarlist div a span{
						color:#333;
						font-size:1.6rem;
						position:absolute;
						bottom:10px;
						left:20px;
						transition:all 0.3s ease;
					}
					/*- hover -*/
					#seminar section .seminarlist > div:hover{
						color:#FFF;
						background-color:#004EA2;
						border:1px solid #004EA2;
						transition:all 0.3s ease;
					}
					#seminar section .seminarlist a:hover div.title{
						color:#FFF;
						transition:all 0.3s ease;
					}
					#seminar section .seminarlist div:hover a span{
						color:#FFF;
						transition:all 0.3s ease;
					}
					#seminar section .seminarlist > div:hover:after{
						content:url(../../common/img/arrow1_on.png);
						transition:all 0.3s ease;
					}
					
/***--- topics ---***/
#topics{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
	#topics .topics1{
		width:46.5%;
	}
	#topics .topics2{
		width:46.5%;
	}
	/*#topics h2{
		font-size:2.6rem;
		font-weight:bold;
		text-align:left;
		border-bottom:2px solid #415B9A;
		margin-bottom:35px;
	}*/
		/*- topics table -*/
		#topics table{
			margin:0 0 50px 0;
		}
			#topics table tr th{
				color:#333;
				display:block;
				width:100%;
				border:none;
				padding:15px 10px 10px 0;
			}
				#topics table tr th span{
					color:#FFF;
					font-weight:bold;
					padding:0 5px 0 5px;
					display:inline-block;
					background-color:#004CA0;
					margin-right:10px;
					border-radius:5px;
				}
				#topics table tr th span.newsmark{
					font-size:1.2rem;
					margin-left:10px;
					vertical-align:top;
					margin-top:2px;
					background-color:#EC0006;
				}
				#topics table tr th span.joem{
					background-color:#F867C8;
				}
			#topics table tr td{
				display:block;
				width:100%;
				padding:0 10px 15px 0;
			}
				#topics table tr td p{
					display:inline;
				}
				
.linkbtnset{
	margin-bottom:50px;
}

#access{
	padding-top:0;
	margin:0 0 50px 0;
}
	#access section{
		font-size:1.6rem;
	}
		#access section .map{
			margin:0 0 30px 0;
		}
		#access section .map_flex{
			display:flex;
			flex-wrap:wrap;
			align-items:end;
		}
			#access section .map_text{
				width:550px;
				margin:0 0 0 0;
			}
				#access section .map_text p{
					margin:0 0 30px 0;
				}
				#access section .map_text p:last-child{
					margin:0 0 0 0;
				}
			#access section .linkbtn{
				margin:20px 0 0 0;
				/*width:calc(100% - 400px);*/
			}

.noscroll .scroll_box{
	display:none !important;
}
				
				


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 1800px					*/
/*-----------------------------------------------------	*/

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

}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 1200px					*/
/*-----------------------------------------------------	*/

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

#container{
    padding:0 0 0 0;
}

/***--- mainimg ---***/
.mainimg{
	margin-top:0;
}

/***--- seminar ---***/
#seminar{
	padding:100px 20px 0 20px;
	box-sizing:border-box;
}

/***--- content_list ---***/
#content_list {
    padding-top:50px;
}

/***--- topics ---***/
#topics{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:0 20px 0 20px;
	box-sizing:border-box;
	margin-top:50px;
}
	#topics .topics1{
		width:100%;
		margin:100px 0 50px 0;
	}
	#topics .topics2{
		width:100%;
	}

/***--- access ---***/
#access{
	padding:50px 20px 0 20px;
	box-sizing:border-box;
}

.event_slide #slider_top button{
	display:none !important;
}

}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 1000px					*/
/*-----------------------------------------------------	*/

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

/***--- access ---***/
#access section .map_text p{
    margin: 0 0 0 0;
}

}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 900px					*/
/*-----------------------------------------------------	*/

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

.mainimg .catch{
/*
    color:#FFF;
    width:80%;
    position:absolute;
    left:10%;
*/
	top:20%;
}
	.mainimg .catch span{
		font-size:3.6rem;
	}
	.mainimg .catch p{
		font-size:2.0rem;
	}
	
#content_list section ul li a p span.title{
	font-size:1.25rem;
}

}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 768px					*/
/*-----------------------------------------------------	*/

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

			.event_slide #slider_top li .slider_content{
				text-align:left;
				/*margin:0 10px 0 10px;*/
				margin:0;
			}
			.event_slide #slider_top li:first-child .slider_content{
				margin-left:0;
			}
/*.event_slide #slider_top li {
	width:50% !important;
}*/
.event_slide #slider_top {
	margin-left:0 !important;
}
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 800px					*/
/*-----------------------------------------------------	*/

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


.mainimg figure.pc{
	display:none;
}
.mainimg figure.smt{
	display:block;
}
.mainimg .catch span{
	font-size:3.2rem;
}
.mainimg .catch p{
	line-height:1.6;
	font-size:1.8rem;
}

#content_list section ul li{
	width:24.5%;
	margin-bottom:5px;
}
#content_list section ul li a p span.title{
	font-size:1.6rem;
}

/***--- seminar ---***/
#seminar section .seminarlist div{
    width:48.5%;
}

}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 600px					*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 600px) {

.mainimg .catch span{
	display:none;
}
.mainimg .catch p{
	display:none;
}
.mainimg .catch p.smt_sub{
	display:block;
}

/***--- seminar ---***/
#seminar section .seminarlist div{
    width:100%;
}


}
			
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 500px					*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 500px) {

.mainimg .catch{
	width:85%;
	top:50%;
	left:7.5%;
	transform:translateY(-50%);
}
.mainimg .catch p.smt_sub{
	line-height:1.6;
	font-size:1.4rem;
	padding-left:10px;
	padding-right:10px;
}

#content_list section ul li{
	width:30.0%;
	margin-bottom:5px;
}
	#content_list section ul:after{
		content:"";
		width:30.0%;
		display:block;
	}
#content_list section ul li a p span.title{
	font-size:1.6rem;
}

/*.event_slide #slider_top li {
	width:100% !important;
}*/

}
	
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 450px					*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 450px) {

#content_list section ul li{
	width:48.0%;
	margin-bottom:10px;
}
	#content_list section ul:after{
		display:none;
	}
#content_list section ul li a p span.title{
	font-size:1.6rem;
}


}