@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);.hidden{display:hidden}body,html{font-family:Hiragino Kaku Gothic Pro,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,Meiryo,\\30E1\30A4\30EA\30AA,Osaka,MS PGothic,arial,helvetica,sans-serif;height:100%;line-height:1.6em;font-size:16px;color:#333}body{opacity:0;transition:opacity .4s 0s}.horizontal-center{height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}h2{text-align:center;font-size:32px}h2:after{content:"";margin-top:15px;background:top url("/images/index/bg-h2.png") no-repeat;background-size:35px auto;height:60px;display:block}@media screen and (max-width:768px){h2:after{height:20px}}.text-primary{color:#f29a76}.btn-transparent{border:1px solid #fff;color:#fff;background:transparent;border-radius:80px;padding-left:40px;padding-right:40px;transition:.4s 0s}.btn-transparent:hover{color:#fff;border:1px solid #f29a76}.navbar-default{background:#333;border-bottom:0}.navbar-default .navbar-brand{font-size:28px;line-height:28px;vertical-align:middle;color:#fff}@media screen and (max-width:768px){.navbar-default .navbar-brand{display:block;text-align:center;width:100%}.navbar-default .navbar-brand a{float:none}}.navbar-default .navbar-right{color:#fff;padding:10px 0}.navbar-default .navbar-right li{margin-left:15px}.navbar-default .navbar-right li a{padding:9px 20px;background:transparent;border:1px solid #fff;border-radius:3px;color:#fff;transition:.4s 0s}.navbar-default .navbar-right li a:hover{color:#fff;border:1px solid #f29a76}.jumbotron{background:50% url("/images/index/mainimage.jpg") no-repeat;background-size:cover;overflow:hidden;position:relative;margin-bottom:0}@media screen and (max-width:768px){.jumbotron .horizontal-center{display:block;padding-top:8vh}}.jumbotron:before{content:"";position:absolute;display:block;background:50% url("/images/index/mask.png");background-size:75px;width:100%;height:100%}.jumbotron .text{position:relative;z-index:1;color:#fff}.jumbotron .text .logo{font-size:80px;font-weight:700;padding-top:60px;padding-bottom:30px}.jumbotron .text h1{font-size:30px;font-weight:700}@media screen and (max-width:768px){.jumbotron .text h1{font-size:7vw}}@media screen and (max-width:768px){.jumbotron .text h1:not(.client){margin-top:15vh}}.jumbotron .smartphone01,.jumbotron .smartphone02{position:absolute;bottom:0}@media screen and (max-width:768px){.jumbotron .smartphone01,.jumbotron .smartphone02{bottom:-40vh}}.jumbotron .smartphone01{right:180px;height:590px}@media screen and (max-width:768px){.jumbotron .smartphone01{width:50vh;height:auto;right:auto;margin-left:-25vh;margin-bottom:10vh}}.jumbotron .smartphone02{right:10px;height:620px}@media screen and (max-width:768px){.jumbotron .image-iphone{text-align:center}}.features{background:#333}.features .description{padding:0 0 30px}@media screen and (max-width:768px){.features .description{text-align:left}}@media screen and (max-width:768px){.features .feature-inner{text-align:left!important}.features .feature-inner h3{font-size:6vw;text-align:left}}.features .feature-inner .icon{width:170px;text-align:center}@media screen and (max-width:768px){.features .feature-inner .icon{width:100%}}.contact{background:50% url("/images/index/bg-contact.jpg") no-repeat;background-size:cover}@media screen and (max-width:768px){.contact h2{font-size:6vw}}.contact .under-nav{padding-top:200px}.contact .under-nav-after a,.contact .under-nav a{color:#fff}.contact,.features{color:#fff;padding:80px 0;margin-top:15px}@media screen and (max-width:768px){.contact,.features{padding:6vh 0}}.client.navbar-on .navbar{background-color:#333}.client .navbar{background:none;transition:.4s 0s}.client .jumbotron{background-image:none;background:#2f4061;background:linear-gradient(135deg,#2f4061,#333);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= "#2f4061",endColorstr="$matchingood-black",GradientType=1)}.client .jumbotron:before{display:none}.client .jumbotron .image-browser{text-align:center}.client .jumbotron .image-browser .browser{width:919px;position:absolute;bottom:-60px;left:0;right:0;margin:0 auto}@media screen and (max-width:768px){.client .jumbotron .image-browser .browser{width:117vh;bottom:-15vh}}.client .jumbotron .text{padding-top:60px}.client .jumbotron .text p{color:#fff}.client .features{background:#f0f0f0;color:#333}.client .contact{background-image:url("/images/index_client/bg_contact.jpg")}