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

/*==============================================================================*/
/* 
============================================================================== */
/*header*/
#undMain{ width: 100%; margin-top: -70px; position: relative;}
#pageTitle{ letter-spacing: 5px; padding: 20px 0;color:#fff; text-align: center; font-size:2.4em;
  position: absolute;  width: 100%; top:50%; left:50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#mainWrap{ position:relative; }

#main{ margin:0 auto ; background:no-repeat #a1cdeb  url(../img/undMain.jpg) 0 0 / cover;
    top:20px; padding: 4.5% 0; text-align: center; color:#fff; letter-spacing: 0.1em;
font-size: 2em; text-shadow: 1px 2px 16px #003763;

}
/*bread*/
#breadcrumb{  width: 100%;  background:#003763; }
#breadcrumb ol{ margin: 0 auto 50px; list-style:none; box-sizing:border-box; padding: 3px 0 5px; line-height: 1.6em;
  display: flex; color:#fff; font-size: 0.9em;}
#breadcrumb li a{ color:#fff; position: relative; }
#breadcrumb li a:after{ margin:0 14px; color:#fff; line-height: 1.8em;
content:"";
position: absolute;
top: 50%;
right: 5px;
display: block;
width: 6px;
height: 6px;
margin-top: -3px;
border-top: 2px solid #c8e5ea;
border-right: 2px solid #c8e5ea;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
#breadcrumb li a span{ margin-right:30px; }

#breadcrumb li a:hover{ color:#c8e5ea; }
/* IE10 */
@media all and (-ms-high-contrast: none) { 
 #breadcrumb li a:after {line-height: inherit;}
}


.wrapBox{ padding:0 4%; box-sizing:border-box; width:100%; }
#abstract .wrapBox{ padding:0 }
#abstract #wrapper,#program #wrapper,
#poster #wrapper{ padding-bottom: 80px; }

#undMain{ height: 377px;}
.maintitle{ margin-bottom: 20px; }

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


#abstract .subTitle, #poster .subTitle, #speaker .subTitle{  display: inline-block; position: relative;
    margin-bottom: 20px;
    font-size: 1.3em;
    color: #003763; }
#abstract .subTitle::before, #poster .subTitle::before, #speaker .subTitle::before{ content: "";
    position: absolute;
    background: #3f7fbf;
    height: 2px;
    width: 12px;
    bottom: -14px;
    margin-bottom: 10px;
    left: 0; }

.titleNum::marker{ color:#003763; font-size: 1.6em; }
.titleNum h3{ font-size: 1.3em; color:#003763; margin-bottom: 5px; }
.titleNum{ margin-bottom: 30px; }
#abstract .contentBox ol,  
#speaker .contBox ol {  margin-left: 30px;}

/*table*/
table, tbody{ width:100%; }
th,td{  box-sizing:border-box;  vertical-align:top;}


/*table*/
.infoTable th{ color:#43b2a2; }
.infoTable tr{ border-bottom:1px dotted #ccc }
.administrationTale th{ color:#00767e; }
.administrationTale tr:not(:last-child){ border-bottom:1px dotted #ccc }

.txtUnd{ margin-bottom: 20px; display: inline-block;}
.txtUnd2{margin-bottom: 60px;}

.pointTxt, .noticeTxt{ position:relative;  margin-bottom: 7px; padding-left:20px }
.pointTxt:before, .noticeTxt:before{ position:absolute;  left:0 }
.pointTxt:before{ content: "・"; }
.noticeTxt:before{ content: "※"; }

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

.numList{ margin:0 0 10px 20px; line-height: 1.6em; }
.numList a{ color: #00767e; }


.contBox{ margin-bottom: 80px; }
.contBox p{ line-height: 1.8em; }

.entryBtn2 {  display: flex; }
.entryBtn2 li{ width: 46%; margin: 0 auto;  }
.entryBtn2 li a{ position: relative;
  border-radius: 10px;
display: block;
box-sizing: border-box;
  background: #0c96d6;
  color: #fff;
  border: solid #0c96d6 1px;
  text-align: center;
  padding: 20px 0;
}

.entryBtn2 li a::after{ position: absolute; content: ""; right: 10%; top: 42%;
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    display: block;
    height: 8px; width: 8px;
    transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg); }
  #entryBtn.btn a::after{ top: 55%; right: 5%;}

.externalIcon2 a:hover{ background: #9acfde; border-color: #9acfde;}
.entryBtn2 li.externalIcon2 a:hover i::after{ background: url(../img/externalIcon2.svg) 0 0 no-repeat;}
  
#bannerWrap{ margin-top: 5%;}
/* #officeBox{ margin-top: 80px; }*/

.wrapBox{ margin-bottom: 320px; }

.guidance dl:nth-child(odd){ background: #e3f2f9; }
.guidance dl{ display: flex; padding:12px 20px}
.guidance dt{ width: 260px; color: #003763;}
.publication{ width: 200px; }

/*sp-----------------------------------------------------*/
@media screen and (min-width: 641px) and (max-width: 1059px) {
  th{ width:22%; padding:3% ;}
}
@media screen and (max-width: 1059px) {
#undMain{ background:url(../img/mainUnd.png) center 0 no-repeat #c6e8e3; background-size:cover; }
#breadcrumb ol{ width:74%;}

#greet .wrapBox{ margin-bottom: 50px; }
}

@media screen and (max-width: 640px) {
#pageTitle{ font-size:2em; }
table , tr, th, td ,
#outlineTable tbody{ display:block; }
  table ,tbody, tr, th, td { width: 100%; }
  td{ padding:0 5% 5%;}
  th{ padding:3% 5%; }
}



/*PC*/
@media screen and (min-width: 1060px) {

#breadcrumb ol{ width:90%; max-width: 1000px;}

#greet .wrapBox{ margin-bottom:80px; }

th{ width:20%; padding:3% 4%; }

}

@media screen and (min-width: 641px) {
td{ width: 80%; padding:3% 3% 3% 2%; }
}