/* ******************************************************************
 *	File name		: top.css
 *	Summary			: page layout
 * ******************************************************************
 */
/*

orange #DA4733 rgba(218,71,51,1)
blue #284688 rgba(40,70,136,1.0)

*/
/* -----------------------------------------------------------------
   base
----------------------------------------------------------------- */

#wrapper{
	background:url(../../image/top/main_img.jpg) no-repeat center 95px;
}
#main_contents{
	padding-top:430px;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#wrapper{
		background:none;
	}
	#main_contents{
		padding-top:0px;
	}
}

/* -----------------------------------------------------------------
   main_img
----------------------------------------------------------------- */

#main_img{
	display:none;
	position:relative;
	left:-20px;
	width:calc(100% + 40px);
	margin:0 0 20px;
	overflow:hidden;
	}
	#main_img img{
		position:relative;
		left:-60px;
		width:calc(100% + 100px);
		max-width:calc(100% + 100px);
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#main_img{
		display:block;
	}
}

/* -----------------------------------------------------------------
   h3
----------------------------------------------------------------- */

#main_contents h3{
	position:relative;
	width:500px;
	max-width:100%;
	margin:0 auto 10px;
	padding:0 0 5px;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	font-size:1.2rem;
	text-align:center;
	border-bottom:1px solid #004B8B;
	color:#004B8B;
}

/* -----------------------------------------------------------------
   main_lead
----------------------------------------------------------------- */

#main_lead{
	margin:0 0 50px;
	}
	#main_lead p{
		margin:0 0 20px;
		font-size:0.95rem;
		text-align:justify;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#main_lead p{
		font-size:0.8rem;
	}
}

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

#news{
	position:relative;
	margin:0 0 50px;
	}
	#news::after{
		content:" ";
		position:absolute;
		top:27px;
		left:0px;
		width:100%;
		height:1px;
		background:#004B8B;
		z-index:0;
}
#news h2{
	display:inline-block;
	position:relative;
	width:auto;
	height:32px;
	padding:3px 30px 0 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	font-size:1.2rem;
	background:#FFF;
	border-top:1px solid #004B8B;
	color:#004B8B;
	letter-spacing:1px;
	z-index:10;
	}
	#news h2::before,
	#news h2::after{
		content:" ";
		position:absolute;
		top:-1px;
		right:-28px;
	}
	#news h2::before{
		content:" ";
		position:absolute;
		border:14px solid transparent;
		border-bottom:14px solid #004B8B;
		border-left:14px solid #004B8B;
	}
	#news h2::after{
		content:" ";
		position:absolute;
		top:0px;
		border:14px solid transparent;
		border-bottom:14px solid #FFF;
		border-left:14px solid #FFF;
}


#news ul{
	position:relative;
	margin:7px 0 0px;
	padding:5px 10px;
	background:#EDF5EA;
	list-style:none;
	}
	#news ul::before,
	#news ul::after{
		content:" ";
		position:absolute;
		left:0px;
		width:100%;
		height:2px;
		background:#004B8B;
		z-index:0;
	}
	#news ul::before{
		display:none;
		top:-5px;
	}
	#news ul:first-of-type::before{
		display:block;
	}
	#news ul::after{
		bottom:-5px;
}
#news ul li{
	display:block;
	position:relative;
	width:100%;
	padding:5px 10px 5px 200px;
	font-weight:500;
	font-size:0.95rem;
	border-bottom:1px dotted #000;
	}
	#news ul li:last-child{
		border-bottom:none;
	}
	#news ul li .date{
		position:absolute;
		top:5px;
		left:10px;
		width:180px;
		font-weight:500;
		font-size:0.95rem;
		color:#004B8B;
	}/*
	#news ul li a{
		display:block;
		position:relative;
		width:calc(100% + 200px);
		height:calc(100% + 10px);
		margin:-5px -10px -5px -210px;
		padding:5px 10px 5px 110px;
		font-weight:500;
		font-size:0.9rem;
		color:#1494D4;
		transition-duration:0.5s;
}
#news ul li a:hover{
	background:rgba(20,148,212,0.1)
}
*/
/* --- responsive --- */
@media only screen and (max-width:767px){
	#news ul li{
		padding:5px 10px 5px 10px;
		font-size:0.77rem;
		border-bottom:1px dotted #004B8B;
		}
		#news ul li .date{
			position:relative;
			top:0px;
			left:0px;
			width:100px;
			font-size:0.84rem;
			padding-right: 15px;
		}
		#news ul li a{
			width:calc(100% + 20px);
			height:calc(100% + 10px);
			margin:-5px -10px -5px -10px;
			padding:5px 10px 5px 10px;
			font-size:0.77rem;
	}
}

.news_text{
	color: black;
	text-decoration: none;
}

#news #news_list{
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	width:auto;
	height:30px;
	padding:10px 0 0 0;
	background:#FFF;
	z-index:10;
	}
	#news #news_list a{
		display:inline-block;
		padding:0 10px 0;
		font-size:0.87rem;
		text-decoration:none;
		color:#004B8B;
}

/* -----------------------------------------------------------------
   c_chairs
----------------------------------------------------------------- */

#c_chairs{
}
#c_chairs h3{
	margin:0 auto 20px;
}
#c_chairs ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 0 50px;
	list-style:none;
	}
	#c_chairs li{
		position:relative;
		width:45%;
		margin:0 0 30px;
		text-align:center;
	}
	#c_chairs li figure{
		position:relative;
		width:190px;
		max-width:100%;
		margin:0 auto 10px;
	}
	#c_chairs li p{
		text-align:center;
		color:#000;
		line-height:1.35;
	}
	#c_chairs li p.affiliation{
		text-align:center;
		font-size:0.87rem;
		color:#0898D8;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#c_chairs li p{
		font-size:0.85rem;
	}
	#c_chairs li p.affiliation{
		font-size:0.7rem;
	}
}