#index{padding:0;margin:0}#index header h3{line-height:1;color:#222}#index header h3 span.eng{font-size:10vw;letter-spacing:-0.04em;display:block;line-height:1;margin:-1vw 0 1vw 0;color:#03A9F4;position:relative}@media screen and (max-width: 414px){#index header h3{margin-bottom:2em}#index header h3 span.eng{font-size:16vw}}#index header h3 span.jp{padding:0 20px;position:relative}#index header h3 span.jp:before{content:"";width:5px;height:40px;background-color:#002897;left:0;top:50%;position:absolute;margin:-20px 0 0 0}#keyContainer{min-height:200vh;background-color:#ffffff;position:relative}@media screen and (max-width: 800px){#keyContainer{min-height:inherit}}#key{width:100%;height:100vh;background-color:#ffffff;position:sticky;position:-webkit-sticky;left:0;top:0}#key #movieContainer{width:100%;height:calc(100vh + 2.7vw);position:absolute;left:0;top:-2.7vw;overflow:hidden}#key #movie-player{width:100vw;height:56.25vw;position:absolute;left:0;top:0}#key #keyCatch{width:100%;height:100vh;color:#ffffff;flex-direction:column;justify-content:center;align-content:center;position:relative;z-index:1;transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out}#key #keyCatch h1,#key #keyCatch h2{margin:0 0 0 5vw}#key #keyCatch h2{font-size:1.35vw}#key:before{position:absolute;top:-1px;right:0;z-index:-1;content:'';width:55%;height:100%;height:-webkit-calc(100% + 2px);height:calc(100% + 2px);background:#ffffff;transform-origin:right top;-moz-transform-origin:right top;-webkit-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform:scale(0, 1);-moz-transform:scale(0, 1);-webkit-transform:scale(0, 1);-ms-transform:scale(0, 1);-o-transform:scale(0, 1);transition:-webkit-transform .3s;transition:transform .3s;z-index:99}#key:after{position:absolute;top:-1px;left:0;z-index:-1;content:'';width:1.5vw;height:-webkit-calc(100% + 2px);height:calc(100% + 2px);background:#ffffff;transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform:scale(0, 1);-moz-transform:scale(0, 1);-webkit-transform:scale(0, 1);-ms-transform:scale(0, 1);-o-transform:scale(0, 1);transition:-webkit-transform .3s;transition:transform .3s;z-index:99}#key.half:before{transform:scale(1, 1);-moz-transform:scale(1, 1);-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1)}#key.half:after{transform:scale(1, 1);-moz-transform:scale(1, 1);-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1)}#key.half #keyCatch{width:45%}#key.half #keyCatch h1,#key.half #keyCatch h2{margin:0 0 0 4vw}@media screen and (max-width: 1024px){#key #movie-player{width:115vw;height:calc(100vh - 60px)}}@media screen and (max-width: 800px){#key{height:50vh;top:0;padding-top:calc(55px + 1vw)}#key #movie-player{width:100%;height:56.25vw}#key #movieContainer{height:100%;top:0}#key:before,#key:after{content:none}}@media screen and (max-width: 414px){#key{height:26vh}}#philosophy{position:relative;min-height:100vh;padding:0 5vw 0 50vw;color:#222;z-index:100}#philosophy h1{color:#002897}@media screen and (max-width: 800px){#philosophy{background-color:#fff;min-height:inherit;padding:0}#philosophy h1{background-color:#002897;text-align:center;color:#fff;padding:5vw;margin-bottom:0;letter-spacing:0.1em;font-size:4vw;line-height:2}#philosophy p{margin-bottom:2.5em;padding:5vw 5vw 0 5vw}#philosophy img{max-width:60%;display:block;margin:auto;margin-bottom:2.5em}}@media screen and (max-width: 414px){#philosophy h1{font-size:8vw;line-height:1.5;padding:10vw 5vw}#philosophy img{max-width:100%}}#indexNews{padding:3vw 0;align-content:center;align-items:center}#indexNews header{width:20vw;text-align:center}#indexNews header h3 span{color:#002897;font-size:2.4vw;display:block}#indexNews ul{width:50vw;position:relative;background-color:#ffffff;display:block;padding:1vw 0}#indexNews ul li{border-bottom:1px solid rgba(71,81,95,0.1)}#indexNews ul li a{flex:1;display:block;position:relative;display:flex;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:-o-flex;justify-content:flex-start;align-content:center;align-items:center;padding:1vw 4vw 1vw 0;margin:0;color:#222;text-decoration:none;transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out}#indexNews ul li a:after{font-family:"Font Awesome 5 Free";content:"\f054";-webkit-font-smoothing:antialiased;font-weight:900;width:20px;height:20px;line-height:20px;text-align:center;display:block;position:absolute;right:2vw;top:50%;margin:-10px 0 0 0;font-size:14px;color:#47515f;transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out}#indexNews ul li a time{padding:0 2vw;font-size:90%;color:#47515f}#indexNews ul li a span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}#indexNews ul li a:hover{background-color:#ffffff;box-shadow:0 0 2vw 0 rgba(3,169,244,0.2);-moz-box-shadow:0 0 2vw 0 rgba(3,169,244,0.2);-webkit-box-shadow:0 0 2vw 0 rgba(3,169,244,0.2);-ms-box-shadow:0 0 2vw 0 rgba(3,169,244,0.2);-o-box-shadow:0 0 2vw 0 rgba(3,169,244,0.2)}#indexNews ul li a:hover:after{color:#03A9F4;transform:translate(10px, 0);-moz-transform:translate(10px, 0);-webkit-transform:translate(10px, 0);-ms-transform:translate(10px, 0);-o-transform:translate(10px, 0)}#indexNews ul li:first-of-type{border-top:1px solid rgba(71,81,95,0.1)}#indexNews p{width:20vw;text-align:center}@media screen and (max-width: 1024px){#indexNews{display:block}#indexNews header,#indexNews ul,#indexNews p{width:100%}#indexNews header h3 span{font-size:3.4vw}#indexNews ul{margin-bottom:1em}#indexNews ul li a{padding:20px 20px 20px 0}}@media screen and (max-width: 414px){#indexNews header h3 span{font-size:6.4vw}}#indexCompanyContainer{background-color:rgba(3,169,244,0.1);padding:0 0 4vw 0;overflow:hidden;position:relative}#indexCompanyContainer div{flex:1;position:relative}#indexCompanyContainer div header h3{margin-left:-webkit-calc(100% - 45vw);margin-left:calc(100% - 45vw)}#indexCompanyContainer div header h3 span.eng{margin-top:-2vw;margin-bottom:-4vw;color:#ffffff}#indexCompanyContainer section{flex:1}#indexCompanyContainer section header{background-color:#257daa;position:relative;overflow:hidden;padding:5vw 0;text-align:center}#indexCompanyContainer section header>img{opacity:0.7;vertical-align:bottom;position:absolute;left:0;top:-10%;width:100%}#indexCompanyContainer section header h4{position:relative;color:#ffffff}#indexCompanyContainer section header h4 span{display:block;font-size:2.4vw;line-height:1;text-transform:uppercase}#indexCompanyContainer section#indexService header{border-left:1px dotted #ffffff}#indexCompanyContainer section#indexService ul{position:relative;margin:-4vw 4.5vw 0 4.5vw;padding:1.5vw;background-color:#ffffff;box-shadow:0 1vw 3vw 0 rgba(3,169,244,0.3);-moz-box-shadow:0 1vw 3vw 0 rgba(3,169,244,0.3);-webkit-box-shadow:0 1vw 3vw 0 rgba(3,169,244,0.3);-ms-box-shadow:0 1vw 3vw 0 rgba(3,169,244,0.3);-o-box-shadow:0 1vw 3vw 0 rgba(3,169,244,0.3);display:flex;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:-o-flex;flex-wrap:wrap;justify-content:space-between}#indexCompanyContainer section#indexService ul li{border-bottom:1px solid rgba(0,40,151,0.1);width:48%}#indexCompanyContainer section#indexService ul li a{display:flex;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:-o-flex;position:relative;padding:0.5vw 30px 0.5vw 0.5vw;color:#47515f;text-decoration:none;transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;justify-content:center;align-content:center;align-items:center}#indexCompanyContainer section#indexService ul li a:after{font-family:"Font Awesome 5 Free";content:"\f054";-webkit-font-smoothing:antialiased;font-weight:900;width:20px;height:20px;line-height:20px;text-align:center;display:block;position:absolute;right:20px;top:50%;margin:-10px 0 0 0;font-size:14px;color:#47515f;transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out}#indexCompanyContainer section#indexService ul li a .thumbnail{width:80px;height:80px;overflow:hidden;margin:0 0.5vw 0 0}#indexCompanyContainer section#indexService ul li a .thumbnail img{vertical-align:bottom;width:100%;height:100%}#indexCompanyContainer section#indexService ul li a p{width:calc(100% - 80px);margin:0}#indexCompanyContainer section#indexService ul li a:hover{box-shadow:0 0 1vw 0 rgba(3,169,244,0.2);-moz-box-shadow:0 0 1vw 0 rgba(3,169,244,0.2);-webkit-box-shadow:0 0 1vw 0 rgba(3,169,244,0.2);-ms-box-shadow:0 0 1vw 0 rgba(3,169,244,0.2);-o-box-shadow:0 0 1vw 0 rgba(3,169,244,0.2)}#indexCompanyContainer section#indexService ul li a:hover:after{right:15px;color:#03A9F4}#indexCompanyContainer section#indexService ul li:first-of-type,#indexCompanyContainer section#indexService ul li:nth-child(2){border-top:1px solid rgba(0,40,151,0.1)}#indexCompanyContainer section#indexCompany ul{position:relative;margin:-4vw 4.5vw 0 4.5vw;padding:1.5vw;background-color:#ffffff;box-shadow:0 1vw 3vw 0 rgba(3,169,244,0.3);-moz-box-shadow:0 1vw 3vw 0 rgba(3,169,244,0.3);-webkit-box-shadow:0 1vw 3vw 0 rgba(3,169,244,0.3);-ms-box-shadow:0 1vw 3vw 0 rgba(3,169,244,0.3);-o-box-shadow:0 1vw 3vw 0 rgba(3,169,244,0.3);display:flex;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:-o-flex;flex-wrap:wrap;justify-content:space-between}#indexCompanyContainer section#indexCompany ul li{border-bottom:1px solid rgba(0,40,151,0.1);width:48%}#indexCompanyContainer section#indexCompany ul li a{display:block;position:relative;padding:0.5vw 40px 0.5vw 10px;color:#47515f;text-decoration:none;transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out}#indexCompanyContainer section#indexCompany ul li a:before{content:"";width:20px;height:1px;background-color:#03A9F4;left:0;top:50%;margin:-1px 0 0 0;position:absolute;transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform:scale(0, 1);-moz-transform:scale(0, 1);-webkit-transform:scale(0, 1);-ms-transform:scale(0, 1);-o-transform:scale(0, 1);transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out}#indexCompanyContainer section#indexCompany ul li a:after{font-family:"Font Awesome 5 Free";content:"\f054";-webkit-font-smoothing:antialiased;font-weight:900;width:20px;height:20px;line-height:20px;text-align:center;display:block;position:absolute;right:20px;top:50%;margin:-10px 0 0 0;font-size:14px;color:#47515f;transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out}#indexCompanyContainer section#indexCompany ul li a:hover{padding-left:30px}#indexCompanyContainer section#indexCompany ul li a:hover:before{transform:scale(1, 1);-moz-transform:scale(1, 1);-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1)}#indexCompanyContainer section#indexCompany ul li a:hover:after{right:15px;color:#03A9F4}#indexCompanyContainer section#indexCompany ul li:first-of-type,#indexCompanyContainer section#indexCompany ul li:nth-child(2){border-top:1px solid rgba(0,40,151,0.1)}@media screen and (max-width: 1024px){#indexCompanyContainer{display:block}#indexCompanyContainer div{flex:none;width:100%}#indexCompanyContainer div header h3{margin-left:5vw}#indexCompanyContainer section{flex:none;width:100%}#indexCompanyContainer section#indexCompany{margin-bottom:5vw}#indexCompanyContainer section#indexCompany ul li a{padding:20px 40px 20px 10px}}@media screen and (max-width: 414px){#indexCompanyContainer section#indexService ul,#indexCompanyContainer section#indexCompany ul{display:block}#indexCompanyContainer section#indexService ul li,#indexCompanyContainer section#indexCompany ul li{width:100%}#indexCompanyContainer section#indexService ul li:last-child,#indexCompanyContainer section#indexService ul li:first-child,#indexCompanyContainer section#indexCompany ul li:last-child,#indexCompanyContainer section#indexCompany ul li:first-child{border-top:0;border-bottom:0}#indexCompanyContainer section#indexService ul li a .thumbnail{margin:0 2vw 0 0}}#indexWorks{width:100%;overflow:hidden;position:relative;padding:0 0 8vw 0}#indexWorks:before{content:"";width:50vw;height:100%;background-color:rgba(3,169,244,0.2);position:absolute;right:50%;margin:0 11.25vw 0 0}#indexWorks header{width:22.5vw;padding:0 0 10vw 0}#indexWorks header h3 span.eng{color:rgba(255,255,255,0.8);display:block;margin:-1.5vw -12.3vw 2vw -2vw}#indexWorks header p{padding:0 1vw}#indexWorks .regular{width:90vw;margin:4vw -22.5vw 3vw 0;padding:0 0 0 0}#indexWorks .regular .worksCard{width:22.5vw}#indexWorks .regular .worksCard a{background-color:#ffffff;display:block;box-shadow:0 0 1vw 0 rgba(2,99,143,0.15);-moz-box-shadow:0 0 1vw 0 rgba(2,99,143,0.15);-webkit-box-shadow:0 0 1vw 0 rgba(2,99,143,0.15);-ms-box-shadow:0 0 1vw 0 rgba(2,99,143,0.15);-o-box-shadow:0 0 1vw 0 rgba(2,99,143,0.15);text-decoration:none;position:relative;color:#222;margin:1vw 1vw 2vw 1vw;border-bottom:3px solid #ccd1d9;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out}#indexWorks .regular .worksCard a div.thumbnail{background-color:#60ccfd;position:relative;width:100%;height:0;padding:66% 0 0 0;overflow:hidden}#indexWorks .regular .worksCard a div.thumbnail img{position:absolute;left:0;top:0;width:100%;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out}#indexWorks .regular .worksCard a div.text{padding:1vw}#indexWorks .regular .worksCard a div.text h4{color:#47515f;margin-bottom:0.5em}#indexWorks .regular .worksCard a div.text p{margin:0;font-size:14px}#indexWorks .regular .worksCard a div.text ul{display:flex;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:-o-flex;flex-wrap:wrap;margin:0.5vw 0}#indexWorks .regular .worksCard a div.text ul li{background-color:#758397;color:#ffffff;padding:0 1vw;font-size:14px;text-align:center;line-height:20px;margin:2px}#indexWorks .regular .worksCard a:hover{box-shadow:0 0.5vw 2vw 0 rgba(3,169,244,0.3);-moz-box-shadow:0 0.5vw 2vw 0 rgba(3,169,244,0.3);-webkit-box-shadow:0 0.5vw 2vw 0 rgba(3,169,244,0.3);-ms-box-shadow:0 0.5vw 2vw 0 rgba(3,169,244,0.3);-o-box-shadow:0 0.5vw 2vw 0 rgba(3,169,244,0.3);border-bottom:3px solid #0398db}#indexWorks .regular .worksCard a:hover div.thumbnail img{opacity:0.5;transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}@media screen and (max-width: 1024px){#indexWorks{padding-bottom:15.5vw}#indexWorks .flexBox{display:block}#indexWorks .flexBox header{width:100%;padding-bottom:0}#indexWorks .flexBox header>p{text-align:center;padding-left:0;padding-right:0}#indexWorks .flexBox .w_text{text-align:left;margin-bottom:1em}#indexWorks .regular{margin:0;padding:0 0 2.5vw 0}}@media screen and (max-width: 800px){#indexWorks{padding-bottom:20.5vw}}@media screen and (max-width: 414px){#indexWorks:before{width:50%;right:auto;left:0;margin:0}#indexWorks .regular{padding:0 0 10.5vw 0}#indexWorks .regular .worksCard a div.text{padding:5vw}}.slick-loading .slick-list{background:#fff url("ajax-loader.gif") center center no-repeat}.slick-prev,.slick-next{position:absolute;display:block;height:3vw;width:3vw;line-height:0px;font-size:0px;cursor:pointer;color:transparent;transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);padding:0;border:none;outline:none;background-color:#257daa;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out}.slick-prev:hover,.slick-next:hover{background-color:#ffffff}.slick-prev:hover:before,.slick-next:hover:before{color:#3c96c6}@media screen and (max-width: 1024px){.slick-prev,.slick-next{height:6vw;width:6vw}}@media screen and (max-width: 414px){.slick-prev,.slick-next{height:15vw;width:15vw}}.slick-prev{top:100%;left:1vw}.slick-prev:before{content:"\f053";font-family:"Font Awesome 5 Free";-webkit-font-smoothing:antialiased;font-weight:900;width:3vw;height:3vw;line-height:3vw;text-align:center;display:block;position:absolute;right:0;top:0;margin:0;font-size:1.5vw;color:#ffffff;transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out}@media screen and (max-width: 1024px){.slick-prev:before{font-size:4vw;line-height:6vw;width:6vw;height:6vw}}@media screen and (max-width: 414px){.slick-prev:before{font-size:8vw;line-height:15vw;width:15vw;height:15vw}}.slick-next{top:100%;left:4.5vw}.slick-next:before{content:"\f054";font-family:"Font Awesome 5 Free";-webkit-font-smoothing:antialiased;font-weight:900;width:3vw;height:3vw;line-height:3vw;text-align:center;display:block;position:absolute;right:0;top:0;margin:0;font-size:1.5vw;color:#ffffff;transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out}@media screen and (max-width: 1024px){.slick-next{left:7.5vw}.slick-next:before{font-size:4vw;line-height:6vw;width:6vw;height:6vw}}@media screen and (max-width: 414px){.slick-next{left:16.5vw}.slick-next:before{font-size:8vw;line-height:15vw;width:15vw;height:15vw}}
/*# sourceMappingURL=index.css.map */