@charset "utf-8";



.notice h2{
    font-size: 2rem;
    padding-bottom: 1.4rem;
    border-bottom: 2px solid var(--secondary-color);
    color: var(--main-color);
    font-family: var(--serif);
}
.notice h2 a{
    color: var(--main-color);
    font-weight: 900;
    transition: all 0.35s;
}
.notice h2 a:hover{color: var(--secondary-color)}
.notice h2 a img{
    transition: all 0.35s;
}
.notice h2 a:hover img{
    transform: rotate(90deg);
}

.notice  ul li{
    padding: 1.3rem 0;
    border-bottom: 1px solid var(--font-light-color2);
}
.notice  ul li .tit{flex-grow: 1;}
.notice  ul li .tit a{
    color: var(--main-color);
    transition: all 0.3s;
}
.notice  ul li .tit a:hover{
  padding-left: 4rem;
}

.notice  ul li .date{
    font-size: 1.4rem;
   color:  var(--font-light-color);
}