@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-bottom: 90px; background-image: none; background-color:#c6e8e3 ; }
/*bread*/
#breadcrumb{  width: 100%;  background:#c6e8e3; }
#breadcrumb ol{ margin: 0 auto; 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 #268a91;
border-right: 2px solid #268a91;
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: 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{ 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;}

.pointTxt{ position:relative; padding-left:20px }
.pointTxt li{ margin-bottom: 10px; }
.pointTxt li:before{ position:absolute; content: "・"; left:0 }

.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; }
/*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%;}

.contentBox{ margin-bottom: 10%; }
}

@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%; }
}




/*PC*/
@media screen and (min-width: 1060px) {
#undMain{ background: no-repeat url(../img/mainUnd.png) center 0 #c6e8e3;background-size:cover; }
#breadcrumb ol{ width:72%;}

.contentBox{ margin-bottom:100px; }

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

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