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

.bl{ display: none;}
.head_copy{ margin: 0; position: relative;}
.head_copy::after{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.15); }
.head_copy .mb{ padding: 6.0rem 0; position: relative; z-index: 1;}
.head_copy h2{ color: #fff; font-size: 192%; font-weight: 800; text-align: center; line-height: 1.5; text-shadow: 0 0 0.5rem rgba(0,0,0,0.8);}
.head_copy p{ font-size: 116%; text-align: center; line-height: 1.5; color: #FFFFFF; font-weight: 400; text-shadow: 0 0 0.5rem rgba(0,0,0,0.8);}
@media screen and ( max-width: 480px ) {
  .head_copy h2{ color: #fff; font-size: 156%;}
  .head_copy p{ font-size: 108%;}
}

.section_donate{}
.section_donate .mb{ display: flex; gap: 1.0em 4%; flex-wrap: wrap;}
.section_donate article{ margin: 0; flex: 0 0 48%;}
.section_donate article *{ margin-top: 0;}
.section_donate a{ text-decoration:none; color: #000000; color: #FFFFFF; text-align: center; text-shadow: 0 0 0.5rem rgba(0,0,0,0.8); height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;  border-radius: 0.5em; padding: 1.0em; box-shadow: 3px 3px 3px rgba(0,0,0,0.5);}
.section_donate a:hover{ filter: hue-rotate(-15deg); }
.section_donate .tax a{ background: #b2cf00;}
.section_donate .donate a{ background: #f39800;}
.section_donate a h3{ font-weight: bold; font-size: 136%;}
@media screen and ( max-width: 480px ) {
  .section_donate article{ flex: 0 0 100%;}
}

.ct_nav{ background: #efefef;}
.ct_nav .mb{ display: flex; flex-wrap:wrap; justify-content: center; gap: 0.5em 2%;}
.ct_nav article{ margin: 0; flex: 0 0 18.4%;}
.ct_nav a{ display: block; padding: 0.7em; height: 100%; border: solid 3px #f39800; background: #FFFFFF; color: #000; text-decoration: none;}
.ct_nav a:hover{ filter: hue-rotate(-30deg);}
.ct_nav figure{ display: block; margin: 0; padding: 66.66% 0 0 0; background: no-repeat center center / contain;}
.ct_nav h3{ margin: 1.0em 0 0 0; padding: 0; font-size: 86%; font-weight: bold;text-align: center; line-height: 1.5;}
.ct_nav a.jyosei{ border-color: #b2cf00;}
.ct_nav a.support{ border-color: #00b5ed;}
.ct_nav a.about{ border-color: #ee8eac;}
.ct_nav a.kpec{ border-color: #f39800;}
@media screen and ( max-width: 480px ) {
  
  .ct_nav figure{ padding: 56.25% 0 0 0;}
  .ct_nav h3{ line-height: 1.2;}
  .ct_nav article{ flex: 0 0 32%;}
  .ct_nav article:nth-child(1),
  .ct_nav article:nth-child(2){ flex: 0 0 49%;}
}

/*
.section_info .items{ margin: 0;}
.section_info article{ margin: 0; padding: 1.0em 0; border-bottom: solid 1px #CCCCCC; display: flex; flex-wrap: wrap;}
.section_info article *{ margin-top: 0;}
.section_info time{ display: block; font-size: 86%;}
.section_info h3{ margin: 0 0 0 1.5em; color: #FFFFFF; align-self: center;}
.section_info h3 a{}
.section_info p{ font-size: 86%; line-height: 1.5;  margin: 0.7em 0 0 2.0em;}

@media screen and ( max-width: 480px ) {
  .section_info h3{ margin: 0.5em 0 0 0;}
  .section_info p{ margin: 0.5em 0 0 0;}
}
*/

.section_info .items{ display: flex; gap: 2.0em 4%; flex-wrap: wrap;}
.section_info article{ flex: 0 0 30.6%; line-height: 1.5;}
.section_info a{ display: block; color: #000000; text-decoration: none;}
.section_info figure{ margin: 0; padding: 66.66% 0 0 0; background: no-repeat center center / cover;}
.section_info time{ margin: 0.3rem 0 0 0; display: block; font-size: 86%; color: #333333;}
.section_info h3{ margin: 0rem 0 0 0; font-size: 100%; font-weight: bold; line-height: 1.5;}
.section_info p{ margin: 0.3rem 0 0 0; font-size: 86%;}
@media screen and ( max-width: 480px ) {
  .section_info article{ flex: 0 0 100%;}
}


.section_member{ margin:0; padding: 0; background: rgba(34,172,56,0.05);}

.section_bnr{}
.section_bnr ul{ display: flex; justify-content: center; gap: 0 3%; flex-wrap: wrap;}
.section_bnr li{ flex: 0 0 22%;}
@media screen and ( max-width: 480px ) {
  .section_bnr li{ flex: 0 0 48.5%;}
}