.document{padding-top:5.5em;width:100vw}.document .document__inner{display:-webkit-box;display:-ms-flexbox;display:flex}.document .document__left{min-width:355px;overflow:hidden;width:25%}.document .document__listBox{padding:2.5em 23% 3em 15%;position:relative;text-align:center;width:100%}.document .document__listBox:before{background:#ececec;bottom:0;content:"";left:-2em;padding:2.5em 23% 3em 15%;position:absolute;right:0;text-align:center;top:0;-webkit-transform:skew(10deg);transform:skew(10deg);-webkit-transform-origin:bottom;transform-origin:bottom;z-index:-1}.document .document__ttl{color:#000;font-size:1.75rem}.document .document__desc{line-height:1.8;margin-top:1.8em;text-align:left}.document .document__btn-wrap{border:1px solid #000;height:50px;margin-top:1.3em;overflow:hidden}.document .document__btn{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#000;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.125rem;font-weight:700;height:48px;justify-content:center;letter-spacing:.2em;margin:auto;overflow:hidden;padding-right:1.5em;position:relative;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;z-index:1}.document .document__btn:hover{color:#000;transition:none!important}.document .document__btn:before{content:"";display:block;height:8px;position:absolute;right:18px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:45px;z-index:2}.document .document__btn:before,.document .document__btn:hover:before{background-position:50%;background-repeat:no-repeat;background-size:cover}.document .document__btn:hover:before{-webkit-transform:translateY(-50%) translateX(10px);-ms-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px)}.document .document__right{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;max-width:calc(100% - 400px);padding-top:1em;width:71%}.document .document__archiveBox{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;width:100%}.document .document__archive{margin-left:4%;width:26%}.document .document__archive:first-child{margin-left:0}.document .document__thumbnail{-o-object-fit:cover;object-fit:cover;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:100%}.document .document__thumbnail:hover{-webkit-box-shadow:0 0 16px 2px #ccc;box-shadow:0 0 16px 2px #ccc}.document .document__tagBox{margin-top:.5em}.document .document__tag{color:#72727b;display:inline-block;line-height:2;padding-right:1em}.document .document__sp--only{display:none}.document p{line-height:inherit}.document h2{line-height:1;margin:0}.document .document__listBox p{line-height:1.8;margin-bottom:0;margin-top:1.8em;text-align:left}.document .document__btn:after{border-right:4.39238653vw solid transparent;border-top:70px solid #fff;box-sizing:content-box;content:"";position:absolute;right:-4.39238653vw;top:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%;z-index:-1}.document .document__btn:hover:after{-webkit-transform:translateX(-1px);-ms-transform:translateX(-1px);transform:translateX(-1px)}.document .document__archive:nth-child(3n+1){margin-left:0}@media(max-width:1400px){.document{width:auto}}@media(max-width:767px){.document{padding:15px 0}.document .document__listBox{padding:15px}.document .document__left{width:100%}.document .document__inner{flex-wrap:wrap}.document .document__right{max-width:100%;padding:0 15px;width:100%}.document .document__archive{margin-bottom:30px;margin-left:0;width:100%}.document .document__listBox:before{display:none}.document .document__btn{max-width:100%;width:100%}.document .document__left{min-width:auto}img.document__thumbnail{border:1px solid #e7e7e7}}