@charset "UTF-8";
/*--------------------------------------------
LIST POSTS
---------------------------------------------*/
.list-posts > li + li{
      border-top-style: solid;
      border-top-color: #dcd5d5;
    }
.list-posts > li > a{
      display: grid;
    }
.list-posts picture{
    width: 100%;
  }
.list-posts picture img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.list-posts .tags{
    display: flex;
    flex-wrap: wrap;
  }
.list-posts .tags > li:not(.accepting){
      display: grid;
      place-items:center;
      color:#fff;
      text-align: center;
      letter-spacing: .05em;
      text-indent: .05em;
      background: var(--bg);
    }
.list-posts .title{
    font-weight: 900;
    letter-spacing: 0.05em;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    line-height: 1.2;
  }
.list-posts .excerpt{
    letter-spacing: 0.05em;
  }
.list-posts .excerpt > *{
      letter-spacing: 0.05em;
    }
@media screen and (max-width: 750px ){
      .list-posts > li + li{
        margin-top: calc( ( 68 - 8.4 ) var(--remBase) );
        padding-top: calc( 68 var(--remBase) );
        border-top-width: calc( 4 var(--remBase) );
      }
      .list-posts > li > a{
        grid-template-columns: calc( 200 var(--percentBase) ) 1fr;
        grid-template-rows: auto calc( ( 23 - 4 ) var(--remBase) ) auto 1fr calc( ( 29 - 8.4 ) var(--remBase) ) auto;
        column-gap: calc( 9 var(--percentBase) );
      }
    .list-posts picture{
      grid-row:1/5;
      grid-column: 1;
      height: calc( 200 var(--remBase) );
    }
    .list-posts .tags{
      grid-row: 1;
      grid-column: 2;
      column-gap: calc( 10 * 100% / 493 );
      row-gap: calc( 8 var(--remBase) );
    }
      .list-posts .tags > li:not(.accepting){
        font-size: 2.2rem;
        height: calc( 36 var(--remBase) );
        min-width: calc( 132 * 100% / 493 );
        padding-inline: calc( 12 var(--remBase) );
      }
      .list-posts .tags .accepting{
        margin-top: calc( -12 var(--remBase) );
      }
        .list-posts .tags .accepting img{
          height: calc( 48 var(--remBase) );
        }
    .list-posts .title{
      font-size: 4rem;
      line-height: 1.2;
      text-underline-offset: calc( 8 var(--remBase) );
      grid-row:3;
      grid-column:2;
    }
    .list-posts .excerpt{
      grid-row:6;
      grid-column:1/3;
      font-size: calc( 24 var(--remBase) );;
      line-height: calc( 40.8 / 24 );;
    }
      .list-posts .excerpt > *{
        font-size: calc( 24 var(--remBase) );;
        line-height: calc( 40.8 / 24 );;
      }
  }
@media print,screen and (min-width: 750.02px ){
      .list-posts > li + li{
        border-top-width: 1px;
      }
      .list-posts > li > a{
        align-items: start;
        column-gap: calc( 20 var(--percentBase) );
      }
    .list-posts picture{
      grid-column: 1;
      align-self: start;
      grid-row: 1/7;
      height: calc( 230 var(--remBase) );
    }
    .list-posts .tags{
      grid-column: 2;
      grid-row: 1;
      row-gap: calc( 5 var(--remBase) );
    }
      .list-posts .tags > li:not(.accepting){
        font-size: 1.4rem;
        height: calc( 25 var(--remBase) );
        padding-inline: calc( 18 var(--remBase) );
      }
      .list-posts .tags .accepting{
        margin-top: calc( -13 var(--remBase) );
      }
        .list-posts .tags .accepting img{
          height: calc( 38 var(--remBase) );
        }
    .list-posts .title{
      grid-column: 2;
      grid-row: 3;
      line-height: 1.5;
      font-size: 2.6rem;
      text-underline-offset: calc( 10 var(--remBase) );
    }
    .list-posts .excerpt{
      grid-column: 2;
      grid-row: 5/7;
      font-size: calc( 16 var(--remBase) );;
      line-height: 1.7;
    }
      .list-posts .excerpt > *{
        font-size: calc( 16 var(--remBase) );;
        line-height: 1.7;
      }
  }
