.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo16 .item{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end}
#articleInfo16 .item > div{width:50%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item:nth-child(2n) > div{float:right}
#articleInfo16 .item:nth-child(2n) .photo{animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo16 .item .photo{position:relative}
#articleInfo16 .item .photo img{width:100%;height: 100%;object-fit: cover;border-top-right-radius: 0;}
#articleInfo16 .item .info{width:45%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo16 .item:nth-child(2n) .info{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item .info h5{padding:10px 15px;font-size: 24px;color:#2e2e2e;letter-spacing: 5.5px;font-weight: 700;}
#articleInfo16 .item .info h3{padding:0 15px;letter-spacing: 1px;line-height:100%;font-size: 44px;font-weight: 400;color: var(--primary);font-family: 'Gallery';letter-spacing: 2.4px;}
#articleInfo16 .item .info h3:nth-child(2){color: #6f9248;}
#articleInfo16 .item .info article{margin: 0px 15px 0;text-align:justify;font-size: 16px;line-height: 2;letter-spacing: 0.5pt;}

.tit{
    margin-top: 100px;
}
.tit ul{
    display: flex;
    flex-wrap: wrap;
}
.tit ul li{
      width: calc((100%/4) - 20px);
      padding: 0 10px 30px;
}
.tit ul li .itemList p{
    display: none;
}
.tit ul li .itemList img{
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.anchorBox {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 14px;
  color: #bdbdbd;
  margin-top: 70px;
}

.anchorBox::after {
  content: "";
  position: absolute;
  left: calc((-100vw + 1340px)/2);
  top: 5px;
  z-index: -1;
  width: 100vw;
  height: 1px;
  background-color: #efefef;
}
.anchorBox li {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 25px;
}
.anchorBox li span {
  display: inline-block;
  transition: all 0.5s ease-in-out;
  text-align: center;
}
.anchorBox li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 3px solid #cecece;
  background-color: #fff;
  transition: all 0.5s ease-in-out;
}
.anchorBox li.current, .anchorBox li:hover {
  color: #6f9248;
}
.anchorBox li.current span, .anchorBox li:hover span {
  transform: scale(1.2);
  transform-origin: center;
}
.anchorBox li.current::before, .anchorBox li:hover::before {
  border-color: #6f9248;
}


@media (max-width: 1180px) {
  .anchorBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 0;
  }
  .anchorBox li::before{
    left: 0;
    top: 7px;
}
  .anchorBox li{
    padding-top: 0;
    margin: 10px;
    padding-right: 0;
}
  .anchorBox::after{
    left: 13px;
    width: 1px;
    height: 100vw;
}
  .anchorBox li span{
    text-align: inherit;
}

.tit ul li{
      width: calc((100%/2) - 20px);
      padding: 0 10px 30px;
}
}
.section{margin: 30px 0 0;}
.section .fanimated{
    display: flex;
    margin: 10px 0 0;
}
.section .fanimated  h4{
      font-size: 17px;
      letter-spacing: 2px;
      font-weight: 400;
      color: #142b37;
      width: 160px;
}
.section .fanimated p{
    width: calc(100% - 160px);
}

.section .fanimated  h4 span{
    position: relative;
}
.section .fanimated  h4 span::before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #c5baa7;
    border-radius: 2px;
    position: relative;
    top: -3px;
    margin-right: 15px;
}


@media screen and (max-width:1024px){
#articleInfo16 .item .info h3{font-size:60px;}

}
@media screen and (max-width:768px){

.tit ul li{
      width: calc((100%/2) - 20px);
      padding: 0 10px 30px;
}
}
@media screen and (max-width:640px){
  
  #articleInfo16 .item .photo img{
    height: 450px;
}
#articleInfo16 .item .info{margin-top: 40px;width: 100%;display: flex;flex-direction: column;}
#articleInfo16 .item > div,#articleInfo16 .item:nth-child(2n) > div{float:none}
#articleInfo16 .item .photo{position:relative;margin:0 auto 10px;width: 100%;display:block;}
#articleInfo16 .item .info h5,#articleInfo16 .item:nth-child(2n) .info h5, #articleInfo16 .item:nth-child(2n) .info h3{margin:0;padding:10px 2%;width:96%;font-size: 20px;}
#articleInfo16 .item .info h3, #articleInfo16 .item .info h3:nth-child(2){display:inline-block;font-size: 40px;width: auto;}
#articleInfo16 .item .info article{margin: 20px 2% 0;}
  .tit ul li{
      width: calc((100%/1) - 20px);
      padding: 0 10px 30px;
}
  .tit{
    margin-top: 40px;
}
}