@charset 'utf-8';

body{margin:0; padding:0; background:#f0ece4; letter-spacing:0;}
h3{font-weight:500; font-size:54px;}
.blind {position: absolute; top: 0; left: -1000px; width: 0; height: 0; font-size: 0; line-height:0; overflow:hidden;}
.wrap{overflow:hidden;}
.bg-wrap{background:#e6e1d6;}
.inner{position:relative; max-width:1900px; margin:0 auto;}
.lock{overflow:hidden;}
.clear:after{content:''; display:block; clear:both;}
.mo{display:none;}
@media screen and (max-width:720px) {
	.only-pc {display:none;}
}

/* btn-style */
.btn{display:inline-block; height:50px; line-height:48px; border:1px solid #646464; border-radius:25px; color:#000; text-align:center; box-sizing:border-box; transition:all .2s; cursor:pointer; font-weight:600;}
.btn-default{background-color:#fff;}
.btn-default:hover:not(.disabled){color:#fff; background-color:#ea1917; border-color:#ea1917;}
.btn-primary{background-color:#ea1917; color:#fff; border:1px solid #ea1917;}
.btn-primary:hover:not(.disabled){color:#000; background-color:#fff; border-color:#646464;}
.btn-increase{width:44px; height:44px; border-radius:50%; text-indent:-9999px; overflow:hidden; border-color:#646464; outline:none; background:#fff; transition:all .2s;}
.btn-increase:hover{border-color:#ea1917; background-color:#ea1917;}
.btn-increase:hover:before,
.btn-increase:hover:after{background-color:#fff;}
.btn-plus,
.btn-minus{position:relative;}
.btn-plus:before{position:absolute; top:20px; left:13px; width:16px; height:2px; content:''; background:#000; transition:all .2s;}
.btn-plus:after{position:absolute; top:20px; left:13px; width:16px; height:2px; content:''; background:#000; transform:rotate(90deg); transition:all .2s;}
.btn-minus:after{position:absolute; top:20px; left:13px; width:16px; height:2px; content:''; background:#000; transition:all .2s;}
.btn i{display:inline-block; height:47px; vertical-align:top; transition:all .2s;}
.btn .ico-360{width:42px; background:url(/images/common/ico_360.png) no-repeat 0 center;}
.btn .ico-demo{width:42px; background:url(/images/common/ico_demo.png) no-repeat 0 center;}
.btn .ico-next{width:25px; background:url(/images/common/ico_arr.png) no-repeat 0 center;}
.btn:hover .ico-next{background-image:url(/images/common/ico_direct_arr.png);}
.btn .ico-back{width:25px; background:url(/images/common/ico_back.png) no-repeat 0 center;}
.btn-back:hover .ico-back{width:25px; background:url(/images/common/ico_back_hover.png) no-repeat 0 center;}

.btn .ico-again{width:23px; background:url(/images/common/ico_again.png) no-repeat 0 center;}
.btn:hover .ico-again{background-image:url(/images/common/ico_again_blk.png);}
.btn:hover .ico-360{background-image:url('/images/common/ico_360_bl.png');}
.btn .ico-down{width:37px; background:url(/images/common/ico_down.png) no-repeat 0 center;}
.btn-download:hover:not(.disabled) .ico-down{background:url(/images/common/ico_down_over.png) no-repeat 0 center;}
.title-area .btn .ico-down{width:37px; background:url(/images/common/ico_down.png) no-repeat 0 center;}
.title-area .btn-download:hover:not(.disabled) .ico-down{background:url(/images/common/ico_down_over.png) no-repeat 0 center;}

.visual .btn .ico-360 {background:#fff url('/images/common/ico_360_bl.png') no-repeat 0 center; color:#000; border-color:#646464;}
.visual .btn:hover:not(.disabled) .ico-360 {background:#ea1917 url('/images/common/ico_360.png') no-repeat 0 center; color:#fff; border-color:#ea1917;}
.visual .btn-learnmore{margin-left:6px; padding-left:60px; background:#fff url(/images/common/ico_learn_arr.png) no-repeat 18px center; text-align:left; border:1px solid #646464; color:#000;}
.visual .btn-learnmore:hover{background:#ea1917 url(/images/common/ico_learn_arr_wh.png) no-repeat 18px center; color:#fff; border-color:#ea1917;}
.visual .btn-demo .ico-demo{background:url(/images/common/ico_demo_over.png) no-repeat 0 center;}
.visual .btn-demo:hover .ico-demo{background:url(/images/common/ico_demo.png) no-repeat 0 center;}
.visual .btn .ico-down{background:url(/images/common/ico_down.png) no-repeat 0 center;}
.visual .btn-download:hover:not(.disabled) .ico-down{background:url(/images/common/ico_down_over.png) no-repeat 0 center;}

.btn-vid-full{position:relative; width:270px; height:50px; line-height:46px; font-weight:600; font-size:16px; color:#000; background:#fff; border:1px solid #646464; box-sizing:border-box; transition:all .2s;}
.btn-vid-full:hover{background:#ea1917; color:#fff; border-color:#ea1917;}
.btn-vid-full:after{content:''; display:block; position:absolute; top:50%; left:29px; width:0; height:0; border:8px solid transparent; border-left:14px solid #000; transform:translateY(-50%); transition:all .2s;}
.btn-vid-full:hover:after{border-left-color:#fff;}
/* .btn-vid-full:hover:after,
.btn-vid-full:focus:after{border-left:14px solid #ea1917;} */

/* fixed-btn */
body.error-page .fixed-btn {display:none !important;}
.fixed-btn{position:fixed; right:-108px; bottom:30px; font-weight:600; z-index:100;}
.fixed-btn a{display:block; width:108px; height:88px; color:#fff; box-sizing:border-box; transition:all .2s;}
.fixed-btn a.fixed-btn-back{padding:52px 0 18px 15px; background:#fff url(/images/common/ico_top.png) no-repeat 15px 23px; color:#000; text-transform:uppercase;}
.fixed-btn a.fixed-btn-back:hover{background-color:#e6e1d6; /* url(/images/common/ico_top_hover.png) no-repeat 15px 23px; color:#fff; */ text-decoration:none;}
.fixed-btn .fixed-btn-demo{padding:43px 0 13px 14px; margin-top:2px; background: #ea1917 url(/images/common/ico_request_demo.png) no-repeat 13px 13px;}

.fixed-btn .fixed-btn-buy:hover{}
.fixed-btn .fixed-btn-demo:hover{background-color:#af1010;}
.fixed-btn .fixed-btn-catalog {position:relative; width:108px; margin-top:2px; color:#fff; background:#4a4946; overflow:visible; transition:all 0.3s;}
.fixed-btn .fixed-btn-catalog .go-catalog {width:108px; color:#fff; background:transparent url(/images/myCatalog/ico_mail_mo.png) no-repeat 13px 13px; background-size:26px auto; padding:43px 0 13px 14px;}
.fixed-btn .fixed-btn-catalog .inn {position:absolute; left:108px; top:0; width:124px; padding:12px 18px 12px 0; background:inherit; transition:all 0.3s; display:none;}
.fixed-btn .fixed-btn-catalog .inn a {display:flex; align-items:center; justify-content:center; width:124px; height:26px; border-radius:13px; background:#fff; color:#000; font-size:12px;}
.fixed-btn .fixed-btn-catalog .inn a + a {margin-top:12px;}
.fixed-btn .fixed-btn-catalog:hover {background-color:#262626;}
.fixed-btn.shw .fixed-btn-catalog.active {transform:translateX(-142px); background-color:#101314;}
.fixed-btn.shw .fixed-btn-catalog .inn {display:block;}
.fixed-btn .ico_r_new {display:none;}
.fixed-btn.shw .ico_r_new {display:block;}

.partner .btn-joinnow:hover {color:#fff; background:#cc0041 url(/images/common/ico_learn_arr_wh.png) no-repeat 85% 50%}

/* header */
.header{position:relative; height:94px; border-bottom:1px solid #d1d1d1;}
.header .inner{padding:0 50px;}
.header h1{position:absolute; top:28px; left:50px;}
.header h1 img{width:164px;}
.btn-nav{display:none;}
.main-menu{font-weight:500; font-size:20px; text-align:center;}
.main-menu ul{display:inline-block;}
.main-menu ul li{float:left; padding:0 2.1053vw;}
.main-menu ul li a{transition:all .2s}
.main-menu ul li:hover a{border-color:#ea1917;}
.main-menu li a{display:block; padding:35px 0 5px; box-sizing:border-box; border-bottom:1px solid transparent; transition:color .2s;}
.header .btn-area{position:absolute; top:25px; right:50px;}
.header .btn-area .btn{height:43px; line-height:41px; text-transform:none;}
.header .btn-area .language{width:103px; background:#f4f4f4; color:#a6a6a6;}
.header .btn-area .language a.active{color:#1a1a1a; font-weight:bold;}
.header .btn-area .btn-buy{width:172px; font-size:16px; color:#fff; font-weight:600;}
.headline{padding:100px 0 105px; text-align:center;}
.headline .h_2 {font-size:30px; color:#000; font-weight:700; font-style:normal; letter-spacing:-1px;}
.headline .h_2 i {color:#888; font-style:normal;}
.headline span{display:block; font-size:70px; font-weight:500; position:relative; width:970px; margin:0 auto;}
.headline .win10_pro_logo{position:absolute; right:0; bottom:-35px; height:32px;}

/* footer */
.footer{font-size:14px; color:#999; background:#333;}
.footer-inner{max-width:1410px; margin:0 auto; padding:63px 245px 80px;}
.footer .footer-logo{display:inline-block; margin-bottom:30px;}
.footer-tab{float:right; display:inline-block; margin-top:20px;}
.footer-tab li{position:relative; float:left; margin-left:46px; padding:1px 0;}
.footer-tab li+li:before{position:absolute; top:4px; left:-23px; content:''; display:inline-block; width:1px; height:10px; background:#6f6f6f;}
.footer-tab li a{ display:block; transition:all .2s;}
.footer-tab li a:hover{color:#fff;}
.footer-tab li:first-child{padding-left:21px; background:url(/images/common/ico_lg.png) no-repeat 0 0;}
.footer p{padding-top:26px; box-sizing:border-box;}
.footer .info-wrap{border-top:1px solid #656565;}
.footer .info{width:88%}


/* cookie */
.cookie-banner{position:relative; padding:15px 50px; font-size:15px; text-align:center; background:#e6e1d6;}
.cookie-banner a{position:relative; text-decoration:underline;}
.cookie-banner .eu{margin:0 20px 0 0;}
.cookie-banner .eu:after{position:absolute; top:3px; right:-12px; width:1px; height:12px; content:''; background:#1a1a1a;}
.cookie-banner .btn-close{position:absolute; top:12px; right:20px; width:20px; height:20px; overflow:hidden; padding:0; text-indent:-9999px; border:0; background:none;}
.cookie-banner .btn-close:before{position:absolute; top:10px; left:0; width:20px; height:1px; content:''; background:#000; transform:rotate(45deg);}
.cookie-banner .btn-close:after{position:absolute; top:10px; left:0; width:20px; height:1px; content:''; background:#000; transform:rotate(-45deg);}

@media screen and (max-width:1169px){

	/* .fixed-btn{display:none;} */
	.fixed-btn{bottom:0;}
	.fixed-btn a{position:relative; width:54px; height:38px; font-size:10px;}

	.fixed-btn a:after{position:absolute; top:22px; width:4px; height:4px; margin:0 0 0 4px; content:''; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);}
	/* .fixed-btn .fixed-btn-buy,
	.fixed-btn .fixed-btn-buy:hover, */
	.fixed-btn a.fixed-btn-back,
	.fixed-btn a.fixed-btn-back:hover{padding:15px 0 0 6px; background:#e1e1e1; color:#000; }
	.fixed-btn a.fixed-btn-back:after{top:18px; border-top:1px solid #000; border-right:1px solid #000;}
	.fixed-btn .fixed-btn-demo,
	.fixed-btn .fixed-btn-demo:hover{padding:6px; background:#ea1917;}
	.fixed-btn .fixed-btn-demo{margin-top:1px;}
	.fixed-btn .fixed-btn-catalog{margin-top:1px; width:54px;}
	.fixed-btn .fixed-btn-catalog .go-catalog {padding:6px; background-image:none; width:54px;}
	.fixed-btn .fixed-btn-catalog .inn {left:54px; display:flex; justify-content:start; width:208px; padding:7px 10px 7px 0;}
	.fixed-btn .fixed-btn-catalog .inn a {width:100px; height:24px;}
	.fixed-btn .fixed-btn-catalog .inn a::after {display:none;}
	.fixed-btn .fixed-btn-catalog .inn a + a {margin:0 0 0 8px;}
	.fixed-btn.shw .fixed-btn-catalog .inn {display:flex; flex-wrap:nowrap;}
	.fixed-btn.shw .fixed-btn-catalog.active {transform:translateX(-218px); background-color:#353a40;}
	
	/* .btn-default:hover, 
	.btn-default:focus{color:#1a1a1a; background:#fff;}
	.btn-default:focus{color:#1a1a1a; background:#eeedf0;} */
	.btn .ico-down{display:none;}
	
	.btn-vid-full:after{display:none;}

	/* header */
	.header{height:65px;}
	.header .inner{padding:0 27px;}
	.header h1{top:14px; left:27px;}
	.header h1 img{width:132px;}
	.btn-nav{position:absolute; top:22px; right:27px; display:block; padding:0; border:0; background:none; z-index:100;}
	.btn-nav:after{position:absolute; top:8px; left:0; width:100%; height:2px; content:''; background:#000; opacity:1; transition:all .2s;}
	.btn-nav span{display:block; width:23px; height:18px; overflow:hidden; text-indent:-9999px;}
	.btn-nav span:before{position:absolute; top:0; left:0; width:100%; height:2px; content:''; background:#000; transition:all .2s;}
	.btn-nav span:after{position:absolute; bottom:0; left:0; width:100%; height:2px; content:''; background:#000; transition:all .2s;}
	.btn-nav.active:after{opacity:0;}
	.btn-nav.active span:before{top:8px; transform:rotate(45deg);}
	.btn-nav.active span:after{bottom:8px; transform:rotate(-45deg);}

	.main-menu{position:fixed; top:66px; left:0; z-index:10; display:none; width:100%; height:calc(100% - 66px); box-sizing:border-box; padding:0 27px; background:#fff;}
	.main-menu ul{float:none; margin:0; width:100%;}
	.main-menu ul li{float:none; padding:0; font-size:18px; font-weight:500; text-align:center; border-bottom:1px solid #d1d1d1;}
	.main-menu li a{display:block; padding:23px 0;}

	.header .btn-area{position:static; float:none; margin-top:30px; width:100%; text-align:center;}
	.header .btn-area .btn-buy{min-width:300px; font-size:15px;}

	/* .headline{padding:40px 0;}
	.headline span{width:auto;}
	.headline img{width:147px;}
	.headline span{font-size:32px;} */

	/* footer */
	.footer-inner{padding:63px 27px 80px;}
	.footer-tab li{margin:0 0 0 25px;}
	.footer-tab li+li:before{top:4px; left:-12px;}
	
	/* win10 logo  */
 	.headline .win10_pro_logo{left:50%; transform:translateX(-50%);}
}

@media screen and (max-width:720px){
	.cookie-banner{padding:10px 40px 10px 15px; font-size:12px; text-align:left;}
	.cookie-banner .btn-close{top:10px; right:10px;}
	.headline .win10_pro_logo{width:auto; bottom:-32px;}
}
	
@media screen and (max-width:526px){
	/* footer */
	.footer{height:auto; font-size:13px;}
	.footer-inner{padding:23px 27px 25px;}
	.footer .footer-logo{display:none;}
	.footer-tab{float:none; margin:0 0 10px;}
	.footer-tab li{margin:0 40px 0 0;}
	.footer-tab li:last-child{margin:0;}
	.footer-tab li+li:before{left:-20px;}
	.footer p{padding-top:10px; font-size:10px;}
}
.none {display:none;}

/* sns share key css 0927 st */
.snsOpenBtn{background:none; border:none;}
.snsWrap{text-align:right; margin-top:20px; margin-bottom:130px; position:relative;}
.snsShareImg{width:27px; height:27px;}
.snsPop.hidden{display:none;}
.snsPop{display:none; text-align:left; position:absolute; font-size:18px; border-radius:15px; border:2px solid #e4e4e4; padding:20px 30px; right:50px;top:0; background:#fff; overflow:hidden; z-index:5;}
.snsPop p{margin-bottom:20px;}
.snsPop .snsIcon{margin-right:6px; width:26px; height:26px; display:block;}
.snsPop .snsIcon img{width:26px; height:26px;}
.iconWrap{display:flex; align-items: center;}
@media screen and (max-width:1150px){
  .snsWrap{margin-top:20px;}
  .snsWrap.subpage {margin-top:0;}
}
@media screen and (max-width:400px){
  .snsPop{font-size:13px}
}

#contents{position:relative;}
.snsWrap.subpage{position:absolute; top:30px; margin-top:0; margin-bottom:0; z-index:9; padding-right:20px; width:100%; max-width:1900px; left:50%; transform:translateX(-50%); }
.snsWrap.subpage .snsPop{position:absolute; z-index:999; background:#fff; right:60px;}
@media screen and (max-width:475px){
  .snsWrap.subpage{position:relative;}
  .snsWrap.subpage .snsPop{position:relative; font-size:13px; right:0; box-sizing:border-box; width:90%; margin:0 auto;}
}




/* loader */
.page-loader {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.6); text-align:center; white-space:nowrap; z-index:10000; display:none;}
.page-loader::after {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.sk-circle {width:100px; height:100px; position:relative; display:inline-block; vertical-align:middle;}
/* .sk-circle .sk-child {width:100%; height:100%; position:absolute; left:0; top:0;}
.sk-circle .sk-child:before {content:''; display:block; margin:0 auto; width:15%; height:15%; background-color:#333; border-radius:100%; animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;}
.sk-circle .sk-circle2 {transform:rotate(30deg);}
.sk-circle .sk-circle3 {transform:rotate(60deg);}
.sk-circle .sk-circle4 {transform:rotate(90deg);}
.sk-circle .sk-circle5 {transform:rotate(120deg);}
.sk-circle .sk-circle6 {transform:rotate(150deg);}
.sk-circle .sk-circle7 {transform:rotate(180deg);}
.sk-circle .sk-circle8 {transform:rotate(210deg);}
.sk-circle .sk-circle9 {transform:rotate(240deg);}
.sk-circle .sk-circle10 {transform:rotate(270deg);}
.sk-circle .sk-circle11 {transform:rotate(300deg);}
.sk-circle .sk-circle12 {transform:rotate(330deg);}
.sk-circle .sk-circle2:before {animation-delay:-1.1s;}
.sk-circle .sk-circle3:before {animation-delay:-1s;}
.sk-circle .sk-circle4:before {animation-delay:-0.9s;}
.sk-circle .sk-circle5:before {animation-delay:-0.8s;}
.sk-circle .sk-circle6:before {animation-delay:-0.7s;}
.sk-circle .sk-circle7:before {animation-delay:-0.6s;}
.sk-circle .sk-circle8:before {animation-delay:-0.5s;}
.sk-circle .sk-circle9:before {animation-delay:-0.4s;}
.sk-circle .sk-circle10:before {animation-delay:-0.3s;}
.sk-circle .sk-circle11:before {animation-delay:-0.2s;}
.sk-circle .sk-circle12:before {animation-delay:-0.1s;}
 */
.sk-circle {width:100%; height:97px; background:url('/images/common/icon-loading.gif') no-repeat center center; background-size:contain;}
.sk-circle .sk-child {display:none !important;}

@keyframes sk-circleBounceDelay {
	0%, 80%, 100% {transform:scale(0);}
	40% {transform:scale(1);}
}
@media screen and (max-width:720px) {
	.sk-circle {width:64px; height:64px;}
}