@charset "utf-8";
.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}body{min-width:950px}#gheader .container{max-width:950px;margin:0 auto;padding:9px 0}#gheader .container h1{float:left;color:#333333;font-size:12px;font-weight:normal;line-height:1}#gheader .container .logo{float:right;line-height:0}main>nav{background-color:#373a3c}main>nav ul{display:table;width:100%;max-width:950px;margin:0 auto}main>nav ul li{display:table-cell;width:25%;border-right:solid 1px #829096;box-sizing:border-box}main>nav ul li a{display:block;padding:25px 0 12px;color:#fff;font-size:15px;line-height:1;text-align:center;background-color:#373a3c;-webkit-transition:all 0.2s;transition:all 0.2s}main>nav ul li a:after{content:url(../images/nav_arrow.gif);display:block;margin-top:6px;-webkit-transition:all 0.2s;transition:all 0.2s}main>nav ul li a:link{color:#fff}main>nav ul li a:visited{color:#fff}main>nav ul li a:hover{background-color:#414547}main>nav ul li a:hover:after{-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}main>nav ul li:first-child{border-left:solid 1px #829096}main article #kv{position:relative;background-color:#00a1de;overflow:hidden}main article #kv>.container{position:relative;left:50%;width:1100px;height:620px;margin-left:-550px;padding:60px 0 237px;box-sizing:border-box;z-index:0}main article #kv>.container .image1{position:absolute;top:0;left:0;z-index:-1}main article #kv>.container .image2{position:absolute;bottom:0;right:0;z-index:-1}main article #kv>.container h1{position:relative;margin-left:247px;z-index:1}main article #kv>.container .lead{position:relative;margin-top:29px;margin-left:306px;z-index:1}main article #kv>.container .balloon li:nth-child(1){position:absolute;top:210px;left:78px}main article #kv>.container .balloon li:nth-child(2){position:absolute;top:119px;right:68px}main article #kv>aside{position:absolute;bottom:0;left:0;width:100%;padding:25px 0 30px;background-color:rgba(255,255,255,0.8)}main article aside{text-align:center}main article aside .lead{margin-bottom:8px}main article aside ul.btn{display:inline-block;margin-top:16px}main article aside ul.btn li{float:left;position:relative;margin-left:40px;z-index:0}main article aside ul.btn li .badge{position:absolute;margin-top:-20px;margin-left:-18px;z-index:1}main article aside ul.btn li a{opacity:1;-webkit-transition:all 0.2s;transition:all 0.2s}main article aside ul.btn li a:hover{opacity:0.65}main article aside ul.btn li:first-child{margin-left:0}main article>aside{padding:47px 0 50px;background-color:#333}main article #movie{padding:54px 0 0;background:url(../images/mov_bg.gif)}main article #movie h2{margin-right:93px;text-align:center}main article #movie>.container{width:950px;margin:0 auto;padding-bottom:30px;text-align:center}main article #movie>.container .movie-container{position:relative;width:800px;height:436px;margin:1px auto 0;background-color:#000}main article #movie>.container .movie-container .thumb a{opacity:1;-webkit-transition:all 0.2s;transition:all 0.2s}main article #movie>.container .movie-container .thumb a:hover{opacity:0.65}main article #movie>.container .movie-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}main article #movie .thumbs{padding:31px 0;background-color:#333;text-align:center}main article #movie .thumbs li{display:inline-block}main article #movie .thumbs li a{opacity:1;-webkit-transition:all 0.2s;transition:all 0.2s}main article #movie .thumbs li a:hover{opacity:0.65}main article #movie .thumbs li+li{margin-left:30px}main article #solution{width:950px;margin:29px auto 60px;padding-top:30px}main article #solution h2{padding-bottom:28px;border-bottom:solid 1px #b3b3b3;text-align:center}main article #solution>div{margin-top:35px}main article #solution>div .logo{float:left;margin-top:6px}main article #solution>div p{float:left;margin-left:22px}main article #forstaff{position:relative}main article #forstaff h2{position:relative;padding:37px 0 38px;background-color:#007cb5;line-height:0;text-align:center}main article #forstaff h2:after{content:"";position:absolute;left:0;right:0;bottom:-10px;width:0;height:0;margin:0 auto;border-top:solid 10px #007cb5;border-left:solid 12px transparent;border-right:solid 12px transparent}main article #forstaff>.container{width:950px;margin:0 auto;padding:34px 0 50px}main article #forstaff>.container figure{position:relative;margin-top:40px;padding:117px 0 116px}main article #forstaff>.container figure .fig{margin-right:16px;text-align:center}main article #forstaff>.container figure ul.balloon li:nth-child(1){position:absolute;top:0;left:79px}main article #forstaff>.container figure ul.balloon li:nth-child(2){position:absolute;top:16px;right:52px}main article #forstaff>.container figure ul.balloon li:nth-child(3){position:absolute;bottom:4px;left:39px}main article #forstaff>.container figure ul.balloon li:nth-child(4){position:absolute;bottom:32px;right:56px}main article #forstaff>.container .arrow{margin-top:-5px;text-align:center}main article #forstaff>.container .solution{margin-top:19px;text-align:center}main article #voice{padding:53px 0 62px;background-color:#fff7d9}main article #voice h2{margin-bottom:38px;text-align:center}main article #voice>.container{width:950px;margin:0 auto;box-sizing:border-box}main article #voice>.container .btn-pdf a{opacity:1;-webkit-transition:all 0.2s;transition:all 0.2s}main article #voice>.container .btn-pdf a:hover{opacity:0.65}main article #voice>.container #school{padding:43px 40px 33px;color:#000;background-color:#fff}main article #voice>.container #school .image{float:left;width:293px}main article #voice>.container #school .image .cap{margin-top:1.25em;font-size:16px;line-height:1.3125}main article #voice>.container #school .image .cap em{font-weight:bold}main article #voice>.container #school .desc{float:right;width:556px}main article #voice>.container #school .desc .title{padding:0 0.75em;font-size:16px;font-weight:bold;line-height:43px;background-color:#e5e5e5}main article #voice>.container #school .desc .lead{margin-top:0.83333em;font-size:18px;font-weight:bold;line-height:1.55556}main article #voice>.container #school .desc .text{font-size:16px;line-height:1.75}main article #voice>.container #school .desc .btn-pdf{margin-top:20px}main article #voice>.container #others>ul>li{width:465px;margin-top:20px;padding:20px 24px 18px;background-color:#fff;box-sizing:border-box}main article #voice>.container #others>ul>li .category{width:416px;padding:0 0.6875em;font-size:16px;font-weight:bold;line-height:24px;background-color:#e5e5e5;box-sizing:border-box}main article #voice>.container #others>ul>li .fig{margin-top:1px;text-align:center}main article #voice>.container #others>ul>li .device{margin-top:11px;font-size:14px;font-weight:bold;line-height:1;text-align:center}main article #voice>.container #others>ul>li .btn-pdf{margin-top:10px;text-align:center}main article #voice>.container #others>ul li:nth-child(odd){float:left}main article #voice>.container #others>ul li:nth-child(even){float:right}main article #feature{padding:73px 0 59px;background-color:#eee}main article #feature h2{margin-bottom:47px;text-align:center}main article #feature>.container{width:950px;margin:0 auto}main article #feature>.container section{margin-top:39px}main article #feature>.container section .title{position:relative;height:72px;padding-left:158px;background-color:#007cb5}main article #feature>.container section .title .badge{position:absolute;top:-20px;left:29px}main article #feature>.container section .title h3{line-height:0}main article #feature>.container section .title p{position:absolute;top:0;right:8px;bottom:0;height:58px;margin:auto;padding:0 18px;font-size:18px;font-weight:bold;line-height:58px;background-color:#ffe633}main article #feature>.container section .body{padding:38px 50px;background-color:#fff}main article #feature>.container section .body p{font-size:18px;line-height:1.66667}main article #feature>.container section .body p em{color:#e2007e;font-size:21px;line-height:1.42857}main article #feature>.container section .body .desc li h4{font-size:20px;font-weight:bold}main article #feature>.container section .body .desc li h4 span{color:#009bea}main article #feature>.container section .body .desc li p{font-size:18px;line-height:1.66667}main article #feature>.container #feature1 .title h3{padding-top:23px}main article #feature>.container #feature1 .body{padding-bottom:52px}main article #feature>.container #feature1 .body .fig{margin-top:38px;margin-left:8px}main article #feature>.container #feature2 .title h3{padding-top:8px}main article #feature>.container #feature2 .body{padding-bottom:51px}main article #feature>.container #feature2 .body p{float:left;width:472px}main article #feature>.container #feature2 .body .fig{float:left;margin-left:74px}main article #feature>.container #feature3 .title h3{padding-top:8px}main article #feature>.container #feature3 .body{padding-bottom:42px}main article #feature>.container #feature3 .body .fig{margin-top:29px;margin-left:-2px}main article #feature>.container #feature4 .title h3{padding-top:7px}main article #feature>.container #feature4 .body .cf p{float:left;width:472px}main article #feature>.container #feature4 .body .cf .fig{float:left;margin-left:34px}main article #feature>.container #feature4 .body .desc{margin-top:16px}main article #feature>.container #feature4 .body .desc li+li{margin-top:40px}main article #feature>.container #feature5 .title{height:102px}main article #feature>.container #feature5 .title h3{padding-top:7px}main article #feature>.container #feature5 .body .desc li+li{margin-top:30px}main article #reason{width:950px;margin:34px auto 0;padding-top:35px}main article #reason h2{padding-bottom:28px;border-bottom:solid 1px #b3b3b3;text-align:center}main article #reason ol{margin-top:33px}main article #reason ol li{margin-top:43px}main article #reason ol li>div{margin-top:23px}main article #reason ol li>div .fig{float:left;width:344px;margin-left:5px}main article #reason ol li>div .desc{float:left;width:584px;margin-left:17px}main article #reason ol li>div .desc p{margin-top:1em;font-size:18px;line-height:1.66667}main article #reason ol li>div .desc p em{color:#e2007e}main article #reason ol li>div .desc p:first-child{margin-top:-8px}main article #reason ol li:first-child{margin-top:0}main article #reason .copy{margin-top:43px;text-align:center}main article #inquiry{margin-top:63px;padding-bottom:50px;border-top:solid 44px #fff;background-color:#eee}main article #inquiry>.container{position:relative;width:950px;margin:0 auto}main article #inquiry>.container h3{margin-top:-44px;width:100%;padding:19px 0 13px;background-color:#00a1de;text-align:center}main article #inquiry>.container h2{margin-top:29px;text-align:center}main article #inquiry>.container>p{margin-top:29px;font-size:14px;line-height:1.71429}main article #inquiry>.container dl dt,main article #inquiry>.container dl dd{font-size:14px;line-height:1.71429}main article #inquiry>.container dl dt{font-weight:bold}main article #inquiry>.container .form-container{margin-top:21px;padding:40px 40px 50px;background-color:#fff}main article #inquiry>.container .form-container input[type=email],main article #inquiry>.container .form-container input[type=number],main article #inquiry>.container .form-container input[type=password],main article #inquiry>.container .form-container input[type=tel],main article #inquiry>.container .form-container input[type=text],main article #inquiry>.container .form-container textarea{width:415px;height:40px;margin:0;padding:0 0.5em;border:solid 1px #7f9db9;border-radius:0;background:none transparent;color:inherit;font-size:inherit;font-size:16px;line-height:40px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;box-sizing:border-box}main article #inquiry>.container .form-container input[type=email]:focus,main article #inquiry>.container .form-container input[type=number]:focus,main article #inquiry>.container .form-container input[type=password]:focus,main article #inquiry>.container .form-container input[type=tel]:focus,main article #inquiry>.container .form-container input[type=text]:focus,main article #inquiry>.container .form-container select:focus,main article #inquiry>.container .form-container textarea:focus{outline:0;border-color:#00a1de}main article #inquiry>.container .form-container input[type=number]::-webkit-inner-spin-button,main article #inquiry>.container .form-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}main article #inquiry>.container .form-container input[type="number"]{-moz-appearance:textfield}main article #inquiry>.container .form-container input[type="number"]:hover,main article #inquiry>.container .form-container input[type="number"]:focus{-moz-appearance:number-input}main article #inquiry>.container .form-container textarea{padding:0.5em;width:100%;height:150px;line-height:1.4;overflow-y:scroll}main article #inquiry>.container .form-container input[type=radio],main article #inquiry>.container .form-container input[type=checkbox]{display:none}main article #inquiry>.container .form-container input[type=radio]+.icon,main article #inquiry>.container .form-container input[type=checkbox]+.icon{display:inline-block;position:relative;width:20px;height:20px;border:solid 1px #7f9db9;background-color:#fff;vertical-align:top;box-sizing:border-box}main article #inquiry>.container .form-container input[type=radio]:checked+.icon,main article #inquiry>.container .form-container input[type=checkbox]:checked+.icon{border-color:#00a1de}main article #inquiry>.container .form-container input[type=radio]:checked+.icon:before,main article #inquiry>.container .form-container input[type=checkbox]:checked+.icon:before{content:"";position:absolute;top:-4px;right:-3px;width:19px;height:19px;background:url(../images/form_icon_checked.png)}main article #inquiry>.container .form-container input[type=radio]+.icon+.text,main article #inquiry>.container .form-container input[type=checkbox]+.icon+.text{display:inline-block;margin-top:0.2em;margin-left:9px;font-size:16px;font-weight:bold;line-height:1}main article #inquiry>.container .form-container p.error{margin-top:0.5em;color:#e00;font-size:16px}main article #inquiry>.container .form-container .form-parts{padding:30px 20px;border-bottom:solid 1px #ccc}main article #inquiry>.container .form-container .form-parts .title{margin-bottom:7px;font-size:16px;font-weight:bold}main article #inquiry>.container .form-container .form-parts .title em{color:#e00}main article #inquiry>.container .form-container .form-parts .title span{color:#999}main article #inquiry>.container .form-container .form-parts-category{margin-top:20px;padding-top:0;padding-bottom:0;border-bottom:none}main article #inquiry>.container .form-container .form-parts-category label{display:inline-block;margin-top:10px;line-height:0;cursor:pointer}main article #inquiry>.container .form-container .form-parts-category label:first-of-type{margin-top:0}main article #inquiry>.container .form-container .form-parts-name input[type=text]{width:165px;margin-left:7px}main article #inquiry>.container .form-container .form-parts-name input[type=text]+label{margin-left:35px}main article #inquiry>.container .form-container .form-parts-email input{display:inline-block}main article #inquiry>.container .form-container .form-parts-email input+input{margin-top:20px}main article #inquiry>.container .form-container .form-parts-email label{display:inline-block;height:40px;margin-top:20px;margin-left:7px;line-height:40px;vertical-align:top}main article #inquiry>.container .form-container .form-parts-privacy{padding-top:0;padding-bottom:0;border-bottom:none}main article #inquiry>.container .form-container .form-parts-privacy label{display:inline-block;line-height:0;cursor:pointer}main article #inquiry>.container .form-container .category>.title{font-size:20px;font-weight:bold}main article #inquiry>.container .form-container .category>.title span{color:#009bea}main article #inquiry>.container .form-container .info{margin-top:40px}main article #inquiry>.container .form-container .info>.title{padding:0 10px;color:#fff;font-size:16px;font-weight:bold;line-height:36px;background-color:#00a1de}main article #inquiry>.container .form-container .privacy{margin-top:34px}main article #inquiry>.container .form-container .privacy .form-parts-privacy{padding:22px 0;background-color:#eee;text-align:center}main article #inquiry>.container .form-container .privacy-policy{margin-top:27px;padding:32px 25px;border:solid 1px #ccc}main article #inquiry>.container .form-container .privacy-policy .title{font-size:16px;font-weight:bold}main article #inquiry>.container .form-container .privacy-policy p{margin-top:15px;font-size:12px;line-height:1.66667}main article #inquiry>.container .form-container .submit{margin-top:40px;text-align:center}main article #inquiry>.container .form-container .submit button{display:block;width:435px;margin:0 auto;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-transition:all 0.2s;transition:all 0.2s}main article #inquiry>.container .form-container .submit button:hover{opacity:0.65}main article #inquiry>.container .form-container .submit button:focus{outline:0}main article #next{position:relative;background-color:#d7d5d5;overflow:hidden}main article #next .copy{position:relative;left:50%;width:1100px;height:184px;margin-left:-550px;background:url(../images/next_bg.gif);text-align:center}main article #next .copy img{margin-top:53px}#gfooter>.container{width:950px;margin:0 auto;padding:45px 0}#gfooter>.container .privacy a{font-size:12px;line-height:1;text-decoration:underline}#gfooter>.container .privacy a:hover{text-decoration:none}#gfooter>.container .copyright{margin-top:10px}