@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 #e8e1db  url(../img/undMain.png) 0 0 / cover;
    top:20px; padding: 6% 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-bottom: 5px; 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{ 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; }

.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: #005d87;
  color: #fff;
  border: solid #005d87 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;}
  .externalIcon2 a:hover i:after{ background: url(../img/externalIcon2.svg) 0 0 no-repeat;}
  


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

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

.contentBox{ margin-bottom:30px; }

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

}

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