@charset "UTF-8";



main {

    position: relative;

}



section.top-MV {

    position: relative;

    z-index: 10;

}



.event-end {

    border: 3px solid #0072bc;

    border-radius: 6px;

    background: rgba(255,255,255,0.9);

    padding: 1%;

    max-width: 1145px;

    line-height:2.2;

    width: 70%;

    margin-left: 4%;

    z-index: 900;

    position: relative;

    margin-top: -130px;

    /*

    position: absolute;

    top: 800px;

    left: 4%;

    */

}



.event-end > div {

}



.event-end > div p:last-child{

    text-align:right;

    padding-top:1em;

}



.event-end br.sp{

    display:none;

}





/*☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

レスポンシブ

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆*/

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

    .event-end {

        width: 94%;

        margin: 2% auto 0;

        line-height:1.9;

    }

} /* end @media screen */



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

} /* end @media screen */

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

    .event-end br.sp{

        display:block;

    }

    

    .event-end {    

        padding: 2%;

    }

    

    

} /* end @media screen */

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

} /* end @media screen */




/*==============================================================================*/
/*新着情報
============================================================================== */
#toptxt h2,
#newsCont h2 { margin: 0 auto 60px;}
#infoBox { margin: 0 auto;}

#newsCont{  position: relative; background: #fbffff;}
#infoBox {  width: 1000px; padding-bottom:30px;}

#newsInner{ height:170px; overflow: hidden; margin-bottom: 40px;}
#newsInner a{ color: #0072bc; }

#infoBox dl{  
display: flex;
flex-wrap: wrap;
justify-content: space-between;
letter-spacing: 0.04em;
}
#infoBox dl:not(:last-child){padding-bottom:2.4%;  }

#infoBox dt{ color:#0072bc; }


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


#infoBox dt,#infoBox dd{ display:inline; }

#infoBox dd a:hover{ text-decoration: underline}
#infoBox dd dd{ line-height: 1.8em; }

#topNotice{ background: #f2fbfa; padding: 40px 30px; text-align:center; margin:0 auto 50px; width: 70%; }

.moreBtn a{margin: 0 auto; }
.moreBtn a:after{ position: absolute; content: ""; 
    border-color: #404040;
    border-style: solid;
    border-width: 0 2px 2px 0;
    display: block;
    height: 8px;
    width: 8px;
    right: 10%;
    bottom: 22px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.moreBtn a.active:after{ border-width: 2px 0 0 2px; bottom:20px }

.moreBtn a:hover{color: #fff; background: #0072bc; }


/*sp*/
@media screen and (max-width: 1270px) {
#mainTheme{ height: 422px; width: 630px;
right: 40%; top: 170px; background-size: 100%;	background: url(../img/top/themecircle.png) 0 0 no-repeat;
}

#mainTheme dt{ margin: 88px auto 27px;  width: 152px;  height: 45px;   }


#mainWrap{ width: 980px; margin:0 auto -80px; padding: 13% 0 7%;}
#mainChairman{padding: 40px 6%;}

.placeinfo:first-child{ margin-right: 6%; width: 48%;}

  #newsCont {  padding: 70px 0;}

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

/*subImg*/
#main::before{ max-width: 486px; width: 33vw; bottom: 1vw; background-size: 100%; }

}


/*pc-----------------------------------------------------*/
@media screen and (min-width: 1551px) {
#main::before{ bottom: 28vw;min-height: 575px; height: 35.5vw;width: 30vw;}
}

@media screen and (min-width: 1271px) and (max-width: 1550px)  {
#main::before{ bottom: 27vw; width: 25vw;}
:lang(x)::-internal-media-controls-overlay-cast-button,#main::before{ width:32%;}/*chrome*/

}
@media screen and (min-width: 1271px) {
#main{ width: 100%;
    background-position: center top;
	background-size: cover;
    margin-bottom: -81px; }
/*subImg*/
#main::before{ max-width: 400px;
    background-size: 100%; }

main #maintxt{ width:98%; margin:0 0 20px; }

#mainWrap{padding: 7% 0 }

#mainTheme {
    height: 50%; width: 45% ;
    right: 55%; top:11vw;
   background-size: 100%;
   /**/ max-width: 461px;
}
#mainTheme dt{ margin: 3.5vw auto 17px;  width: 40%; height: 8%; }

    #mainTheme dt img{ width: 58%;    }
    #mainTheme dd img{ width: 80%;    }

#seminar{ width: 60%; }


#mainInfo{ width: 1000px; margin:0 auto; }

#mainChairman{padding: 40px 80px;}
/*会期*/
#mainSession{ margin:0 0 60px; }

/**/
li.placeinfo:first-child{ margin-right:6%; }

#toptxt{ padding:70px 8% ;}
#newsCont{ padding:70px 8% 150px;}
#infoTitle{ width:98%;}

#infoBox {  padding-bottom:40px ;  /**/height:200px;}
#infoBox dt{ width: 10%; padding-right: 2%; box-sizing: border-box; font-size: 0.9375em; line-height: 1.6em;}
#infoBox dd{ width:88%; }
}







/*==============================================================================*/
/*hover      common.cssにあったcss */         
/*==============================================================================*/
.mailBtn a,nav li a,#btnPagetop a, #placeName a, #outlineTable a, .btn a,.btn2 a,.btn3 a,#submitBtn input,
#contentLogo a,#breadcrumb a,#abstractmail a,.place a,.externalIcon2 a,.moreBtn a,
#bannerCont a,.entryBtn2 li a,#newsInner a{	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;}
	
#placeName a:hover,
#contentLogo a:hover,#newsInner a:hover{  filter: alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; }



.innerBox{margin: 0 auto; box-sizing: border-box;  }
#societyBox dl ,
.innerBox,
#mainInfo{ width:1000px;max-width: 90%; }

.maintitle {padding-left: 2%; position: relative; }
#infoTitle, .maintitle { font-size: 1.75em; }
.maintitle:before{ position: absolute; content: ""; }
.maintitle:before{ background: #0072bc;
    width: 4px; height: 36px; left: 0; top: 5px;}