@charset 'utf-8';
@media screen and (max-width: 1536px) {
	/*#hd .hd_close{
		top: 15px;
		right: 7px;
	}*/
	#hd #hd_kv{padding:5% 0 40%;}
	#hd #hd_kv .fright{width: 40%;}
	#hd #hd_faster{
		background-size: 130%;
		background-position: 76% center;
	}
	#hd #hd_control_app{width: 22%;}
	#hd #hd_control .hd_right{padding-left: 5%;}
}
@media screen and (max-width: 1366px) {
	#hd h1.maintitle,
	#hd h2{
		font-size: 38px;
		margin-bottom: 20px;
		letter-spacing: 3px;
	}
	#hd .logo_deco{padding-top: 45px;}
	#hd .hd_btn{margin:10px 0;}

	#hd #hd_auto .fright{max-width: 600px;}
	#hd #hd_faster .fright{width: 60%;}
	#hd #hd_quantity h4{margin:30px 0 10px;}
	#hd #hd_buy .hd_frame {padding: 6% 20px 20%; }
	#hd #hd_protection .hd_features li{padding:0 10px;}
/* TAB */
	#placements figure p{font-size: 15px; line-height: 1.25;}
}
@media screen and (max-width: 1024px) {
	/*#hd .hd_box {
		width: 80%;
		padding-bottom: 45%;
	}*/
	#hd .hd_btn{padding:15px 15px 13px;}
	#hd .logo_deco{padding-top: 30px;}
	#hd .logo_deco:before{
		width: 50px;
		height: 28px;
	}
	#hd p{
		font-size: 17px;
		line-height: 1.4;
		margin-bottom: 20px;
	}
	#hd #hd_kv{padding:30px 0 30%;}
	#hd #kv_bg li.ani{
		-webkit-animation: none;
			 -o-animation: none;
				animation: none;
	}
	#hd #hd_awards .col50{padding:0 3%;}
	#hd #hd_auto .fright{width: 60%;}
	#hd #hd_faster{padding:150px 0 0; }
	#hd #hd_faster .hd_bar h3{
		font-size: 18px;
		width: 105px;
	}
	#hd #hd_faster .hd_bar p{
		font-size: 12px;
		width: 60px;
	}
	#hd #hd_coverage .col40,
	#hd #hd_coverage .col60,
	#hd #hd_traffic .col45,
	#hd #hd_traffic .col60{width: 50%;}
	#hd #hd_control .hd_right li{margin-top: 0;padding-right: 5%;}
	#hd #hd_smart{
		padding: 50px 0 45%;
		background-size: 130%;
		background-position: center bottom;
	}
	#hd #hd_buy .w1300{width: 80%;}
/* TAB */
	#hd #hd_tab_kv{padding:13% 0 28%; }
	#hd #kv_tab_bg li{
		background-size: 120%;
		background-position: center top;
	}
	#hd #hd_placement{padding-bottom: 50px;}
	#homeBtn .hd_btn{
		font-size: 14px;
		min-width: 200px;
		max-width: 100%;
	}
	#homeBtn li:nth-child(2) .hd_btn {
		padding-top: 7px;
		padding-bottom: 4px;
	}
	#hd .hd_order svg{
		width: 28px;
		height: 55px;
	}
	#hd .hd_order li:last-child svg{width: 26px; }
	#hd .hd_order p{
		font-size: 18px;
		line-height: 1.2;
		padding:0 5px;
		margin:10px 0;
	}
	#hd .hd_order .arrow{
		width: 12px;
		height: 12px;
	}
}
@media screen and (max-width: 768px) {
	#hd .hd_mobile-off,
	#hd #hd_faster small.hd_mobile-off{display: none;}
	#hd .hd_mobile-on{display: block;}
	#hd h1.maintitle,
	#hd h2{
		font-size: 36px;
		letter-spacing: 2px;
	}
	#hd h4{margin-bottom: 10px;}
	/*#hd .hd_close{
		top: -20px;
		right: 0;
	}*/
	#fp-nav.right{right: 0;}

	#hd #hd_awards,
	#hd #hd_traffic,
	#hd #hd_protection,
	#hd #hd_quantity,
	#hd #hd_control,
	#hd #hd_buy{padding:70px 0;}

	#hd #hd_kv{padding: 30px 0 75%;}
	#hd #kv_bg li{
		background-size: 120%;
		background-position: left bottom;
	}
	#hd #hd_kv .fright{
		width: 100%;
		max-width: none;
	}
	#hd #hd_awards .col50{padding:0 10px;}
	#hd #hd_coverage .col40,
	#hd #hd_coverage .col60,
	#hd #hd_traffic .col45,
	#hd #hd_traffic .col60,
	#hd #hd_faster .fright{
		display: block;
		width: 100%;
		margin-left: 0;
	}
	#hd #hd_auto{
		padding:30px 0 90%;
		background-size: 150%;
		background-position: 0 bottom;
	}
	#hd #hd_coverage p,
	#hd #hd_auto .fright{
		width: 100%;
		max-width: none;
	}
	#hd #hd_traffic .col45{padding-right: 0;}
	#hd #hd_faster{
		padding: 50px 0 65%;
		background-size: 170%;
		background-position: 0 bottom;
	}
	#hd #hd_protection .hd_features li{
		width: 50%;
	}
	/*#hd #hd_protection .hd_features li img{
		display: inline-block;
		vertical-align: top;
		width: 15%;
		margin:0;
	}*/
	/*#hd #hd_protection .hd_features li:last-child img{padding:0 2%;}*/
	/*#hd #hd_protection .hd_features li div{
		display: inline-block;
		vertical-align: top;
		width: 85%;
		margin-left: -7px;
		padding-left: 30px;
	}*/
	#hd #hd_control .hd_right{padding:10px 0 10px 30px;}
	#hd #hd_control .hd_right li{padding-right: 10px;}
	#hd #hd_control .hd_right li div + p{margin-bottom: 10px;}
	#hd #hd_smart .col70{
		width: 100%;
		margin-left: 0;
	}
	#hd #hd_buy img{width: 50%;}

