/*bread*/
#breadcrumb{  width: 100%;  background:#f2f8ff; }
#breadcrumb ol{ margin: 0 auto; list-style:none; box-sizing:border-box; padding: 5px 20px; line-height: 1.6em;
  display: flex; color:#404040; }
#breadcrumb li a{ color:#003c89;; 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 #003c89;
border-right: 2px solid #003c89;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
#breadcrumb li a span{ margin-right:30px; }

#breadcrumb li a:hover{ color:#00236a; }
/* IE10以降 */
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
 #breadcrumb li a:after {line-height: inherit;}
}


#mainWrap{ background:#e6ebf2; padding:0 40px; min-height:190px;  position: relative;}

#logo a{ display: inline-block;}
#logo{ display: flex; flex-wrap: wrap; align-items: center; height: 190px; }
#mainWrap img{ width: 320px; }

#siteImg{ position:absolute; right:2%; top:20px;  }

/*title*/
#pageTitle{ color: #003c89; font-size: 3em; text-align: center; letter-spacing: 0.2em;
    position: absolute;  left: 50%; bottom: -65px;
    transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}


.innerBox{ width: 780px; padding: 120px 0; }

.subTitle{ color:#003c89; font-size: 1.4em; margin-bottom: 20px; text-align: center }

@media screen and (max-width: 1270px) {
#mainWrap{  min-width: 1240px;}
}