@charset "UTF-8";
/**
 * 変数
 */
/**
 * color
 * ---------------------------
 */
/**
 * コンテンツ幅
 * ---------------------------
 */
/**
 * font famiry
 * ---------------------------
 */
/*
search
---------------------------*/
#search .wrap {
  padding-bottom: 30px;
}
#search .title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid #006C3C;
}
#search .title h2 {
  font-size: min(8vw, 30px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #006C3C;
}
#search .title h2 span {
  margin-left: 5px;
  font-size: min(6vw, 22px);
  font-weight: 700;
  color: #333333;
}
#search form .input__wrap {
  position: relative;
  max-width: 600px;
}
#search form .input__wrap input {
  padding: 10px 40px 10px 15px;
  -webkit-box-shadow: 10px 10px 0 #E3EFE8;
          box-shadow: 10px 10px 0 #E3EFE8;
}
#search form .input__wrap .btn__wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  width: 20px;
  height: 20px;
}
#search form .input__wrap .btn__wrap button {
  padding: 0;
}
@media (min-width: 769px) {
  #search .title {
    margin: 0 auto 30px;
  }
  #search .title h2 {
    font-size: min(5vw, 50px);
  }
  #search .title h2 span {
    margin-left: 10px;
    font-size: min(3.5vw, 34px);
  }
  #search form .input__wrap input {
    padding: 10px 55px 10px 20px;
  }
  #search form .input__wrap .btn__wrap {
    right: 20px;
    width: 24px;
    height: 24px;
  }
}

/*
news-list
---------------------------*/
#news-list .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#news-list .tab .btn.all a, #news-list .tab .btn.all button {
  color: #303030;
  border-bottom: 1px solid #303030;
}
#news-list .tab .btn.news a, #news-list .tab .btn.news button {
  color: #006221;
  border-bottom: 1px solid #006221;
}
#news-list .tab .btn.mail a, #news-list .tab .btn.mail button {
  color: #731811;
  border-bottom: 1px solid #731811;
}
#news-list .tab .btn.active a, #news-list .tab .btn.active button, #news-list .tab .btn:hover a, #news-list .tab .btn:hover button {
  color: #ffffff;
}
#news-list .tab .btn.active.all a, #news-list .tab .btn.active.all button, #news-list .tab .btn:hover.all a, #news-list .tab .btn:hover.all button {
  background: #303030;
}
#news-list .tab .btn.active.news a, #news-list .tab .btn.active.news button, #news-list .tab .btn:hover.news a, #news-list .tab .btn:hover.news button {
  background: #006221;
}
#news-list .tab .btn.active.mail a, #news-list .tab .btn.active.mail button, #news-list .tab .btn:hover.mail a, #news-list .tab .btn:hover.mail button {
  background: #731811;
}
#news-list .tab .btn a, #news-list .tab .btn button {
  width: 100%;
  padding: 5px 19.5px;
  font-size: min(4vw, 14px);
  font-weight: 500;
  line-height: 1.4;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
