@charset "utf-8";
/* CSS Document */

/*==============================================================================*/
/* 
============================================================================== */
/*header*/

#undMain{ background: no-repeat url(../img/mainUnd.jpg) center 0 #c6e8e3;background-size:cover; }

#wrapper{    width: 100%; }


#abstract .contentBox td a,
#abstract .contentBox p a{ color:#225281 }

.txtUnd{ margin-bottom: 20px; }

#undMain{ width: 100%; margin-top: -100px; position: relative;}
#pageTitle{ letter-spacing: 5px; padding: 20px 0;color:#225281; text-align: center; font-size:2.4em;
  font-weight: 400;
  position: absolute;  width: 100%; top:65%; left:50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#mainWrap{ position:relative; }

#main{ margin-bottom: 90px; background-image: none; }
/*bread*/
#breadcrumb{  width: 100%;  background:#eefefe; }
#breadcrumb ol{ margin: 0 auto;
  width:80%; list-style:none; box-sizing:border-box; padding-bottom: 5px; line-height: 1.6em;
  display: flex; color:#121212; }
#breadcrumb li a{ color:#121212; position: relative; }
#breadcrumb li a:after{ margin:0 10px; color:#121212; line-height: 1.8em;
content:"";
position: absolute;
top: 50%;
right: 5px;
display: block;
width: 6px;
height: 6px;
margin-top: -3px;
border-top: 2px solid #19458e;
border-right: 2px solid #19458e;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
#breadcrumb li a span{ margin-right:30px; }

#breadcrumb li a:hover{ color:#43b2a2; }
/* 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: 280px;}
.maintitle{ margin-bottom: 20px; }


/*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 }

.txtSpace{ text-indent: 1em; line-height: 2.1em;  }



/*sp-----------------------------------------------------*/

/*PC*/
@media screen and (min-width: 1271px) {
  .innerBox{ width: 89%; }

.contentBox{ margin-bottom:100px; }

th{ width:23%; padding:3% 4%;}
}

@media screen and (max-width: 1270px) {
.innerBox{ width: 750px; }
}