@charset 'utf-8';
/* ----------SEC_LEASINGSTEPS---------- */
	.sec_leasingsteps{
		position: relative;
	}
	.sec_leasingsteps > img{
		display: block;
		width: 100%;
	}
	.sec_leasingsteps img:nth-child(2){
		position: absolute;
		top: -12%;
		right: 0;
		bottom: 0;
		left: 0;
		margin:auto;
	}
	.sec_leasingsteps .container{
		width: 100%;
		height: 100%;
		position: absolute;
		top: -12%;
		right: 0;
		bottom: 0;
		left: 0;
		margin:auto;
	}
	.sec_leasingsteps .container > img{
		max-width: 25%;
		position: absolute;
		top: 12%;
		left: 20px;
	}
	.sec_leasingsteps .steps{
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 2;
	}
	.sec_leasingsteps .steps li{
		background-color: #ffffff;
		border:1px solid #ffffff;
		display: inline-block;
		position: absolute;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	.sec_leasingsteps .steps li a{
		display: block;
		padding:10px 40px 13px 30px;
	}
	.sec_leasingsteps .steps li{
		cursor: pointer;
	}
	.sec_leasingsteps .steps li:before{
		content: '';
		display: block;
		width: 40%;
		max-width: 200px;
		height: 0px;
		background-color: rgba(0,0,0,.4);
		box-shadow: 0 0 20px 12px rgba(0,0,0,.4);
		position: absolute;
		right: 25px;
		bottom: 13px;
		z-index: -1;
		-webkit-transform: skewY(5deg) translate3d(0,0,0);
		-moz-transform: skewY(5deg) translate3d(0,0,0);
		-ms-transform: skewY(5deg) translate3d(0,0,0);
		-o-transform: skewY(5deg) translate3d(0,0,0);
		transform: skewY(5deg) translate3d(0,0,0);
	}
		.sec_leasingsteps .steps li:nth-child(1){
			top:50%;
			left: 8%;
		}
		.sec_leasingsteps .steps li:nth-child(2){
			top: 80%;
			left: 28%;
		}
		.sec_leasingsteps .steps li:nth-child(3){
			top:48%;
			left: 41%;
		}
		.sec_leasingsteps .steps li:nth-child(4){
			top: 31%;
			left: 51%;
		}
		.sec_leasingsteps .steps li:nth-child(5){
			top: 12%;
			left: 76%;
		}
	.sec_leasingsteps .steps li:hover{
		border-color:#cc0033;
		margin-top: -2px;
	}
	.sec_leasingsteps .steps li:hover:before{
		bottom: 11px;
	}
	.sec_leasingsteps .steps li:hover:after{
		background-color: #cc0033;
	}
	.sec_leasingsteps .steps li:hover .btn-round{
		color: #ffffff;
		border-color: #cc0033;
		background-color: #cc0033;
	}
	.sec_leasingsteps .steps li a > div{
		display: inline-block;
		vertical-align: middle;
	}
	.btn-round{
		color:#cc0033;
		font-weight: 500;
		padding:2px 20px;
		border-radius: 15px;
		border:1px solid #cc0033;
		margin-right: 20px;
	}
	.single_step small{
		letter-spacing: 2px;
	}

	.sec_leasingsteps .decos{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		pointer-events: none;
	}
	.sec_leasingsteps .decos li{
		position: absolute;
	}
	.sec_leasingsteps .decos li:nth-child(1){
		top: 15%;
		left: 8%;
	}
	.sec_leasingsteps .decos li:nth-child(2){
		top: 31%;
		left: 87%;
	}
	.sec_leasingsteps .decos li:nth-child(3){
		top: 81%;
		left: 20%;
	}
	.sec_leasingsteps .decos li:nth-child(4){
		top: 78%;
		left: 54%;
	}
	.sec_leasingsteps .decos li:nth-child(5){
		top: 52%;
		left: 83%;
	}
	/* --------- rent(短租)-SEC_LEASINGSTEPS ---------- */
		#rent.sec_leasingsteps .steps li:nth-child(even){
			cursor: default;
		}

		#rent.sec_leasingsteps .steps li:nth-child(even):hover{
			border-color:#ffffff;
			margin-top: 0;
		}
		#rent.sec_leasingsteps .steps li:nth-child(even):hover:before{
			bottom: 13px;
		}
		#rent.sec_leasingsteps .steps li:nth-child(even):hover:after{
			background-color: #ffffff;
		}
		#rent.sec_leasingsteps .steps li:nth-child(even):hover .btn-round{
			color: #161616;
			border-color: #161616;
			background-color: #ffffff;
		}
		#rent.sec_leasingsteps .steps li:nth-child(odd):hover{
			border-color:#161616;
			margin-top: -2px;
		}
		#rent.sec_leasingsteps .steps li:nth-child(odd):hover:before{
			bottom: 11px;
		}
		#rent.sec_leasingsteps .steps li:nth-child(odd):hover:after{
			background-color: #161616;
		}
		#rent.sec_leasingsteps .steps li:nth-child(odd):hover .btn-round{
			color: #ffffff;
			border-color: #161616;
			background-color: #161616;
		}

		#rent .btn-round{
			color:#161616;
			border:1px solid #161616;
		}

		#rent.sec_leasingsteps .steps li:nth-child(1){
			top:55%;
			left: 10%;
		}
		#rent.sec_leasingsteps .steps li:nth-child(2){
			top: 80%;
			left: 40%;
		}
		#rent.sec_leasingsteps .steps li:nth-child(3){
			top:40%;
			left: 48%;
		}
		#rent.sec_leasingsteps .steps li:nth-child(4){
			top: 38%;
			left: 80%;
		}

		#rent.sec_leasingsteps .decos li:nth-child(1){
			top: 28%;
			left: 20%;
		}
		#rent.sec_leasingsteps .decos li:nth-child(2){
			top: 83%;
			left: 16%;
		}
		#rent.sec_leasingsteps .decos li:nth-child(3){
			top: 16%;
			left: 55%;
		}
		#rent.sec_leasingsteps .decos li:nth-child(4){
			top: 50%;
			left: 79%;
		}

	/* --------- drive(接送)-SEC_LEASINGSTEPS ---------- */

		/*#drive.sec_leasingsteps .steps li:last-child{
			cursor: default;
		}
		#drive.sec_leasingsteps .steps li:last-child:hover{
			border-color:#ffffff;
			margin-top: 0;
		}
		#drive.sec_leasingsteps .steps li:last-child:hover:before{
			bottom: 13px;
		}
		#drive.sec_leasingsteps .steps li:last-child:hover:after{
			background-color: #ffffff;
		}
		#drive.sec_leasingsteps .steps li:last-child:hover .btn-round{
			color: #cc0033;
			border-color: #cc0033;
			background-color: #ffffff;
		}*/

		#drive.sec_leasingsteps .steps li:nth-child(1){
			top:55%;
			left: 8%;
		}
		#drive.sec_leasingsteps .steps li:nth-child(2){
			top: 80%;
			left: 28%;
		}
		#drive.sec_leasingsteps .steps li:nth-child(3){
			top:55%;
			left: 41%;
		}
		#drive.sec_leasingsteps .steps li:nth-child(4){
			top: 80%;
			left: 74%;
		}
		#drive.sec_leasingsteps .steps li:nth-child(5){
			top: 12%;
			left: 65%;
		}

		#drive.sec_leasingsteps .decos li:nth-child(1){
			top: 35%;
			left: 13%;
		}
		#drive.sec_leasingsteps .decos li:nth-child(2){
			top: 27%;
			left: 47%;
			max-width: 10%;
		}
		#drive.sec_leasingsteps .decos li:nth-child(3){
			top: 45%;
			left: 83%;
		}
		#drive.sec_leasingsteps .decos li:nth-child(4){
			top: 86%;
			left: 7%;
		}
		#drive.sec_leasingsteps .decos li:nth-child(5){
			top: 78%;
			left: 60%;
			max-width: 16%;
		}
