@charset "utf-8";
/* CSS Document */
/*==============================================================================*/
/* mainimg
============================================================================== */
/**/
#main{ background:url("../../common/img/undMain.jpg") no-repeat center center #0285ee; background-size: cover;
  height:300px;
  display: flex;
  justify-content: center;
  align-items: center;
}


/*h1*/
#mainContent p{ font-family: 'Noto Serif JP', serif; line-height: 1.2em; text-align:center; }

#mainContent p a{ color:#fff;}
#mainContent p a:hover{ color:#d4f9ff}

/*bread*/
#breadcrumb{  width: 100%;  background:#235e86; }
#breadcrumb ol{ margin: 0 auto; font-size:0.86em; list-style:none; box-sizing:border-box; color:#fff; line-height: 1.6em;}
#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:#91ffff; }
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
 #breadcrumb li a:after {line-height: inherit;}
}



/*form*/
.txtUnd{ margin-bottom:20px; }
.required{  color:#f00;}

.formund1{  margin-bottom:35px;}
.formund2{  margin-bottom:50px;}
.formund3{  margin-bottom:8px;}
.formund4{  margin-bottom:20px;}
#entryform dt,#entryform dd{ float:left;}

input, select{border:1px solid #ccc; padding: 5px;}

#entryform dt{width:215px; margin-right:40px; font-size: 1.1em; font-weight:700;}
#entryform dd{width:745px; }

.inputbox1{ margin-right:20px;}
.inputbox1, .inputbox2{width:290px; }

.radiobtn li{  margin-bottom:5px;}
.radiobtn li:last-child{  margin-bottom:0;}
#notice1,.notice2,.notice3{color:#f9006c;}
#notice1{ font-size:0.9em; padding-bottom:5px; margin-left:10px;}

.choosebox { margin-bottom:35px; }
#entryform .choosebox dt,#entryform .choosebox dd{float:none; width:100%;}
#entryform .choosebox dt{background:#f5f6f7; padding:10px 20px; color:#12457a; margin: 0 0 15px; font-size:0.95em; font-weight:normal;}

#noticeBox{border:4px solid #ddd; padding:25px 20px; margin-bottom:60px;font-size:1.1em;}
.notice3 span{font-size:1.4em; margin-bottom:15px; display:block; padding-top: 5px;}


/*登録*/
#submitBtn { position: relative; margin: 70px 0;}
#submitBtn input{ width:70%; margin:0 auto; }
#submitBtn input,
#keynum li a{ background: -moz-linear-gradient(left, #02aab0, #00cdac);
  background: -webkit-linear-gradient(left, #02aab0, #00cdac);
  background: linear-gradient(to right, #02aab0, #00cdac);
	border:none; padding:24px;
}
#submitBtn:after{ position: absolute; top: 32%;left: 38%;color: #fff; }

#submitBtn input,#keynum li a,.vote li a,
#topBtn a{color:#fff; text-align: center; border-radius:4px; display: block; }
#topBtn a{ 
padding:26px 230px; width: 100%;background: -moz-linear-gradient(top left, #007597, #23a4b9); 
background: -webkit-linear-gradient(top left, #007597, #23a4b9); 
background: linear-gradient(to bottom right, #007597, #23a4b9); }

#topBtn a:hover,#submitBtn input:hover,#keynum li a:hover,.vote li a:hover,#pdfBtn a:hover{ 
  filter: alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; }

.vote li a:after,
#keynum li a:after,
.noticeTxt a:after,
#submitBtn:after,
#topBtn a::after,
#pdfBtn a::after {
    display: inline-block;
    float: left;
    content: "\f054";
    line-height: 2.4em;
}

/* key number */
#keynum,.vote { display:flex; flex-wrap: wrap; margin-bottom:50px}
#keynum li,.vote li { width:46%; position: relative; margin:0 2% 2%; }
#keynum li a:after,.vote li a:after{top: 32%; right: 5%;}
#keynum li a:after,.vote li a:after,.noticeTxt a:after,#pdfBtn a:after{ position: absolute; color: #fff; }

.vote li a{ position: relative;}
.vote li a i { position: absolute; top: center; padding-left: 10px; }


/*broadcast(教育講演会視聴)-------------------------*/
.subTitle{ border-top:2px solid #72afc5; margin-bottom: 15px; padding: 15px 0 0 10px; }
.txtUnd{ margin-bottom:20px; }

/*.prepareTxt{text-align: center; padding: 50px 0 20px;}*/

#broadcastAbout li a, #pdfBtn a{ position: relative; }
#notice{ padding-top:40px;}
#notice h2{ margin-bottom:25px; font-size: 1.2em; padding: 0 20px 16px; text-align: center}
#notice h2:after{ display: block; content: ""; width: 50px; height: 2px; background: #004e98 ; margin: 15px auto 0; }
.noticeTxt a, #pdfBtn a{ background:#2daec3; border-radius:4px; text-align: center; color:#fff; display: inline-block; }
.noticeTxt a:hover, #pdfBtn a:hover{ background:#00c0c0; }
.noticeTxt a:after, #pdfBtn a:after{top: 28%; right: 5%;}
.noticeTxt a i, #pdfBtn a i{ position: absolute; top: 0%; padding-left: 10px; }
#notice ol{padding : 0 0 20px 50px; margin-bottom: 50px;}
.noticeTxt::marker { font-size: 1.15em; color:#777 }
.noticeTxt{ margin-bottom: 10px; line-height: 1.6em; }

#pdfBtn { margin-bottom: 50px }
#pdfBtn a{ width: 100%;  padding: 18px 0; }
#pdfBtn a i{ top: 30%; }


.aboutTxt li{ position: relative; padding-left:18px; line-height: 1.6em; margin-bottom:5px}
.aboutTxt li:before{ content:"・";  left:0; top:0 ; position: absolute; }

.vote span, #keynum span{font-size: 0.85em; padding-left: 8px;}

#keyNotice{padding-top: 10px;}
#keyNotice li{ color:#f9006c;font-size: 0.95em; }


.webiner{ padding-top:10px }
.webiner dt{ background:#ddd; padding:2px 10px}

#hold{ background:#f2fafd; padding:20px 10px; margin:30px 0 50px;  text-align: center;  color:#004e98;}
#hold dt{ font-size: 1.2em; margin-bottom:5px}
#hold dd{ font-size: 1.4em; }

#seminarTitle{ font-size: 1.1em; color:#05275c; margin:0 0 20px 20px }

.zoomBox:first-child{ margin-bottom:20px; }
.zoomBox dt{ background:#efefef; padding:3px 10px; margin: 5px 0; }

/**/
@media screen and (min-width: 481px) {
  #councillor #broadcastAbout br{ display: none; }
   }


   @media screen and (min-width: 381px) {
    #webbr{display: none;  }
     }

@media screen and (min-width: 461px) {
  .brnone{ display: none; }
   }

@media screen  and (min-width: 751px) and (max-width: 1024px) {
  .navTitle{ font-size: 1.8vw; width: 20%;}
  #entryWrap li a, #navLogin ul li a{ font-size: 0.85em; }
  #mainContent p{ font-size:2em;}
}


@media screen and (min-width: 641px) {
.webiner{ display: flex; }
.webiner dt{  margin-right: 10px; }
#hold dt br,#hold dd br{ display: none; }
.subTitle{ font-size: 1.2em; }
}

@media screen and (min-width: 751px) {
  #entryWrap{ margin: 0 auto 2%;}
  .navTitle{ color: #235e86; }
  #entryWrap, #entryWrap ul, #navLogin, #navLogin ul{ display: flex;align-items: center; }
  #entryWrap ul, #navLogin ul{ justify-content: space-between; }
  #entryWrap li a{ background: #2185ab;}
  #entryWrap li a,  #navLogin a{ color:#fff;  border-radius: 8px; }
  #entryWrap li{ width: 48%; }
  #navLogin { margin: 0 auto 50px}
  #navLogin a{ background:#02aab0;  }

  #entryWrap ul,#navLogin ul{ width:720px; }
  #navLogin ul li{ width: 32.3%; }
  #entryWrap li a,
  #navLogin ul li a{ width: 100%; box-sizing: border-box;
     display: block;  text-align: center; padding:10px ; position: relative;}
  #entryWrap ul li i{ position: absolute; top: 6%; padding-left: 7px; }
  #entryWrap li a:after,
  #navLogin li a::after{  font-family: "Font Awesome 5 Free";
    font-weight: 900; font-size: 0.7em;
    display: inline-block;
    float: right;
    content: "\f054";
    line-height: 2.4em;}

    .vote li a{padding:24px; }
    #submitBtn input,#keynum li a,.vote li a, #topBtn a{ font-size: 1.1em;}
    #web .vote li a i { top: 25%; }

    #broadcastAbout{margin: 0 40px 50px; }
    .noticeTxt a{ padding:14px 70px 14px 50px; }
  }
  
  @media screen  and (min-width: 901px) {
    .brnone2{ display: none; }
}



@media screen and (min-width: 1025px) {
#mainContent p{ font-size:2.5em;}
#mainContent p br{ display: none; }
#breadcrumb ol{  padding: 5px 0; margin-bottom: 20px; }
#breadcrumb ol, #entryWrap,#navLogin{width:960px;} 
.navTitle{ width: 240px;}
.navTitle br{ display: none; }
}



@media screen and (max-width: 1024px) {
  .maintitle{ font-size:calc(1.5em + (1vw - 0.5em) * 0.9302); }
  #mainWrap, #breadcrumb ol{ width: 100%;}
  #breadcrumb ol{  padding:5px 3%; box-sizing: border-box; margin-bottom:2% }
  #entryWrap,#navLogin{ width: 96%; }
}

@media screen and (min-width: 461px) and (max-width: 750px) {
#web .vote li a i { top: 25%; }
}

@media screen and (max-width: 750px) {
  body{ font-size: 1.5em; }
  #mainContent p{ font-size:calc(1.8em + (1vw - 0.5em) * 0.9302); padding: 0 3%;}
  .pc{ display: none; }
  #submitBtn input,#keynum li a,.vote li a, #topBtn a{ font-size: 0.9em;}
  .vote li a{padding:5% 2% }

  .noticeTxt a{ padding:2% 20px; width: 100%; box-sizing: border-box; }
  #broadcastAbout{margin: 0 0 5% 30px; }
  }


  @media screen and (min-width: 381px) and (max-width: 640px) {
  .brnone2{ display: none; }
}

  @media screen and (max-width: 640px) {
    #councillor .vote li{ width: 100%; margin-bottom:4%}
    #councillor .vote li a{ padding: 4% 2%; }
    .webiner dd{ margin-left: 10px; }
    .subTitle{ font-size: 1.1em; }
  }
  
  @media screen and (max-width: 460px) {
  .br{ display: none; }
  #web .vote li a i { top: 0; }
  }

  @media screen and (max-width: 375px) {
 .seminarBtn {  width: 100%!important; margin-bottom:4%!important}
 .seminarBtn .brnone{ display: none!important; }
}