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

/*font*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto);

/*chrome*/
*:focus {
outline: none;
}

/*Firefox*/
@-moz-document url-prefix() { 
  body{ font-family: 'Noto Sans JP','Roboto',"游ゴシック", 'YuGothic', "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",'Meiryo', sans-serif; }
 }

@media screen and (-webkit-min-device-pixel-ratio:0) {
 body{ font-family: 'Noto Sans JP','Roboto',"游ゴシック", 'YuGothic', "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",'Meiryo', sans-serif;  }
}

 body{ font-family: 'Noto Sans JP','Roboto',"游ゴシック", 'YuGothic', "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",'Meiryo', sans-serif;
min-width:1000px;
}

/*==============================================================================*/
/*header */
/*==============================================================================*/
/*logo*/
#logo{ position: relative; margin:0 auto; width: 1000px; z-index:1;}
#logo a{ position:absolute; display: block; background:#fff;border-radius: 0 0 4px 4px; text-align: center;
padding:13px 0; width:180px; box-shadow:0 1px 2px rgba(0,0,0,0.2);transition: 1.0s ;}

#logo a:hover { opacity: 0.9 ;}

#wrapper{ width:1000px; margin:0 auto 80px;  }

/*==============================================================================*/
/*hover */
/*==============================================================================*/
.mailBtn a,nav li a,#btnPagetop a,#infoBox a, .dlbtn a,#submitBtn,#infobar a, #loginBtn a{	
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;}



/*==============================================================================*/
/*aside */
/*==============================================================================*/
aside,main{float:left; }

aside{width:230px;margin-right:60px;}
nav{ border-top:2px solid #accdee; border-bottom:2px solid #accdee; margin-bottom:40px;
position: relative;
}
/*shadow*/
nav:before,
nav:after{content:"";
    position: absolute;
    z-index: -1;
    bottom: 10px;
    display: block;
    width: 80%;
    height: 20%;
    box-shadow: 0 8px 7px rgba(0,0,0,.3);}
nav:before{left: 5px; transform:rotate(-3deg);}
nav:after{ right: 5px; transform:rotate(3deg); }

nav li:last-child a{ border-bottom:none; }
nav li a{ padding:18px 10px 18px 18px;  display: block;color:#fff; background:#001c7a;
  border-bottom:1px dotted #fff;
}
nav li a:hover{ background:#000061;}
nav li.current a{ background:#0056aa; }

/* IE10以降 */
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
nav li a{border-bottom:1px dashed #fefefe;}
}

/* > */
/*font awesome共通設定*/
nav li a::after,#btnPagetop a::before,
.nav li a::after,.dlbtn a:after,#submitBtn:after,#infobar a:after,#loginBtn a:after{
  font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 0.7em; }

nav li a::after,.nav li a::after{ float: right; }
nav li a::after,.nav li a::after,.dlbtn a:after,#submitBtn:after,#infobar a:after,#loginBtn a:after {
    display: inline-block;
    content: "\f054";
    line-height: 2.4em;
}

.dlbtn a:after{ position: absolute; top:35%; right:3%;}

/**/
.externalIcon{ position:relative; display:inline-block}
.externallink{ 
content: '';display: block;
background: url("../images/externalNavIcon.png") 0 0 no-repeat;
width: 10px;height: 10px;position: absolute;top: 39%;right: -20px;
}


/*linkない*/
.nolink a{ pointer-events: none; background:#6576ae; color:#ccc; } 

/*アンケート*/
#enquete a{ display:block; height:100px; }
/**/#enquete img {transition: 1.0s ;}
#enquete img:hover,
#enquete.nolink a img{ opacity: 0.7 ;}

/*==============================================================================*/
/*content */
/*==============================================================================*/
main{width:710px;}

/*title*/
.maintitle{ font-size:1.4em;border-bottom: solid 2px #f9f9f9;  position: relative;padding-bottom: 20px;
margin-bottom:30px;}

.maintitle:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #0668cd;
  bottom: -2px;
  width: 7.5%;
}

/**/
.innerBox{ margin-bottom:80px; }

.subTitle, .subTitle2{ font-size:1.2em; text-align: center; margin-bottom:40px;}
.subTitle2{ position:relative}
.subTitle2:after{ content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #0056aa;
  border-radius: 1px; }