/* ----------SEC_CONTENT--------------- */
	/* --------- 共通 ----------- */
		.sec_content{
			width: 100%;
			overflow:hidden;
		}
		.sec_content #container{
			width: 400%;
			-webkit-transition: all .8s ease;
			   -moz-transition: all .8s ease;
			    -ms-transition: all .8s ease;
			     -o-transition: all .8s ease;
			        transition: all .8s ease;
		}
		.sec_content #container > div{
			width: 25%;
			padding:50px 0;
			float:left;
		}
		.sec_content #container > div:last-child:after{
			content:'';
			display: block;
			width: 0;
			height: 0;
			clear:both;
		}
		.sec_content #container h5{
			font-weight: 400;
			margin-bottom: 20px;
		}
		.sec_content .step_nav{
			position: absolute;
			width: 110%;
			height: 36px;
			top: 0;
			bottom:0;
			left: -5%;
			right: 0;
			margin:auto 0;
			z-index: 5;
			pointer-events: none;
		}
		.sec_content .step_nav div{
			margin:0 40px;
			pointer-events: all;
			cursor: pointer;
			opacity: .5;
			-webkit-transition: all .25s ease;
			   -moz-transition: all .25s ease;
			    -ms-transition: all .25s ease;
			     -o-transition: all .25s ease;
			        transition: all .25s ease;
		}
		.sec_content .step_nav div:hover{
			opacity: 1;
			margin-top: -2px;
		}
		.sec_content .step_nav div:active{
			opacity: 1;
			margin-top: 0;
		}
		.sec_content .step_nav .fleft{
			-webkit-transform: scaleX(-1);
			   -moz-transform: scaleX(-1);
			    -ms-transform: scaleX(-1);
			     -o-transform: scaleX(-1);
			        transform: scaleX(-1);
		}
	/* --------- table ---------- */
		#step_table{
			background: url(../img/bg.svg) #f9f9f9 0 0 repeat;
			background-size: 350px;
		}

		#step_table .table{
			width: 100%;
			text-align: left;
			position: relative;
			z-index: 2;
		}
		#step_table .table .title{
			margin-bottom: 20px;
			font-size: 20px;
			letter-spacing: 2px;
		}
		#step_table .table .title:after{
			content:'';
			display: table;
			clear:both;
		}
		#step_table .table span{
			display: block;
			float: left;
			padding:15px 10px;
			position: relative;
		}
		#step_table .table span:first-child{
			width: 16%;
		}
		#step_table .table span:nth-child(n+2){
			width: 28%;
			text-align: center;
			background-color: #ffffff;
		}
		#step_table .table > div:nth-child(2) span{
			padding-top: 40px;
		}
		#step_table .table > div:last-child span{
			padding-bottom: 40px;
		}

		#step_table .table .title span:last-child:before,
		#step_table .table div:last-child span:last-child:before{
			content:'';
			display: block;
			width: 20%;
			max-width: 200px;
			height: 0;
			background-color: rgba(0,0,0,.4);
			box-shadow: 0 0 20px 12px rgba(0,0,0,.4);
			position: absolute;
			right: 25px;
			bottom: 13px;
			z-index: -1;
			-webkit-transform: skewY(5deg) translate3d(0,0,0);
			   -moz-transform: skewY(5deg) translate3d(0,0,0);
			    -ms-transform: skewY(5deg) translate3d(0,0,0);
			     -o-transform: skewY(5deg) translate3d(0,0,0);
			        transform: skewY(5deg) translate3d(0,0,0);
		}
		#step_table .table:before,
		#step_table .table:after{
			content:'';
			display: block;
			width: 1px;
			height: 65%;
			background-color: #cc0033;
			position: absolute;
			top: 120px;
			z-index: 3;
		}
		#step_table .success:after{
			right: 15%;
			top:auto;
			bottom:20px;
		}
		#step_table .table > div:last-child .success:after{
			bottom:auto;
			top:10px;
		}
		#step_table .table:before{
			left: 44%;
		}
		#step_table .table:after{
			left: 72%;
		}
	/* --------- advantages ----- */
		#step_advantages .pic{
			width: 75px;
			height: 80px;
			margin:0 auto;
			background-image: url(../img/icon/advantages.png);
			background-repeat: no-repeat;
			display: block;
			margin-bottom: 10px;
			position: relative;
			z-index: 2;
		}
		#step_advantages p{
			max-width: 210px;
			margin:0 auto;
			font-size: 14px;
			position: relative;
			z-index: 3;
		}
		#step_advantages li{
			/*min-height: 200px;*/
			padding: 15px;
			border:1px solid #cc0033;
			border-top: none;
			background-color: #ffffff;
			margin-left: -5px;
			position: relative;
		}
		#step_advantages li:nth-child(-n+5):not(:nth-child(3)):before,
		#step_advantages li:nth-child(-n+5):not(:nth-child(3)):after{
			content:'';
			display: block;
			position: absolute;
			z-index: 2;
		}
		#step_advantages li:before{
			width: 160px;
			height: 100px;
			background-color: #ffffff;
			right: -80px;
			bottom: -50px;
		}
		#step_advantages li:after{
			width: 4px;
			height: 4px;
			border-radius: 3px;
			background-color: #cc0033;
			right: -2px;
			bottom: -2px;
		}
		#step_advantages li:nth-child(n+7){
			border-bottom: 0;
		}
		#step_advantages li:nth-child(3n){
			border-right:0;
		}
		#step_advantages li:nth-child(3n+1){
			border-left:0;
		}
		/* --------- advantages pics ---------- */
			#step_advantages .pic-global{
				background-position: -5px -5px;
			}
			#step_advantages .pic-service{
				background-position: -175px -5px;
			}
			#step_advantages .pic-professional{
				background-position: -5px -95px;
			}
			#step_advantages .pic-risk{
				background-position: -260px -95px;
			}
			#step_advantages .pic-company{
				background-position: -90px -185px;
			}
			#step_advantages .pic-tax{
				background-position: -260px -185px;
			}
			#step_advantages .pic-coin{
				background-position: -90px -275px;
			}
			#step_advantages .pic-budget{
				background-position: -260px -275px;
			}
			#step_advantages .pic-privacy{
				background-position: -345px -5px;
			}

			#step_advantages li:first-child:hover .pic-global{
				background-position: -90px -5px;
			}
			#step_advantages li:nth-child(2):hover .pic-service{
				background-position: -260px -5px;
			}
			#step_advantages li:nth-child(3):hover .pic-professional{
				background-position: -90px -95px;
			}
			#step_advantages li:nth-child(4):hover .pic-risk{
				background-position: -175px -95px;
			}
			#step_advantages li:nth-child(5):hover .pic-company{
				background-position: -5px -185px;
			}
			#step_advantages li:nth-child(6):hover .pic-tax{
				background-position: -175px -185px;
			}
			#step_advantages li:nth-child(7):hover .pic-coin{
				background-position: -5px -275px;
			}
			#step_advantages li:nth-child(8):hover .pic-budget{
				background-position: -175px -275px;
			}
			#step_advantages li:nth-child(9):hover .pic-privacy{
				background-position: -345px -95px;
			}

		#step_advantages li:hover p{
			color:#cc0033;
		}
	/* --------- process -------- */
		/* *{
			outline: #cc0033 1px solid;
		} */
		#step_process .process{
			margin:80px 0;
		}

		#step_process li{
			padding:20px 2%;
			position: relative;
		}
		#step_process li img{
			max-width: 100%;
		}
		#step_process li p {
			display: inline-block;
			width: 176px;
			padding: 2% 1%;
			line-height: 1.2em;
			min-height: calc(3.6em + 4%);
			position: absolute;
			bottom: calc(22% - 20px);
			left: calc(11.5% + 4px);
			background-color: rgba(255,255,255,.9);
		}
		#step_process li:not(:first-child):before{
			content:'';
			width: 20px;
			height: 36px;
			background: url(../img/icon/arrow-b.png) 0 0 no-repeat;
			position: absolute;
			left: -4%;
			top: 0;
			bottom: 0;
			margin:auto 0;
		}
		#step_process .btn-red{
			display: inline-block;
			min-width: 20%;
			border:2px solid #cc0033;
			padding:10px 25px;
		}
		/* --------- process pics ---------- */
	/* --------- spots ---------- */
		#step_spots .col40,
		#step_spots .col60{
			position: relative;
			vertical-align: middle;
		}
		#step_spots .col40 img{
			width: 270px;
			max-height: 500px;
		}
		#step_spots .map,
		#step_spots .map li{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			margin:0 auto;
		}
		#step_spots .map li{
			width: 270px;
			opacity: 0;
			-webkit-transition: opacity .25s ease;
			   -moz-transition: opacity .25s ease;
			    -ms-transition: opacity .25s ease;
			     -o-transition: opacity .25s ease;
			        transition: opacity .25s ease;
		}
		#step_spots .map li.active{
			opacity: 1;
		}
		#step_spots .service_point{
			text-align-last:justify;
		}
		#step_spots .service_point li{
			display: inline-block;
			vertical-align: top;
			width: 50%;
			margin-left: -5px;
			text-align: left;
			padding-right: 80px;
			margin-top: 10px;
			margin-bottom: 10px;
			cursor: pointer;
			text-align-last: left;
		}
		#step_spots .service_point li:hover,
		#step_spots .service_point li.active{
			color:#cc0033;
		}

		#step_spots .map li.active:after{
			content:'';
			display: block;
			width: 30px;
			height: 45px;
			background: url(../img/leasing/map-pin.png) 0 0 no-repeat;
			background-size: contain;
			position: absolute;
			-webkit-animation: dropPin .3s ease forwards;
			-o-animation: dropPin .3s ease forwards;
			animation: dropPin .3s ease forwards;
		}

		/* --------- spots map pin ---------- */
			#step_spots .map li:nth-child(1).active:after{
				top: -2%;
				left: 70%;
			}
			#step_spots .map li:nth-child(2).active:after{
				top: 4%;
				left: 67%;
			}
			/*#step_spots .map li:nth-child(3).active:after{
				top: 1%;
				left: 52%;
			}*/
			#step_spots .map li:nth-child(3).active:after{
				top: 4%;
				left: 46%;
			}
			#step_spots .map li:nth-child(4).active:after{
				top: 24%;
				left: 39%;
			}
			#step_spots .map li:nth-child(5).active:after{
				top: 56%;
				left: 5%;
			}
			#step_spots .map li:nth-child(6).active:after{
				top:68%;
				left: 9%;
			}
			#step_spots .map li:nth-child(7).active:after{
				top: 10%;
				left: 81%;
			}
			/*#step_spots .map li:nth-child(8).active:after{
				top: 29%;
				left: 70%;
			}
			#step_spots .map li:nth-child(9).active:after{
				top: 64%;
				left: 50%;
			}*/
	/* --------- rent(短租) - feature ---------- */
		#step_feature{
			background: url(../img/bg.svg) #f9f9f9 0 0 repeat;
			background-size: 350px;
		}
		#step_feature ul{
			margin: 80px 0;
		}
		#step_feature li{
			display: inline-block;
			vertical-align: top;
			width: 16.6%;
			margin-left: -5px;
		}
		#step_feature li p:first-child{
			margin:15px 0;
		}
		#step_feature li p:last-child{
			padding:0 10%;
		}
	/* --------- rent(短租) - insurance -------- */
		#step_insurance{
			background: url(../img/bg.svg) #f9f9f9 0 0 repeat;
			background-size: 350px;
		}
		#step_insurance .align-left{
			margin: 80px 0 70px;
		}
	/* --------- drive(接送) ----- */
		#drive_content.sec_content #container{width: 800%; }
		#drive_content.sec_content #container > div{width: 12.5%; }
	/* --------- drive(接送) - banner ---------- */
		.sec_content #container .step_banner{
			padding:0;
			position: relative;
		}
		.step_banner a{
			display: block;
			width: 90%;
			max-width: 2000px;
			margin:0 auto;
		}
		.step_banner img{
			width: 100%;
		}
		.step_banner .w95{
			width: 90%;
			max-width: 2200px;
			height: 36px;
			position: absolute;
			top: 0;right: 0;bottom: 0;left: 0;
			margin:auto;
			z-index: 2;
		}
	/* --------- drive(接送) - driver ---------- */
		#step_driver ul{
			max-width: 700px;
			margin:100px auto 80px;
		}
		#step_driver ul li{
			display: inline-block;
			vertical-align: top;
			width: 33.333%;
			margin-left: -5px;
			margin-bottom: 80px;
			padding:0 5px;
		}
	/* --------- drive(接送) - service --------- */
		#step_service{
			background: url(../img/bg.svg) #f9f9f9 0 0 repeat;
			background-size: 350px;
		}
		#step_service li{
			display: inline-block;
			vertical-align: top;
			width: 20%;
			margin-left: -5px;
			color:#cc0033;
		}
		#step_service {
			text-align: left;
		}
		#step_service li{
			display: inline-block;
			width: 33.333%;
			margin-left: -5px;
			position: relative;
			padding:20px;
			text-align: center;
		}
		#step_service li .frame{
			border: 1px solid #cc0033;
			border-radius: 5px;
			padding:20% 0;
			width: 100%;
			display: block;
			font-size: 18px;
			-webkit-transition: transform .25s ease;
			   -moz-transition: transform .25s ease;
			    -ms-transition: transform .25s ease;
			     -o-transition: transform .25s ease;
			        transition: transform .25s ease;
		}
		#step_service .frame > div{
			width: 100px;
			height: 100px;
			margin:0 auto;
			position: relative;
			overflow: hidden;
			background-size: 200%;
			background-repeat: no-repeat;
			background-position: -100px 0;
		}
	/* --------- drive(接送) - cars ------------ */
		#step_cars{
			background: url(../img/bg.svg) #ffffff 0 0 repeat;
			background-size: 350px;
		}
		#step_cars .step_nav .fleft{
			margin:0 50px;
		}
		#step_cars .sec_promote{
			padding:0;
		}
		#step_cars .sec_promote .col50:nth-child(4){
			margin-left: 0;
		}
		#step_cars .sec_promote figure{
			padding:15px 10px 15px 20px;
		}
		#step_cars .sec_promote h5{
			margin-bottom: 10px;
		}
		#step_cars .sec_promote figure img{
			margin-right: 10px;
		}
		#step_cars .sec_promote figure li p:first-child{
			min-width: 110px;
			padding:5px 10px;
		}
		#step_cars .sec_promote figure li:not(:first-child) p:last-child{
			max-width: calc(100% - 110px);
			padding:5px;
		}
		#step_cars .sec_promote figure li:first-child p{
			min-height: 57px;
		}
