.main-works__grid{gap:10px;display:grid}.main-works__card{background:var(--color-background);color:inherit;cursor:pointer;height:385px;padding:max(20px,min(1.07858vw + 15.9553px,27px));text-decoration:none;display:block;position:relative;overflow:hidden}.main-works__card-bg{position:absolute;top:0;bottom:0;left:0;right:0}.main-works__card-bg:after{content:"";z-index:1;background:linear-gradient(#060612 7%,transparent 50%,#060612 92%);position:absolute;top:0;bottom:0;left:0;right:0}.main-works__card-img{position:absolute;top:0;bottom:0;left:0;right:0}.main-works__card-img--mobile{display:block}.main-works__card-img--pc,.main-works__card-img--tablet{display:none}.main-works__card-plus{color:var(--color-accent);font-family:var(--font-body);z-index:2;font-size:110px;font-weight:300;line-height:1;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-works__card-title{color:var(--color-accent);font-family:var(--font-heading);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;z-index:2;max-width:max(305px,min(3.08166vw + 293.444px,325px));font-size:max(16px,min(.308166vw + 14.8444px,18px));line-height:140%;position:relative}@media screen and (min-width:768px){.main-works__card-img--mobile{display:none}.main-works__card-img--tablet{display:block}.main-works__card-img--pc{display:none}}@media screen and (min-width:1200px){.main-works__grid{grid-template-columns:repeat(3,1fr);gap:25px}.main-works__card{height:max(500px,min(55.5556vw - 166.667px,900px));padding:30px}.main-works__corner{pointer-events:none;z-index:4;width:30px;height:30px;display:block;position:absolute}.main-works__corner span{background:var(--color-text);position:absolute}.main-works__corner span:first-child{width:100%;height:1px}.main-works__corner span:last-child{width:1px;height:100%}.main-works__corner--tl,.main-works__corner--tl span:first-child,.main-works__corner--tl span:last-child{top:0;left:0}.main-works__corner--tr,.main-works__corner--tr span:first-child,.main-works__corner--tr span:last-child{top:0;right:0}.main-works__corner--bl,.main-works__corner--bl span:first-child,.main-works__corner--bl span:last-child{bottom:0;left:0}.main-works__corner--br,.main-works__corner--br span:first-child,.main-works__corner--br span:last-child{bottom:0;right:0}.main-works__card-bg{opacity:0;transition:opacity .3s}.main-works__card:hover .main-works__card-bg{opacity:1}.main-works__card:hover .main-works__card-plus{opacity:0}.main-works__card-img--mobile,.main-works__card-img--tablet{display:none}.main-works__card-img--pc{display:block}.main-works__card-plus{font-size:max(110px,min(1.94444vw + 86.6667px,124px))}.main-works__card-title{max-width:100%;font-size:max(18px,min(.277778vw + 14.6667px,20px))}}