.txtright{ text-align: right; }
.greetTxt{text-indent: 1em;}

/*事務局*/
#secretariatBox{ margin-right: 20px; }

#secretariatBox,#managementBox{ float:left;width:345px; }
#secretariatTitle,#managementTitle{ color:#fff; text-align: center; padding:6px 0 8px; margin-bottom:10px; }

#secretariatTitle{ background:#609edf; }
.secretariatBox{ padding:0 18px; }

/*運営事務局*/
#managementTitle{background:#698dcd;}
address{ padding-top:12px; font-size:0.9em; line-height: 1.8em; margin-bottom:20px; }
.addtel{ color:#001c7a;padding-right:5px; }
.telnum, .faxnum{ font-size:1em; }
.telnum{margin-right:20px;}

/*mail*/
.mailBtn a{
	border:1px solid #f5205f; border-radius:4px;
	color:#f5205f;display: block; background:url("../images/mail.png") no-repeat 40px 20px #f9f9f9;
	padding: 14px 0 14px 70px; width:303px;}
.mailBtn a:hover{ background-color:#ffd9e4; border-color: #ff0067; color:#ff0067; }

.txtMarker{ background: linear-gradient(transparent 70%, #ffff66 70%);}

.maintitle2{ font-size: 1.4em; text-align: center; border-bottom: solid 1px #eee;
  border-top: solid 2px #6576ae;
  padding: 25px 0;margin-bottom: 30px;}

.newsWrap{ background:#fcfcfc; padding: 20px 30px; line-height: 1.8em; }

.txtUnd{ margin-bottom:20px }

.dlbtn{ margin-bottom:30px; }
.dlbtn a{ position: relative; border-radius:6px; background:#f9f9f9; padding:20px 30px 20px 70px; display: block; color:#001c7a;}
.dlbtn a:hover{background: #f5f6f7; color:#4261c9;}
.dlbtn a i{ position: absolute;}

/**/
.redTxt, .redTxt2{ color:#ff3979;  }
.redTxt{ font-size: 12px; }

/*word*/
.wordIcon{ background: url(../images/wordIcon.png) 0 0 no-repeat; background-size: 18%;}

.wordIcon, .pdfIcon, .pptIcon{ 
  display: inline-block; width: 22%; height: 45%; left: 30px; }

/*pdf*/
.pdfIcon{ background: url(../images/pdfIcon.png) 0 0 no-repeat; background-size: 18%; }

del{ text-decoration: line-through; }

/*==============================================================================*/
/* footer
============================================================================== */
/*pagetop btn*/
#btnPagetop{position: fixed;bottom: 40px;right: 20px;font-size: 21px;}
#btnPagetop a { width: 50px;  height: 50px;  padding: 16px 0;
	background:#001c7a;	text-decoration: none;color: #fff;box-sizing: border-box;
text-align: center;display: block;border-radius: 50%;
}
#btnPagetop a:hover{ background: #022f8b; }

#btnPagetop a span {display: none;}
/* arrow */
#btnPagetop a::before { display: block; content: "\f077";}

footer{ background:#001c7a; color:#fff; padding:25px 0; text-align: center; }



/*==============================================================================*/
/* 下層
============================================================================== */
/*main*/
#undmain{ background:url("../images/undmain.jpg") no-repeat center center; background-size: cover;height:290px;margin-bottom: 50px;
}
#undHeaderWrap,#pageTitle{font-family: 'Noto Serif JP', serif;}

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




/*pagetitle*/
#pageTitle{ color:#fff; text-align: center; font-size:2em; background:url("../images/underBg.png") 0 0 repeat;
padding:50px 0; height:146px; width: 100%;
}

/*bread*/
#breadcrumb{ background:#001c7a; }
#breadcrumb ol{ width: 1000px; margin: 0 auto; color:#fff; font-size:0.8em; list-style:none;
padding: 7px 15px 5px;}
#breadcrumb li{ float:left; }
#breadcrumb li a{ color:#fff;  }
#breadcrumb li a:after{ margin:0 10px; color:#fff; display: inline-block;
content: "\f054";font-family: "Font Awesome 5 Free";font-weight: 700;font-size: 0.8em;
	line-height: 1.8em;
}
#breadcrumb li a:hover{ color:#accdee; }
/* IE10以降 */
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
 #breadcrumb li a:after {line-height: inherit;}
}