.fade-in{margin:0;opacity:0;-webkit-transition:opacity 3s;transition:opacity 3s}.fade-in.up{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),transform 1s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1)}.fade-in.down{-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),transform 1s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1)}.fade-in.left{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 3s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 3s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1),transform 3s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1),transform 3s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 3s cubic-bezier(0.215, 0.61, 0.355, 1)}.fade-in.right{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),transform 1s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1)}.fade-in.is-inview{opacity:1;-webkit-transform:none;transform:none}.wipeIn{margin:0;opacity:0;overflow:hidden;position:relative;-webkit-transition:opacity 1s;transition:opacity 1s}.wipeIn::after{background-color:#2b2b2b;content:"";left:0;opacity:1;padding-top:100%;position:absolute;top:0;-webkit-transition:left 1s, top 1s;transition:left 1s, top 1s;width:100%}.wipeIn.is-inview{opacity:1}.wipeIn.is-inview.left::after{left:100%}html.is-loading{cursor:wait;overflow:hidden}html.is-loading body::after{background:#2b2b2b;content:"";height:100vh;left:0;position:fixed;top:0;width:100vw}body.responsive{padding:0}.responsive .alert-block{position:relative}@media screen and (max-width: 959px){html.open{overflow-y:auto}body.responsive.open{height:96px}body.responsive.open .layout_header,body.responsive.open .layout_main,body.responsive.open .layout_footer,body.responsive.open #footer{display:none}.responsive #nav.open{top:50px !important;-webkit-transform:none !important;transform:none !important}.responsive .alert-block ~ #nav.open{top:95px !important}}.img-wrap{margin:48px auto}.home-subsection{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.home-subsection .img-wrap{margin-top:70px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.btn-wrap{margin-top:45px}.hr-img{margin:50px auto}@media screen and (min-width: 600px){.o-scroll{overflow-x:auto;width:100vw}.x-scroll{min-width:1200px}.homepage .section{width:100%}.inner{margin:0 auto;width:1200px}.home-subsection{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:200px 0}.home-subsection:nth-of-type(even){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding-left:120px}.home-subsection:nth-of-type(odd){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-right:120px}.home-subsection:nth-of-type(odd) .img-wrap{text-align:right}.home-subsection .img-wrap{margin:0;min-width:405px}.btn-wrap{margin-top:45px}.hr-img{height:45.83vw;min-height:500px}.hr-img img{width:100%}}@media screen and (min-width: 600px){.sticky-header .housing-header-wrap:not(.is-inview){opacity:0}.sticky-header .layout_header{-webkit-transition:background-color 500ms;transition:background-color 500ms}.sticky-header:not(.fill) .layout_header{background-color:transparent}.sticky-header:not(.fill) .layout_header .nav-item a:hover{background:none;opacity:0.7}}.home-headline{font-size:2.3rem;line-height:2;margin:0 0 45px}.home-headline.italic{font-style:italic;margin-bottom:64px;text-align:center}@media screen and (min-width: 600px){.home-headline{font-size:3.3rem}}.first-view{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#2b2b2b;display:-webkit-box;display:-ms-flexbox;display:flex;height:90vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;text-align:center}.fiest-view-messege{font-size:4.4rem;letter-spacing:0;line-height:1.5;position:relative;z-index:1;text-shadow:0 0 10px #646c9b}.fiest-view-messege .smaller{font-size:3rem;letter-spacing:0;line-height:2;display:block;margin-bottom:1rem}.first-view-bg{background:url(../../images/toppage/img_main-visual.jpg) no-repeat top right 50%/cover #2b2b2b;height:100vh;left:0;margin:auto;position:absolute;top:0;width:100%}@media only screen and (-webkit-min-device-pixel-ratio: 2){.first-view-bg{background:url(../../images/toppage/img_main-visual-2x.jpg) no-repeat top right 50%/cover #2b2b2b}}@media screen and (min-width: 600px){.first-view{margin-top:-55px}.fiest-view-messege{font-size:5.1rem;font-weight:normal;letter-spacing:0.8rem}.fiest-view-messege .smaller{font-size:3.5rem;letter-spacing:0.5rem;line-height:1;margin-bottom:3rem}}.section-lead{overflow:hidden;padding-top:76px;position:relative}.section-lead .inner{position:relative;z-index:1}.section-lead-bg{position:absolute;top:0;width:100%}.section-lead-bg img{height:auto;width:100%}@media screen and (max-width: 599px){.section-lead .img-wrap{width:80%}.section-lead .img-wrap img{width:100%}.agency-service .img-wrap{width:60%}}@media screen and (min-width: 600px){.section-lead{padding-top:170px}.section-lead .home-subsection:nth-of-type(even) .img-wrap{margin-left:95px}.section-lead .home-subsection:nth-of-type(odd) .img-wrap{margin-right:95px}.lead-first{text-align:center}.agency-service .img-wrap{height:378px}.agency-service .img-wrap img{height:100%;width:auto}.agency-service .btn-wrap{width:33rem}}.section-datacenter{overflow:hidden}.subsection-three-datacetnter .img-wrap{margin:0;position:relative}.subsection-three-datacetnter .img-wrap img{width:100%}.subsection-three-datacetnter .ishikari,.subsection-three-datacetnter .tokyo,.subsection-three-datacetnter .osaka{position:absolute}.subsection-three-datacetnter .ishikari.is-inview,.subsection-three-datacetnter .tokyo.is-inview,.subsection-three-datacetnter .osaka.is-inview{opacity:.6}.subsection-three-datacetnter .ishikari{right:31vw;top:6%;-webkit-transition-delay:1s;transition-delay:1s;width:20vw}.subsection-three-datacetnter .tokyo{right:19vw;top:51%;-webkit-transition-delay:1s;transition-delay:1s;width:22vw}.subsection-three-datacetnter .osaka{left:14vw;top:47%;-webkit-transition-delay:1s;transition-delay:1s;width:22vw}.subsection-ishikari{position:relative;margin:150px 0}.subsection-ishikari .img-wrap{position:relative;z-index:1}@media screen and (max-width: 599px){.subsection-three-datacetnter{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;position:relative}.subsection-three-datacetnter .btn-wrap{margin-top:125vw}.subsection-three-datacetnter .img-wrap{bottom:calc(1.5rem + 95px);position:absolute;width:100%}.subsection-backbone .img-wrap{width:80%}.subsection-backbone .img-wrap img{width:100%}}@media screen and (min-width: 600px){.section-datacenter{overflow:hidden;position:relative}.section-datacenter .datacenter-bg{height:368px;position:absolute;right:0;top:580px;z-index:1}.section-datacenter::after{background:-webkit-gradient(linear, left top, left bottom, from(#414141), to(#2b2b2b));background:linear-gradient(#414141, #2b2b2b);content:"";height:600px;left:-50%;min-width:200%;position:absolute;top:235px;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);width:200vw}.section-datacenter .home-subsection{position:relative;z-index:1}.section-datacenter .home-subsection:nth-of-type(even){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0 120px 0 0}.section-datacenter .home-subsection:nth-of-type(even) .img-wrap{margin-right:95px}.section-datacenter .home-subsection:nth-of-type(odd){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding:0 0 0 120px}.section-datacenter .home-subsection:nth-of-type(odd):not(:first-child) .img-wrap{margin-left:10px}.datacenter-headline-wrap{position:relative}.datacenter-headline-wrap .wipeIn::after{background:linear-gradient(175deg, #2b2b2b 14%, #414141 0%, #2b2b2b 123%)}.datacenter-headline-wrap .wipeIn.is-inview::after{top:-38px}.datacenter-headline-bg{left:-120px;position:absolute;top:-200px;width:995px}.subsection-three-datacetnter{margin:75px 0 120px}.section-datacenter .subsection-three-datacetnter{padding-right:0}.subsection-three-datacetnter .img-wrap{margin:0;min-width:578px;position:relative}.subsection-three-datacetnter .ishikari{right:196px;top:36px;width:160px}.subsection-three-datacetnter .tokyo{right:103px;top:335px;width:163px}.subsection-three-datacetnter .osaka{left:60px;top:290px;width:167px}.subsection-ishikari .img-wrap{margin:0 85px 0 -70px;min-width:550px}.subsection-backbone .img-wrap{min-width:500px}}.section-case{padding:40px 0 90px}.case-headline-wrap{position:relative}.case-headline{text-align:center}.case-headline-bg{bottom:0;margin:auto;max-width:800px;position:absolute}.case-items-wrap{margin:65px auto 0;overflow:hidden;position:relative;width:100vw}.case-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateX(-200vw);transform:translateX(-200vw)}.case-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#414141;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 30px;min-width:calc(100vw - 60px);padding:2rem;-webkit-transition:all 700ms;transition:all 700ms;width:calc(100vw - 60px)}.case-item:first-child,.case-item:last-child{opacity:0}.case-article{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.case-article .corporate-name{text-align:right}.case-article p{line-height:2;font-size:1.4rem}.case-link{color:#fff;margin:0 0 30px;position:relative}.case-link .img-wrap{margin:0;height:auto}.case-link:hover{opacity:.6}.case-img-headline{bottom:0;font-size:1.25rem;left:0;position:absolute;padding:35px 15px 15px;background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(45,45,45,0.8)));background:linear-gradient(to bottom, transparent, rgba(45,45,45,0.8))}.case-summary{font-size:2rem;margin-bottom:1rem}.case-angle-left,.case-angle-right{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;color:#bb7fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:60px;height:130px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto;position:absolute;top:0;width:30px}.case-angle-left{left:0}.case-angle-right{right:0}@media screen and (max-width: 599px){.case-headline-bg{left:-20px;width:calc(100% + 40px)}}@media screen and (min-width: 600px){.section-case{padding:400px 0 90px;padding:150px 0 180px}.case-lead{text-align:center}.case-headline-bg{left:0;right:0}.case-items-wrap{max-width:2442px;min-width:1200px}.case-items{left:50%;position:relative;-webkit-transform:translateX(-2032px);transform:translateX(-2032px)}.case-item{margin:0 74px;min-width:666px;padding:30px;width:666px}.case-link .img-wrap{height:280px}.case-article .case-img-headline{font-size:2rem}.case-summary{font-size:2.1rem}.case-angle-left,.case-angle-right{left:50%}.case-angle-left{-webkit-transform:translateX(-407px);transform:translateX(-407px)}.case-angle-right{right:auto;-webkit-transform:translateX(377px);transform:translateX(377px)}}.case-enter,.case-leave-to{opacity:0}.case-leave-active{position:absolute}.layout_footer{margin:0}@media screen and (min-width: 600px){.footer-wrap{background:linear-gradient(118deg, #4c2f84, #221f68);overflow:hidden;position:relative}.layout_footer{background:none;position:relative;z-index:1}.footer-bg{bottom:0;left:0;position:absolute;width:100%}.footer-bg img{max-width:none;min-height:100%;min-width:100%;vertical-align:bottom}}