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

.infoTable span br{ display:none;}

#outlineTable{ margin: 25px 0 170px; }
#outlineTable tr{ border-bottom: 2px solid #fff; }
#outlineTable th{ background: #e9f3f5; color: #00648c; text-align: center;}

#outlineTable td{ background: #fdfdfd; 
    vertical-align: middle; padding: 20px 4%; }

#outlineTable a { color:#121212; display:block; margin-bottom: 5px}
#outlineTable a:hover{ color:#003763; }
#place .externalIcon i:before{ height:8px;}


#cost dl{ display: flex; margin-bottom: 5px; }
#cost dl:last-child{ margin-bottom: 0; }


.administrationTale tr:first-child td{ padding-bottom:1.5%; }

.subTitle{ color:#a52e2a; font-size:1.13em; margin-bottom:12px; }



#btnBox{ display: flex; margin-bottom: 30px; }
#btnBox li{ width: 50%; }
#btnBox .externalIcon2 a:hover i::after{ background: url(../img/externalIcon3.png) 0 0 no-repeat; }

section .mailBtn a {  margin-left:  auto;  margin-right:auto  }

.date{ font-size: 1.4em; text-align: center; margin: 20px 0;}

.place{ display: flex; font-size: 1.1em; justify-content: center; margin-bottom: 15px;}
.place a{ color: #333;}

.place a:hover{ color: #3fa798; }
.place dt{ margin-right: 20px; }

.timeline{ color:#fff; background: #00c3ac; padding: 7px 20px; 
display: flex; align-items: center; margin-bottom: 10px;}


.timeline dt{ margin-right: 20px;  width: 200px; font-size: 1.2em;}
.timeline dd{ font-size: 0.95em; }

.chair{ display: flex; justify-content: end; margin-bottom: 10px;}
.chair dt{ color: #4bada2; margin-right: 10px;}
.chair dd span,section section p span{ font-size: 0.8em; }

.theme{ margin: 0 20px 5px; font-size: 1.2em; display: flex;}
.theme span{ margin-right: 10px; font-size: 1em; width: 40px;}
span.themeTxt{ margin-right: 0; font-size: inherit; width: 90%; }
.speaker{ margin:0 0 20px 72px ; }

#managementbox dl:not(:last-child){ margin-bottom: 30px;  border-bottom:1px solid #003763;
padding-bottom: 30px;
}
#managementbox dt{ font-size: 1.2em; color:#003763 ;margin-bottom: 5px;  }





#abstractTxt{ 
    background: #f2fbfa;
    padding: 25px 30px;
}

#abstractTxt p{ line-height: 1.6em; }

#abstractTxt dl{ text-align: right; padding-top: 20px;}
#abstractTxt dl span{ font-size: 0.9em; }





.externalIcon2 a:hover i:after{ background: url(../img/externalIcon2.png) 0 0 no-repeat;}

.linethrough {
    text-decoration-line: line-through;
    text-decoration-color: #f00;
  }






@media screen and (min-width: 641px) and (max-width: 1059px) {
    #cost dt{ width: 58%; margin-right:2% }
    #cost dd{ width:20%; }
}

@media screen and (max-width: 640px) {
    #cost dl{border-bottom: 1px dotted #ddd;}
    #cost dl:last-child{ border-bottom: none; }
    #cost dt{ width: 70%; margin-right:5%; padding:5px 0 5px 8px; box-sizing: border-box; }
    #cost dd{ width:26%; }
}


@media screen and (max-width: 500px) {
.administrationTale .telnum{ margin-bottom:5px;}
}




/*pc--------------------------------------------*/
@media screen and (min-width: 1060px) {
#cost dt{ width: 56%; }
}
@media screen and (min-width: 701px) {
#administrationWrap address span br{ display: none; }
}

@media screen and (min-width: 641px) {
#cost dt br{ display: none; }
}


@media screen and (max-width: 640px) {
  #outlineTable td{ width: 80%; padding:2% 4%; }
}