/* ----------ANIMATION---------- */
	@-webkit-keyframes dropPin{
		0%{
			-webkit-transform: translateY(-5%);
		}
		30%{
			-webkit-transform: translateY(-50%);
		}
		100%  {
			-webkit-transform: translateY(0);
		}
	}
	@keyframes dropPin{
		0%{
			-webkit-transform: translateY(-5%);
			   -moz-transform: translateY(-5%);
			    -ms-transform: translateY(-5%);
			     -o-transform: translateY(-5%);
			        transform: translateY(-5%);
		}
		30%{
			-webkit-transform: translateY(-50%);
			   -moz-transform: translateY(-50%);
			    -ms-transform: translateY(-50%);
			     -o-transform: translateY(-50%);
			        transform: translateY(-50%);
		}
		100%  {
			-webkit-transform: translateY(0);
			   -moz-transform: translateY(0);
			    -ms-transform: translateY(0);
			     -o-transform: translateY(0);
			        transform: translateY(0);
		}
	}
/* ----------SEC_RESERVATION---------- */
	.sec_reservation{
		padding: 70px 0 50px;
	}
	.sec_reservation h5{
		font-weight: 400;
	}

	.form-grey .col33 > .col50{ /* car lease */
		padding-top: 0;
		padding-bottom: 0;
	}
	.form-grey .col33 > .col50:first-of-type{ /* car lease */
		margin-left: 0;
		padding-left: 0;
	}
	.form-grey .col33 > .col50:last-of-type{ /* car lease */
		padding-right: 0;
	}