@media screen and (min-width: 750.02px ) and (max-width: 1240px ){
      .list-posts > li + li{
        margin-top: calc( ( 31 - 5.6 ) var(--remBase) );
        padding-top: calc( 31 var(--remBase) );
      }
      .list-posts > li > a{
        grid-template-columns: calc( 180 var(--percentBase) ) 1fr;
        grid-template-rows: auto calc( ( 8 - 2.6 ) var(--remBase) ) auto calc( 10 var(--remBase) ) auto 1fr;
      }
    .list-posts picture{
      height: calc( 180 var(--remBase) );
    }
    .list-posts .tags{
      column-gap: calc( 5 * 100% / 1000 );
    }
      .list-posts .tags > li:not(.accepting){
        min-width: calc( 100 * 100% / 1000 );
      }
  }
@media print,screen and (min-width: 1240.02px ){
      .list-posts > li + li{
        margin-top: calc( ( 41 - 5.6 ) var(--remBase) );
        padding-top: calc( 41 var(--remBase) );
      }
      .list-posts > li > a{
        grid-template-columns: calc( 230 var(--percentBase) ) 1fr;
        grid-template-rows: auto calc( ( 11 - 2.6 ) var(--remBase) ) auto calc( 10 var(--remBase) ) auto 1fr;
      }
    .list-posts picture{
      height: calc( 230 var(--remBase) );
    }
    .list-posts .tags{
      column-gap: calc( 5 * 100% / 910 );
    }
      .list-posts .tags > li:not(.accepting){
        min-width: calc( 100 * 100% / 910 );
      }
  }
@media (hover: hover){
    .list-posts a{
      transition:  opacity var(--transitionBase);
    }
    .list-posts .title{
      transition: text-decoration-color var(--transitionBase);
    }
    .list-posts li a:hover{
      opacity: .8;
    }
      .list-posts li a:hover .title{
        text-decoration-color: transparent;
      }
}
/*--------------------------------------------
NEWS
---------------------------------------------*/
@media screen and (max-width: 750px ){
#news{
    padding-top: calc( 63 var(--remBase) );
    padding-bottom: calc( ( 51 - 8.4 ) var(--remBase) )
}
  }
@media screen and (min-width: 750.02px ) and (max-width: 1240px ){
#news{
    padding-top: calc( 70 var(--remBase) );
    padding-bottom: 30px;
}
  }
@media print,screen and (min-width: 1240.02px ){
#news{
    padding-top: 50px;
    padding-bottom: 30px;
}
  }
/*--------------------------------------------
ACTIVITIES
---------------------------------------------*/
@media screen and (max-width: 750px ){
#activities{
    padding-top: calc( 49 var(--remBase) );
    padding-bottom: calc( ( 51 - 8.4 ) var(--remBase) )
}
  }
@media screen and (min-width: 750.02px ) and (max-width: 1240px ){
#activities{
    padding-top: calc( 70 var(--remBase) );
    padding-bottom: calc( ( 128 - 5.6 ) var(--remBase) )
}
  }
@media print,screen and (min-width: 1240.02px ){
#activities{
    padding-top: 74px;
    padding-bottom: calc( 238px - 5.6px )
}
  }
.searchYears{
  display: grid;
  justify-content: end;
  align-items: center;
}
.searchYears label{
    letter-spacing: 0.05em;
    font-weight: 700;
  }
.searchYears .selectWrapper{
    letter-spacing: 0.05em;
    font-weight: 700;
    font-weight: 700;
    position: relative;
  }
