@charset "utf-8";
/* CSS Document */
/*==============================================================================*/
/* mainimg
============================================================================== */
/**/

#mainWrap{ box-sizing: border-box; }

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

#main{ background-position: right 0; background-color: #118dd0;
    padding: 0% 0 0%; 
	position: relative;
   /* */
}
#main,
#main::after{ 	background-repeat: no-repeat;  background-size: 100%;}

#main::after{ position: absolute; content: ""; background-position: right bottom;
background-image: url(../img/top/hospital.png); 
width: 100%;
height: 758px;
right: 0;  z-index: -1; }

#mainTheme,
#mainTheme dd{  margin-left: auto; margin-right: auto; }
#mainTheme { max-width: 799px;  width: 79%; 
display: flex;  flex-wrap: wrap;  justify-content: center; }

#mainTheme dt{margin-bottom: 2.5%; max-width: 799px; width: 100%; }
#mainTheme dd{max-width: 522px; width: 74%; }

#mainTheme img{ width: 100%; }
#mainTheme dd img{ max-width: 522px; }

#mainInfo{ position: relative;}


#mainInfo::after{ content: ""; position: absolute;
    z-index: 1; max-width: 239px; height: 996px;
    background: url(../img/top/tower.png) 0 0 no-repeat;
 background-size: 100%;
}



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

#mainSession dt{ padding-top: 3%; }

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

#mainChairman{/*background:rgba(169, 141, 97, 0.9);*/ justify-content: space-between;}
.placeinfo{ padding-top: 1%; }
.placeinfo:first-child{ width: 48%; border-right: 2px solid #e0ebed;}

#chairmanInfo{ position: relative; }

#chairmanInfo ul{ position: absolute; content: ""; top:5%; right: -14%; }

#mainChairman li dt span{ background: rgba(0, 55, 99, 0.3); border: 1px solid #fff; 
     position: relative; display: block; }

#mainChairman li dt span img{ position: absolute;  left: 50%; top: 50%; 
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

#mainChairman li:first-child {  max-width: 857px; width: 100%; }
#mainChairman li:first-child img,
#mainChairman li dd img{ width: 100%; }
#placeName div{ max-width: 322px;}
#chairmanName{ max-width: 465px; }
#chairmanName p{  max-width: 175px; }
#mainChairman li dd img#department{ max-width: 464px; }
.chairmanInfo dl{ align-items: center; }
#mainChairman li:last-child dt span{height: 105px;}


#mainChairman dd {margin-bottom: 0px;}

#infoBox { padding-bottom:30px;}
#chairmanInfo li:first-child{ margin-right: 25px; }

li.chairmanInfo:last-child{ position: relative; }
.chairmanInfo ul{ position: absolute;
    top: 20px;
    right: 0;
    display: flex;
    justify-content: space-between;
    width: 155px; }


/**/
#placeName div span{padding-top: 10px; display: block; }
#placeName p a{ display: block;}

#toptxt{ background: #fdfdfd; padding:80px 0; }
#toptxt p{ line-height: 1.8em; }
/*==============================================================================*/
/*新着情報
============================================================================== */
#toptxt h2,
#newsCont h2 { margin-left: auto; margin-right: auto; }
#newsCont h2,
#infoBox{ max-width: 880px;}
#infoBox {  margin: 0 auto; /*width: 100%;*/}

#newsCont{  position: relative; background:url(../img/top/newsbg.gif) 0 0 repeat-y ; z-index: 2;
    width: 100%; background-size: 100%;
}

#newsInner{overflow: hidden; margin-bottom: 40px;}
#newsInner a{ color: #003763; }

#infoBox dl{  
display: flex;
flex-wrap: wrap;
justify-content: space-between;
letter-spacing: 0.04em;
}

#infoBox dt{ color:#003763; }


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


#infoBox dt,#infoBox dd{ display:inline; line-height: 1.7em;}

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



/*sp---------------------------------------------------------*/
@media screen and (max-width: 640px) {
#main{ background-image: url(../img/top/main_sp.jpg?0);  padding:20% 0 12%; }
#main::after{ bottom: -43vw; width: 100%; }
#mainWrap{  margin: 3% 5% 0 13%; width: 82%;}
#mainInfo::after{ bottom:-11vw;width: 24%;
     transform: translate(-68%, 0%);
-webkit-transform: translate(-68%, 0%);
-ms-transform: translate(-68%, 0%);}

#mainChairman { padding-top: 4%; padding-bottom: 4%;}
#mainChairman li:first-child { margin-bottom: 3%; }
#mainChairman li:nth-child(2) {margin-bottom: 10px;}
#mainChairman li:nth-child(2) dt span{height: 19vw; }

#mainChairman li dt span{width: 24px;}
#mainChairman li dt span img{ width: 12px; }
#chairmanName p{ width:28%; }
#placeName p a{ width: 85%; max-width: 363px; margin-bottom: 3%;}
#placeName div { width: 74%;}
#mainChairman li dd img#department { width: 98%; margin-top: 2vw}
#mainChairman li:last-child dt span { height: 12vw;}
#mainChairman dd{ line-height: 1em; }
#infoBox dt, #infoBox dd{ width: 100%; }
#infoBox dl:not(:last-child){padding-bottom:6%; }
#secretariatBox address{ margin-bottom: inherit; }
#toptxt h2,
#newsCont h2 { margin-bottom: 8%; padding-top: 40px; }
#newsInner{ height:170px; margin-bottom: inherit;/*後で消す*/}
#infoBox dd,.moreBtn a{ font-size: 0.95em; }
.moreBtn a::after{height: 6px; width: 6px;}
}



