@charset "utf-8";
/* CSS Document */
/*==============================================================================*/
/* mainimg
============================================================================== */
#topmain{ background-image: url(../img/top/main.png);
	background-color: #024ebc;
	 max-height: 788px;}

#main{width: 85%;}

h1{ position: absolute; right: 3vw; top: 20%;
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%);
	-ms-transform: translate(0, 0);
}

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

#mainWrap{  box-sizing: border-box; 
	background:#fff; width: 630px; padding: 30px 10px 30px 40px;
	box-sizing: border-box;
	position: absolute; right: 0; bottom: -30px;
	border-radius: 20px 0 0 20px;
	/*height: 510px;*/
	/*display: flex;*/
}


#mainWrap dl{   display: flex; }
#mainWrap li{  position: relative; z-index: 9;}
#mainWrap li:not(:last-child){  margin-bottom: 30px;}

#mainWrap dt{ margin-right: 20px; }

#mainWrap dd p{ padding-top: 8px; }
#mainWrap ul{ position: relative;}


#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;
}


#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;  }

#newsWrap{ border-radius: 20px; background: #fff; padding:40px 0 10px}
#newsCont{ padding-top:130px ;}

#newsCont h2, #infoBox { 
	position: relative;
	z-index: 2;
}

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

#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:#024ebc }
#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) {
	main{  margin-top: 120px;}
	/*#mainWrap { width: 66%;84 }*/
	#mainBox{ width:1200px; }
	header,#topmain{ background-size: 100%;
		height: calc(788px - 320px); }

	#newsCont h2,#infoBox{ margin: 0 0 0 250px;}
	#newsWrap{ padding: 40px 30px 10px 0;; }
	
/*
#mainChairman{ margin:0 4%; }*/
#mainChairman li:first-child{ margin-right:2% }
#mainChairman li{ width:48%; }

  #newsCont { padding: 15px 0 30px;
	margin: 0 auto 5vw;
	max-width: 1000px;
	width: 80%;}

  #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: 1401px) {
	h1{right: 90px;}
	}

@media screen and (min-width: 1271px) {
#mainInfo{ 	width: 32%; margin-right: 3%;}
header,#topmain{ height: 42.9vw;}

#newsCont h2,#infoBox{ width: 750px;  margin: 0 0 0 250px;}

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


#infoTitle{ width:98%;}

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


@media screen and (max-width: 1400px){
	#mainWrap{ bottom: -70px; }
	#topmain{ background: url(../img/top/main1.jpg?a) 0 0 no-repeat #024ebc; 
		background-size: 90%; height: calc(788px - 281px);	}
	h1{ width: 500px; }
	h1 img{ width: 90%; }
}
@media screen and (max-width: 1400px) and (min-width: 1271px){
#wrapper{ margin-top: -9vw; }
}