/* TAB */
	#placements figure:nth-child(n){
		width: 100%;
		float: none;
	}
	#placements figure img{
		width: 40%;
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 0;
	}
	#placements figure p{
		width: 60%;
		display: inline-block;
		vertical-align: middle;
		margin-left: -7px;
		padding-left: 20px;
		text-align: left;
	}
	#hd #hd_tab_kv{padding:10% 0 25%; }
	#hd_home .left{
		display: block;
		width: 100%;
		max-width: none;
		padding:0;
		margin-left: 0;
	}
	#hd_home .right{
		display: block;
		width: 100%;
		padding-bottom: 57%;
		margin:0 0 20px;
	}
	#hd #homeBtn li{
		width: auto;
		padding:0 10px;
	}
	#homeBtn .hd_btn{min-width: 0; }
	#hd #hd_setup .hd_right{
		width: 100%;
		padding-left: 0;
	}
	#hd #hd_setup{padding:30px 0;}
	#hd #hd_setup #hd_downloadApp{text-align: center;}
	#hd .hd_order li.active p{color:#595a5a; }
	#hd .hd_order li.active svg{fill:#595a5a;}
	#hd .hd_order li.active .arrow{background-color: #595a5a;}
	#hd .hd_order li.active .arrow:before,
	#hd .hd_order li.active .arrow:after{border-color: #595a5a;}
}
@media screen and (max-width: 620px) {
	#hd .hd_620off{display: none; }
	#hd .hd_620on{display: block;}
	#fp-nav{display: none;}
	#hd h1.maintitle,
	#hd h2{font-size: 32px; }
	#hd h3{font-size: 22px;}

	#hd #hd_faster small.hd_mobile-on{bottom: 5%;}
	#hd #hd_protection{padding-bottom: 30px;}
	#hd #hd_protection .hd_features{margin-bottom: 0;}
	#hd #hd_protection .hd_features p{line-height: 1.2;}
	#hd #hd_protection .hd_scenario li{padding:0 5px;}
	#hd #hd_quantity li{
		display: block;
		width: 100%;
		margin-left: 0;
		text-align: left;
	}
	#hd #hd_quantity li:nth-child(2){
		margin-left: 0;
		margin-bottom: 20px;
	}
	#hd #hd_quantity figure{
		display: inline-block;
		vertical-align: middle;
		width: 30%;
		margin-bottom: 0;
		text-align: center;
	}
	#hd #hd_quantity figure + img{
		display: inline-block;
		vertical-align: middle;
		width: 20%;
		margin-left: -7px;
	}
	#hd #hd_quantity li div{
		display: inline-block;
		vertical-align: middle;
		width: 50%;
		margin-left: -7px;
		padding-left: 20px;
	}
	#hd #hd_control h2{text-align: center;}
	#hd #hd_control h2:before{
		right: 0;
		margin:0 auto;
	}
	#hd #hd_control_app{
		width: 100%;
		max-width: 200px;
		margin:40px auto 0;
		float:none;
	}
	#hd #hd_control .hd_right{
		width: 100%;
		padding:0;
		float:none;
	}
	#hd #hd_control .hd_right li{
		width: 100%;
		display: block;
		margin-left: 0;
		margin-bottom: 30px;
	}
	#hd #hd_control .hd_right li div + p{font-size: 18px; color:#00cccc;}
	#hd #hd_control .hd_right li p:last-child{line-height: 1.2;}
	#hd #hd_control .hd_right li:hover p:last-child,
	#hd #hd_control .hd_right li.active p:last-child{color:inherit; }
	#hd #hd_control .hd_right .icon-setup{background-position: -86px -137px;}
	#hd #hd_control .hd_right .icon-diagnosis{background-position: -167px -71px;}
	#hd #hd_control .hd_right .icon-sharing{background-position: -248px -5px;}
	#hd #hd_control .hd_right .icon-filter{background-position: -5px -71px;}
	#hd #hd_control .hd_right .icon-time{background-position: -248px -137px;}
	#hd #hd_control .hd_right .icon-inform{background-position: -86px -5px;}

	#hd #hd_downloadApp{text-align: center; }
	#hd #hd_downloadApp > div{padding: 0 10px; }

