/*------------------------------------------------------------
	BASE
------------------------------------------------------------*/
/*------------------------------------------------------------
	COLOR
------------------------------------------------------------*/
/*------------------------------------------------------------
	FONT
------------------------------------------------------------*/
/*------------------------------------------------------------
	FUNCTION
------------------------------------------------------------*/
/*------------------------------------------------------------
	MIXIN
------------------------------------------------------------*/
/*------------------------------------------------------------
	NEWS
------------------------------------------------------------*/
.news {
  background: #FAECDF;
  color: #331F07;
  /*------------------------------
      DETAIL
  ------------------------------*/
}
.news_wrap {
  padding: 0 5.0890585242vw 71.2468193384vw 17.8117048346vw;
}
@media screen and (min-width: 768px) {
  .news_wrap {
    padding: 0 5.5555555556vw 16.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .news_wrap .inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.news_title {
  padding: 38.1679389313vw 0 17.8117048346vw 6.6157760814vw;
}
@media screen and (min-width: 768px) {
  .news_title {
    padding: 10.4166666667vw 0 6.25vw 10.5555555556vw;
  }
}
.news_title h1 img {
  width: 41.7302798982vw;
}
@media screen and (min-width: 768px) {
  .news_title h1 img {
    width: 17.5vw;
  }
}
.news_navi {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5445292621vw;
  padding: 0 6.106870229vw 10.1781170483vw;
}
@media screen and (min-width: 768px) {
  .news_navi {
    position: sticky;
    top: 17.3611111111vw;
    left: 0;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 1.3888888889vw;
    will-change: transform;
    padding: 2.0833333333vw 0 0;
    flex: 1;
  }
}
.news_navi_item a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4.0712468193vw;
  min-height: 8.9058524173vw;
  border: 1px solid #97AA82;
  border-radius: 25.4452926209vw;
  font-size: 3.5623409669vw;
  color: #97AA82;
  overflow: hidden;
  transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1);
}
@media screen and (min-width: 768px) {
  .news_navi_item a {
    padding: 0 1.1111111111vw;
    min-height: 2.4305555556vw;
    border: 1px solid #97AA82;
    border-radius: 6.9444444444vw;
    font-size: 0.9722222222vw;
    line-height: 2.4305555556vw;
  }
}
.news_navi_item a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #97AA82;
  transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1);
}
.news_navi_item a.-current, .news_navi_item a:hover {
  color: #fff;
}
.news_navi_item a.-current:before, .news_navi_item a:hover:before {
  width: 100%;
}
.news_navi_item a span {
  position: relative;
  display: inline-block;
}
.news_list {
  display: flex;
  flex-flow: column;
  column-gap: 14.2493638677vw;
  row-gap: 14.2493638677vw;
  flex: 1;
}
@media screen and (min-width: 768px) {
  .news_list {
    flex-flow: row;
    flex-wrap: wrap;
    column-gap: 4.1666666667vw;
    row-gap: 6.9444444444vw;
    flex: none;
    width: 75.8333333333vw;
  }
}
.news_list_item {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .news_list_item {
    width: 22.5vw;
  }
}
.news_list_item_link {
  display: block;
  transition: all 1s cubic-bezier(0.21, 0.51, 0.51, 1);
}
@media screen and (min-width: 768px) {
  .news_list_item_link:hover {
    color: #97AA82;
  }
  .news_list_item_link:hover .news_list_item_img img {
    opacity: 0.8;
  }
}
.news_list_item_img {
  overflow: hidden;
}
.news_list_item_img img {
  opacity: 1;
  transition: all 1s cubic-bezier(0.21, 0.51, 0.51, 1);
}
.news_list_item_title {
  padding: 3.0534351145vw 0 0;
  font-size: 3.5623409669vw;
  line-height: 2;
  letter-spacing: 0.3562340967vw;
}
@media screen and (min-width: 768px) {
  .news_list_item_title {
    padding: 0.6944444444vw 0 0;
    font-size: 1.25vw;
    line-height: 1.5555555556;
    letter-spacing: 0.1vw;
  }
}
.news_list_item_date {
  padding: 2.5445292621vw 0 0;
  font-size: 2.5445292621vw;
  line-height: 1;
  letter-spacing: 0.1272264631vw;
}
@media screen and (min-width: 768px) {
  .news_list_item_date {
    padding: 0.6944444444vw 0 0;
    font-size: 0.8333333333vw;
    line-height: 1;
    letter-spacing: 0.0416666667vw;
  }
}
.news_detail {
  background: #FAECDF;
  color: #331F07;
}
.news_detail_section .inner {
  padding: 40.7124681934vw 5.0890585242vw 81.4249363868vw 14.2493638677vw;
}
@media screen and (min-width: 768px) {
  .news_detail_section .inner {
    padding: 13.8888888889vw 11.1111111111vw 27.7777777778vw 15.2777777778vw;
  }
}
.news_detail_title {
  padding-right: 12.7226463104vw;
  font-size: 4.0712468193vw;
  line-height: 2.375;
  text-decoration: underline;
  letter-spacing: 0.4071246819vw;
}
@media screen and (min-width: 768px) {
  .news_detail_title {
    padding-right: 0;
    font-size: 1.6666666667vw;
    line-height: 1.75;
    letter-spacing: 0.1666666667vw;
  }
}
.news_detail_date {
  padding: 2.5445292621vw 0 0;
  font-size: 2.5445292621vw;
}
@media screen and (min-width: 768px) {
  .news_detail_date {
    padding: 0.6944444444vw 0 0;
    font-size: 0.8333333333vw;
  }
}
.news_detail_body {
  padding: 7.6335877863vw 0 0 3.8167938931vw;
}
@media screen and (min-width: 768px) {
  .news_detail_body {
    display: flex;
    gap: 2.7777777778vw;
    padding: 4.1666666667vw 0 0 2.4305555556vw;
  }
}
.news_detail_body_img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .news_detail_body_img {
    width: 33.3333333333vw;
  }
}
.news_detail_body_txt {
  padding-top: 3.8167938931vw;
  flex: 1;
}
@media screen and (min-width: 768px) {
  .news_detail_body_txt {
    padding-top: 0;
  }
}
.news_detail_body_txt p {
  font-size: 3.0534351145vw;
  line-height: 2.5;
  letter-spacing: 0.0610687023vw;
}
@media screen and (min-width: 768px) {
  .news_detail_body_txt p {
    font-size: 1.1111111111vw;
    line-height: 2.625;
    letter-spacing: 0.1666666667vw;
  }
}
.news_detail_body_txt .button_more {
  margin-top: 7.6335877863vw;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .news_detail_body_txt .button_more {
    margin-top: 3.4722222222vw;
    margin-left: 0;
  }
}
.news_detail_body + .button_more {
  float: right;
  margin-top: 30.534351145vw;
  margin-left: auto;
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  .news_detail_body + .button_more {
    float: right;
    margin-top: 8.3333333333vw;
    margin-left: auto;
    margin-right: 0;
  }
}

/*# sourceMappingURL=news.css.map */