html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:15px}
body{margin:0}
@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:100}
@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:200}
@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:300}
@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:400}
@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Bold");font-weight:bold}
@font-face{font-family:"Yu Mincho";src:local("Yu Mincho Regular");font-weight:500}
@font-face{font-family:"Yu Mincho";src:local("Yu Mincho Demibold");font-weight:500}
body{font-family:"Yu Gothic", YuGothic}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
ul{margin:0;padding:0}
li{list-style:none}
table{padding:0;border-spacing:0}
img{margin:0;padding:0;vertical-align:middle}
a{text-decoration:none;color:#ff566f}
a:hover{opacity:0.7}
p{font-size:15px;color:#333333;line-height:180%}
.pc{display:none}
.smp{display:inline-block}
.tbl{display:none}
.next_img_pc{display:none}
.next_img_smp{display:inline-block}
#demo{display:none}
.img_all{width:100%}
.container{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px;overflow:hidden}
.text-center{text-align:center}
.text-center2{text-align:left}
.text-left{text-align:left !important}
.text-right{text-align:right}
.center{text-align:center}
.top-head{overflow: hidden;position: relative}
#top-head{top:0;position:absolute;width:100%;margin:0 auto;line-height:1;z-index:999}
#top-head a,#top-head{text-decoration:none}
#top-head .inner{position:relative;padding:40px 40px 0;top: 0;height:140px}
#top-head .logo{float:left;margin-top:-16px;font-size:36px}
#global-nav ul{list-style:none;position:absolute;right:40px;top:40px;font-size:14px}
#global-nav ul li{float:left;padding:0 13px}
#global-nav ul li a{font-family:'Roboto Condensed', sans-serif;color:#ffffff;font-size:18px;display:block;text-shadow:0px 0px 5px #ff5d26;text-align:center}
#global-nav ul li a {display:block;padding:0 0 5px;position:relative;text-decoration:none}
#top-head.fixed{margin-top:0;top:0;position:fixed;height:95px;background:#fd94a0;background:-moz-linear-gradient(-45deg, rgba(255, 31, 14, 0.8) 0%, rgba(255, 47, 244, 0.8) 30%, rgba(255, 139, 22, 0.8) 90%, rgba(255, 213, 25, 0.8) 100%);background:-webkit-linear-gradient(-45deg, rgba(255, 31, 14, 0.8) 0%, rgba(255, 47, 244, 0.8) 30%, rgba(255, 139, 22, 0.8) 90%, rgba(255, 213, 25, 0.8) 100%);background:linear-gradient(135deg, rgba(255, 31, 14, 0.8) 0%, rgba(255, 47, 244, 0.8) 30%, rgba(255, 139, 22, 0.8) 90%, rgba(255, 213, 25, 0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 31, 14, 0.8)', endColorstr='rgba(255, 213, 25, 0.8)',GradientType=1 )}
#nav-toggle{display:none;position:absolute;right:10px;top:20px;width:30px;height:36px;cursor:pointer;z-index:101}
#nav-toggle div{position:relative}
#nav-toggle span{display:block;position:absolute;height:2px;width:100%;background:#ffffff;left:0;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;transition:.35s ease-in-out}
#nav-toggle span:nth-child(1){top:0}
#nav-toggle span:nth-child(2){top:11px}
#nav-toggle span:nth-child(3){top:22px}
.logo img{width:90px}
html{overflow-y:scroll}
.mainimg{overflow:hidden;position:relative;height:100vh;background:url(../images/mainimg_smp.png) no-repeat;background-size:cover}
.mainimg a.scroll{position:absolute;bottom:10px;left:50%;z-index:2;display:inline-block;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);text-decoration:none;font-family:'Roboto Condensed', sans-serif;font-size:16px;letter-spacing:3px;color:#ffffff;margin-left:-26px;font-weight:100}
.mainimg a.scroll span {position:absolute;top:-70px;left:50%;width:24px;height:24px;margin-left:-12px;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb 1.5s infinite;animation:sdb 1.5s infinite;box-sizing:border-box}
@-webkit-keyframes sdb {0% {-webkit-transform:rotate(-45deg) translate(0, 0);opacity:0}
50% {opacity:1}
100% {-webkit-transform:rotate(-45deg) translate(-20px, 20px);opacity:0}
}
@keyframes sdb {0% {transform:rotate(-45deg) translate(0, 0);opacity:0}
50% {opacity:1}
100% {transform:rotate(-45deg) translate(-20px, 20px);opacity:0}
}
h2.nomal_h2{font-size:22px;text-align:center;line-height:170%;position:relative;margin-top:0;padding-bottom:15px;margin-bottom:30px}
h2.nomal_h2::after{content:"";height:3px;width:90px;position:absolute;background:#000;bottom:0;left:50%;margin-left:-45px}
.slanting h2{font-size:22px;text-align:center;line-height:170%;position:relative;margin-top:0;padding-bottom:15px;margin-bottom:30px}
.slanting h2::after{content:"";height:3px;width:90px;position:absolute;background:#000;bottom:0;left:50%;margin-left:-45px}
#comparison {position:relative;overflow:hidden;padding:40px 0 40px;background:linear-gradient(135deg, rgba(255, 31, 14, 0.2) 0%, rgba(255, 47, 244, 0.1) 30%, rgba(255, 139, 22, 0.1) 90%, rgba(255, 213, 25, 0.1) 100%);z-index:-2}
#comparison:before {content:'';position:absolute;bottom:-70%;left:0;width:120%;height:120%;margin:3% -10% 0;background:#ffffff;transform:skew(0deg, -20deg);z-index:-1;display:none}
.comparison_inner {box-sizing:boder-box;width:100%;max-width:640px;height:100%;margin:0 auto;padding:100px 10px 120px;color:#fff;text-align:center}
#price h3{margin:0;line-height:70%;padding:30px 0 15px;font-size:50px}
#price h3 small{font-size:27px}
#price h3 strong{background:linear-gradient(transparent 80%, #fffac8 20%);background:-moz-linear-gradient(transparent 80%, #fffac8 20%);background:-webkit-linear-gradient(transparent 80%, #fffac8 20%);background:-ms-linear-gradient(transparent 80%, #fffac8 20%);background:-o-linear-gradient(transparent 80%, #fffac8 20%);text-decoration:none;color:#ff566f}
#price h3 span{margin:0;font-size:16px;display:block}
#price ul li{border-bottom:solid 1px #ccc;line-height:150%;background:#fff;padding:10px}
#price ul li:first-child{border-top:solid 1px #ccc;background:#d4ccc6 !important}
#price ul li:nth-child(odd){background:#f8f5f2}
#price h3.cm{font-size:30px;line-height:120%;padding:45px 0 45px}
.yen{position:relative;top:-16px}
.device{background:#f8f5f2}
#comparison h3 {font-size:23px;margin-bottom:0;margin-top:10px;margin-bottom:15px}
.device h3{font-size:28px;line-height:130%;width:100%;margin-top: 0; text-align:center}
.model span{border:solid 1px;padding:10px 10px;width:100%;text-align:center;margin-right:10px;background:#fff;display:block}
.model{text-align:center;padding:0 10px;width:100%;float:left}
.qr{background:#ffffff;overflow:hidden;margin-top:20px;padding:15px}
ruby{letter-spacing:-6px;margin-right:5px}
rt{font-size:4px;letter-spacing:0px}
.fitImg{position:absolute}
.mainimg_centered{left:0;position:absolute;top:50%;width:100%;padding:0 15px}
.mainimg_contents{transform:translate(0,-50%)}
.mainimg_title h1{color: #ff7a8c;font-size:26px;font-weight:bold;text-align:center;line-height:150%}
.mainimg_title_logo{position:relative;bottom:9px;margin-left:5px;width:46px}
.form{background-color:rgba( 255, 86, 111, 0.7 );padding:15px}
.ptb_80{padding:40px 10px}
.ptb_80_2{padding:40px 0}
.ptb_30{padding:30px 0}
.rt_10{margin-right:10px}
.mb15{margin-bottom:15px;display:block}
#up_to_you .col-sm-6{text-align:center;margin-bottom:15px;border:solid 10px #f8f5f2;padding:15px 15px 0 15px}
#up_to_you h3{font-size:19px;margin-bottom:10px}
#up_to_you p{ margin-top:0}
#free_web_conference h3{font-size:28px;font-family:'Roboto Condensed', sans-serif;font-weight:bold;margin:10px 0 0 0;color:#b1b1b1;opacity:0.5}
#free_web_conference .col-sm-4{margin-bottom:40px;border-bottom:solid}
.wcb_img{position:relative}
#free_web_conference p{font-size:16px;font-weight:bold;line-height:150%;margin-top:0}
#thinking h2{font-size:27px;line-height:100%;text-align:center}
#thinking h2 span{font-size:14px;color:#ff566f;display:block}
#thinking p{font-size:15px;line-height:200%}
#thinking p a{text-decoration:underline}
.thinking_img{background:url(../images/thinking_img.png) no-repeat right -75px top;background-size:cover;padding:120px 0;position:relative}
.thinking_img::after {content:"";-moz-transform:skewX(150deg);transform:skewX(150deg);height:70px;width:1px;background:#000;position:absolute;bottom:-35px;left:50%}
.buttun01 {font-size:18px;width:100%;border-radius:5px;color:#ff566f;background:#fff;padding:10px 30px;margin-top:5px;border:0;font-weight: bold;display:inline-block}
.buttun01:hover {opacity:0.7}
.buttun02 {font-size:18px;width:100%;color:#fff;background:#ff566f;padding:10px 30px;margin-top:20px;width:100%;border-radius:5px;display:inline-block}
.slanting:after {content:'';position:absolute;top:0;left:0;width:120%;height:50%;margin:8% -10% 0;background:#fd94a0;background:-moz-linear-gradient(-45deg, rgba(255, 31, 14, 0.5) 0%, rgba(255, 47, 244, 0.5) 30%, rgba(255, 139, 22, 0.5) 90%, rgba(255, 213, 25, 0.5) 100%);background:-webkit-linear-gradient(-45deg, rgba(255, 31, 14, 0.5) 0%, rgba(255, 47, 244, 0.5) 30%, rgba(255, 139, 22, 0.5) 90%, rgba(255, 213, 25, 0.5) 100%);background:linear-gradient(135deg, rgba(255, 31, 14, 0.5) 0%, rgba(255, 47, 244, 0.5) 30%, rgba(255, 139, 22, 0.5) 90%, rgba(255, 213, 25, 0.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 31, 14, 0.5)', endColorstr='rgba(255, 213, 25, 0.5)',GradientType=1 );-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg);z-index:-2}
.slanting {position:relative;overflow:hidden;padding:40px 0 40px}
.slanting:before {content:'';position:absolute;top:0;left:-40px;width:150%;height:100%;margin:8% -10% 0;background:#f8f5f2;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:rotate(-4deg);-ms-transform:rotate(-4deg);transform:rotate(-4deg);z-index:-1}
.slanting_inner {box-sizing:boder-box;height:100%;margin:0 auto;text-align:center}
.slanting2:after {content:'';position:absolute;top:0;left:0;width:120%;height:50%;margin:8% -10% 0;background:#fd94a0;background:-moz-linear-gradient(-45deg, rgba(255, 31, 14, 0.5) 0%, rgba(255, 47, 244, 0.5) 30%, rgba(255, 139, 22, 0.5) 90%, rgba(255, 213, 25, 0.5) 100%);background:-webkit-linear-gradient(-45deg, rgba(255, 31, 14, 0.5) 0%, rgba(255, 47, 244, 0.5) 30%, rgba(255, 139, 22, 0.5) 90%, rgba(255, 213, 25, 0.5) 100%);background:linear-gradient(135deg, rgba(255, 31, 14, 0.5) 0%, rgba(255, 47, 244, 0.5) 30%, rgba(255, 139, 22, 0.5) 90%, rgba(255, 213, 25, 0.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 31, 14, 0.5)', endColorstr='rgba(255, 213, 25, 0.5)',GradientType=1 );-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:rotate(-4deg);-ms-transform:rotate(-4deg);transform:rotate(-4deg);z-index:-2}
.slanting2 {position:relative;overflow:hidden;padding:40px 0 40px}
.slanting2:before {content:'';position:absolute;top:0;left:0;width:120%;height:100%;margin:8% -10% 0;background:#f8f5f2;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg);z-index:-1}
.slanting2_inner {box-sizing:boder-box;height:100%;margin:0 auto;text-align:center}
footer{	padding:40px 0 20px;background:#fd94a0;background:-moz-linear-gradient(-45deg, rgba(255, 31, 14, 0.8) 0%, rgba(255, 47, 244, 0.8) 30%, rgba(255, 139, 22, 0.8) 90%, rgba(255, 213, 25, 0.8) 100%);background:-webkit-linear-gradient(-45deg, rgba(255, 31, 14, 0.8) 0%, rgba(255, 47, 244, 0.8) 30%, rgba(255, 139, 22, 0.8) 90%, rgba(255, 213, 25, 0.8) 100%);background:linear-gradient(135deg, rgba(255, 31, 14, 0.8) 0%, rgba(255, 47, 244, 0.8) 30%, rgba(255, 139, 22, 0.8) 90%, rgba(255, 213, 25, 0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 31, 14, 0.8)', endColorstr='rgba(255, 213, 25, 0.8)',GradientType=1 );position:relative}
.slanting_inner h3{ color:#ff566f;font-size:37px;opacity:0.5;position:relative;left:15px;top:-23px;position:static;margin:0;z-index:3;text-align:center;padding:0;font-family:'Roboto Condensed', sans-serif}
.slanting_inner h3 span{font-size:18px;top:-9px;position:relative;border-left:0;display:block;padding-left:15px;height:auto}
footer table{ max-width:445px;margin:0 auto;margin-top: 25px}
.footer_logo{padding:0 15px}
footer p{color:#ffffff;margin:0}
.sns_icon{margin-right:5px}
footer::before{content:"";position:absolute;top:0;height:80px;width:100%;background:-moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(248,248,248,0.5) 50%, rgba(248,248,248,0) 100%);background:-webkit-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(248,248,248,0.5) 50%, rgba(248,248,248,0) 100%);background:linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(248,248,248,0.5) 50%, rgba(248,248,248,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0ffffff', endColorstr='#00ffffff',GradientType=0 )}
.link{width: 100%}
.link a{color: #ffff;text-align: center;display: block;border: solid 2px;margin-bottom: 15px;line-height: 110%;padding: 10px}
.link a img{margin: 5px 0 10px}
.link a:hover{opacity: 1;background: rgba(195,66,85,0.2)}
.link a p{border-bottom: solid 2px;line-height: 150%;margin-bottom: 10px}
.page_top {position:absolute;top:-40px;left:50%;width:80px;margin-left:-40px}
.case{overflow:hidden;left:0;width:100%;margin-bottom:20px;position:relative}
.case li{width:100%;float:none;position:relative;transform:skewX(0);overflow:hidden}
.case_left .case_text{position:absolute;left:15px;bottom:15px;text-align:left;z-index:3;margin-left: 15px;transform:skewX(0)}
.case_right .case_text{position:absolute;left:15px;bottom:15px;text-align:left;z-index:3;transform:skewX(0)}
.case h4{ font-size:30px;color:#ffffff;font-family:'Roboto Condensed', sans-serif;margin:0;margin:0}
.case p{ font-size:15px;color:#ffffff;font-weight:bold;margin:0 }
.case_left:before {content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;z-index:2}
.case_right:before {content:'';width:100%;height:100%;background:linear-gradient(135deg, rgba(255, 31, 14, 0.5) 0%, rgba(255, 47, 244, 0.5) 30%, rgba(255, 139, 22, 0.5) 90%, rgba(255, 213, 25, 0.5) 100%);position:absolute;top:0;left:0;z-index:2}
.case img{transform:skewX(0deg) scale(1)}
#contact{background:#f8f5f2}
.url{color:#fff;font-size:24px;margin:0;text-align:center;width:100%;font-weight:bold}
.url td{display:block}
.url td:first-child{width:auto}
.url td:nth-child(2){width:auto}
.url_name{padding:5px;font-size:15px !important;line-height:1.5;border-radius:5px;border:0;color:#f6666d;border:solid 1px #fbbcd0;width:100%;position:relative;top:-5px}
.width_850{ max-width:850px;margin:0 auto}
.comparison_tbl{width:100%}
.comparison_box {background:rgba(255,255,255,0.7);padding:30px;text-align:center;display:block;width:100%;margin-bottom:20px}
.comparison_box2 {text-align:center;display:block;margin-bottom:20px;width:100%}
.price_box{padding:15px;border-left:1px solid #ff1f0e;border-right:1px solid #ff8b16;margin-bottom:20px;position:relative}
.muryou{background:url("../images/muryou.png") left top no-repeat}
.price_box::before{content:"";display:block;height:1px;background:linear-gradient(135deg, rgba(255, 31, 14, 1) 0%, rgba(255, 47, 244, 1) 30%, rgba(255, 139, 22, 1) 90%, rgba(255, 213, 25, 1) 100%);top:0;position:absolute;width:100%;left:0}
.price_box::after{content:"";display:block;height:1px;background:linear-gradient(135deg, rgba(255, 31, 14, 1) 0%, rgba(255, 47, 244, 1) 30%, rgba(255, 139, 22, 1) 90%, rgba(255, 213, 25, 1) 100%);bottom:0;position:absolute;width:100%;right:0}
span.copy{color:#fff;font-size:17px;background:#ff7a8c;text-align:center;padding:3px 22px;margin-right:10px;border-radius:30px;position:relative;display:block;top:-6px}
span.big{font-size:26px}
.pick{color:#ff566f;font-weight:bold;font-size:15px;background:#ffe1e4;padding:5px 10px;margin-top:10px;display:block}
.smp_100{width:100px}
.smp_60{width:60px}
.uty{width:65px}
.device_img{width:100%}
.buttun03{display: inline-block;float: none;padding: 2px 20px;border: none;border-radius: 30px;font-size: 15px;font-weight: normal;color:#ffffff;background:#50a3a7;background-image: none}
.buttun04{display: inline-block;padding: 2px 20px;border: none;border-radius: 30px;font-size: 15px;font-weight: normal;color:#50a3a7;background:#ffffff;background-image: none}
.service_end{text-align: center;overflow: hidden;padding: 10px 15px;margin: 0}
.service_end2{text-align: center;padding: 20px 0 40px 0;background: #50a3a7;}
.service_end2 p{font-size: 14px;color: #ffffff}
.service_end p{display: inline-block;font-size: 14px;margin: 0}
@media (min-width:767px){.container{width:750px}
.pc{display:inline-block}
.smp{display:none}
.mainimg_centered{width:auto;padding:0 30px}
.mainimg_title h1{text-align:left;font-size:42px;line-height: 180%}
.mainimg_title_logo{position:relative;bottom:14px;margin-left:10px;width:80px}
#up_to_you .col-sm-6{text-align:center;margin-bottom:20px;border:0}
.ptb_60{padding:60px 10px}
#free_web_conference .col-sm-4{ margin-bottom:0;border:0}
.slanting {padding:80px 0}
.slanting2 {padding:80px 0}
#free_web_conference h3{font-size:32px}
.thinking_img {background:url(../images/thinking_img.png) no-repeat right;background-size:cover;padding:220px 0;position:relative}
#thinking p{font-size:17px;line-height:250%}
.case{overflow:hidden;left:-7%;width:114%;position:relative}
.case li{width:50%;float:left;position:relative;transform:skewX(-20deg)}
.case_left .case_text{position:absolute;left:19%;bottom:15px;text-align:left;z-index:3;transform:skewX(20deg)}
.case_right .case_text{position:absolute;right:9%;bottom:15px;text-align:left;left:auto;z-index:3;transform:skewX(20deg)}
.case_left:before {content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;z-index:2}
.case_right:before {content:'';width:100%;height:100%;background:linear-gradient(135deg, rgba(255, 31, 14, 0.5) 0%, rgba(255, 47, 244, 0.5) 30%, rgba(255, 139, 22, 0.5) 90%, rgba(255, 213, 25, 0.5) 100%);position:absolute;top:0;left:0;z-index:2}
.case img{transform:skewX(20deg) scale(1.2)}
.page_top{position:absolute;top:-30px;left:50%;margin-left:-40px}
footer{	padding:90px 0 30px}
.mainimg{overflow:hidden;position:relative;height:100vh;background:url(../images/mainimg.png) no-repeat right 28% top;background-size:cover}
.url{font-size:28px;text-align:left}
.url td{display:table-cell}
.url td:first-child{width:38%}
.url td:nth-child(2){width:62%}
span.big{font-size:47px;display:block}
#comparison h3{font-size:28px;margin-top:0;margin-bottom:0}
.qr{margin-top:40px}
span.copy{line-height:170%;font-size:27px}
rt{font-size:8px}
.pick{cofont-size:17px;display:inline-block}
p{font-size:16px}
#up_to_you h3{font-size:22px;margin-bottom:0}
#thinking h2{font-size:36px}
#thinking h2 span{font-size:19px}
.smp_100{width:130px}
.smp_60{width:73px}
.uty{width:100px}
.model span{display:block;padding:1px 10px;width:100%}
.model{text-align:center;width:50%}
.device_img{width:70%}
.link{width: 50%; float: left; padding: 0px 5px}
}
@media (min-width:992px){.container{width:940px}
.case p{ font-size:20px}
.case h4{ font-size:40px}
.slanting_inner h3{font-size:86px;left:20px;position:relative;text-align:left;padding:0 15px;top:43px}
.slanting_inner h3 span{font-size:28px;display:inline-block;border-left:solid 3px;top:-33px}
#free_web_conference p{font-size:18px}
span.copy{display:inline-block}
#comparison {padding:120px 0}
.comparison_box {background:none;padding:15px;width:45%;display:table-cell;margin-bottom:0}
.comparison_box2 {width:10%;display:table-cell;margin-bottom:0}
#comparison:before {display:block}
.tbl{display:inline-block}
.next_img_pc{display:inline-block}
.next_img_smp{display:none}
.text-center2{text-align:center}
.ptb_80{padding:80px 10px}
.ptb_80_2{padding:80px 0}
.price_box{margin-bottom:0}
h2.nomal_h2{font-size:30px;margin-top:0;margin-bottom:60px}
.slanting h2{font-size:30px;margin-top:0;margin-bottom:0}
.thinking_img::after {height:130px;width:1px;bottom:-65px}
span.big{font-size:48px;display:block}
.form{padding:30px}
.mainimg{overflow:hidden;position:relative;height:100vh;background:url(../images/mainimg.png) no-repeat right top;background-size:cover}
.device h3{font-size:40px;text-align:left}
.device_img{width:100%}
.model span{display:inline-block;width:198px}
.model{text-align:center;width:50%}
.url{font-size:32px}
.link{width: 20%}
}
@media (min-width:1200px){
.buttun03{float: right}
.service_end{text-align: left}
.container{width:1168px}
.buttun01 {width:270px;margin-top:20px}
.buttun02 {width:270px}
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;padding-left:10px;padding-right:10px;min-height:1px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
@media (min-width:767px){
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left;min-height:1px}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
}
@media (min-width:992px){
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
}
@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
}

@media screen and (max-width:992px){
#top-head,.inner{width:100%;padding:0}
#top-head{top: 0;position:absolute;margin-top:0}
/* Fixed reset */#top-head.fixed{padding-top:0;background:#5cb169;background:#fd94a0;background:-moz-linear-gradient(-45deg, rgba(255, 31, 14, 0.8) 0%, rgba(255, 47, 244, 0.8) 30%, rgba(255, 139, 22, 0.8) 90%, rgba(255, 213, 25, 0.8) 100%);background:-webkit-linear-gradient(-45deg, rgba(255, 31, 14, 0.8) 0%, rgba(255, 47, 244, 0.8) 30%, rgba(255, 139, 22, 0.8) 90%, rgba(255, 213, 25, 0.8) 100%);background:linear-gradient(135deg, rgba(255, 31, 14, 0.8) 0%, rgba(255, 47, 244, 0.8) 30%, rgba(255, 139, 22, 0.8) 90%, rgba(255, 213, 25, 0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 31, 14, 0.8)', endColorstr='rgba(255, 213, 25, 0.8)',GradientType=1 );height:80px}
#mobile-head{width:100%;z-index:999;position:relative}
#top-head.fixed .logo,#top-head .logo{position:absolute;left:10px;top:30px;color:#333;font-size:26px}
#global-nav{position:absolute;top:-508px;background:rgba(0,0,0,0.7);width:100%;text-align:center;padding:10px 0;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out;left:0}
#global-nav ul{list-style:none;position:static;right:0;bottom:0;font-size:14px}
#global-nav ul li{float:none;position:static}
#top-head #global-nav ul li a,#top-head.fixed #global-nav ul li a{width:100%;display:block;padding:18px 0;color:#ffffff}
#nav-toggle{display:block}
.open #nav-toggle span:nth-child(1){top:11px;-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);transform:rotate(315deg)}
.open #nav-toggle span:nth-child(2){width:0;left:50%}
.open #nav-toggle span:nth-child(3){top:11px;-webkit-transform:rotate(-315deg);-moz-transform:rotate(-315deg);transform:rotate(-315deg)}
.open #global-nav{-moz-transform:translateY(587px);-webkit-transform:translateY(587px);transform:translateY(587px)}
#top-head .inner{margin-bottom:10px;height:75px;padding:10px 10px 0}
.mini_nav{ display:none}
.logo img{width:50px}
}