@import"https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i";*{box-sizing:border-box !important}html{scroll-behavior:smooth;font-size:14px}body{color:#666;font-family:"Poppins",sans-serif;line-height:1.6;font-weight:normal;margin:0;padding:0;width:100vw;overflow-x:hidden}.leftToRight{opacity:0;transform:translate3d(-100px, 0, 0);transition:opacity 1.5s,transform 1.5s}.rightToLeft{opacity:0;transform:translate3d(100px, 0, 0);transition:opacity 1.5s,transform 1.5s}.bottomToTop{opacity:0;transform:translate3d(0, 100px, 0);transition:opacity 1.5s,transform 1.5s}.topToBottom{opacity:0;transform:translate3d(0, -100px, 0);transition:opacity 1.5s,transform 1.5s}.is-animated{opacity:1;transform:translate3d(0, 0, 0)}header{width:100vw;height:80px;display:flex;align-items:center;position:fixed;top:0;z-index:5;background-color:#fff}header .header{display:flex;justify-content:space-between;align-items:center;width:100%;height:80px}header .header .logo{width:40vw;display:flex}header .header .logo a{display:contents}header .header .logo a img{height:50px;margin-left:20px}header .header nav{width:60vw;clip-path:polygon(8% 0%, 0% 100%, 100% 100%, 100% 0%);background-color:#000f6d;height:80px}header .header nav .navigation{width:100%;display:flex;height:80px}header .header nav .navigation ul{display:flex;list-style-type:none;width:100%;justify-content:space-evenly;align-items:center}header .header nav .navigation ul li a{color:#fff;text-decoration:none}header .header nav button{display:none}header .header .sp-navi{display:none}#top{padding-top:80px}.main-image{height:calc(100vh - 80px);background-image:url(/images/img-01.jpg);background-position-x:center}.main-image #mainPhoto{position:absolute;display:flex;top:30%;width:100vw;justify-content:center;align-items:flex-start;overflow:hidden}.main-image #mainPhoto h1{width:90vw;height:20vh;background-color:#fff;clip-path:polygon(6% 16%, 0% 85%, 100% 100%, 95% 0%);display:flex;justify-content:center;align-items:center;font-size:3vw;font-weight:300}.main-image #mainPhoto h1 span{color:#00aeef;font-size:4vw;display:inline-block;margin-left:15px;font-weight:500}.totop{padding:10px 50px;margin:0;font-weight:bold;font-size:1.4rem;display:flex;justify-content:flex-end}.totop a{color:#00aeef;text-decoration:none;display:block;border:0;background-image:url(/images/top_arrow1.png);background-size:25px;background-repeat:no-repeat;background-position:center top;padding-top:20px;font-weight:500}.totop.blue{background-color:#000f6d}.main-contents{padding-top:100px;min-height:100vh;display:flex;align-items:center}.main-contents .container{display:flex;width:100%;justify-content:space-evenly;min-height:50vh}.main-contents .container .left{flex-basis:20%}.main-contents .container .left .titlepage{position:relative;top:100px}.main-contents .container .left .titlepage h2{font-size:3rem;margin:0;white-space:nowrap;font-weight:400}.main-contents .container .left .titlepage h2::before{content:"01";color:#eee;font-size:15rem;position:absolute;z-index:-1;top:-150px;height:100px;left:120px}.main-contents .container .left .titlepage span{background:#00aeef;display:block;height:5px;width:90px}.main-contents .container .left .titlepage p{font-size:1.5rem}.main-contents .container .right{flex-basis:50%;position:relative;z-index:2}.main-contents .container .right h3{color:#00aeef}.main-contents .container .right h4{color:#000f6d;font-size:1.2rem;margin:30px 0 10px 0}.main-contents .container .right ol li::marker{color:#000f6d;font-size:1.2rem}.main-contents .container .right table{width:100%;margin:40px auto;border-collapse:separate;border-spacing:30px 15px}.main-contents .container .right table th{border-bottom:1px solid #000f6d;color:#000f6d;padding:10px;white-space:nowrap;text-align:justify;-moz-text-align-last:justify;text-align-last:justify;text-justify:inter-ideograph}.main-contents .container .right table th span{display:flex;justify-content:space-between}.main-contents .container .right table th span u{text-decoration:none}.main-contents .container .right table td{border-bottom:1px solid #eee;padding:10px}.main-contents#works,.main-contents#contact{background-color:#000f6d}.main-contents#works .container .left h2,.main-contents#contact .container .left h2{color:#fff;position:relative;z-index:1}.main-contents#works .container .left h2::before,.main-contents#contact .container .left h2::before{color:#132388;z-index:-1}.main-contents#works .container .left .titlepage p,.main-contents#contact .container .left .titlepage p{color:#fff}.main-contents#works .container .right h3,.main-contents#contact .container .right h3{color:#00aeef}.main-contents#works .container .right h4,.main-contents#contact .container .right h4{color:#abe9ff;font-size:1.2rem;display:flex;align-items:center;margin:30px 0 10px 0}.main-contents#works .container .right h4 span,.main-contents#contact .container .right h4 span{display:inline-block;background-color:#fff;color:#565656;padding:0px 10px;border-radius:20px;margin-left:10px;font-size:1rem}.main-contents#works .container .right ol li,.main-contents#contact .container .right ol li{color:#fff}.main-contents#works .container .right ol li::marker,.main-contents#contact .container .right ol li::marker{color:#abe9ff;font-size:1.2rem}.main-contents#works .container .right ol li ul li,.main-contents#contact .container .right ol li ul li{color:#fff;list-style-type:square}.main-contents#works .container .right ol li ul li::marker,.main-contents#contact .container .right ol li ul li::marker{color:#fff}#concept .container .left .titlepage h2::before{content:"01"}#works .container .left .titlepage h2::before{content:"02"}#company .container .left .titlepage h2::before{content:"03"}#contact .container .left .titlepage h2::before{content:"04"}#contact .container .right{padding:20px 0;display:flex;flex-direction:column;margin:40px 0;text-align:center;color:#fff}#contact .container .right .err{color:#ff5252;text-align:left}#contact .container .right dl{display:flex;margin:0 auto;justify-content:center}#contact .container .right dl dt{min-width:150px;text-align:right;color:#fff;border-bottom:1px solid #fff;margin:10px;padding:10px}#contact .container .right dl dd{width:70%;text-align:left;color:#fff;border-bottom:1px solid #888;margin:10px;padding:10px}#contact .container .right input[name=contactName],#contact .container .right input[name=contactMail],#contact .container .right select[name=contactTitle]{width:100%;height:40px;padding:10px;border:2px solid #000f6d;border-radius:6px;background-color:#eee;font-size:1rem;margin-bottom:15px}#contact .container .right textarea{width:100%;height:300px;padding:10px;border:2px solid #000f6d;border-radius:6px;background-color:#eee;font-size:1rem;line-height:1.4em}#contact .container .right .contactSubmit,#contact .container .right .contactBack{width:200px;padding:6px 0 6px 1em;font-size:1.4rem;margin-top:15px;background-color:#2f4cff;color:#fff;border:0;border-radius:6px;cursor:pointer;letter-spacing:1em;font-family:"M PLUS 2",sans-serif}#contact .container .right .contactBack{background-color:#999}.footer{background:#042431;text-align:center}.border-top{border-top:#fff solid 1px;padding-top:90px}.footer h3{color:#fff;font-weight:500;font-size:17px;line-height:20px;text-align:left;padding-bottom:20px}.footer_form{display:flex;border-bottom:#4d636c solid 1px;align-items:center;justify-content:center}.enter{border:inherit;width:71%;background:rgba(0,0,0,0);color:#4d636c;font-size:18px;font-weight:normal;border-bottom:initial}.submit{font-size:17px;transition:ease-in all .5s;background-color:rgba(0,0,0,0);text-transform:uppercase;font-weight:500;border:#00aeef solid 3px;color:#4d636c;padding:5px 0px;margin-bottom:5px;max-width:150px;width:100%;display:block;border-radius:30px}.submit:hover{background-color:#00aeef;transition:ease-in all .5s;color:#fff}ul.cont li{color:#8a9397;font-size:17px;line-height:32px;text-align:left}.copyright{margin-top:90px;padding:20px 0px;background-color:#00aeef}.copyright p{color:#fff;font-size:18px;font-weight:300;line-height:22px;text-align:center}.copyright a{color:#fff}.copyright a:hover{color:#000}@media screen and (max-width: 730px){body{height:-webkit-fill-available;height:100svh}header .header .logo{width:auto}header .header nav{width:20vw;clip-path:polygon(20% 0%, 0% 100%, 100% 100%, 100% 0%)}header .header nav .navbar{display:block;padding:0;position:absolute;right:20px;top:25px;width:30px;height:30px;background:none;border:0}header .header nav .navbar .navbar-icon{background-image:url(/images/navbar.png);display:block;background-size:cover;width:30px;height:30px}header .header nav .navigation{display:none}header .header .sp-navi{display:none;position:absolute;right:0px;top:80px;background-color:#fff;font-size:1.4rem;padding-right:20px}.main-contents{padding-top:0px}.main-contents .container{flex-direction:column}.main-contents .container .left{flex-basis:unset;height:240px;padding:10px}.main-contents .container .right{flex-basis:unset;padding:10px}#contact .container .right{padding:10px}#top{height:100%}.main-image{background-size:cover;height:100%}.main-image #mainPhoto{top:35%}.main-image #mainPhoto h1{flex-direction:column;font-size:5vw;width:98vw}.main-image #mainPhoto h1 span{font-size:6.5vw}}/*# sourceMappingURL=style.min.css.map */