/* ----------FILTER---------- */
	.filter{
		max-width: 1400px;
		display: block;
		color:#ffffff;
		text-shadow: none;
		margin:0 auto;
		position: absolute;
		left: 0;
		right: 0;
		bottom:10%;
	}
	.filter:after{
		content:'';
		display: table;
		clear:both;
	}
	.filter li{
		float: left;
		width: 20%;
		letter-spacing: 2px;
		cursor: pointer;
	}
	.filter li a{
		display: block;
		padding:17px 2%;
		background-color: #161616;
	}
	.filter li:last-child a{
		min-width: 195px;
		padding:0;
		background-color: #cc0033;
	}
	.filter li:last-child a{
		display: block;
		width: 100%;
		padding:17px 2%;
	}
	.filter li a:hover{
		background-color: #ffffff;
		color:#161616;
	}
	.filter li a.txt-red:hover{
		color:#cc0033;
	}
	.filter li.active a{
		background-color: #ffffff;
		color:#cc0033;
	}
	.filter li:last-child a:hover{
		color:#cc0033;
	}
/* ----------RWD---------- */
	@media screen and (max-width: 1440px){
		.sec_leasingsteps .steps li a{
			padding:8px 25px 8px 20px;
		}
		.btn-round{
			padding:0 15px;
			margin-right: 10px;
		}
		.sec_leasingsteps .container > img{
			top:10%;
		}
		.sec_leasingsteps .decos img{
			width: 80%;
		}
		.sec_leasingsteps .steps li:nth-child(1){
			top: 53%;
		}
		.sec_leasingsteps .steps li:nth-child(3){
			top: 46%;
		}
		.sec_leasingsteps .steps li:nth-child(4){
			top: 30%;
			left: 49%;
		}
		.sec_leasingsteps .decos li:nth-child(1){
			top:19%;
		}

		#step_table .table .title{
			font-size: 18px;
		}


		#rent.sec_leasingsteps .steps li:nth-child(3){
			left: 45%;
		}

		#drive.sec_leasingsteps .steps li:nth-child(1),
		#drive.sec_leasingsteps .steps li:nth-child(3){
			top:53%;
		}
		#drive.sec_leasingsteps .steps li:nth-child(4){
			left: 71%;
		}
		#drive.sec_leasingsteps .decos li:nth-child(1){
			top: 30%;
		}
		#drive.sec_leasingsteps .decos li:nth-child(2){
			top:23%;
			max-width: none;
		}
		#drive.sec_leasingsteps .decos li:nth-child(5){
			max-width: 20%;
		}

		#step_cars .sec_promote .col33,
		#step_cars .sec_promote .col50{
			padding:5px 10px;
			vertical-align: top;
		}
		#step_cars .sec_promote h5{
			letter-spacing: 2px;
		}
		#step_cars .sec_promote figure li p:first-child{
			min-width: 90px;
			padding:7px;
		}
		#step_cars .sec_promote figure li:not(:first-child) p:last-child{
			max-width: calc(100% - 90px);
			word-break: break-all;
			white-space: normal;
		}
	}
	@media screen and (max-width: 1365px){
		.sec_leasingsteps .decos img{
			width: 60%;
		}
		.sec_leasingsteps img:nth-child(2){
			top:-5%;
		}
		.sec_leasingsteps .steps li:nth-child(1){
			top:50%;
			left: 3%;
		}
		.sec_leasingsteps .steps li:nth-child(2){
			top:85%;
		}
		.sec_leasingsteps .steps li:nth-child(3){
			top:60%;
		}
		.sec_leasingsteps .steps li:nth-child(3) small{
			display: none;
		}
		.sec_leasingsteps .steps li:nth-child(4){
			top: 32%;
			left: 42%;
		}
		.sec_leasingsteps .steps li:nth-child(5){
			top: 10%;
			left: 72%;
		}
		.sec_leasingsteps .decos li:nth-child(1){
			top: 15%;
		}
		.sec_leasingsteps .decos li:nth-child(3){
			top: 83%;
		}
		.sec_leasingsteps .decos li:nth-child(4){
			top: 82%;
			left: 60%;
		}

		#step_table .table span:first-child{
			width: 20%;
			min-width: 150px;
		}
		#step_table .table span:nth-child(n+2){
			width: 25%;
		}
		#step_table .table:before{
			left: 47%;
		}
		#step_table .table:after{
			left: 67%;
		}

		#step_process li{
			padding:20px 3px;
		}
		#step_process li p {
			width: 72%;
			bottom: 14%;
			left: 14%;
		}
		#step_process li:not(:last-child) .pic:after{
			right: 16%;
		}
		#step_process li img{
			max-width: 80%;
		}

		#step_spots .service_point li{
			padding-right: 25px;
		}

		#rent.sec_leasingsteps .steps li:nth-child(2){
			top:82%;
		}
		#rent.sec_leasingsteps .steps li:nth-child(3){
			left: 41%;
		}
		#rent.sec_leasingsteps .steps li:nth-child(4){
			left: 77%;
		}


		#step_feature ul{
			margin: 50px 0 0;
		}

		#step_insurance .align-left{
			margin: 30px 0;
		}

		#drive.sec_leasingsteps .steps li:nth-child(1){
			left: 3%;
		}
		#drive.sec_leasingsteps .steps li:nth-child(2){
			top: 85%;
		}
		#drive.sec_leasingsteps .steps li:nth-child(3){
			left: 37%;
		}
		#drive.sec_leasingsteps .steps li:nth-child(4){
			left: 67%;
		}
		#drive.sec_leasingsteps .decos li:nth-child(1){
			top: 30%;
		}
		#drive.sec_leasingsteps .decos li:nth-child(2){
			top:23%;
		}
		#drive.sec_leasingsteps .decos li:nth-child(4){
			left: 5%;
		}
		#drive.sec_leasingsteps .decos li:nth-child(5){
			display: none;
		}

		#step_cars .step_nav .fleft{
			margin:0 30px;
		}
		#step_cars .sec_promote h5{
			letter-spacing: 0;
		}
		#step_cars .sec_promote figure li p{
			letter-spacing: 0;
		}
		.filter{max-width: 1100px;}
		.filter li:last-child a{
			min-width: 0;
		}
		.filter li:nth-child(3) a,
		.filter li:nth-child(4) a{
			min-width: 105px;
		}
	}
	@media screen and (max-width: 1024px) {
		#step_process li p {
			width: 72%;
			bottom: 15%;
			left: 14%;
		}
	}
	@media screen and (max-width: 1023px){
		
		.sec_leasingsteps > img,
		.sec_leasingsteps img:nth-child(2){
			display: none;
		}

		.sec_leasingsteps .container,
		.sec_leasingsteps .container > img,
		.sec_leasingsteps .steps li{
			position: relative;
			top: 0 !important;
			left: 0 !important;
		}
		.sec_leasingsteps .container{
			background: url(../img/leasing/single_bg.jpg) center center no-repeat;
			background-size: cover;
			padding:20px 0;
		}
		.sec_leasingsteps .steps li{
			display: block;
			width: 90%;
			max-width: 400px;
			margin:15px auto;
		}
		.sec_leasingsteps .steps li:hover{
			margin-top: 0;
		}

		.sec_leasingsteps .single_step p{
			color:#161616;
		}
		.btn-round{
			margin-right: 15px;
		}

		#step_process .process{
			margin:30px auto;
		}
		#step_process li{
			width: 33%;
			padding:20px 4%;
		}
		#step_process li p {
			width: 54%;
			bottom: 15%;
			left: 23%;
		}
		#step_process li:not(:last-child) .pic:after{
			right: -60%;
		}

		#step_feature li p:last-child{
			padding:0 5%;
		}

		.form-grey .col33 > .col50{ /* car lease */
			width: 50%;
			display: inline-block;
			margin-left: -5px;
		}
		.filter li:not(:last-child) a,
		.filter li:last-child a{
			padding:12px 2%;
		}
	}
	@media screen and (max-width: 768px){
		.mobile-off{
			display: none;
		}
		.sec_content #container{
			width: 100%;
			margin-left: 0!important;
		}
		.sec_content #container > div{
			width: 100%;
			float:none;
		}
		.sec_content .step_nav{
			display: none;
		}
		#step_table .table span{
			padding:10px 5px;
			font-size: 12px;
		}
		#step_table .table span:first-child{
			width: 30%;
			min-width: 120px;
		}
		#step_table .table span:nth-child(n+2){
			width: 23%;
		}
		#step_table .success:after{
			display: none;
		}
		#step_table .table:before,
		#step_table .table:after{
			display: none;
		}

		#step_advantages li{
			width: 33%;
			display: inline-block;
			min-height: 227px;
		}
		#step_advantages li:before{
			width: 50px;
			height: 100px;
			right: -25px;
			bottom: -50px;
		}
		#step_process .process{
			margin:30px auto 0;
		}
		#step_process li{
			padding: 10px 3px;
		}
		#step_process li p {
			width: 72%;
			bottom: 10%;
			left: 14%;
		}

		#step_spots .col60{
			display: block;
			width: 100%;
			margin-left: 0;
		}
		#step_spots .service_point li{
			padding-right: 0;
			padding-left: 30px;
		}

		#step_feature{
			background-image: none;
		}
		#step_feature li{
			width: 33.33%;
			margin-bottom: 30px;
		}
		#step_feature li p:first-child{
			margin:15px auto 5px;
		}
		#step_feature li p:last-child{
			padding:0 10%;
		}

		.form-grey .col66{ /* car lease */
			width: 100%;
			display: block;
			margin-left: 0;
		}

		#step_service li{
			padding:5px;
		}

		#step_cars .sec_promote figure{
			margin-bottom: 10px;
		}
		#step_cars .sec_promote figure li:first-child p{
			min-height: 0;
		}
		.filter{
			bottom:0;
		}
		.filter li:nth-child(n){
			width: 20%;
		}
	}
	@media screen and (max-width: 480px){
		.sec_leasingsteps .steps li a{
			text-align: center;
			padding:10px 30px;
		}
		.btn-round{
			margin-bottom: 5px;
			margin-right: 0;
		}
		.sec_leasingsteps .steps li .single_step{
			display: block;
			margin:0 auto;
			text-align: center;
		}

		.sec_content #container > div{
			padding-bottom: 20px;
		}

		#step_table .table span:first-child{
			width: 40%;
			min-width: 120px;
		}
		#step_table .table span:nth-child(n+2){
			width: 19%;
		}

		#step_advantages li:nth-child(n){
			width: 100%;
			min-height: 0;
			border:none;
			padding-bottom: 0;
		}
		#step_advantages li:nth-child(n):before,
		#step_advantages li:nth-child(n):after,
		#step_advantages li:nth-child(-n+5):not(:nth-child(3)):before,
		#step_advantages li:nth-child(-n+5):not(:nth-child(3)):after{
			display: none;
		}

		#step_process li{
			width: 100%;
			padding:0;
			margin-bottom: 50px;
			max-width: 280px;
		}
		#step_process li p {
			width: 72%;
			bottom: 3%;
			left: 14%;
			min-height: auto;
		}
		#step_process li img{
			display: inline-block;
			vertical-align: middle;
			margin-left: -5px;
		}
		#step_process li img{
			width: 80%;
			padding-left: 5px;
			margin-bottom: 0;
		}
		#step_process li:not(:first-child):before{
			left: 0;
			right: 0;
			top: -40px;
			margin:0 auto;
			-webkit-transform: rotate(90deg);
			   -moz-transform: rotate(90deg);
			    -ms-transform: rotate(90deg);
			     -o-transform: rotate(90deg);
			        transform: rotate(90deg);
		}

		#step_spots .service_point li{
			width: 100%;
			display: block;
			margin-left: 0;
			padding:0 10px;
		}

		#step_feature ul{
			margin-top: 0;
		}
		#step_feature li{
			width: 100%;
			margin-bottom: 10px;
		}
		#step_feature li img{
			display: inline-block;
			vertical-align: middle;
			width: 30%;
			max-width: 60px;
		}
		#step_feature li div{
			display: inline-block;
			vertical-align: middle;
			width: 70%;
			margin-left: -5px;
			padding-left: 20px;
		}
		#step_feature li p{
			text-align: left;
		}
		#step_feature li p:first-child{
			margin:15px auto 5px;
			font-weight: bold;
		}
		#step_feature li p:last-child{
			padding:0;
		}

		#step_driver ul{
			margin:30px auto 0;
		}
		#step_driver ul li{
			width: 33.33%;
			margin-bottom: 30px;
		}

		#step_service li{
			width: 100%;
		}
		#step_service li .frame{
			padding: 10px;
		}
		#step_service .frame > div{
			width: 50px;
			height: 50px;
			background-position: -50px 0;
		}
		.filter{
			position: relative;
			width: 100%;
			background-color: #cc0033;
		}
		.filter li:nth-child(n){
			width: 33.33333%;
		}
		.filter li:last-child{width: 100%;}
	}
	@media screen and (max-width: 360px){
		.filter li:nth-child(n){
			width: 50%;
		}
	}