/*tab---------------------------------------------------------*/

@media screen and (min-width: 641px) {
#main{ background-image: url(../img/top/main.jpg);}
#placeName p a{ max-width: 710px;}
#infoBox dl:not(:last-child){padding-bottom:2.4% ;}
#toptxt h2,
#newsCont h2 { margin-bottom: 60px;padding-top: 70px;}
#newsInner{ height:/*230*/80px; }
}


@media screen and (max-width: 1200px) and (min-width: 641px) {
#main{ padding:13% 0 15%; }
#main::after{ bottom: -42vw; }
#mainWrap{ padding-top: 4%; margin: 0 8% 0 13%; width: 79%;}
#mainChairman li:first-child { margin-bottom: 2%; }
#mainChairman li:nth-child(2) dt span{height: 95px; }
#mainChairman li dt span{width: 30px;}
#mainChairman li dt span img{ width: 15px; }
#mainChairman li:last-child dt span { height: 71px;}
#placeName div{ width: 49%;max-width: 322px;}
#placeName p a { width: 90%;}
#infoBox dt{ width: 110px; }
#infoBox dd{ width: 80%; padding-left: 18px;}

}



@media screen and (max-width: 1200px) {
#main{width: 100%; }
#mainWrap{ max-width: 980px; /*margin-bottom: -80px; */}

#mainChairman{padding:3.5% 5% 2% 7%;}
#mainChairman li dt span{margin-right: 10px; }

.externalIcon a i::after{ width: 10px; height: 10px; }
#mainInfo::after{  top: -14vw;  width: 22%;
     transform: translate(-68%, 0%);
-webkit-transform: translate(-68%, 0%);
-ms-transform: translate(-68%, 0%);}

.placeinfo:first-child{ margin-right: 6%; width: 48%;}
#newsCont { padding:0 6% 70px;}


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

@media screen and (max-width: 1580px) {
#mainInfo::after{ bottom: inherit; }
.externalIcon a i::after{  background-size: 100%; }

}


/*pc-----------------------------------------------------*/
@media screen and (min-width: 1581px) {
#mainChairman p{ padding: 5px 0 15px; }
#mainChairman li:nth-child(2) dt span{height: 115px; }
#mainChairman li:nth-child(2) { margin-bottom: 30px; }
#chairmanName p{ width: 80%;}

}

@media screen and (min-width: 1201px) {
body{background-image: url(../img/top/mainund.png); background-repeat: no-repeat;
    background-position: right 0; background-size: 100%;}
main #maintxt{ width:98%; margin:0 0 20px; }
#mainTheme { padding-top: 3vw;}
#main::after{ bottom: -17vw; width: 80%;}
#mainWrap{padding: 6% 0 17vw;width: 86%; margin-left: auto; margin-right: auto; }
#mainChairman li:first-child { margin-bottom: 20px; }
#mainChairman li dt span{width: 45px; margin-right: 20px; }
#placeName div{ width: 80%;}

#mainInfo::after{ bottom:-21vw;width: 24%;
     transform: translate(-68%, 0%);
-webkit-transform: translate(-68%, 0%);
-ms-transform: translate(-68%, 0%);}

.moreBtn a:hover{color: #fff; background: #003763;  }
.moreBtn a:hover::after{ border-color: #fff;}
#infoBox dd a:hover{ text-decoration: underline}


/*#mainTheme dt img,
    #mainTheme dd img{ width: 58%; }*/

#seminar{ width: 60%; }

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

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

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

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

#infoBox {  height: auto; padding: 0 0 100px;}
#infoBox dt{ width: 14%; padding-right: 2%; box-sizing: border-box; font-size: 1.063em; line-height: 1.6em;}
#infoBox dd{ width:84%;font-size: 1.063em; }
}

@media screen and (max-width: 1580px)  and (min-width: 1201px) {
#mainInfo{ width: 80%; }
#mainChairman { padding: 2.5% 8% 3% 7%;}
#mainChairman li:nth-child(2) dt span { height: 95px;}
#placeName p a{ width: 90%; }

#mainChairman li dt span{ width: 36px; }
#mainChairman li dt span img{ width: 17px; }
.externalIcon a i::after{ width: 11px; height: 11px; }
#placeName div{ width: 19vw; }
#mainChairman li:last-child dt span { height: 81px;}

#mainInfo::after{ top: -11vw;  width: 27%;}
}

@media screen and (max-width: 1580px)  and (min-width: 641px) {
#mainTheme dt{width: 95%;}
#mainTheme dd{ width: 62%; }

#mainChairman li:nth-child(2) {margin-bottom: 17px;}
#mainChairman li:nth-child(2) p {  padding: 0 0 10px;}

#chairmanName p{ width: 26%; }
#mainChairman li:nth-child(3) p {  padding: 0 0 7px;}
#mainChairman li dd img#department{ width: 66%; }

}