@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;z-index:1;
  display: block; background:rgba(255,255,255,0.9); text-align: center;
  padding:13px 0;  box-shadow:0 1px 2px rgba(0,0,0,0.2);transition: 1.0s ;
}

#logo figure{ width: 1000px; margin: 0 auto;  }
#logo figure a { display: flex; text-align: left; color:#111; width: 455px; }

#logo figcaption{ font-family: 'Noto Serif JP', serif; margin-left:20px; font-size: 1.3em; }

#logo figure a:hover{ color:#555; }
#logo a:hover { opacity: 0.9 ;}

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

/*==============================================================================*/
/*hover */
/*==============================================================================*/
a,.mailBtn a,nav li a,#btnPagetop a,#infoBox a, #place a img,.watchBtn a:hover,.watchBtn2 a:hover{	
-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{ margin-bottom:40px; position: relative; border-left:4px solid #19458e;}


nav li:last-child a{ border-bottom:none; }
nav li a{ padding:18px 20px 18px 25px;  display: block;color:#333; background:#f9f9f9;
  border-bottom:1px dotted #aaa; display: flex;  align-items: center;
}
/*IE11*/
@media all and (-ms-high-contrast: none) {
  nav li a{ padding:23px 20px 18px 25px; }
  }

nav li a:hover, nav li.current a:hover{ background:#19458e; color:#fff}
nav li.current a{ background:#000d51; color:#fff; }
nav li.current a:after{ color:#a6eaff; }


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

nav li a::after,.watchBtn a:after,.watchBtn2 a:after{ position: absolute; right: 20px;}
nav li a::after,.dlbtn a:after,#submitBtn:after,#infobar a:after,#externalLink a:after,
.watchBtn a:after, .watchBtn2 a:after {
    display: inline-block;
    content: "\f054";
    line-height: 1.6em;
}

  #loginBtn{  text-align: center; }
  #loginBtn a { color:#fff; border-radius:8px; background:#19458e;  display: block;
  padding:20px 0;}
  #loginBtn a span{ position: relative; margin-right: 20px; display: inline-block;  }

  #loginBtn a span:after{ display: inline-block;
    content: "\f054";
    line-height: 2.2em;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    right: -30px;
    color: #fff;
  }
  
   /*IE*/
   @media all and (-ms-high-contrast: none) {
      #loginBtn a span:after{ top: 28%; }
      #loginBtn a{ padding: 22px 0 16px; }
   }
  
   #qrBox dt a:hover,
  #loginBtn a:hover,
  #appliBanner a:hover{ filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85; }

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

/**/
.externalIcon{ position:relative; display:block}

.externalLink{ display: block; margin:-7px 0 0 6px;}
.externalLink3{ display: inline-block; margin-left:5px }

.externalLink, .externalLink3{ 
background: url("../images/externallinkIcon.png") 0 0 no-repeat;
width: 10px;height: 10px;  }
nav li a:hover .externalLink{ background-image: url("../images/externalNavIcon.png"); }


/*linkない*/
.nolink a{ pointer-events: none; background:#eee; color:#aaa; } 


#appliBanner a{ /*background: #f2f2f2;IE789*/
  border: 1px solid #eee;
  display: block;
  margin-bottom:50px;
  width: 100%;
  background:  -moz-linear-gradient(top, #fff, #f2f2f2);
  background: -webkit-linear-gradient(top, #fff, #f2f2f2);
  background: linear-gradient(to bottom, #fff, #f2f2f2);
  }
  
  #appliBanner a img{ margin: 0 auto; display: block; }


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

/*h1*/
.titleTime{font-size:0.7em; display: block; }
.titleNum{font-size:1.5em; color:#154cb1;}

/*title*/
.maintitle{ font-size:1.4em; position: relative; text-align: center;
  padding-bottom: 10px; margin-bottom: 60px;}

.maintitle:after,
.maintitle:before {
  position: absolute;
  content: " ";
  display: block;
  bottom: -2px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}

.maintitle:before{ border-bottom: solid 2px #e6e6e6; width: 16%; left: 50%;}

.maintitle:after {
  border-bottom: solid 2px #0668cd;
  width: 8%;
  left: 46%;
}



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

.subTitle{ font-size:1.8em; text-align: center; margin-bottom:40px;}
.subTitle2{ position:relative; text-align: center; font-size:1.2em; margin-bottom:40px;}
.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, #managementBox{ display: flex; }
#secretariatBox{ margin: 0 0 40px ; border-style:solid; border-width:1px 0; border-color:#ccc;
  padding: 35px 30px 10px;
}


#secretariatTitle,#managementTitle{ width:23% }

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

/*運営事務局*/
#managementBox{ padding:0 30px }
#managementTitle{color:#000d51;}
address{ padding-top:5px; 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-radius:4px;
	color:#fff;display: block; background:url("../images/mail.png") no-repeat 40px 20px #ff7257;
	padding: 14px 0 14px 70px; width:303px;}

  @media all and (-ms-high-contrast: none) {
    .mailBtn a{ padding-top:19px; }
    }

.mailBtn a:hover{ background-color:#ff595b; }

.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 li{ margin-bottom:30px; }
.dlbtn a{ position: relative; border-radius:6px; background:#f9f9f9; padding:20px 30px 20px 70px; display: block; color:#333;}
.dlbtn a:hover{background: #f5f6f7; color:#4261c9;}
.dlbtn a i{ position: absolute;}

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

/*pdf*/
.pdfIcon{ background: url(../images/pdfIcon.png) 0 0 no-repeat; background-size: 18%; 
  content: "";  width: 130px;  height: 50px;   left: 38px;}

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:#19458e;	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:#000d51; color:#fff; padding:25px 0; text-align: center; }



/*==============================================================================*/
/* 下層
============================================================================== */
/*main*/
.undmain{ background:url("../images/undmain.jpg") no-repeat center 0; background-size: cover;}
#undmain{ margin-bottom: 100px;}


#undHeaderWrap{font-family: 'Noto Serif JP', serif;}

/*header*/
#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; font-size:2.1em; background:rgba(0,13,81,0.6);
height:240px; width: 100%; letter-spacing: 3px;
display: flex;
justify-content: center;
align-items: center;
}

/*bread*/
#breadcrumb{ background:#000d51; }
#breadcrumb ol{ width: 1000px; margin: 0 auto; color:#fff; font-size:0.95em; list-style:none;
padding: 12px 15px 10px; display: flex; line-height: 1.2em;}

@media all and (-ms-high-contrast: none) {
  #breadcrumb ol{ padding-bottom: 8px; }
  #breadcrumb li:nth-child(2) span{ line-height:1.4em; }
  }


#breadcrumb li a{ color:#fff;  }
#breadcrumb li a:after{ margin:0 15px; 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;}
}