@charset "utf-8";
.btnBlank{
  padding-left:15px;
  background:url("../../images/icn_arrow01.png") no-repeat left center;
}
.btnBlank a{
  padding-right:20px;
  background:url("../../images/icn_target_blnk.gif") no-repeat right center;
}
/*--------------------------------------------------------outline*/
.secOutline{
  max-width:1200px;
  margin:0 auto 100px;
}
.secOutline .txtOutline{
  margin:0 auto 30px;
}
@media(max-width:767px){
  .secOutline{
    margin:0 auto 10px;
  }
  
}
/*-----------------------------------------------------message*/
.secMessage{
}
.boxMessage{
  max-width:1200px;
  margin:auto;
  display: flex;
  align-items: flex-start;
}
.boxMessage dl{
  display: flex;
  flex-direction:column-reverse;
  width:22%;
  max-width:260px;
  margin-right:45px;
}
.boxMessage dt{
  text-align: center;
}
.boxMessage dd{
  width:100%;
  margin-bottom:10px;
}
.blockMessage{
  width:calc(100% - 22% - 45px);
}
.blockMessage p{
  margin-bottom:1rem;
  line-height: 2;
  letter-spacing: 0.1em;
}
@media(max-width:768px){
  .boxMessage{
      flex-direction: column;
  }
  .boxMessage dl{
    width:100%;
    max-width:none;
    margin:0 0 20px 0;
  }
  .boxMessage dd{
    width:70%;
    margin:0 auto 10px;
  }
  .boxMessage dd img{
    width:100%;
  }
  .blockMessage{
    width:100%;
  }

  
  
}

/*-----------------------------------------------------organization&members*/
.boxOrg{
  display:flex;
}
.btnDetail a{
  display: block;
  padding:15px 15px 12px 24px;
  background:url("../images/arrow01.png") no-repeat 120px 50% rgba(225,225,225,0.8);
  transition: 0.2s
}
.btnDetail a:hover{
  background:url("../images/arrow01.png") no-repeat 120px 50% rgba(255,255,255,0.7);
  text-decoration: none;
}

/*--------------------------------------------------------members*/
.blockMember table{
  border-collapse: collapse;
  width:100%;
}
.blockMember th,.blockMember td{
  padding:6px 10px;
  border:1px solid #ccc;
  background:#fff;
  text-align: center;
}
.blockMember th{
  background:#f8e3e3;
}
.blockMember th:nth-child(1){width:20%;}
.blockMember th:nth-child(2){width:20%;}
.blockMember th:nth-child(3){width:20%;}
.blockMember tr:nth-child(even) td{
  background:#eee;
}
/*--------------------------------------------------------bylaw*/
.secBylaw h3{
  font-size:3rem;
  text-align: center;
}
.historyBylaw{
  margin-bottom:100px;
}
.historyBylaw li{
  text-align:right;
}
.blockBylaw{
  margin-bottom:60px;
}
.blockBylaw h4{
  font-weight:bold;
  font-size:2.4rem;
  text-align: center;
}
.blockBylaw dl{
  display: flex;
  margin-bottom:20px;
}
.blockBylaw dt{
  width:5em;
  font-weight: bold;
}
.blockBylaw dd{
  width:calc(100% - 5em);
}
.blockBylaw p>span{
  padding-right:1em;
  font-weight: bold;
}
.blockBylaw table{
  width:50%;
  border-collapse: collapse;
}
.blockBylaw table td,.blockBylaw table th{
  padding:10px;
  border:1px solid #bbb;
  background:#eee;
}
.blockBylaw table th{
  background:#ddd;
}
.blockBylaw ol ul{
  margin-left:3em;
}

@media(max-width:768px){
  .secBylaw h3{
    font-size:2rem;
  }
  .blockBylaw:last-child{
    margin-bottom:0;
  }
  .blockBylaw dl{
    flex-direction:column;
  }
  .blockBylaw dd{
    width:100%;
    text-align: justify;
  }
  .blockBylaw table{
    width:100%;
  }
}

/*--------------------------------------------------------history*/
.subHeadline{
	font-size:2.0rem;
}
.blockHistory{
	margin-bottom:50px;
}
.blockHistory:last-child{
	margin-bottom:0;
}
.blockHistory dl{
  display:flex;
  flex-wrap: wrap;
  border:1px solid #999;
}
.blockHistory dt{
  box-sizing:border-box;
  min-width:250px;
  padding:5px 15px;
  border-top:1px solid #999;
  border-right:1px solid #999;
  background:#fff;
}
.blockHistory dt span{
  width:6rem;
}
.times{
  display: inline-block;
  width:6rem;
  margin-right:10px;
}
.date{
  display:inline;
}
.blockHistory dt br{
  display:none;
}
.blockHistory dd{
  box-sizing:border-box;
  width:calc(100% - 250px);
  padding:5px 15px;
  border-top:1px solid #999;
  background:#fff;
}
.blockHistory dt:nth-of-type(odd),.blockHistory dd:nth-of-type(odd){
  background:#eee;
}
.blockHistory dt:first-child{
  border:none;
  border-right:1px solid #999;
  text-align: center;
  font-weight: bold;
  letter-spacing:0.5em;
}
.blockHistory dd:nth-of-type(1){
  border:none;
  text-align: center;
  font-weight: bold;
  letter-spacing:0.5em;
}
@media(max-width:767px){
  .blockHistory dt br{
    display:inline;
  }
  .blockHistory dt{
    display:flex;
    width:46%;
    min-width:inherit;
    padding:3px 8px;
  }
  .times{
    display:inline;
    width:5.2em;
    margin-right:8px;
  }
  .date{
    display:inline;
    width:54%!important;
  }
  .blockHistory dd{
    width:54%;
    padding:3px 8px;
  }
}


/*--------------------------------------------------------fee*/

.blockDonation{
  margin-bottom:50px;
  padding:10px;
  background:#fff;
  border:1px solid #CDC1A3 
}
.flex{
  display: flex;
}
.blockDonation h4{
  margin-bottom:5px;
}