/* TAB */
	#hd #hd_tab_kv{padding: 30px 0 60%; }
	#hd #kv_tab_bg li{
		background-size: 150%;
		background-position: center bottom;
	}
	#placements figure img{
		width: 100%;
		margin-bottom: 20px;
	}
	#placements figure:last-child img{
		margin: -9% auto -7%;
	}
	#placements figure p{
		width: 100%;
		margin-left: 0;
		padding-left: 0;
		text-align: center;
		margin-bottom: 30px;
	}
	#hd #hd_placement{padding:50px 0 0;}
	#hd #homeBtn li{
		display: block;
		width: 100%;
		margin-left: 0;
		padding:0;
	}
	#homeBtn .h_icon{
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
	}
	#homeBtn .hd_btn{
		display: inline-block;
		vertical-align: middle;
		min-width:220px;
	}
}
@media screen and (max-width: 480px) {
	#hd .hd_480off{display: none; }
	#hd .hd_480on{display: inline;}

	#hd h1.maintitle,
	#hd h2{
		font-size: 28px;
		letter-spacing: 1px;
	}
	#hd p{
		font-size: 16px;
		margin-bottom: 10px;
	}
	#hd .logo_deco:before{
		width: 45px;
		height: 25px;
	}
	#hd .hd_btn{min-width: 200px; }

	#hd #hd_awards,
	#hd #hd_traffic,
	#hd #hd_protection,
	#hd #hd_quantity,
	#hd #hd_control,
	#hd #hd_buy{padding:50px 0;}

	#hd #hd_awards{background: none;}
	#hd #hd_awards .col50{
		display: block;
		width: 100%;
		margin:0 0 30px;
		padding:0;
	}
	#hd .traffic_more span{
		height: 6px;
		margin:6px 0;
	}
	#hd .traffic_less span{margin:6px 0; }
	#hd #hd_faster th:first-child{width: 140px;}
	#hd #hd_faster h4{font-size: 18px;}
	#hd #hd_faster th:first-child h4:not(.txt-blue){font-size: 16px;}
	#hd #hd_faster h3{font-size: 28px;}
	#hd #hd_faster h3 img{width: 80px;}
	#hd #hd_faster h3:after{left: 183px;}
	#hd #hd_faster small.hd_mobile-on{bottom: 0;}
	#hd #hd_protection .hd_features li{
		display: block;
		width: 100%;
		margin:0 0 30px;
		padding:0;
	}
	#hd #hd_protection .hd_features li img{width: 30%;}
	/*#hd #hd_protection .hd_features li img{width: 20%;}
	#hd #hd_protection .hd_features li div{width: 80%;}*/
	#hd #hd_protection h4{font-size: 20px;}
	#hd #hd_quantity figure,
	#hd #hd_quantity figure + img{width: 50%; }
	#hd #hd_quantity li div{
		display: block;
		width: 100%;
		margin:0 0 40px;
		padding-left: 0;
		text-align: center;
	}
	#hd #hd_quantity h4{margin:10px 0 5px;}
	#hd #hd_control .hd_right li{padding-right: 0;}
	#hd #hd_downloadApp img{width: 120px;}
	#hd #hd_buy .hd_frame{
		border-width: 3px;
		padding-bottom: 100px;
	}
	#hd #hd_buy .hd_frame:before{
		border-width: 8px;
		top: -5px;
		right: -5px;
	}
	#hd #hd_buy .hd_frame:after{
		border-width: 8px;
		left: -5px;
		bottom: -5px;
	}
	#hd #hd_buy img{width: 70%;}
	#hd #hd_smart{padding-bottom: 60%; }
/* TAB */
	#hd_home .w1400{padding:0 !important;}
	#homeBtn .hd_btn{
		min-width: 0;
		width:170px;
	}
	#hd .hd_order svg{
		width: 20px;
		height: 45px;
	}
	#hd .hd_order li:last-child svg{width: 18px; }
	#hd .hd_order p{
		font-size: 14px;
		line-height: 1;
		padding:0 5px;
		margin:10px 0;
	}
}