#news-page {
  background: url(../images/common/bg.png) center repeat;
  background-size: 614px;
}
#news-page .news {
  width: 100%;
  padding: 240px 0 140px;
  position: relative;
}
@media screen and (max-width: 600px) {
  #news-page .news {
    padding: 130px 0 100px;
  }
}
#news-page .news::before {
  display: block;
  content: "";
  background: url(../images/common/ico_dog_pc.svg) top right no-repeat;
  background-size: 100% auto;
  width: 322px;
  height: 315px;
  top: 339px;
  left: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}
@media screen and (max-width: 600px) {
  #news-page .news::before {
    background: url(../images/common/ico_dog_sp.svg) top right no-repeat;
    background-size: 100% auto;
    width: 168px;
    height: 136px;
    top: 116px;
    left: inherit;
    right: 0;
  }
}
#news-page .news__inner {
  width: min(90%, 1148px);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
#news-page .news__inner .ttlBox {
  margin-bottom: 119px;
}
@media screen and (max-width: 600px) {
  #news-page .news__inner .ttlBox {
    margin-bottom: 50px;
  }
}
#news-page .news__inner .ttlBox p {
  background: none;
  padding: 0;
  margin: 0 0 15px;
  text-align: left;
}
@media screen and (max-width: 600px) {
  #news-page .news__inner .ttlBox p {
    margin: 0 0 10px;
  }
}
#news-page .news__inner .ttlBox p span.en {
  font-size: 24px;
}
@media screen and (max-width: 600px) {
  #news-page .news__inner .ttlBox p span.en {
    font-size: 22px;
  }
}
#news-page .news__inner .ttlBox h2 {
  font-size: 33px;
  line-height: 160%;
  font-weight: 400;
}
@media screen and (max-width: 600px) {
  #news-page .news__inner .ttlBox h2 {
    font-size: 24px;
  }
}
#news-page .news__inner .newsFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
#news-page .news__inner .newsFlex .listBox {
  width: calc(100% - 459px);
}
@media screen and (max-width: 600px) {
  #news-page .news__inner .newsFlex .listBox {
    width: 100%;
    margin-bottom: 50px;
  }
}
#news-page .news__inner .newsFlex .listBox .panel {
  display: none;
}
#news-page .news__inner .newsFlex .listBox .panel.is-show {
  display: block;
}
#news-page .news__inner .newsFlex .listBox ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 60px 0;
}
@media screen and (max-width: 600px) {
  #news-page .news__inner .newsFlex .listBox ul {
    gap: 40px 0;
  }
}
#news-page .news__inner .newsFlex .listBox ul li {
  width: 47.7%;
}
@media screen and (max-width: 600px) {
  #news-page .news__inner .newsFlex .listBox ul li {
    width: 100%;
  }
}
#news-page .news__inner .newsFlex .listBox ul li a {
  display: block;
  width: 100%;
}
#news-page .news__inner .newsFlex .listBox ul li a .photoBox {
  margin-bottom: 20px;
}
#news-page .news__inner .newsFlex .listBox ul li a .photoBox img {
  border-radius: 100px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 329/256;
}
#news-page .news__inner .newsFlex .listBox ul li a .detailBox p {
  line-height: 160%;
}
@media screen and (max-width: 600px) {
  #news-page .news__inner .newsFlex .listBox ul li a .detailBox p {
    line-height: 175%;
  }
}
#news-page .news__inner .newsFlex .listBox ul li a .detailBox p.date {
  display: inline-block;
  font-weight: 400;
  color: var(--color-grn);
}
#news-page .news__inner .newsFlex .listBox ul li a .detailBox p.cate {
  margin: 0 10px 10px 0;
  font-size: 14px;
  line-height: 1em;
  padding: 8px 15px;
  box-sizing: border-box;
  font-weight: 400;
  border-radius: 50px;
  display: inline-block;
  background: var(--color-grn);
  color: var(--color-wht);
}
@media screen and (max-width: 600px) {
  #news-page .news__inner .newsFlex .listBox ul li a .detailBox p.cate {
    padding: 5px 10px;
    font-size: 13px;
  }
}
#news-page .news__inner .newsFlex .pagination {
  width: 90%;
  max-width: 281px;
  margin: 0 auto;
  text-align: center;
  margin-top: 80px;
}
@media screen and (max-width: 600px) {
  #news-page .news__inner .newsFlex .pagination {
    margin-top: 30px;
  }
}
#news-page .news__inner .newsFlex .pagination .page-numbers {
  display: flex;
  gap: 30px !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
}
#news-page .news__inner .newsFlex .pagination .page-numbers li {
  border: none;
  width: auto !important;
}
#news-page .news__inner .newsFlex .pagination .page-numbers li span {
  font-size: 22px;
  font-weight: 500;
  line-height: 1em;
  padding: 5px 10px;
  color: var(--color-wht);
}
#news-page .news__inner .newsFlex .pagination .page-numbers li span.dots {
  padding: 0;
}
#news-page .news__inner .newsFlex .pagination .page-numbers li span.current {
  position: relative;
  z-index: 2;
}
#news-page .news__inner .newsFlex .pagination .page-numbers li span.current::before {
  position: absolute;
  display: block;
  width: 40px;
  height: 32px;
  content: "";
  background: url(../images/common/ico_mark.svg) center no-repeat;
  background-size: 100% auto;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 600px) {
  #news-page .news__inner .newsFlex .pagination .page-numbers li span.current::before {
    width: 40px;
    height: 40px;
  }
}
#news-page .news__inner .newsFlex .pagination .page-numbers li a {
  display: inline-block !important;
  box-shadow: none !important;
  font-size: 22px !important;
  font-weight: 500;
  line-height: 1em;
  padding: 5px 10px;
  width: auto;
  color: var(--color-grn);
}
#news-page .news__inner .newsFlex .pagination .page-numbers li a.prev {
  display: block;
  display: inline-block;
  background: url(../images/common/ico_left.svg) center no-repeat;
  background-size: 100% auto;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  padding: 0;
}
#news-page .news__inner .newsFlex .pagination .page-numbers li a.prev::before {
  display: none;
}
#news-page .news__inner .newsFlex .pagination .page-numbers li a.next {
  display: block;
  display: inline-block;
  background: url(../images/common/ico_right.svg) center no-repeat;
  background-size: 100% auto;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  padding: 0;
}
#news-page .news__inner .newsFlex .pagination .page-numbers li a.next::before {
  display: none;
}
#news-page .news__inner .newsFlex .detailBox {
  width: 368px;
}
@media screen and (max-width: 600px) {
  #news-page .news__inner .newsFlex .detailBox {
    width: 100%;
  }
}
#news-page .news__inner .newsFlex .detailBox .subTtlBox {
  margin-bottom: 10px;
  padding-bottom: 8px;
  padding: 6px 0 16px 35px;
  border-bottom: 1px solid var(--color-lgn);
  background: url(../images/common/ico_footprints.svg) top left no-repeat;
  background-size: 31px auto;
}
#news-page .news__inner .newsFlex .detailBox .subTtlBox p {
  font-size: 16px;
  line-height: 1em;
}
@media screen and (max-width: 600px) {
  #news-page .news__inner .newsFlex .detailBox .subTtlBox p {
    font-size: 15px;
  }
}
#news-page .news__inner .newsFlex .detailBox .searchBox {
  background: var(--color-wht);
  padding: 30px 25px 40px 25px;
  box-sizing: border-box;
  border-radius: 48px;
  border: 4px solid var(--color-lgn);
  margin-bottom: 20px;
}
#news-page .news__inner .newsFlex .detailBox .searchBox .tabBox {
  cursor: pointer;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