/* 2022.08 */
.leasing_news{
	background-color: #fff;
	padding: 50px 15px;
}
.leasing_news_title{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 40px;
}
.leasing_news_title span{
	font-size: 20px;
	color: #D4002A;
	padding-left: 20px;
}
.leasing_news .slick-prev, .leasing_news .slick-next{
	position: absolute;
	display: block;
    top: 50%;
	transform: translateY(-50%);
	font-size: 0;
    line-height: 0;
    cursor: pointer;
	width: 25px;
	height: 94px;
	z-index: 99;
}
.leasing_news .slick-prev{
	background-image: url(../img/icon/btn_prev.png);
	left: -30px;
}
.leasing_news .slick-next{
	background-image: url(../img/icon/btn_next.png);
	right: -30px;
}
.news_slick_item{
	padding: 0 5px;
}
.leasing_step{
	background-image: url(../img/about/award_bg.png);
	background-repeat: no-repeat;
	background-color: #000;
	background-size: 100% auto;
	padding: 60px 50px 80px 50px;
}
.leasing_step_title{
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
	align-items: center;
}
.leasing_step_title_main{
	padding: 0 50px;
}
.leasing_step_title_line{
	flex: 1;
	height: 1px;
	background-color: #fff;
}
.leasing_step_con{
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}
.leasing_step_row{
	margin-left: -15px;
	margin-right: -15px;
}
.leasing_step_item{
	width: 20%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}
