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

/*==============================================================================*/
/* 下層
============================================================================== */
/*header*/
#undHeaderWrap{ background:rgba(255,255,255,0.8); }
#undHeaderTitle{ padding:15px 0 30px 220px; font-size:1.8em; width: 1000px; margin: 0 auto;line-height: 1.1em; }
#undHeaderTitle #titleTime{ font-size:0.6em; display:block; margin-left: 5px;}
#undHeaderTitle #titleNum{ font-size:1.5em; color:#154cb1;}

#undMain{ width: 100%; }
#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; }

/*bread*/
#breadcrumb{ margin: 0 0 50px; width: 100%;  background:#18406a; }
#breadcrumb ol{ margin: 0 auto; 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 10px; 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 #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
#breadcrumb li a span{ margin-right:30px; }

#breadcrumb li a:hover{ color:#82ccef; }
/* 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: 180px;}

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


/*table*/
.infoTable, #sessionBox{ background:#fbefed; }
.infoTable tr:nth-child(even),
#sessionBox li:nth-child(even){ background:#fdf7f6; }
.infoTable th{ color:#db5f53; }

.administrationTale{ background:#f0faff }
.administrationTale tr:nth-child(even){ background:#f7faff; }
.administrationTale th{ color:#18406a; }


/*sp-----------------------------------------------------*/
@media screen and (min-width: 641px) and (max-width: 1059px) {
  th{ width:22%; padding:3% ;}
}
@media screen and (max-width: 1059px) {
#underHead{ height:71px; }
#underLogo a{ display:block;  height: 71px;  padding: 14px 4%;  box-sizing: border-box;} 
#underLogo img{ height:100%; }

.drawer-opened .contentBox{ padding:0 4%; }

#undMain{ background:url(../img/undMainsp.jpg) center 0 no-repeat ; background-size:cover; }
#breadcrumb ol{ width:90%;}

.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) {
#underHead{ display:none; }
#undMain{ background:url(../img/undMain.jpg) center 0 no-repeat;background-size:cover;  }
#breadcrumb ol{ width:80%;}

.contentBox{ margin-bottom:100px; }

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

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