#news-page .news__inner .newsFlex .detailBox .searchBox .tabBox .tabSet {
  width: auto;
  display: inline-block;
  padding: 6px 12px;
  border-radius: 50px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1em;
  color: var(--color-wht);
  background: var(--color-grn);
}
#news-page .news__inner .newsFlex .detailBox .archiveBox {
  background: var(--color-wht);
  padding: 30px 25px 40px 25px;
  box-sizing: border-box;
  border-radius: 48px;
  border: 4px solid var(--color-lgn);
  margin-bottom: 20px;
}
#news-page .news__inner .newsFlex .detailBox .archiveBox ul li {
  padding: 0 0 10px;
  font-size: 12px;
  line-height: 1em;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 10px;
}
#news-page .news__inner .newsFlex .detailBox .archiveBox ul li:last-child {
  margin: 0;
}
#news-page .news__inner .newsFlex .detailBox .rankingBox {
  background: var(--color-wht);
  padding: 30px 25px 40px 25px;
  box-sizing: border-box;
  border-radius: 48px;
  border: 4px solid var(--color-lgn);
  margin-bottom: 20px;
}
#news-page .news__inner .newsFlex .detailBox .rankingBox .listBox {
  width: 100%;
  margin: 0;
}
#news-page .news__inner .newsFlex .detailBox .rankingBox .listBox ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 10px;
}
#news-page .news__inner .newsFlex .detailBox .rankingBox .listBox ul li {
  width: 100%;
}
#news-page .news__inner .newsFlex .detailBox .rankingBox .listBox ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#news-page .news__inner .newsFlex .detailBox .rankingBox .listBox ul li a .photoBox {
  width: 33.7%;
  margin: 0;
}
#news-page .news__inner .newsFlex .detailBox .rankingBox .listBox ul li a .photoBox img {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 100/78;
}
#news-page .news__inner .newsFlex .detailBox .rankingBox .listBox ul li a .detailBox {
  width: 64.1%;
}
#news-page .news__inner .newsFlex .detailBox .rankingBox .listBox ul li a .detailBox p {
  line-height: 160%;
  font-size: 12px;
}
#news-page .news__inner .newsFlex .detailBox .rankingBox .listBox ul li a .detailBox p.date {
  display: inline-block;
  font-weight: 400;
  color: var(--color-grn);
  font-size: 11px;
  line-height: 1em;
}
#news-page .news__inner .newsFlex .detailBox .rankingBox .listBox ul li a .detailBox p.cate {
  margin: 0 5px 5px 0;
  font-size: 11px;
  line-height: 1em;
  padding: 4px 8px;
  box-sizing: border-box;
  border-radius: 50px;
  display: inline-block;
  background: var(--color-grn);
  color: var(--color-wht);
}

