.portfolio-item {position: relative; width: 100%; height: auto; overflow: hidden;}
.portfolio-item ul {display: flex; flex-wrap: wrap; gap: 50px 0; margin: 0 -25px;}
.portfolio-item ul li {width: calc(100% / 4); padding: 0 25px; box-sizing: border-box;}
.portfolio-item ul li:nth-child(1),
.portfolio-item ul li:nth-child(3) {padding-top: 50px;}
.portfolio-item ul li .child-box {position: relative; width: 100%; height: auto;}
.portfolio-item ul li .child-box .img-box {width: 100%; height: auto; overflow: hidden;}
.portfolio-item ul li .child-box .img-box img {width: 100%; height: auto; transition: all .3s;}
.portfolio-item ul li:hover .child-box .img-box img {transform: scale(1.2);}
.portfolio-item ul li .child-box .tit {position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 16px; font-weight: bold; line-height: 1.6; color: var(--wt); text-align: center; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);}