header ul li:nth-of-type(4) a {border-bottom:2px solid var(--main-color)}header ul li:nth-of-type(4) a:hover::before{width:0%}@media screen and (max-width:767px){header ul li:nth-of-type(4) a {border-bottom:2px solid #fff}}.works_title{background-image:url(https://ooyama.confirm-sg.com/wp-content/themes/php/assets/img/xworks_ph-main.jpg.pagespeed.ic.ISNgvRQx0F.jpg)}.works_wrap{padding:80px}.works_wrap h3{display:inline-block;position:relative;left:50%;transform:translateX(-50%);font-size:28px;font-family:monospace,sans-serif;padding:0 30px;margin-bottom:80px}.works_wrap h3::before,.works_wrap h3::after{content:'';width:3px;height:30px;background:var(--main-color);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;top:0}.works_wrap h3::before{left:0}.works_wrap h3::after{right:0}@media screen and (max-width:1024px){.works_wrap{padding:80px 0}.wrap_list article a img{width:100%;min-width:260px;height:260px;object-fit:cover;object-position:50% 50%;font-family:'object-fit: cover; object-position: 50% 50%;'}}@media screen and (max-width:768px){.works_wrap{padding:60px 20px}.works_wrap h3{font-size:.24rem;margin:0 0 80px 0}}.wrap_list{display:flex;flex-wrap:wrap;margin-bottom:40px}.wrap_list article{width: calc(100% / 3 - 160px / 3);max-width:380px;margin-bottom:60px}.wrap_list article:not(:nth-child(3n)){margin-right:80px}.wrap_list article a{display:block;width:100%;text-decoration:none;color:#181a31}.wrap_list article a img{width:100%;min-width:260px;height:250px;object-fit:cover;object-position:50% 50%;font-family:'object-fit: cover; object-position: 50% 50%;'}.wrap_list article a p{font-size:14px;font-weight:500;margin:20px 0}.wrap_list article a p span{position:relative;margin-right:8px;padding-right:8px}.wrap_list article a p span::before{content:'';width:1px;height:14px;background:#181a31;position:absolute;top:2px;right:0}.wrap_list article a h4{font-size:16px;font-weight:bold;line-height:200%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media screen and (max-width:1024px){.wrap_list article{width: calc(100% / 3 - 80px / 3);margin-bottom:40px}.wrap_list article:not(:nth-child(3n)){margin-right:40px}.wrap_list article a img{min-width:auto;height:172px}}@media screen and (max-width:768px){.wrap_list article{width:100%;max-width:100%}.wrap_list article:not(:nth-child(3n)){margin-right:0}.wrap_list{display:flex;flex-wrap:wrap;margin-bottom:0}.wrap_list article a img{height:400px}}@media screen and (max-width:480px){.wrap_list article a img{height:246px}}@media screen and (max-width:375px){.wrap_list article a img{height:220px}}@media screen and (max-width:320px){.wrap_list article a img{height:184px}}