#news-list .news__list {
  margin-top: 40px;
}
#news-list .news__list .news__wrap {
  padding-bottom: 16px;
  border-bottom: 1px dashed #C3C3C3;
}
#news-list .news__list .news__wrap + .news__wrap {
  padding-top: 20px;
}
#news-list .news__list .news__wrap .news__title .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 10px;
}
#news-list .news__list .news__wrap .news__title .label .category {
  padding: 8px 12px;
  font-size: min(4vw, 14px);
  font-weight: 500;
  color: #ffffff;
}
#news-list .news__list .news__wrap .news__title .label .category.news {
  background: #006221;
}
#news-list .news__list .news__wrap .news__title .label .category.mail {
  background: #731811;
}
#news-list .news__list .news__wrap .news__title .label .member {
  font-size: min(4.5vw, 16px);
  font-weight: 700;
  color: #731811;
}
#news-list .news__list .news__wrap .news__title .label .date {
  font-size: min(4.5vw, 16px);
  line-height: 1.3;
}
#news-list .news__list .news__wrap .news__title .title {
  margin-top: 10px;
}
#news-list .news__list .news__wrap .news__title .title a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#news-list .news__list .news__wrap .news__title .title a p {
  text-decoration: underline;
}
#news-list .news__list .news__wrap .news__title .title p {
  font-size: min(4.8vw, 17px);
  font-weight: 500;
  line-height: 1.6;
  text-decoration: none;
  text-wrap: pretty;
}
#news-list .news__list .news__wrap .news__title .title p .img__wrap {
  display: inline-block;
  margin-left: 5px;
}
#news-list .news__list .news__wrap .news__title .title p .img__wrap.pdf {
  width: 25px;
}
#news-list .news__list .news__wrap .news__title .title p .img__wrap.external {
  width: 28px;
}
#news-list .news__list .news__wrap .news__detail {
  margin-top: 10px;
}
#news-list .news__list .news__wrap .news__detail > p {
  font-size: min(4.5vw, 16px);
  line-height: 1.6;
}
#news-list .pagenation {
  margin-top: 40px;
}
#news-list .pagenation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 10px;
}
#news-list .pagenation ul li {
  width: 33%;
  max-width: 50px;
  aspect-ratio: 25/23;
}
#news-list .pagenation ul li:has(.prev), #news-list .pagenation ul li:has(.next), #news-list .pagenation ul li:has(.prev2), #news-list .pagenation ul li:has(.next2) {
  display: none;
}
#news-list .pagenation ul li a,
#news-list .pagenation ul li p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 15px;
  font-weight: 700;
  color: #006C3C;
  border: 2px solid #006C3C;
  border-radius: 10px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
