@charset "utf-8";
/* CSS Document */
/*==============================================================================*/
/* mainimg
============================================================================== */
/**/
#main{ background:url("../images/top/main.jpg") no-repeat center center; background-size: cover/*100% auto*/;
  height:670px; margin-bottom: 60px;}

#mainWrap{ position:relative; margin:0 auto; width: 1000px; padding-top: 88px;}

#mainBox{ width:840px; margin:0 auto;}

#mainContent{ background-color: rgba(255,255,255,0.9); padding:30px 0 35px; text-align: center; }

#mainContent h1{ font-size:2.5em; font-family: 'Noto Serif JP', serif; line-height: 1.2em; 
letter-spacing:2px;
padding-bottom: 35px; }

@media screen and (max-width: 768px){
	#mainContent h1{ font-size:2.3em;letter-spacing:-1px; }
}

#mainSession{ padding-top:20px; }


/*img*/
#seminarImg, #entryBtn{ position:absolute;display: block;}
#seminarImg{ top: 235px; left: -110px; }

#entryBtn{  bottom: -35px;right: 30px; border-radius:100px;}

#entryBtn a { position:relative;
	opacity:1;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
overflow: hidden;
	 display:block;
	height:204px;
	width:204px;
}

#entryBtn a img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	
}

#entryBtn a:hover img:nth-child(2){ 
	opacity: 0;
}




#infobar a{ display: block; color:#121212; position: relative}
#infobar a:hover{ color:#0056aa; }
#infobar a:after{ top:35%; right: 30px; position: absolute; }

#heldInfo { margin:0 auto 50px; }
#heldInfo th{font-weight: normal;
border-right: 2px solid #fff;
color: #000061;
background: #e9f6ff;}

#heldInfo tr{ border-bottom:2px solid #fff; }
#heldInfo tr:last-child{border: none;}
#heldInfo th, #heldInfo td{ padding: 12px 30px; }
#heldInfo td {  background: #fafafa; border-left:2px solid #fff; }
#heldInfo td span{ font-size:1.1em; }

/*==============================================================================*/
/*開催情報
============================================================================== */
#holdingBox{ border:3px solid #e7ebef; padding: 45px 20px 45px 86px; position: relative; }
#holdingBox:before,#holdingBox:after,
#holdingBox2:before,#holdingBox2:after{ content:''; display:block; width: 10px; height: 10px; position:absolute; background: url("../images/top/brackets.png") 0 0 no-repeat;}
#holdingBox:before,#holdingBox:after{top:0;}
			
#holdingBox:before,#holdingBox2:before{  left:0; }
#holdingBox:after{ right:0; transform: rotateY(-180deg)}
#holdingBox2{ position: relative; }
			
#holdingBox2:before,#holdingBox2:after{ z-index: 1; bottom:0;}
#holdingBox2:before{  transform:rotateX(-180deg)}
#holdingBox2:after{ right:0; transform: rotateZ(-180deg)}

.holdingInfo{ margin-bottom:40px; }
#holdingBox dt,#holdingBox dd{ float:left; }
#holdingBox dt{ margin-right:40px; background:#ff7257; width:100px; padding:4px 0; border-radius:4px;  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
}


/*外部リンク*/
.externalIcon a{ position: relative; display: block;}
.externalIcon a:after { position:absolute; content:""; top:2px; right:7px;
  width: 10px;  height: 10px;
background:url(../images/externallinkIcon.png) right 0 no-repeat;
}

#place { font-size: 1.15em;  }
#place a img:hover{ opacity: 0.7; }
#place dd{ line-height: 1.5em; }
#place span{ margin-bottom:10px }

/*==============================================================================*/
/*新着情報
============================================================================== */
#loginBtn{ margin-bottom:50px; }

#infoBox { padding:0 10px 0 30px; overflow:auto; height:250px;line-height: 1.6em; }
#infoBox a{ color:#111; text-decoration: underline; display: inline-block;}  
#infoBox a:hover{ color:#001c7a; }
.externalLink a:after{ content:''; display:block; padding-bottom:23px; margin:-20px -20px 0 0;
	background:url("../images/externallinkIcon.png") right 0 no-repeat; }

#infoBox dl{ border-bottom: 1px dotted #aaa; display: flex; margin-bottom:20px; padding:0 20px 20px;}
#infoBox dl:last-child{border-bottom:none;}
#infoBox dt, #infoBox dd{ display: inline-block;}
#infoBox dt{  color:#555; margin-right:40px; }
#infoBox dd{ width: 468px; }

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