.leasing_step_img{
	margin-bottom: 10px;
}
.leasing_step_st{
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
}
.leasing_step_t2{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}
.leasing_step_item hr{
	background-color: #fff;
	margin: 15px 0;
}
.leasing_step_ul{
	padding-left: 16px;
}
.leasing_step_li{
	position: relative;
	font-size: 14px;
	color: #fff;
	margin-bottom: 5px;
}
.leasing_step_li::before{
	position: absolute;
	content: "-";
	top: 0;
	left: -14px;
}

.leasing_shop{
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #EBEBEB;
}
.white_box_w1500{
	max-width: 1500px;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
}
.leasing_shop_img{
	width: 50%;
}
.leasing_shop_img img{
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.leasing_shop_con{
	width: 50%;
	padding: 100px 70px;
}
.leasing_shop_title{
	font-size: 30px;
	font-weight: bold;
}
.leasing_shop_con hr{
	background-color: #D4002A;
	margin-top: 30px;
	margin-bottom: 10px;
}
.leasing_shop_box{
	padding-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.leasing_shop_box_title{
	font-size: 20px;
	color: #D4002A;
	font-weight: bold;
	margin-bottom: 10px;
}
.leasing_shop_box_title img{
	margin-right: 10px;
}
.leasing_shop_box p{
	font-size: 18px;
	letter-spacing: 1px;
}
.leasing_shop_box a{
	position: relative;
	top: 3px;
	margin-left: 15px;
}
.sec_content{
	background-color: #ebebeb;
}
#step_table{
	background: none;
}

.leasing_form{
	color: #fff;
	background-color: #1D1B1C;
	padding-top: 50px;
	padding-bottom: 50px;
}
.leasing_form_title{
	font-size: 24px;
	color: #EC002F;
	font-weight: bold;
	text-align: left;
	margin-bottom: 30px;
	letter-spacing: 0;
}
.leasing_form_title span{
	color: #fff;
}
.leasing_form_hr{
	border-top: 1px solid #000;
    border-bottom: 1px solid #555;
	margin-top: 0;
	margin-bottom: 30px;
}
.form-grey p{
	color: #fff;
	font-weight: 300;
}
.form-grey input[type="text"], .form-grey input[type="password"], .form-grey input[type="email"], .form-grey textarea, .form-grey select{
	color: #fff;
	background-color: #343233;
	border-color: #343233;
}
#twzipcode{
	margin-left: -5px;
	margin-right: -5px;
}
#twzipcode .col-4-item{
	width: 33.33%;
	padding-left: 5px;
	padding-right: 5px;
}
.red{
	color: #EC002F;
}

