.wow {animation-name: fadeInDown;-webkit-animation-name: fadeInDown;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-duration: 1s;-webkit-animation-duration: 1s;}
#articleInfo4 {position: relative;padding: 1vw 0 10vw 0;}
#articleInfo4 .title {position: absolute;width: auto;height: 100%;left: 0;top: 0;font-size: 20px;letter-spacing: 8.5px;font-weight: bold;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;transition: all 0.4s ease-in-out 0s;font-family: 'Montserrat', sans-serif;}
#articleInfo4 .slashBox {position: absolute;top: -135px;left: 30px;z-index: -1;animation-name: fadeInLeftBig;-webkit-animation-name: fadeInLeftBig;}
#articleInfo4 .slashBox:before {position: absolute;height: 250px;width: 250px;display: block;content: "";}
#articleInfo4 .slashBox:before {height: 800px;width: 800px;background: #fff;left: calc(10% + 20px);z-index: -1;}
#articleInfo4 .info .rightBox .photoBox:after {background: url(/images/style/04/img-slash.png) top left;left: 200px;z-index: -2;top: 230px;position: absolute;height: 380px;width: 330px;display: block;content: "";}
#articleInfo4 .info {overflow: hidden;margin-left: 10%;}
#articleInfo4 .info .leftBox ,#articleInfo4 .info .rightBox {float: left;width: 47%;}
#articleInfo4 .info .photoBox img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
#articleInfo4 .info .photoBox:hover img {opacity: 0.5;-webkit-transform: scale(0.98);transform: scale(0.98);}
#articleInfo4 .info .leftBox .photoBox ,#articleInfo4 .info .leftBox article {margin-left: 30px;}
#articleInfo4 .info .leftBox .sTitle {margin: 50px 0 50px;animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;}
#articleInfo4 .info .leftBox .sTitle p {font-size: 18px;font-weight: 500;font-family: 'Montserrat', sans-serif;}
#articleInfo4 .info .leftBox .sTitle p:before {content: '';display: block;position: absolute;top: -60px;left: 20px;width: 1px;height: 40px;background-color: #000;transform: rotate(20deg);-webkit-transform: rotate(20deg);}
#articleInfo4 .info .leftBox .sTitle h3 {font: 600 40px/1.3 'Montserrat', sans-serif;}
#articleInfo4 .info .leftBox article {font-size: 16px;line-height: 170%;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;margin-bottom: 30px;}
#articleInfo4 .info .rightBox {margin-left: 4%;width: 46%;}
#articleInfo4 .info .rightBox .photoBox {animation-name: fadeInRight;-webkit-animation-name: fadeInRight;position: relative;}
#articleInfo4 .info .rightBox .photoBox2{position: absolute;bottom: 0;right: 360px;}

@media screen and (max-width: 1660px) {
	#articleInfo4 .slashBox{top: -60px;}
	#articleInfo4 .info .rightBox .photoBox2{position: absolute;bottom: 20px;right: -40px;}
}

@media screen and (max-width: 960px) {
	#articleInfo4 .info .leftBox {width: 100%;}
	#articleInfo4 .info .rightBox .photoBox:after {display: none; }
	#articleInfo4 .slashBox {top: 160px;}
	#articleInfo4 .slashBox:before ,#articleInfo4 .slashBox:after {height: 270px;}
	#articleInfo4 .slashBox:before {height: 520px;}
	#articleInfo4 .info .leftBox .sTitle p:after {width: 60%;}
	#articleInfo4 .info .rightBox .photoBox2{position: relative;bottom: 0;right: -20px;}
	#articleInfo4 .info .rightBox{width: 95%;margin-left: 4%;display: flex;}
}

@media screen and (max-width: 640px) {
	#articleInfo4 .slashBox:after {height: 170px;}
}

@media screen and (max-width: 560px) {
	#articleInfo4 .slashBox {display: none;}
	#articleInfo4 .info .leftBox article {margin-left: 0;}
	#articleInfo4 .info .rightBox{margin-left: 0;}
	#articleInfo4 .title {position: relative;height: auto;-webkit-writing-mode: horizontal-tb;writing-mode: horizontal-tb;}
	#articleInfo4 .info ,#articleInfo4 .info .leftBox .photoBox {margin-left: 0;}
	#articleInfo4 .info .leftBox .sTitle {margin: 50px 0 20px;}
	#articleInfo4 .info .leftBox .sTitle p:before{top: -50px;left: 10px;}
	#articleInfo4 .info .leftBox .sTitle p:after {width: 40%;}
	#articleInfo4 .info .leftBox .sTitle h3{font-size: 37px;}
}