.searchYears .selectWrapper:after{
      content:"";
      display: block;
      height: 100%;
      aspect-ratio: 1;
      top: 0;
      right: 0;
      position: absolute;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      pointer-events: none;
    }
.searchYears select{
    appearance: none;
    width: 100%;
    height: 100%;
    background-color: #efeeed;
  }
.pastarchives{
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	margin-top: 1em;
  }
@media screen and (max-width: 750px ){
.searchYears{
    grid-template-columns: auto calc( 202 var(--percentBase) );
    column-gap: calc( 23 var(--percentBase) )
}
    .searchYears label{
      font-size: 2.6rem;
    }
    .searchYears .selectWrapper{
      height: calc( 50 var(--remBase) );
    }
      .searchYears .selectWrapper:after{
        background-image: url("../images/ui/button/down01_sp.svg");
      }
    .searchYears select{
      font-size: 2.6rem;
      padding-inline: calc( 28 * 100% / 202 );
    }
	 .pastarchives a{
		font-size: 2.2rem;
	}
  }
@media print,screen and (min-width: 750.02px ){
.searchYears{
    grid-template-columns: auto calc( 160 var(--percentBase) );
    column-gap: calc( 19 var(--percentBase) )
}
    .searchYears label{
      font-size: 1.8rem;
    }
    .searchYears .selectWrapper{
      height: calc( 40 var(--remBase) );
    }
      .searchYears .selectWrapper:after{
        background-image: url("../images/ui/button/down01_pc.svg");
      }
    .searchYears select{
      font-size: 1.8rem;
      padding-inline: calc( 19 * 100% / 160 );
    }
	 .pastarchives a{
      font-size: 1.4rem;
	}
  }
.list-years > li > h2{
      text-align: center;
      letter-spacing: .05em;
      text-indent: .05em;
      font-weight: 900;
    }
.list-years > li > h2:after{
        content:"";
        display: block;
        margin-inline: auto;
        background: url("../images/ui/bg/wave01.webp") center / contain no-repeat;
        font-size: 0;
      }
@media screen and (max-width: 750px ){
.list-years{
    padding-top: calc( 94 var(--remBase) );
    padding-bottom: calc( ( 51 - 8.4 ) var(--remBase) )
}
      .list-years > li + li{
        margin-top: calc( ( 262 - 5.6 ) var(--remBase) )
      }
      .list-years > li > h2{
        font-size: 6rem;
      }
        .list-years > li > h2:after{
          margin-top: calc( 27 var(--remBase) );
          width: calc( 600 var(--percentBase) );
          height: calc( 28 var(--remBase) );
        }
    .list-years .list-posts{
      margin-top: calc( 55 var(--remBase) );
    }
  }
@media screen and (min-width: 750.02px ) and (max-width: 1240px ){
.list-years{
    padding-top: calc( 68 var(--remBase) );
    padding-bottom: calc( ( 128 - 5.6 ) var(--remBase) )
}
      .list-years > li + li{
        margin-top: calc( ( 158 - 5.6 ) var(--remBase) )
      }
      .list-years > li > h2{
        font-size: 4rem;
      }
        .list-years > li > h2:after{
          margin-top: calc( 38 var(--remBase) );
          width: calc( 600 var(--percentBase) );
          height: calc( 28 var(--remBase) );
        }
    .list-years .list-posts{
      margin-top: calc( 34 var(--remBase) );
    }
  }
@media print,screen and (min-width: 1240.02px ){
.list-years{
    padding-top: 70px;
    padding-bottom: 30px;
}
      .list-years > li + li{
        margin-top: calc( 243px - 5.6px );
      }
      .list-years > li > h2{
        font-size: 4rem;
      }
        .list-years > li > h2:after{
          margin-top: 38px;
          width: 600px;
          height: 28px;
        }
    .list-years .list-posts{
      margin-top: 43px;
    }
  }