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

/*==============================================================================*/
/* 
============================================================================== */
/*header*/
header{  background-size: 100%; }
h1{ background: rgb(18, 34, 59, 0.6); }
h1 a{ width: 1160px; margin:0 auto; position: relative;  z-index: 1; }
#topmain{ background-image: url(../img/undMain.jpg); background-color: #0c5096;
	 height: 302px; }

nav{ margin-top: -64px; }

#wrapper{  width: 100%; }
.nobanner a{ background: #999!important; pointer-events: none;}

#abstract .contentBox td .btn a,
#abstract .entryNotice .btn a,#childcare .btn a{ background:#b83651; color: #fff; }

#abstract .entryNotice .btn a:hover,#childcare .btn a:hover{ background-color: #a52e2a; }

#abstract .entryNotice .btn a,#childcare .btn a{  margin:0 auto; }
#abstract .btn.other a,#childcare .btn.other a{ max-width: 470px; width: inherit;}


#abstract .contentBox td a,#adoption .list a{ color:#225281 }

.txtUnd{ margin-bottom: 20px; }
.txtUnd2{ margin-bottom: 7px; }
.txtUnd3{ margin-bottom: 50px; }

#undMain{ width: 100%; /*margin-top: -100px;*/ position: relative;}
#pageTitle{ letter-spacing: 5px; padding: 20px 0; color:#fff; text-align: center; font-size:2.25em;
  font-weight: 400;
  position: absolute;  width: 100%; top:75%; left:50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}


/*bread*/
#breadcrumb{ font-size: 0.9em; width: 45%; float: right; border-radius: 0 0 0 10px;  background:#0a4f96; color:#fff }
#breadcrumb ol{ margin: 0 auto;
  width:95%; list-style:none; box-sizing:border-box; padding:3px 0 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:#cfdbf1; }
/* IE10 */
@media all and (-ms-high-contrast: none) { 
 #breadcrumb li a:after {line-height: inherit;}
}

.maintitle{ margin-bottom: 20px; }
.subjectTitle{ line-height: 1.5em; font-size: 1.4em;
  position: relative; margin-bottom: 20px;  text-align: center;}

.subjectTitle span{ padding-left:20px; text-align: left;
  display: inline-block; }

.subjectTitle span::before{ position: absolute; content: ""; 
  height: 2px; background: #125296; width: 12px; top: 15px; margin-left: -20px;}

#undCont{  border-radius: 20px;  background: #fff;
  padding: 40px 48px 40px 230px; box-sizing: border-box;
  margin: 30px 0 140px ; width: 990px; }

.contentBox{ line-height: 1.8em; }

.notice{ position: relative; padding-left: 20px;}
.notice::before{ position: absolute; left:0; content: "※";}

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

#adoption th,#adoption td{ padding-left: 2%; padding-right: 2%; box-sizing: border-box; line-height: 1.6em;}
#adoption tr th,#adoption tr td,
#councillor th,#councillor td{ padding:30px 2% 15px; margin-bottom: 30px; }
#adoption td { padding-bottom: 15px; }
#adoption tr{ border-bottom:1px solid #e7ebef; }
#adoption th,#councillor th{ color:#125296; width: 132px;}

#participantsTable tr {  border-bottom: 2px solid #fff;}
#participantsTable th,#participantsTable td,
#announce th,#announce td,#font th, #font td{ padding: 15px 2% ; }
#participantsTable th,#announce th{  width: 300px;
  background: #e9f6ff;
  font-weight: normal;
  border-right: 2px solid #fff;
  color: #024c97;
  vertical-align: top;
}
#participantsTable td,#font td{background: #fafafa;
  line-height: 1.6em;}

#announce th{ text-align: center; }
#announce tr:nth-child(even){ background: #f8f8f8; }
#announce tr td:not(:last-child){ border-right: 1px solid #ddd; }
#announce tr td:first-child{ width: 350px; }
#announce tr td:not(:first-child){ text-align: center; }

#font th{ width: 170px;
  background: #f0f9ff;
  font-weight: normal;
  border-right: 2px solid #fff;
  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;  }

.list{ position: relative; padding-left:20px; margin-bottom: 9px; line-height: 1.6em;}
.list::before{content: "・"; position: absolute; left:0;color:#125296 }

.pptIcon, .wordIcon,.pdfIcon2{ background-size: 100%; background-repeat: no-repeat; background-position: 0 0;
  width: 32px; height: 32px; display: block;
  position: absolute; left: 20px; top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.pptIcon{ background-image: url(../img/ppt.svg) ;  }
.wordIcon{  background-image: url(../img/word.svg) ; }
.pdfIcon2{  background-image: url(../img/pdf.svg) ; }

#adoption #undCont ol { margin-left: 20px; }
#adoption #undCont ol li::marker,
#adoption #undCont h2{ color: #125296; font-size: 1.2em; }
#adoption #undCont h2{ margin-bottom: 7px; }
#adoption #undCont ol li.adoptionlist:not(:last-child){ margin-bottom: 20px; }

.prepare{ display: flex; }
.prepare:not(:last-child){ border-bottom: 2px solid #fff; }
.prepare dt,.prepare dd{ padding: 5px 8px; box-sizing: border-box; }
.prepare dt{ background: #e6ecf9; width: 170px; color: #1f4f87; }
.prepare dd{ background: #f4faff; width: 400px; }

#childcare th,#childcare td{ padding: 3%; }
#childcare th{width: 150px; }
#childcare td{ line-height: 1.6em;  }
#childcare #close{ background: #f4faff; color: #024c97; font-size: 1.15em; padding: 15px; }

#qa dt,#qa dd{ position: relative; padding-left: 25px; }
#qa dt{ margin-bottom: 15px; }
#qa dl:not(:last-child) dd { border-bottom: 1px dotted #ccc; padding-bottom: 20px; margin-bottom: 25px; }

#qa dt::before,#qa dd::before{ position: absolute; left: 0; font-size: 1.2em; line-height: 1.2em;}
#qa dt::before{ content: "Q."; color: #024c97; }
#qa dd::before{ content: "A."; color: #b83651; }

#consignment{ display: flex; justify-content: space-between; align-items: center; }
#councillor #undCont .nolink a,
#adoption #undCont .nolink a{ background: #bcbcbc; }
/*sp-----------------------------------------------------*/

/*PC*/
@media screen and (min-width: 1271px) {
  header, #topmain {  height: 15.6vw; }
  #undMain{ height: 7vw;}
#outline th{ width:23%; padding:3% 4%;}
}

@media screen and (max-width: 1270px) {
.innerBox{ max-width: 750px; }
#wrapper{ margin-top: 0; }
#undMain {height: 150px;}
#undCont{ margin-left: 130px;  padding-left: 220px; max-width: 990px; width: 88.5%; }
#topmain{ background-position: 0 0; background-size: auto;}
}