/* -------------------------------------------------------- Name: FUTUREK - page-works-detail.css Author: これは作成者です Info: FUTUREK ----------------------------------------------------------- */ @-webkit-keyframes linkArrow{0%{opacity:1;translate:0 0}20%{opacity:0;translate:0 0}25%{opacity:0;translate:-100% 100%}30%{opacity:1;translate:-100% 100%}to{opacity:1;translate:0 0}}@-moz-keyframes linkArrow{0%{opacity:1;translate:0 0}20%{opacity:0;translate:0 0}25%{opacity:0;translate:-100% 100%}30%{opacity:1;translate:-100% 100%}to{opacity:1;translate:0 0}}@-o-keyframes linkArrow{0%{opacity:1;translate:0 0}20%{opacity:0;translate:0 0}25%{opacity:0;translate:-100% 100%}30%{opacity:1;translate:-100% 100%}to{opacity:1;translate:0 0}}@keyframes linkArrow{0%{opacity:1;translate:0 0}20%{opacity:0;translate:0 0}25%{opacity:0;translate:-100% 100%}30%{opacity:1;translate:-100% 100%}to{opacity:1;translate:0 0}}@-webkit-keyframes headerAppear{0%{translate:0 100%}to{translate:0 0}}@-moz-keyframes headerAppear{0%{translate:0 100%}to{translate:0 0}}@-o-keyframes headerAppear{0%{translate:0 100%}to{translate:0 0}}@keyframes headerAppear{0%{translate:0 100%}to{translate:0 0}}@-webkit-keyframes linkAppear{0%{opacity:0}to{opacity:1}}@-moz-keyframes linkAppear{0%{opacity:0}to{opacity:1}}@-o-keyframes linkAppear{0%{opacity:0}to{opacity:1}}@keyframes linkAppear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes showKV{0%{opacity:0;translate:0 50px}to{opacity:1;translate:0 0}}@-moz-keyframes showKV{0%{opacity:0;translate:0 50px}to{opacity:1;translate:0 0}}@-o-keyframes showKV{0%{opacity:0;translate:0 50px}to{opacity:1;translate:0 0}}@keyframes showKV{0%{opacity:0;translate:0 50px}to{opacity:1;translate:0 0}}@media print,screen and (min-width:781px){.page-works-detail .worksDetail{margin-bottom:80px;margin-top:40px}.page-works-detail .worksDetail-header{display:grid;grid-template-columns:auto auto;grid-template-rows:1fr auto auto;min-height:min(60.541727672vw,827px)}.page-works-detail .worksDetail-header .title{grid-column:1/3;grid-row:1/2;margin-bottom:50px}.page-works-detail .worksDetail-header .title .en{display:block;font-size:46px;font-weight:700;line-break:strict;line-height:1.4;margin-bottom:16px;overflow:hidden;overflow-wrap:break-word}.page-works-detail .worksDetail-header .title .en span{display:block}.page-works-detail .worksDetail-header .title .ja{display:block;font-size:40px;font-weight:700;line-height:1.6;overflow:hidden}.page-works-detail .worksDetail-header .title .ja span{display:block}.page-works-detail .worksDetail-header .link{grid-column:1/2;grid-row:2/3;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:auto}.page-works-detail .worksDetail-header .links{grid-column:2/3;grid-row:2/3;margin-left:auto}.page-works-detail .worksDetail-header .links a{margin-left:auto}.page-works-detail .worksDetail-header .links a+a{margin-top:20px}.page-works-detail .worksDetail-header .kv{grid-column:1/3;grid-row:3/4;margin:40px calc(50% - 50vw) 0;width:100vw}.page-works-detail .worksDetail-contents{padding-top:140px}.page-works-detail .worksDetail-contents-inner+.worksDetail-contents-inner{margin-top:90px}.page-works-detail .worksDetail-contents .worksDetail-title{font-size:14px;font-weight:700;margin-bottom:16px}.page-works-detail .worksDetail-contents .ja{font-size:16px;line-height:1.8;margin-bottom:18px}.page-works-detail .worksDetail-contents .ja:before{content:"";display:block;height:0;margin-top:-.4em;width:0}.page-works-detail .worksDetail-contents .ja:after{content:"";display:block;height:0;margin-bottom:-.4em;width:0}.page-works-detail .worksDetail-contents .en{font-size:14px;font-weight:200;line-height:1.5714285714}.page-works-detail .worksDetail-contents .en:before{content:"";display:block;height:0;margin-top:-.28571em;width:0}.page-works-detail .worksDetail-contents .en:after{content:"";display:block;height:0;margin-bottom:-.28571em;width:0}.page-works-detail .worksDetail-contents .img{display:block;margin-top:80px}.page-works-detail .worksDetail-contents .img+.img{margin-top:70px}.page-works-detail .worksDetail-info{margin-bottom:90px;margin-top:80px}.page-works-detail .worksDetail-info-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.page-works-detail .worksDetail-info-inner+.worksDetail-info-inner{margin-top:50px}.page-works-detail .worksDetail-info .worksDetail-title{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;font-size:14px;font-weight:700;line-height:1.5714285714;width:min(21.0102489019vw,287px)}.page-works-detail .worksDetail-info .worksDetail-title:before{content:"";display:block;height:0;margin-top:-.28571em;width:0}.page-works-detail .worksDetail-info .worksDetail-title:after{content:"";display:block;height:0;margin-bottom:-.28571em;width:0}.page-works-detail .worksDetail-info .worksDetail-title+div{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex-positive:1;-webkit-flex-grow:1;flex-grow:1;font-size:16px;line-height:1.2}.page-works-detail .worksDetail-info .worksDetail-credits .head{font-size:11px;line-height:1.2;margin-bottom:16px}.page-works-detail .worksDetail-info .worksDetail-credits .list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:-12px}.page-works-detail .worksDetail-info .worksDetail-credits .list+.list{margin-top:12px}.page-works-detail .worksDetail-info .worksDetail-credits .list+.head{margin-top:30px}.page-works-detail .worksDetail-info .worksDetail-credits .item{margin-bottom:12px}.page-works-detail .worksDetail-info .worksDetail-credits .item:not(:last-child){margin-right:.5em}.page-works-detail .worksDetail-info .worksDetail-credits .item:not(:last-child):after{content:"/";margin-left:.5em}.page-works-detail .worksDetail-info .worksDetail-service .item+.item{margin-top:18px}.page-works-detail .worksDetail-info .worksDetail-output .list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.page-works-detail .worksDetail-info .worksDetail-output .item:not(:last-child){margin-right:24px}.page-works-detail .worksDetail-related{margin-bottom:-1px}.page-works-detail .worksDetail-related-inner{margin:0 auto}.page-works-detail .worksDetail-related-link{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-align-items:center;align-items:center;color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:400px;-webkit-justify-content:center;justify-content:center;position:relative;text-align:left}.page-works-detail .worksDetail-related-link .ico-arrow{display:block;height:50px;overflow:hidden;width:50px}.page-works-detail .worksDetail-related-link .ico-arrow svg{opacity:1;translate:0 0}.page-works-detail .worksDetail-related-link:hover .ico-arrow svg{-webkit-animation:linkArrow .4s linear 0s;-moz-animation:linkArrow .4s linear 0s;-o-animation:linkArrow .4s linear 0s;animation:linkArrow .4s linear 0s}.page-works-detail .worksDetail-related-link .title{font-size:34px;letter-spacing:-.023em;line-height:1;margin-bottom:26px}.page-works-detail .worksDetail-related-link .client{font-size:20px;line-height:1.2;margin-bottom:28px}.page-works-detail .worksDetail-related-link .ja{font-size:36px;line-height:1.3888888889;margin-bottom:28px}.page-works-detail .worksDetail-related-link .ja:before{content:"";display:block;height:0;margin-top:-.19444em;width:0}.page-works-detail .worksDetail-related-link .ja:after{content:"";display:block;height:0;margin-bottom:-.19444em;width:0}.page-works-detail .worksDetail-related-link .en{font-size:16px;line-height:1.625;margin-bottom:28px}.page-works-detail .worksDetail-related-link .en:before{content:"";display:block;height:0;margin-top:-.3125em;width:0}.page-works-detail .worksDetail-related-link .en:after{content:"";display:block;height:0;margin-bottom:-.3125em;width:0}.page-works-detail .worksDetail-related-link .ico-arrow{fill:#fff}.page-works-detail .worksDetail-related-link .arrow{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:min(3.7333333333vw,18px);font-weight:700;gap:8px}.page-works-detail .worksDetail-related-link .arrow .ico-arrow{height:14px;width:14px}.page-works-detail .worksDetail-related-link .image{height:100%;left:50%;position:absolute;top:50%;translate:-50% -50%;width:100%;z-index:-1}.page-works-detail .worksDetail-related-link .image:after{background:rgba(0,0,0,.34);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.page-works-detail .worksDetail-related-link .image picture{display:block;height:100%;width:100%}.page-works-detail .worksDetail-related-link .image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.page-works-detail .back{display:block;margin-bottom:180px;margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media only screen and (max-width:780px){.page-works-detail .worksDetail{margin-bottom:180px;margin-top:46px}.page-works-detail .worksDetail-header{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto}.page-works-detail .worksDetail-header .title{grid-column:1/3;grid-row:1/2;margin-bottom:30px}.page-works-detail .worksDetail-header .title .en{display:block;font-size:min(7.4666666667vw,46px);font-weight:700;line-break:strict;line-height:1.2;margin-bottom:16px;overflow:hidden;overflow-wrap:break-word}.page-works-detail .worksDetail-header .title .en span{display:block}.page-works-detail .worksDetail-header .title .ja{display:block;font-size:min(6.4vw,30px);font-weight:700;line-height:1.4;overflow:hidden}.page-works-detail .worksDetail-header .title .ja span{display:block}.page-works-detail .worksDetail-header .link{grid-column:1/2;grid-row:3/4;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:auto}.page-works-detail .worksDetail-header .links{grid-column:2/3;grid-row:3/4;margin-left:auto}.page-works-detail .worksDetail-header .links a{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:min(4.2666666667vw,20px);letter-spacing:-.029em;line-height:1;margin-left:auto;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.page-works-detail .worksDetail-header .links a+a{margin-top:12px}.page-works-detail .worksDetail-header .internal-link .ico-arrow{height:14px;margin-left:8px;width:14px}.page-works-detail .worksDetail-header .external-link .ico-external{display:block;height:18px;margin-left:8px;position:relative;scale:.77;-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;width:18px}.page-works-detail .worksDetail-header .external-link .ico-external:after,.page-works-detail .worksDetail-header .external-link .ico-external:before{content:"";position:absolute}.page-works-detail .worksDetail-header .external-link .ico-external:before{border-bottom:2px solid #0a0607;border-left:2px solid #0a0607;bottom:0;height:18px;left:0;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;width:18px}.page-works-detail .worksDetail-header .external-link .ico-external:after{border-right:2px solid #0a0607;border-top:2px solid #0a0607;height:12px;right:0;top:0;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;width:12px}.page-works-detail .worksDetail-header .kv{grid-column:1/3;grid-row:2/3;margin:0 calc(50% - 50vw) 30px;width:100vw}.page-works-detail .worksDetail-contents{padding-top:80px}.page-works-detail .worksDetail-contents-inner+.worksDetail-contents-inner{margin-top:80px}.page-works-detail .worksDetail-contents .worksDetail-title{font-size:min(3.7333333333vw,14px);font-weight:700;margin-bottom:16px}.page-works-detail .worksDetail-contents .ja{font-size:min(3.7333333333vw,17px);line-height:1.8;margin-bottom:18px}.page-works-detail .worksDetail-contents .ja:before{content:"";display:block;height:0;margin-top:-.4em;width:0}.page-works-detail .worksDetail-contents .ja:after{content:"";display:block;height:0;margin-bottom:-.4em;width:0}.page-works-detail .worksDetail-contents .en{font-size:min(2.9333333333vw,14px);font-weight:200;line-height:1.6363636364}.page-works-detail .worksDetail-contents .en:before{content:"";display:block;height:0;margin-top:-.31818em;width:0}.page-works-detail .worksDetail-contents .en:after{content:"";display:block;height:0;margin-bottom:-.31818em;width:0}.page-works-detail .worksDetail-contents .img{display:block;margin-top:80px}.page-works-detail .worksDetail-contents .img+.img{margin-top:70px}.page-works-detail .worksDetail-info{margin-bottom:80px;margin-top:80px}.page-works-detail .worksDetail-info-inner+.worksDetail-info-inner{margin-top:50px}.page-works-detail .worksDetail-info .worksDetail-title{font-size:min(3.7333333333vw,17px);font-weight:700;line-height:1;margin-bottom:24px}.page-works-detail .worksDetail-info .worksDetail-title+div{font-size:min(3.7333333333vw,18px);line-height:1.2}.page-works-detail .worksDetail-info .worksDetail-credits .head{font-size:min(3.2vw,12px);line-height:1.2;margin-bottom:10px}.page-works-detail .worksDetail-info .worksDetail-credits .list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:-8px}.page-works-detail .worksDetail-info .worksDetail-credits .list+.list{margin-top:8px}.page-works-detail .worksDetail-info .worksDetail-credits .list+.head{margin-top:30px}.page-works-detail .worksDetail-info .worksDetail-credits .item{margin-bottom:8px}.page-works-detail .worksDetail-info .worksDetail-credits .item:not(:last-child){margin-right:.5em}.page-works-detail .worksDetail-info .worksDetail-credits .item:not(:last-child):after{content:"/";margin-left:.5em}.page-works-detail .worksDetail-info .worksDetail-service .item+.item{margin-top:8px}.page-works-detail .worksDetail-info .worksDetail-output .list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}.page-works-detail .worksDetail-info .worksDetail-output .item{white-space:nowrap}.page-works-detail .worksDetail-related{margin-bottom:-1px}.page-works-detail .worksDetail-related-link{-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-align-items:start;align-items:start;color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:min(101.8666666667vw,764px);-webkit-justify-content:center;justify-content:center;padding:0 min(4.2666666667vw,16px);position:relative;text-align:left}.page-works-detail .worksDetail-related-link .ico-arrow{display:block;height:32px;overflow:hidden;width:32px}.page-works-detail .worksDetail-related-link .ico-arrow svg{opacity:1;translate:0 0}.page-works-detail .worksDetail-related-link:hover .ico-arrow svg{-webkit-animation:linkArrow .4s linear 0s;-moz-animation:linkArrow .4s linear 0s;-o-animation:linkArrow .4s linear 0s;animation:linkArrow .4s linear 0s}.page-works-detail .worksDetail-related-link .title{font-size:min(9.0666666667vw,34px);font-weight:700;letter-spacing:-.02em;line-height:1;margin-bottom:26px}.page-works-detail .worksDetail-related-link .client{font-size:min(4.2666666667vw,20px);font-weight:700;line-height:1.2;margin-bottom:16px}.page-works-detail .worksDetail-related-link .ja{font-size:min(6.4vw,36px);font-weight:700;line-height:1.4;margin-bottom:40px}.page-works-detail .worksDetail-related-link .ja:before{content:"";display:block;height:0;margin-top:-.2em;width:0}.page-works-detail .worksDetail-related-link .ja:after{content:"";display:block;height:0;margin-bottom:-.2em;width:0}.page-works-detail .worksDetail-related-link .en{font-size:min(3.4666666667vw,16px);line-height:1.625;margin-bottom:30px}.page-works-detail .worksDetail-related-link .en:before{content:"";display:block;height:0;margin-top:-.3125em;width:0}.page-works-detail .worksDetail-related-link .en:after{content:"";display:block;height:0;margin-bottom:-.3125em;width:0}.page-works-detail .worksDetail-related-link .ico-arrow{fill:#fff}.page-works-detail .worksDetail-related-link .arrow{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:min(3.7333333333vw,18px);font-weight:700;gap:8px}.page-works-detail .worksDetail-related-link .arrow .ico-arrow{height:14px;width:14px}.page-works-detail .worksDetail-related-link .image{height:100%;left:50%;position:absolute;top:50%;translate:-50% -50%;width:100%;z-index:-1}.page-works-detail .worksDetail-related-link .image:after{background:rgba(0,0,0,.54);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.page-works-detail .worksDetail-related-link .image picture{display:block;height:100%;width:100%}.page-works-detail .worksDetail-related-link .image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.page-works-detail .back{display:block;margin-bottom:180px;margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}