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

/*==============================================================================*/
/* 下層
============================================================================== */
/*header*/

#undMain, #undMain span img{ width: 100%; }
#undMain, #undMain .innerBox{ position: relative;}
#undMain .innerBox{ max-width: 990px; }
#undMain .innerBox::after{ position: absolute; content: ""; right:3%; top: -74px;
width: 254px; height: 297px; background: url(../img/mainright.png?a) 0 0 no-repeat; }
header{ margin-bottom: 70px; }


#pageTitle{ letter-spacing: 5px; color:#fff; text-align: center; font-size:2.6em;
  position: absolute;  /*width: 100%;*/ top:50%; left:50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#pageTitle span::after{ border-bottom:2px solid #4c757c; width: 100%;}
#pageTitle span{ padding-bottom: 12px; display: inline-block; letter-spacing: 0.5px;}

#mainWrap{ /*position:relative;*/ background: #072e3a url(../img/undMain.jpg?a) 0 0 no-repeat;background-size:cover;}
#mainWrap p{ max-width: 1101px; width: 100%; margin: 0 auto; z-index: 1; position: relative;}
#mainWrap p a img{ width: 100%; max-width: 1101px;}
#undMain{ background: rgba(0, 58, 69,0.8); min-height: 170px;}

/*bread*/
#breadcrumb{ width: 100%; background:#072e3a; }
#breadcrumb ol{ padding: 8px 15px; font-size: 0.9em;  max-width: 1100px;
  margin: 0 auto; list-style:none; box-sizing:border-box; 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:#ff8f6e; }
/* IE10以降 */
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
#breadcrumb li a:after {line-height: inherit;}
}

.maintitle{ text-align: center; }

#outline .innerBox { max-width: 950px;}
.innerBox{ max-width: 1100px; }
.contentBox{box-sizing:border-box; width:100%;  margin-bottom:100px; }

/*table*/
table, tbody{ width:100%; }
th,td{  box-sizing:border-box;  vertical-align:top;}
.infoTable th { width: 25%; padding: 2% 7% ; font-size: 0.92em;}
.infoTable td{ width: 75%; padding:2% 3% 2.5% 0;}


.infoTable tr{ display: flex;}
/*.infoTable tr:nth-child(odd){ border-bottom: 1px solid #ccc; }*/
.infoTable tr:nth-child(even){ background:#f3f7f8; /* border-top: 4px solid #fff; */}

.infoTable th, .administrationTale th{ color: #429795; }
.infoTable td, .administrationTale td{ color: #121212; }
.infoTable td span{ font-size: 0.85em; }
.infoTable td span.telnum{ font-size: inherit; }

#sessionBox li:nth-child(even){ background:#fdf7f6; }

.administrationTale tr:not(:last-child){border-bottom: 1px solid #f0d8d2;  }
.administrationTale th{ background:#fef9ed; }

.noticeTxt{ position: relative; padding-left: 20px; display: inline-block;}
.noticeTxt::after{ position: absolute; content: "※"; left:0; top: 0; }

#underHead{ width: 1000px; margin: -39px auto 12px;}


/*sp-----------------------------------------------------*/