.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
.delay1{animation-delay:0.5s;-webkit-animation-delay:0.5s}
.delay2{animation-delay:1.0s;-webkit-animation-delay:1.0s}
#articleInfo20 ul{display:flex;flex-wrap:wrap;justify-content: flex-start;margin-bottom: 50px;}
#articleInfo20 ul li{padding:55px;width: calc((100%/3) - 140px);display:inline-block;border:1px #ccc solid;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;margin:10px;border-radius: 50px;position: relative;background-color: #f7f7f7;display: flex;flex-direction: column;align-items: center;}
#articleInfo20 ul li h3{font-size: 25px;text-align: center;}
#articleInfo20 ul li article{font-size:15px;margin-top:20px;text-align: center;}
#articleInfo20 ul li h5{color: #dfdfdf;font-family: 'Cormorant Garamond', serif;position: absolute;top: -30px;right: 30px;font-size: 70px;}
#articleInfo20 ul li p.photo{margin: 20px 0;}
#articleInfo20 ul li p.photo img{
    width: 140px;
    height: 140px;
    object-fit: contain;
    }
#articleInfo20 .bottomBox h3{text-align:center;font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;margin-bottom: 20px;}
#articleInfo20 .bottomBox h2,#articleInfo20 .bottomBox p{margin:10px 0 20px;text-align:center;font-size:18px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox h2{padding-bottom: 40px;border-bottom: 1px solid #bfbfbf;width: 85%;margin: 0 auto 60px;letter-spacing: 1px;font-weight: bold;text-align: center;font-size: 28px;}
#articleInfo20 .bottomBox{
    margin-bottom: 50px;
}
#articleInfo20 .itemA07 ul li{
    width: calc((100% / 2) - 140px);
    background-color: #fff2ee;
    border: 0px #ccc solid;
    display: flex;
    align-items: center;
}
#articleInfo20 .itemA07 ul li h2{
    font-size: 21px;
}
@media screen and (max-width:1140px){
	#articleInfo20 ul li,#articleInfo20 .itemA07 ul li{width: calc((100%/2) - 132px);}

}
@media screen and (max-width:768px){
	#articleInfo20 ul li,#articleInfo20 .itemA07 ul li{width: calc((100%/1) - 132px);}

}
@media screen and (max-width:480px){
	#articleInfo20 ul li{margin-bottom:10px;width: calc(100% - 82px);padding: 40px;}
}