#newsDetail-page {
  background: url(../images/common/bg.png) center repeat;
  background-size: 614px;
}
#newsDetail-page .newsDetail {
  width: 100%;
  padding: 240px 0 140px;
  position: relative;
}
@media screen and (max-width: 600px) {
  #newsDetail-page .newsDetail {
    padding: 130px 0 100px;
  }
}
#newsDetail-page .newsDetail::before {
  display: block;
  content: "";
  background: url(../images/common/ico_dog_pc.svg) top right no-repeat;
  background-size: 100% auto;
  width: 322px;
  height: 315px;
  top: 339px;
  left: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}
@media screen and (max-width: 600px) {
  #newsDetail-page .newsDetail::before {
    background: url(../images/common/ico_dog_sp.svg) top right no-repeat;
    background-size: 100% auto;
    width: 168px;
    height: 136px;
    top: 116px;
    left: inherit;
    right: 0;
  }
}
#newsDetail-page .newsDetail__inner {
  width: min(90%, 1148px);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
#newsDetail-page .newsDetail__inner .newsTtlBox {
  margin-bottom: 50px;
  width: calc(100% - 459px);
}
@media screen and (max-width: 600px) {
  #newsDetail-page .newsDetail__inner .newsTtlBox {
    width: 100%;
    margin-bottom: 30px;
  }
}
#newsDetail-page .newsDetail__inner .newsTtlBox p {
  line-height: 160%;
}
@media screen and (max-width: 600px) {
  #newsDetail-page .newsDetail__inner .newsTtlBox p {
    line-height: 175%;
  }
}
#newsDetail-page .newsDetail__inner .newsTtlBox p.date {
  display: inline-block;
  font-weight: 400;
  color: var(--color-grn);
  font-size: 18px;
}
@media screen and (max-width: 600px) {
  #newsDetail-page .newsDetail__inner .newsTtlBox p.date {
    font-size: 16px;
  }
}
#newsDetail-page .newsDetail__inner .newsTtlBox p.cate {
  margin: 0 10px 10px 0;
  font-size: 16px;
  line-height: 1em;
  padding: 8px 15px;
  box-sizing: border-box;
  font-weight: 400;
  border-radius: 50px;
  display: inline-block;
  background: var(--color-grn);
  color: var(--color-wht);
}
@media screen and (max-width: 600px) {
  #newsDetail-page .newsDetail__inner .newsTtlBox p.cate {
    padding: 5px 10px;
    font-size: 14px;
  }
}
#newsDetail-page .newsDetail__inner .newsTtlBox h2 {
  font-size: 33px;
  line-height: 160%;
}
@media screen and (max-width: 600px) {
  #newsDetail-page .newsDetail__inner .newsTtlBox h2 {
    font-size: 24px;
  }
}
#newsDetail-page .newsDetail__inner .newsDetailFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .leftBox {
  width: calc(100% - 459px);
}
@media screen and (max-width: 600px) {
  #newsDetail-page .newsDetail__inner .newsDetailFlex .leftBox {
    width: 100%;
    margin-bottom: 50px;
  }
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .leftBox .detailBox {
  margin-bottom: 80px;
}
@media screen and (max-width: 600px) {
  #newsDetail-page .newsDetail__inner .newsDetailFlex .leftBox .detailBox {
    margin-bottom: 40px;
  }
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .leftBox .detailBox img {
  margin-bottom: 50px;
  aspect-ratio: auto;
  border-radius: 150px;
}
@media screen and (max-width: 600px) {
  #newsDetail-page .newsDetail__inner .newsDetailFlex .leftBox .detailBox img {
    margin-bottom: 30px;
    border-radius: 100px;
  }
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .leftBox .btnBackBox {
  max-width: 274px;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  #newsDetail-page .newsDetail__inner .newsDetailFlex .leftBox .btnBackBox {
    max-width: 324px;
  }
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .leftBox .btnBackBox a {
  display: block;
  text-align: center;
  width: 100%;
  padding: 22px;
  background: var(--color-wht);
  color: var(--color-grn);
  font-size: 16px;
  border-radius: 21px;
  box-sizing: border-box;
  line-height: 1em;
}
@media screen and (max-width: 600px) {
  #newsDetail-page .newsDetail__inner .newsDetailFlex .leftBox .btnBackBox a {
    font-size: 14px;
    padding: 17px;
    border-radius: 18px;
  }
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox {
  width: 368px;
}
@media screen and (max-width: 600px) {
  #newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox {
    width: 100%;
  }
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .subTtlBox {
  margin-bottom: 10px;
  padding-bottom: 8px;
  padding: 6px 0 16px 35px;
  border-bottom: 1px solid var(--color-lgn);
  background: url(../images/common/ico_footprints.svg) top left no-repeat;
  background-size: 31px auto;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .subTtlBox p {
  font-size: 16px;
  line-height: 1em;
}
@media screen and (max-width: 600px) {
  #newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .subTtlBox p {
    font-size: 15px;
  }
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .searchBox {
  background: var(--color-wht);
  padding: 30px 25px 40px 25px;
  box-sizing: border-box;
  border-radius: 48px;
  border: 4px solid var(--color-lgn);
  margin-bottom: 20px;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .searchBox .tabBox {
  cursor: pointer;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .searchBox .tabBox .tabSet {
  width: auto;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .searchBox .tabBox .tabSet a {
  width: 100%;
  display: inline-block;
  padding: 6px 12px;
  border-radius: 50px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1em;
  color: var(--color-wht);
  background: var(--color-grn);
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .archiveBox {
  background: var(--color-wht);
  padding: 30px 25px 40px 25px;
  box-sizing: border-box;
  border-radius: 48px;
  border: 4px solid var(--color-lgn);
  margin-bottom: 20px;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .archiveBox ul li {
  padding: 0 0 10px;
  font-size: 12px;
  line-height: 1em;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 10px;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .archiveBox ul li:last-child {
  margin: 0;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .rankingBox {
  background: var(--color-wht);
  padding: 30px 25px 40px 25px;
  box-sizing: border-box;
  border-radius: 48px;
  border: 4px solid var(--color-lgn);
  margin-bottom: 20px;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .rankingBox .listBox {
  width: 100%;
  margin: 0;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .rankingBox .listBox ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 10px;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .rankingBox .listBox ul li {
  width: 100%;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .rankingBox .listBox ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .rankingBox .listBox ul li a .photoBox {
  width: 33.7%;
  margin: 0;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .rankingBox .listBox ul li a .photoBox img {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 100/78;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .rankingBox .listBox ul li a .detailBox {
  width: 64.1%;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .rankingBox .listBox ul li a .detailBox p {
  line-height: 160%;
  font-size: 12px;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .rankingBox .listBox ul li a .detailBox p.date {
  display: inline-block;
  font-weight: 400;
  color: var(--color-grn);
  font-size: 11px;
  line-height: 1em;
}
#newsDetail-page .newsDetail__inner .newsDetailFlex .rightBox .rankingBox .listBox ul li a .detailBox p.cate {
  margin: 0 5px 5px 0;
  font-size: 11px;
  line-height: 1em;
  padding: 4px 8px;
  box-sizing: border-box;
  border-radius: 50px;
  display: inline-block;
  background: var(--color-grn);
  color: var(--color-wht);
}

#newsCate-page {
  background: url(../images/common/bg.png) center repeat;
  background-size: 614px;
}
#newsCate-page .newsCate {
  width: 100%;
  padding: 240px 0 140px;
  position: relative;
}
@media screen and (max-width: 600px) {
  #newsCate-page .newsCate {
    padding: 130px 0 100px;
  }
}
#newsCate-page .newsCate::before {
  display: block;
  content: "";
  background: url(../images/common/ico_dog_pc.svg) top right no-repeat;
  background-size: 100% auto;
  width: 322px;
  height: 315px;
  top: 339px;
  left: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}
@media screen and (max-width: 600px) {
  #newsCate-page .newsCate::before {
    background: url(../images/common/ico_dog_sp.svg) top right no-repeat;
    background-size: 100% auto;
    width: 168px;
    height: 136px;
    top: 116px;
    left: inherit;
    right: 0;
  }
}
#newsCate-page .newsCate__inner {
  width: min(90%, 1148px);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
#newsCate-page .newsCate__inner .ttlBox {
  margin-bottom: 119px;
}
@media screen and (max-width: 600px) {
  #newsCate-page .newsCate__inner .ttlBox {
    margin-bottom: 50px;
  }
}
#newsCate-page .newsCate__inner .ttlBox p {
  background: none;
  padding: 0;
  margin: 0 0 15px;
  text-align: left;
}
@media screen and (max-width: 600px) {
  #newsCate-page .newsCate__inner .ttlBox p {
    margin: 0 0 10px;
  }
}
#newsCate-page .newsCate__inner .ttlBox p span.en {
  font-size: 24px;
}
@media screen and (max-width: 600px) {
  #newsCate-page .newsCate__inner .ttlBox p span.en {
    font-size: 22px;
  }
}
#newsCate-page .newsCate__inner .ttlBox h2 {
  font-size: 33px;
  line-height: 160%;
  font-weight: 400;
}
@media screen and (max-width: 600px) {
  #newsCate-page .newsCate__inner .ttlBox h2 {
    font-size: 24px;
  }
}
#newsCate-page .newsCate__inner .newsCateFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox {
  width: calc(100% - 459px);
}
@media screen and (max-width: 600px) {
  #newsCate-page .newsCate__inner .newsCateFlex .leftBox {
    width: 100%;
    margin-bottom: 50px;
  }
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 60px 0;
}
@media screen and (max-width: 600px) {
  #newsCate-page .newsCate__inner .newsCateFlex .leftBox ul {
    gap: 40px 0;
  }
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox ul li {
  width: 47.7%;
}
@media screen and (max-width: 600px) {
  #newsCate-page .newsCate__inner .newsCateFlex .leftBox ul li {
    width: 100%;
  }
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox ul li a {
  display: block;
  width: 100%;
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox ul li a .photoBox {
  margin-bottom: 20px;
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox ul li a .photoBox img {
  border-radius: 100px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 329/256;
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox ul li a .detailBox p {
  line-height: 160%;
}
@media screen and (max-width: 600px) {
  #newsCate-page .newsCate__inner .newsCateFlex .leftBox ul li a .detailBox p {
    line-height: 175%;
  }
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox ul li a .detailBox p.date {
  display: inline-block;
  font-weight: 400;
  color: var(--color-grn);
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox ul li a .detailBox p.cate {
  margin: 0 10px 10px 0;
  font-size: 14px;
  line-height: 1em;
  padding: 8px 15px;
  box-sizing: border-box;
  font-weight: 400;
  border-radius: 50px;
  display: inline-block;
  background: var(--color-grn);
  color: var(--color-wht);
}
@media screen and (max-width: 600px) {
  #newsCate-page .newsCate__inner .newsCateFlex .leftBox ul li a .detailBox p.cate {
    padding: 5px 10px;
    font-size: 13px;
  }
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox .pagination {
  width: 90%;
  max-width: 281px;
  margin: 0 auto;
  text-align: center;
  margin-top: 80px;
}
@media screen and (max-width: 600px) {
  #newsCate-page .newsCate__inner .newsCateFlex .leftBox .pagination {
    margin-top: 30px;
  }
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox .pagination .page-numbers {
  display: flex;
  gap: 30px !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox .pagination .page-numbers li {
  border: none;
  width: auto !important;
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox .pagination .page-numbers li span {
  font-size: 22px;
  font-weight: 500;
  line-height: 1em;
  padding: 5px 10px;
  color: var(--color-wht);
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox .pagination .page-numbers li span.dots {
  padding: 0;
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox .pagination .page-numbers li span.current {
  position: relative;
  z-index: 2;
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox .pagination .page-numbers li span.current::before {
  position: absolute;
  display: block;
  width: 40px;
  height: 32px;
  content: "";
  background: url(../images/common/ico_mark.svg) center no-repeat;
  background-size: 100% auto;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 600px) {
  #newsCate-page .newsCate__inner .newsCateFlex .leftBox .pagination .page-numbers li span.current::before {
    width: 40px;
    height: 40px;
  }
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox .pagination .page-numbers li a {
  display: inline-block !important;
  box-shadow: none !important;
  font-size: 22px !important;
  font-weight: 500;
  line-height: 1em;
  padding: 5px 10px;
  width: auto;
  color: var(--color-grn);
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox .pagination .page-numbers li a.prev {
  display: block;
  display: inline-block;
  background: url(../images/common/ico_left.svg) center no-repeat;
  background-size: 100% auto;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  padding: 0;
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox .pagination .page-numbers li a.prev::before {
  display: none;
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox .pagination .page-numbers li a.next {
  display: block;
  display: inline-block;
  background: url(../images/common/ico_right.svg) center no-repeat;
  background-size: 100% auto;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  padding: 0;
}
#newsCate-page .newsCate__inner .newsCateFlex .leftBox .pagination .page-numbers li a.next::before {
  display: none;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox {
  width: 368px;
}
@media screen and (max-width: 600px) {
  #newsCate-page .newsCate__inner .newsCateFlex .rightBox {
    width: 100%;
  }
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .subTtlBox {
  margin-bottom: 10px;
  padding-bottom: 8px;
  padding: 6px 0 16px 35px;
  border-bottom: 1px solid var(--color-lgn);
  background: url(../images/common/ico_footprints.svg) top left no-repeat;
  background-size: 31px auto;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .subTtlBox p {
  font-size: 16px;
  line-height: 1em;
}
@media screen and (max-width: 600px) {
  #newsCate-page .newsCate__inner .newsCateFlex .rightBox .subTtlBox p {
    font-size: 15px;
  }
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .searchBox {
  background: var(--color-wht);
  padding: 30px 25px 40px 25px;
  box-sizing: border-box;
  border-radius: 48px;
  border: 4px solid var(--color-lgn);
  margin-bottom: 20px;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .searchBox .tabBox {
  cursor: pointer;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .searchBox .tabBox .tabSet {
  width: auto;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .searchBox .tabBox .tabSet a {
  width: 100%;
  display: inline-block;
  padding: 6px 12px;
  border-radius: 50px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1em;
  background: var(--color-grn);
  color: var(--color-wht);
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .archiveBox {
  background: var(--color-wht);
  padding: 30px 25px 40px 25px;
  box-sizing: border-box;
  border-radius: 48px;
  border: 4px solid var(--color-lgn);
  margin-bottom: 20px;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .archiveBox ul li {
  padding: 0 0 10px;
  font-size: 12px;
  line-height: 1em;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 10px;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .archiveBox ul li:last-child {
  margin: 0;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .rankingBox {
  background: var(--color-wht);
  padding: 30px 25px 40px 25px;
  box-sizing: border-box;
  border-radius: 48px;
  border: 4px solid var(--color-lgn);
  margin-bottom: 20px;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .rankingBox .listBox {
  width: 100%;
  margin: 0;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .rankingBox .listBox ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 10px;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .rankingBox .listBox ul li {
  width: 100%;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .rankingBox .listBox ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .rankingBox .listBox ul li a .photoBox {
  width: 33.7%;
  margin: 0;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .rankingBox .listBox ul li a .photoBox img {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 100/78;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .rankingBox .listBox ul li a .detailBox {
  width: 64.1%;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .rankingBox .listBox ul li a .detailBox p {
  line-height: 160%;
  font-size: 12px;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .rankingBox .listBox ul li a .detailBox p.date {
  display: inline-block;
  font-weight: 400;
  color: var(--color-grn);
  font-size: 11px;
  line-height: 1em;
}
#newsCate-page .newsCate__inner .newsCateFlex .rightBox .rankingBox .listBox ul li a .detailBox p.cate {
  margin: 0 5px 5px 0;
  font-size: 11px;
  line-height: 1em;
  padding: 4px 8px;
  box-sizing: border-box;
  border-radius: 50px;
  display: inline-block;
  background: var(--color-grn);
  color: var(--color-wht);
}/*# sourceMappingURL=news.css.map */