section.headline{max-width:1280px;width:calc(100% - 120px);margin:0 auto;margin-bottom:120px}@media only screen and (max-width:768px){section.headline{margin-bottom:80px}}@media only screen and (max-width:575px){section.headline{width:100%}}section.headline .block-headline{padding:0 20px}@media only screen and (max-width:575px){section.headline .block-headline{padding:0;width:80%}}section.headline .cooperation-list{width:100%;max-width:1280px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:80px auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width:1023px){section.headline .cooperation-list{margin:40px auto;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center}}section.headline .cooperation-link{max-width:630px;width:calc((100% - 10px) / 2);padding-bottom:calc((100% - 10px) / 4.2);position:relative;margin:0 0 20px 0}section.headline .cooperation-link.white{color:#fff}@media only screen and (max-width:1180px){section.headline .cooperation-link{padding-bottom:0}}@media only screen and (max-width:1023px){section.headline .cooperation-link{width:100%}}@media only screen and (max-width:575px){section.headline .cooperation-link{width:80%}section.headline .cooperation-link .img-container{max-width:100%;height:100%;margin:0 auto}}section.headline .cooperation-link:first-child .hover-wrap{background:rgb(46,46,46)}section.headline .cooperation-link:nth-child(2) .hover-wrap{background:rgb(186,152,79)}section.headline .cooperation-link:nth-child(3) .hover-wrap{background:rgb(233,179,28)}section.headline .cooperation-link:nth-child(4) .hover-wrap{background:rgb(242,243,245)}section.headline .cooperation-link:nth-child(5) .hover-wrap{background:rgb(0,28,61)}@media only screen and (max-width:767px){section.headline .cooperation-link:nth-child(5){margin-bottom:0}}@media only screen and (max-width:1180px){section.headline .cooperation-link:nth-child(n) .hover-wrap{background:none;color:#000}section.headline .cooperation-link:nth-child(n) .hover-wrap .more-button:after,section.headline .cooperation-link:nth-child(n) .hover-wrap .more-button:before{background:#FDD000;-webkit-transition:width 0.6s;transition:width 0.6s}}@media only screen and (min-width:1201px){section.headline .cooperation-link:hover .texture{opacity:0;-webkit-transition:opacity 0.6s;transition:opacity 0.6s}section.headline .cooperation-link:hover .hover-wrap{opacity:1}section.headline .cooperation-link:hover .hover-wrap .more-button:before{background-color:#000}}@media only screen and (min-width:1201px) and (max-width:767px){section.headline .cooperation-link:hover .hover-wrap .more-button:before{background:#FDD000}}@media only screen and (min-width:1201px) and (max-width:767px){section.headline .cooperation-link:hover .img-container .img-box img{-webkit-transform:translate3d(-50%,-50%,0) scale(1.1);transform:translate3d(-50%,-50%,0) scale(1.1)}}@media only screen and (max-width:1200px){section.headline .cooperation-link:active .texture{opacity:0;-webkit-transition:opacity 0.6s;transition:opacity 0.6s}section.headline .cooperation-link:active .hover-wrap{opacity:1}section.headline .cooperation-link:active .hover-wrap .more-button:before{background-color:#000}}@media only screen and (max-width:1200px) and (max-width:767px){section.headline .cooperation-link:active .hover-wrap .more-button:before{background:#FDD000}}@media only screen and (max-width:1200px) and (max-width:767px){section.headline .cooperation-link:active .img-container .img-box img{-webkit-transform:translate3d(-50%,-50%,0) scale(1.1);transform:translate3d(-50%,-50%,0) scale(1.1)}}section.headline .cooperation-link .img-box{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}@media only screen and (max-width:1180px){section.headline .cooperation-link .img-box{position:relative;overflow:hidden}section.headline .cooperation-link .img-box:after{content:"";display:block;width:100%;height:0;padding-bottom:46.67%}}section.headline .cooperation-link .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media only screen and (max-width:1180px){section.headline .cooperation-link .img-box img{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transition:-webkit-transform 0.6s;transition:-webkit-transform 0.6s;transition:transform 0.6s;transition:transform 0.6s,-webkit-transform 0.6s}}section.headline .cooperation-link .texture{position:absolute;top:50%;right:8.73%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);max-width:300px;width:100%;-webkit-transition:opacity 0.3s 0.1s;transition:opacity 0.3s 0.1s}@media only screen and (max-width:1300px){section.headline .cooperation-link .texture{right:2%}}@media only screen and (max-width:1200px){section.headline .cooperation-link .texture{right:min(10px,1%);max-width:25vw}}@media only screen and (max-width:1180px){section.headline .cooperation-link .texture{display:none}}section.headline .cooperation-link .name{font-weight:500;font-size:1.5rem;line-height:1.5;letter-spacing:0.5px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (max-width:1180px){section.headline .cooperation-link .name{margin-top:20px}}@media only screen and (max-width:1080px){section.headline .cooperation-link .name{font-size:1.25rem}}@media only screen and (max-width:1023px){section.headline .cooperation-link .name{font-size:1.5rem}}@media only screen and (max-width:767px){section.headline .cooperation-link .name{font-size:1.25rem}}section.headline .cooperation-link .more-button{margin-top:15px}@media only screen and (max-width:1080px){section.headline .cooperation-link .more-button p{font-size:0.875rem}}@media only screen and (max-width:1023px){section.headline .cooperation-link .more-button p{font-size:1rem}}@media only screen and (max-width:767px){section.headline .cooperation-link .more-button p{font-size:0.875rem}}section.headline .cooperation-link .hover-wrap{opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;-webkit-transition:opacity 0.6s;transition:opacity 0.6s}section.headline .cooperation-link .hover-wrap.white{color:#fff}section.headline .cooperation-link .hover-wrap.white .more-button:before{background:#fff}@media only screen and (max-width:1180px){section.headline .cooperation-link .hover-wrap.white{color:#000}section.headline .cooperation-link .hover-wrap.white .more-button:before{background:#FDD000}}@media only screen and (max-width:1180px){section.headline .cooperation-link .hover-wrap{opacity:1;position:static;display:block;text-align:left;margin:0 auto}}section.headline .cooperation-link .hover-wrap .hover-container{max-width:300px;width:100%}section.headline .cooperation-link .hover-wrap .hover-container .intro{font-weight:300;font-size:1rem;line-height:1.8;letter-spacing:0.5px;margin:15px auto 0 auto;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}
/*# sourceMappingURL=cooperation.css.map */