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

/*==============================================================================*/
/* 
============================================================================== */
body{ /*min-width: 1350px;*/box-sizing: border-box; }

#greet .innerBox { max-width: 1000px; width: 90%;}

/*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{  background:no-repeat #fff  url(../img/undMain.png) 0 0 ;
 color:#003763; letter-spacing: 0.1em; font-size: 3em;
 height: 188px; background-size: 50%;
 display: flex; justify-content: center; align-items: center; }

#main h1{ /*padding-left: 40%;*/ width: 100%; text-align: center; box-sizing: border-box;}
/*#keynumber #main h1{ padding-left: 40%; }*/

/*bread*/
#breadcrumb{  width: 100%;  background:#0a6d82; margin-bottom: 124px; }
#breadcrumb ol{ margin: 0 auto 50px; list-style:none; box-sizing:border-box; padding-bottom: 3px; line-height: 1.6em;
  display: flex; color:#fff; }
#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;}
}


.contentBox{ padding:0 4%; box-sizing:border-box; width:100%; }

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

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

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


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

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

.pointTxt, .noticeTxt{ position:relative;  margin-bottom: 3px; 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; }

.entryBtn2 {  display: flex; }
.entryBtn2 li{ width: 50%; margin: 0 2%;  }
.entryBtn2 li a{
  border-radius: 10px;
display: block;
box-sizing: border-box;
  background: #9acfde;
  color: #fff;
  border: solid #9acfde 1px;
  text-align: center;
  padding: 14px 0;
}

#bannerWrap{ margin-top: 5%;}
/*
#officeBox{ margin-top: 80px; }*/

@media (min-width: 1411px){
  #main{ background-size: contain; padding-left:0 }
 }
@media screen  and (max-width: 1442px)  {
  .telnum { margin-right: 15px; }
  #secretariatBox, #managementBox{ padding: 30px 3%; width: 49%;}
  }


  @media screen and (min-width: 1412px) and (max-width: 1600px) {
  #keynumber #main h1 { padding-left: 18%; letter-spacing: 0.05em;}
  }

@media screen and (min-width: 1201px) and (max-width: 1411px) {
  #main h1 { padding-left: 40%; }  
  #keynumber #main h1 { padding-left: 45%; }

}

@media screen and (max-width: 1200px)  {
#main{ height: 167px; }

#keynumber #main h1 { padding-left: 48%;}
@-moz-document url-prefix() {
  #keynumber #main h1 { padding-left: 46%; }
  }



}

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

.contentBox{ margin-bottom: 50px; }
}

@media screen and (max-width: 640px) {
#pageTitle{ font-size:2em; }
/*  table ,tbody, tr, th, td { width: 100%; display:block;}*/
  td{ padding:0 5% 5%;}
  th{ padding:3% 5%; }
  #programTable th{ padding:1% 1.5%; vertical-align: middle;}
  #programTable th:nth-child(2){ width: 34%; }
}




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

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

.contentBox{ margin-bottom:30px; }

th{width: 12%; padding: 2% 2%; }

}