header {background-color: #006699;color:#ffffff;}
header a {color:#ffffff}

#header_index {height:16em;width:100%;display:flex;flex-direction:column;justify-content: center;align-items: center;
background-image:url("images/header.jpg");
   background: linear-gradient( 130deg, rgba(255, 255, 255, 0.8), rgba(150, 200, 255, 0.6)),
   url(../images/header.jpg)no-repeat center 10%;
   background-size: cover;
  text-shadow:#fff 1px 2px 3px;color:#000}
#header_index h1 {margin-bottom:0;}

#contents {max-width: 1080px;padding: 1em 2em;}
#contents a {color:#0000ff}
#contents div {margin:1.5em 0}


#contents section h1 {
   width: 100%;
   margin:0 0 1em 0;
   padding: 1em 0;
   text-align: center;
   white-space: nowrap;
   background: linear-gradient( 130deg, rgba(255, 255, 255, 0.8), rgba(150, 200, 255, 0.6)),
   url(../images/header.jpg)no-repeat center 10%;
   background-size: cover;
}


#index_list {padding:0.5em 0 2em 0;}
#index_list ul {margin-top:1em}
#index_list li ul {margin-top: 0.5em;}
#index_list li {margin:0 1em 0.5em 0;padding:0.2em 0;list-style-type: none;border-bottom: 1px #cccccc dashed;}
#index_list li::before {content:"\02b1c";margin-right:0.5em;color:#3498db;}
#index_list li ul li {border: none;margin: 0;list-style-type: circle;}
#index_list li ul li::before {content:none}

h4 {font-size:medium}


.op {cursor : pointer;}
.op:before {content:"\01f53b";color:#006699}
.op:hover:before{color:#62b0ff;position:relative;top:1px}
.committee div {display:none}
.close::before {content:"\01f53a";}



.committee {padding-bottom: 1em;}
.committee p {margin:0 0 0.8em 0;padding: 0.5em;}

#index_list h3,.committee h3  {
  position: relative;
  padding: 0.7em 1em 0.7em 1.5em;letter-spacing:0.1em;
  border: 1px solid #ccc;
  border-top: 3px solid #3498db;
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}

.committee h4  {
  position: relative;
  padding: 0 .5em .5em 2em;
  border-bottom: 1px solid #cccccc;
  color: #4d4d4d;
}
.committee h4::before,.committee h4::after
 {
  position: absolute;
  content: '';
  border-radius: 100%
}
.committee h4::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(0, 64, 128, .5);
}
.committee h4::after {
  top: .6em;
  left: .6em;
  width: 14px;
  height: 14px;
  background: rgba(128, 255, 255, .5);
}

#att {padding:0.5em 1em;border:3px #cccccc dotted;}
#att h4 {margin:0;color:#006699}
#att h4::before {content:"\025cf";padding-right:0.2em}

.tri {list-style-type: none;}
.tri a::before {content:"\025b6\0020"}


.kaken {padding:1em;background-color: #efefef;}
.kaken p {display: flex;}
.kaken img {margin-right: 1em;}
em {font-style:normal;border-bottom:1px #454545 dashed}


.fs86 {font-size:0.86em}
.fs90 {font-size:0.9em}
.rt {text-align: right;padding-right: 0.5em;}

/* sub */
.figlist h2,.figlist h3
 {border-bottom:2px #3498db solid;margin:0.5em 0 1.5em 0;}
.figlist h2::before,.figlist h3::before
 {content:"\02b1c";margin-right:0.5em;color:#3498db;}
.figlist table {width:100%;margin:1em auto;border:1px #8a8a8a solid}
.figlist td, .figlist th{padding:0.2em 0.5em;border:1px #8a8a8a solid;vertical-align:middle;}
.figlist th {background-color:#cccccc}





@media screen and (max-width: 680px) { 
#contents {padding: 1em;}
#header_index h1 {font-size:1.2em}
 }