.item{padding-right:.5vw;padding-bottom:.5vw}.item .banner{position:relative;width:89.5vw;height:32.5vw;overflow:hidden;background-color:#fff;box-shadow:.5vw .5vw 0 #000}.item .skew{width:60%;transform:skewX(-30deg);transform-origin:top right}.item .skew-mask{overflow:hidden}.item .skew-img{transform:skewX(30deg);transform-origin:top right;width:100%}.row .item .banner{width:45vw;height:24vw}.row .item .skew{width:73%}.main{width:100%}.main>*{padding:0 5vw;padding-top:5vw;padding-bottom:10vw}.main .about,.main .links{background-color:#fff}.main .about .banner{background-image:url(../images/top/items/about.jpg);background-position:center 60%;background-size:112%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:flex-end;z-index:0}.main .about .banner img{width:35vw}.main .links .desc{font-size:.6em;padding-left:.5em}.main .links .row .item{width:50%;margin-left:auto;margin-right:auto;box-shadow:.5vw .5vw 0 #000;margin-bottom:4vw}.main .links .row .item .banner{width:auto;height:auto}.main article>h2,.main aside>h2{border-bottom:1px solid var(--color-gray);margin-bottom:5vw}@media(min-width: 968px){.pane{width:clamp(320px,41.6vw,800px);position:absolute;right:0;top:0;padding-top:clamp(1px,2.6vw,50px)}.pane{min-height:100vh;padding-bottom:10%;box-sizing:border-box;background-color:rgba(255,255,255,.6)}.pane .footer{position:absolute;bottom:0;width:100%}.item{width:clamp(1px,36.4vw,700px);height:clamp(1px,12.2vw,235px);position:relative;padding-bottom:clamp(1px,.26vw,5px);padding-right:clamp(1px,.26vw,5px)}.item .banner{width:100%;height:100%;box-shadow:clamp(1px,.26vw,5px) clamp(1px,.26vw,5px) 0 #000}.row{display:flex;justify-content:space-between}.row .item{width:50%;height:clamp(1px,8.54vw,164px)}.row .item .banner{width:100%;height:100%}.row .item .skew{width:74%}.row .item:first-child{margin-right:clamp(1px,1vw,20px)}.main{padding-top:clamp(1px,2vw,40px);padding-bottom:clamp(1px,1vw,20px);overflow:hidden}.main>*{padding:0;padding-left:clamp(1px,2.6vw,50px);padding-right:clamp(1px,2.6vw,50px);padding-bottom:clamp(1px,1vw,20px);background-color:rgba(0,0,0,0)}.main article>h2,.main aside>h2{border-bottom:1px solid var(--color-gray);margin-bottom:clamp(1px,1vw,20px);font-size:clamp(1px,.9vw,18px);font-weight:450}.main .about,.main .links{background-color:rgba(0,0,0,0)}.main .links .row{gap:2vw}.main .links .row .item{width:100%;height:auto}.main .about .banner img{width:clamp(1px,15.2vw,293px)}}