.page-portfolio .sub-tab-list{display:flex;justify-content:center;align-items:center;gap:2rem;height:3.6rem;font-size:1.8rem;font-weight:500}@media(max-width:1024px){.page-portfolio .sub-tab-list{gap:1.6rem;font-size:1.6rem;height:3.2rem}}@media(max-width:768px){.page-portfolio .sub-tab-list{gap:1.2rem;font-size:1.5rem;height:3rem;flex-wrap:wrap}}.page-portfolio .sub-tab-item{border-bottom:3px solid var(--borderColor);color:#3b1112;transition:all .25s ease;opacity:.8}@media(max-width:768px){.page-portfolio .sub-tab-item{border-bottom-width:2px}}.page-portfolio .sub-tab-item:hover{opacity:1}.page-portfolio .sub-tab-item>button{padding:.6rem 2rem;white-space:nowrap}@media(max-width:1024px){.page-portfolio .sub-tab-item>button{padding:.5rem 1.6rem}}@media(max-width:768px){.page-portfolio .sub-tab-item>button{padding:.4rem 1.2rem}}.page-portfolio .section-portfolios{padding:4rem 0}@media(max-width:1024px){.page-portfolio .section-portfolios{padding:3rem 0}}@media(max-width:768px){.page-portfolio .section-portfolios{padding:2.4rem 0}}.page-portfolio .section-portfolios>.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));gap:2rem}@media(min-width:769px)and (max-width:1024px){.page-portfolio .section-portfolios>.list{grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));gap:1.6rem}}@media(max-width:768px){.page-portfolio .section-portfolios>.list{grid-template-columns:repeat(2,1fr);gap:1.6rem}}.page-portfolio .section-portfolios>.list .item{width:100%;height:auto;max-height:38rem}@media(max-width:1024px){.page-portfolio .section-portfolios>.list .item{max-height:32rem}}@media(max-width:768px){.page-portfolio .section-portfolios>.list .item{max-height:25rem}}