.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:after{content:'';position:absolute;width: 30%;height: 1px;top: 100px;right: -60px;background: #bea976;z-index: 0;}
#articleInfo16 .item .photo:before{z-index: 0;border-top-left-radius: 180px;/* border-top-right-radius:400px; */content: "";position: absolute;bottom: -15px;right: -15px;width: calc(100% - 15px);height: calc(100% - 15px);border: 1px solid #bea976;}
#articleInfo16 .item .photo img{width:100%;height: 540px;object-fit: cover;border-top-left-radius: 180px;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: 30px 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}
}
@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:350px;border-top-left-radius:120px}
	#articleInfo16 .item .photo:before{border-top-left-radius:100px}
	#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}
}