@charset "utf-8";
/* CSS Document */
/*==============================================================================*/
/* mainimg
============================================================================== */
#topmain{ 
	position: relative;
	/*z-index: -2;*/
}

#newsCont{ position: relative; }
#newsCont::before{  
	/**/position: absolute;
	content: "";
	width: 100%;
	z-index: 2;
}



/**/
#main{	padding-top: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;}


#wrapper{ margin:3% auto 6%;}
#mainWrap{  box-sizing: border-box; 
	background:rgba(255,255,255,0.85);
	position: relative;
	/*height: 510px;*/
	/*display: flex;*/
}



#mainWrap:before,
#mainWrap:after{ content:""; position: absolute; }

#mainWrap:before{ 
background: url(../img/top/overview.png) 0 0 no-repeat;
width: 214px;
/*height: 510px*/ 
}




#mainWrap dl{   display: flex; }
#mainWrap li{  position: relative; z-index: 9;}
#mainWrap li:not(:last-child){ border-bottom:1px solid #fff;  margin-bottom: 3%; padding-bottom: 3%;}

#mainWrap dt{ text-align: right; padding-left:10px;
	width: 9%;
	margin-right: 130px;
}

#mainWrap dd p{ padding-top: 15px; }
#mainWrap ul{ position: relative; padding: 4% 6% 0 9%;}


#broadcastBox li:first-child dt img,
#broadcastBox li:last-child dt img{ max-width: 140px; }




#mainInfo{ display: flex; flex-wrap: wrap; align-items: center; }


/*会期*/
#txtBox,
#mainSession, #mainChairman{ display: flex; }

#mainSession dt{ padding-top: 3%; }
#mainInfo dt { margin-right: 25px; padding-right: 35px;  border-right: 1px solid #003c89; }

#mainSession dt,#mainSession dd,
#mainChairman li{ display: inline-block; }


/**/
#mainChairman li dt { margin-bottom:5%;}

#holdTitle{ border-top:1px solid #003c89; border-bottom:1px solid #003c89;
	text-align: center;
	padding: 2% 0 1%; margin-bottom: 40px;
}



#broadcastBox li{ border-top: 1px solid #003c89; }
#broadcastBox li:not(:last-child){ margin-bottom: 8%; }
#broadcastBox dl{ position: relative; padding-top: 5%; }

#broadcastBox dt{ background: #83a6cb; color:#fff; border-radius:20px ; padding:0 0 1.5%;
width: 190px; position: absolute; top:-16px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 8px 0;

}

#broadcastBox dd{ padding-top: 10px; }


#topImg{ z-index: 2; position: absolute;
top: 14%;
right: 16.2%;
background-size: 100%;
width: 26.7%;
	/*width:441px;height:566px */ ; }
#topImg img{ /*width: 100%;*/width : 21vw;  }


/*==============================================================================*/
/*新着情報
============================================================================== */
.maintitle span{ display:block; font-size: 0.35em; line-height: 1em;  }


#newsCont h2, #infoBox,#officeBox {  width: 750px;  margin: 0 auto;
	position: relative;
	z-index: 2;
}


#infoBox {  padding:3% 30px 30px; overflow:auto; height:250px; }

#infoBox dl{  
display: flex;
flex-wrap: wrap;
letter-spacing: 0.04em;
font-weight: 400;
}

#infoBox dl:not(:last-child){ border-bottom:1px dotted #aaa;margin-bottom: 20px; }

#infoBox dt,#infoBox dd{ display:inline; padding-bottom: 15px; }

#infoBox dt{ color:#555; }
#infoBox dd a{ color:#111; }
#infoBox dd a:hover{ text-decoration: underline}

/* IE10以降 */
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
#infoBox dt{  margin-top: -3px; }
}




/*sp*/
@media screen and (max-width: 1270px) {
	#topmain, footer{ min-width:1400px }
	#topmain{ background: url(../img/top/mainImg.jpg) 0 0 no-repeat; }
	#topImg{ margin-top: -544px; }

	#main{ box-sizing: border-box; width:1330px; }

	#mainWrap { width: 66%;/*84*/ margin-left: 8%; height: 510px; }
	#mainWrap::before { height: 510px; background-position: -20px 0;}
	#mainWrap dt{ margin-right: 103px; }
	#mainBox{ width:1200px; }
	#newsCont::before{  
		background: no-repeat  url(../img/top/newsOver2.png) right 0 / 100% auto;
		height: 556px;
		/*top: -23.2vw; 
		right: 5vw;  width: 35%;*/
top: -19.2vw;
right: 0;

	}

	#mainWrap ul{ padding-left:8% }
	
/*
#mainChairman{ margin:0 4%; }*/
#mainChairman li:first-child{ margin-right:2% }
#mainChairman li{ width:48%; }

#circleBtn{ min-width: 193px;  margin: 0 0 0 2% ; }


  #newsCont {  padding: 210px 0 30px; margin: 0 auto;}

  #infoBox dt{ width: 110px; }
  #infoBox dd{ width: 80%; padding-left: 20px;}
  
#infoTitle{ margin:0 4% 20px; font-size: 2.5em;}
}


/*pc-----------------------------------------------------*/
@media screen and (min-width: 1701px) {
	#mainWrap{ height: 510px; }
  }

  @media screen and (min-width: 1271px) and (max-width: 1700px) {
	#mainWrap{  height: 33.2%; padding-bottom: 3%;}  
}


@media screen and (min-width: 1271px) {
#topmain{ background: url(../img/top/mainImg.jpg) 0 0 no-repeat;  background-size: 100% auto;}
/*#topImg{ margin-top: -544px; }*/


#wrapper{ width: 100%;}
#main{width: 85%;}

#mainWrap{ width: 50%; margin-left: 20%;}  

#mainWrap:before{ background-position: -20px 0;
	height: /*510px*/ 100%;}



#newsWrap{  background: #fff; margin-top: -5vw; }
#newsCont::before{  
	background:no-repeat url(../img/top/newsOver.png) 0 0 /100% auto;
	height: 710px;
	top: -21.7vw; 
	left: 0;}



#session dd img{ width:17vw; }
#chairman dd img{ width:21vw; }
#method dd img{ width:12vw; }
#place dd img{ width:10vw; }
#place dd p img{ width:20vw; }

#mainInfo{ 	width: 32%; margin-right: 3%;}



/**/
#mainChairman li:first-child{ margin-right:10%; }


#newsCont{ padding:18vw 0 50px;}
#infoTitle{ width:98%;}

#infoBox {  padding:40px 30px;  height:260px;}
#infoBox dt{ margin-right: 3%; width: 17%; padding-right: 2%; box-sizing: border-box; }
#infoBox dd{ width:80%;  }
}


@media screen and (max-width: 1540px) {
	#topmain{ background-size: 135%; }
}


@media screen and (max-width: 880px) {
	#newsCont::before{ top: -33.2vw; }
}

@media screen and (max-width: 490px) {
	#newsCont::before{ top: -58.2vw; }
}