#news-list .pagenation ul li a:hover,
#news-list .pagenation ul li p:hover {
  color: #ffffff;
  background: #006C3C;
}
#news-list .pagenation ul li a:hover.prev::after, #news-list .pagenation ul li a:hover.next::after,
#news-list .pagenation ul li p:hover.prev::after,
#news-list .pagenation ul li p:hover.next::after {
  border-right: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
}
#news-list .pagenation ul li a:hover.prev2::before, #news-list .pagenation ul li a:hover.next2::before,
#news-list .pagenation ul li p:hover.prev2::before,
#news-list .pagenation ul li p:hover.next2::before {
  border-right: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
}
#news-list .pagenation ul li a:hover.prev2::after, #news-list .pagenation ul li a:hover.next2::after,
#news-list .pagenation ul li p:hover.prev2::after,
#news-list .pagenation ul li p:hover.next2::after {
  border-right: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
}
#news-list .pagenation ul li a {
  cursor: pointer;
}
#news-list .pagenation ul li p {
  color: #ffffff;
  background: #006C3C;
}
@media (min-width: 769px) {
  #news-list .tab .btn a, #news-list .tab .btn button {
    width: 100%;
    padding: 10px 30px;
    font-size: min(2vw, 18px);
  }
  #news-list .news__list {
    margin-top: 60px;
  }
  #news-list .news__list .news__wrap {
    padding-bottom: 20px;
  }
  #news-list .news__list .news__wrap .news__title .label {
    gap: 0 20px;
  }
  #news-list .news__list .news__wrap .news__title .label .category {
    padding: 10px 20px;
    font-size: min(1.8vw, 16px);
  }
  #news-list .news__list .news__wrap .news__title .label .member {
    font-size: min(1.8vw, 16px);
  }
  #news-list .news__list .news__wrap .news__title .label .date {
    font-size: min(2vw, 18px);
  }
  #news-list .news__list .news__wrap .news__title .title p {
    font-size: min(2.2vw, 20px);
  }
  #news-list .news__list .news__wrap .news__title .title p .img__wrap {
    margin-left: 10px;
  }
  #news-list .news__list .news__wrap .news__title .title p .img__wrap.pdf {
    width: 30px;
  }
  #news-list .news__list .news__wrap .news__title .title p .img__wrap.external {
    width: 34px;
  }
  #news-list .news__list .news__wrap .news__detail > p {
    font-size: min(2vw, 18px);
  }
  #news-list .pagenation {
    margin-top: 60px;
  }
  #news-list .pagenation ul {
    gap: 0 10px;
  }
  #news-list .pagenation ul li {
    width: 50px;
  }
  #news-list .pagenation ul li:has(.prev), #news-list .pagenation ul li:has(.next), #news-list .pagenation ul li:has(.prev2), #news-list .pagenation ul li:has(.next2) {
    display: block;
  }
  #news-list .pagenation ul li a,
  #news-list .pagenation ul li p {
    font-size: 16px;
  }
  #news-list .pagenation ul li a:hover,
  #news-list .pagenation ul li p:hover {
    color: #ffffff;
    background: #006C3C;
  }
  #news-list .pagenation ul li a:hover.prev::after, #news-list .pagenation ul li a:hover.next::after,
  #news-list .pagenation ul li p:hover.prev::after,
  #news-list .pagenation ul li p:hover.next::after {
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
  }
  #news-list .pagenation ul li a:hover.prev2::before, #news-list .pagenation ul li a:hover.next2::before,
  #news-list .pagenation ul li p:hover.prev2::before,
  #news-list .pagenation ul li p:hover.next2::before {
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
  }
  #news-list .pagenation ul li a:hover.prev2::after, #news-list .pagenation ul li a:hover.next2::after,
  #news-list .pagenation ul li p:hover.prev2::after,
  #news-list .pagenation ul li p:hover.next2::after {
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
  }
  #news-list .pagenation ul li a.prev, #news-list .pagenation ul li a.next,
  #news-list .pagenation ul li p.prev,
  #news-list .pagenation ul li p.next {
    position: relative;
  }
  #news-list .pagenation ul li a.prev::after, #news-list .pagenation ul li a.next::after,
  #news-list .pagenation ul li p.prev::after,
  #news-list .pagenation ul li p.next::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border-right: 3px solid #006C3C;
    border-bottom: 3px solid #006C3C;
  }
  #news-list .pagenation ul li a.prev::after,
  #news-list .pagenation ul li p.prev::after {
    left: 5px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  #news-list .pagenation ul li a.next::after,
  #news-list .pagenation ul li p.next::after {
    right: 5px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  #news-list .pagenation ul li a.prev2, #news-list .pagenation ul li a.next2,
  #news-list .pagenation ul li p.prev2,
  #news-list .pagenation ul li p.next2 {
    position: relative;
  }
  #news-list .pagenation ul li a.prev2::before, #news-list .pagenation ul li a.prev2::after, #news-list .pagenation ul li a.next2::before, #news-list .pagenation ul li a.next2::after,
  #news-list .pagenation ul li p.prev2::before,
  #news-list .pagenation ul li p.prev2::after,
  #news-list .pagenation ul li p.next2::before,
  #news-list .pagenation ul li p.next2::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border-right: 3px solid #006C3C;
    border-bottom: 3px solid #006C3C;
  }
  #news-list .pagenation ul li a.prev2::before,
  #news-list .pagenation ul li p.prev2::before {
    left: 25px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  #news-list .pagenation ul li a.prev2::after,
  #news-list .pagenation ul li p.prev2::after {
    left: 16px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  #news-list .pagenation ul li a.next2::before,
  #news-list .pagenation ul li p.next2::before {
    right: 23px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  #news-list .pagenation ul li a.next2::after,
  #news-list .pagenation ul li p.next2::after {
    right: 14px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  #news-list .pagenation ul li a {
    cursor: pointer;
  }
  #news-list .pagenation ul li p {
    color: #ffffff;
    background: #006C3C;
  }
}/*# sourceMappingURL=news.css.map */