.leasing_form .btn-red{
	width: 100%;
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	border-radius: 45px;
	background: url(../img/icon/arrow-w.png) #cc0033 80% center no-repeat;
	background-size: 10px;
}
.leasing_form .btn-red:hover{
	background: url(../img/icon/arrow-r.png) #ffffff 80% center no-repeat;
    background-size: 10px;
}
.sec_reservation{
	color: #fff;
	background-color: #1D1B1C;
}
.form-grey input[type="number"]{
	color: #fff;
    background-color: #343233;
    border-color: #343233;
}
.form-grey input[type="number"]:focus{
	border-color: #cc0033;
}
.sec_reservation .btn-red {
    width: 100%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    border-radius: 45px;
    background: url(../img/icon/arrow-w.png) #cc0033 80% center no-repeat;
    background-size: 10px;
}
.cars_area{
	padding: 30px 0;
}
.cars_div_left{
	width: calc(100% - 380px);
}
.cars_div_left img{
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.cars_slick{
	position: relative;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.slick-dots{
	text-align-last: center;
}
.cars_div_right{
	width: 380px;
}
.cars_div_right h4{
	font-size: 36px;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 10px;
}
.cars_div_right h5{
	font-size: 24px;
    color: #8D8D8D;
    letter-spacing: 0;
    margin-bottom: 10px;
}
.cars_li{
	font-size: 15px;
    letter-spacing: 1px;
    padding: 10px 0;
}
.cars_li .price{
    font-size: 20px;
    color: #EC002F;
    font-weight: bold;
    letter-spacing: 0;
}
.cars_div_right hr{
	background-color: #ccc;
    margin: 10px 0;
}
.cars_sp{
	position: relative;
    top: -1px;
    margin-left: 10px;
    margin-right: 10px;
}
.cars_div_info{
	padding: 10px 0;
    justify-content: space-between;
}
.cars_div_info_icon{
	position: relative;
    top: 3px;
    margin-right: 10px;
}
.cars_btns{
	margin-top: 20PX;
}
.cars_btn1{
	display: inline-block;
    font-size: 17px;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    padding: 10px 50px;
    background-color: #FA0031;
    border-radius: 45px;
}
.cars_btn1:hover {
    background: linear-gradient(#FA0031, #AC0022);
}
.step_banner{
	padding: 30px 0;
}
#step_cars{
	padding: 30px 0;
}
#step_driver{
	padding-top: 50px;
}
#step_service{
	padding: 30px 0;
}
#step_service .frame > div{
	width: 150px;
	height: 150px;
	background-position: -150px 0;
}
#step_service .frame:hover > div{
	width: 150px;
	height: 150px;
	background-position: 0;
}
#step_service .frame:hover p{
	color: #383838;
}
.cdrive_cars{
	display: flex;
	flex-wrap: wrap;
	max-width: 1750px;
	margin-left: auto;
	margin-right: auto;
}
.cdrive_cars_item{
	flex: 0 0 auto;
	width: 50%;
	padding: 0 15px;
	margin-bottom: 30px;
}

@media(max-width: 1600px){
	.leasing_news .slick-prev{
		left: 15px;
	}
	.leasing_news .slick-next{
		right: 15px;
	}
}

@media(max-width: 991px){
	.leasing_step{
		padding: 30px 15px;
	}
	.leasing_step_item{
		width: 33.33%;
	}
	.leasing_shop_img{
		width: 100%;
	}
	.leasing_shop_con{
		width: 100%;
	}
	.cars_div_left{
		width: 100%;
	}
	.cars_div_right{
		width: 100%;
	}
}

@media(max-width: 767px){
	.news_slick_item{
		padding: 0;
	}
	.leasing_step_item{
		width: 50%;
	}
	.leasing_shop_con{
		padding: 30px 15px;
	}
	#twzipcode .col33{
		
	}
	.cars_div_right h4 {
		font-size: 24px;
	}
	.cars_div_right h5 {
		font-size: 22px;
	}
	.cdrive_cars_item{
		width: 100%;
		margin-bottom: 15px;
	}
}