@charset "utf-8";
/* ----------TRANSITION---------- */
/* ----------SEC_DECLARE---------- */
	.sec_declare {
		padding: 0 0 70px;
	}
	/*.w800{
		width: 70%;
		max-width: 800px;
		margin:0 auto;
		text-align: center;
		position: relative;
	}*/
	.sec_declare .col50{
		vertical-align: top;
		padding:0;
	}
	.sec_declare .title{
		width: 100%;
		padding:10px;
		background-color: #cc0033;
		color:#ffffff;
	}
	.sec_declare .title-dark{
		background-color: #770010;
	}
	.sec_declare img{
		max-width: 50%;
		margin:40px 10px 30px;
	}
	.sec_declare p{
		font-weight: 400;
	}
/* ----------SEC_MAIN---------- */
	.sec_main{
		padding:70px 0 30px;
		position: relative;
		z-index: 1;
	}
	.sec_main figure{
		margin-bottom: 50px;
	}
	.sec_main .col50{
		padding: 0;
	}

	.sec_main .title h5.fleft{
		font-size: 18px;
		font-weight: 400;
	}
	.sec_main .title h5.fright{
		color:#848484;
	}
	.sec_main hr{
		margin:5px 0 15px;
	}
	
	.preview,
	.features{
		display: inline-block;
		/*vertical-align: bottom;*/
		vertical-align: middle;
		position: relative;
	}
	
	.preview{
		/*width: 26.7%;*/
		/*padding: 0;*/
		width: 39%;
		padding: 30px 30px 0 30px;
	}
	/*.preview img:first-child{
		display: block;
		width: 100%;
		height: 100%;
	}*/
	.preview img:last-child{
		min-width: 90%;
		/*position: absolute;*/
		/*top: 17%;*/
		/*right: 0;*/
		/*bottom: 0;*/
		/*left: 0;*/
		margin:auto;
	}

	.features{
		/*width: 72%;*/
		width: 60%;
		margin-left: -4px;
		font-size: 14px;
		/*padding:2% 5%;*/
		padding:1% 2%;
		border:1px solid #f5f5f5;
		background: url(../img/bg.svg) #ffffff 0% 25% repeat;
		background-size: 212px;
		text-align: left;
	}
	.features:before{
		content:'';
		display: block;
		width: 20%;
		max-width: 200px;
		height: 10px;
		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_main figure:nth-child(2n) .features{
		background-color: #f5f5f5;
	}
	.features > ul.left{
		display: inline-block;
		width: 40%;
		vertical-align: top;
	}
	.features > ul.right{
		display: inline-block;
		width: 60%;
		margin-left: -4px;
	}
	.features li > p{
		display: inline-block;
		vertical-align: top;
		padding:3px 12px;
		margin:8px 0;
		word-break: break-word;
		max-width: 59%;
		font-weight: 400;
	}
	.features li > p:first-child{
		background-color: #f5f5f5;
		margin-right: 4%;
	}
	.features .left li > p:nth-child(2){
		max-width: 44%;
	}
	.sec_main figure:nth-child(2n) .features li > p:first-child{
		background-color: #ffffff;
	}
	.features li > p:last-child{
		line-height: 34px;
	}

	.features li > p:first-child:before{
		content:'';
		display: inline-block;
		vertical-align: middle;
		width: 34px;
		height: 34px;
		margin-right: 15px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.features .icon-getcar:before{
		background-image: url(../img/icon/icon-01.png);
	}
	.features .icon-returncar:before{
		background-image: url(../img/icon/icon-02.png);
	}
	.features .icon-rent:before{
		background-image: url(../img/icon/icon-03.png);
	}
	.features .icon-getdate:before{
		background-image: url(../img/icon/icon-04.png);
	}
	.features .icon-returndate:before{
		background-image: url(../img/icon/icon-05.png);
	}
	.features .icon-amount:before{
		background-image: url(../img/icon/icon-06.png);
	}




	.sec_main .btn-red{
    	padding: 8px 40px;
		letter-spacing: 3px;
		position: absolute;
		right: 30px;
		bottom: 20px;
		border: 2px solid #cc0033;
	}
	.sec_main .btn-red:hover{
		border: 2px solid #cc0033;
	}
/* ----------SEC_NOTICE---------- */
	.sec_notice{
		padding-bottom: 70px;
	}
	.sec_notice h5{
		padding: 0 40px;
		font-weight: 400;
	}
	.sec_notice .content{
		text-align: justify;
		text-align-last: left;
		padding:30px 45px;
		margin-top: 30px;
	}
	.sec_notice .content p{
		line-height: 1.8em;
	}
/* ----------RWD---------- */
	@media screen and (max-width: 1366px) {
		.sec_main{
			padding-top: 50px;
		}
	}
	@media screen and (max-width: 1365px) {
		.sec_declare{
			padding:0 0 50px;
		}

		/*.features{
			padding:1% 3%;
		}*/
		.features > ul.left{
			width: 40%;
		}
		.features > ul.right{
			width: 60%;
		}
		.features li > p{
			margin:3px 0;
		}
		.features li > p:first-child{
			margin-right: 0px;
			padding:3px 10px;
		}

		.sec_main .btn-red{
			bottom:12px;
		}
	}
	@media screen and (max-width: 1250px) {
		.preview{
			width: 40%;
		}
		.features{
			width: 59%;
		}
		.features > ul.left,
		.features > ul.right{
			width: 100%;
		}
	}
	@media screen and (max-width: 1023px) {
		.sec_declare{
			padding:0 0 30px;
		}
		.sec_declare img{
			margin:20px 10px 10px;
		}

	}
	@media screen and (max-width: 768px) {
		.sec_declare .col50{
			width: 50%;
			display: inline-block;
		}

		.sec_main{
			margin-top: -30px;
		}

		.preview,
		.features{
			width: 100%;
			display: block;
		}
		.preview{
			max-width: 400px;
			margin:0 auto;
			padding:20px;
		}
		/*.preview img:first-child{
			display: none;
		}*/

		.features > ul.right{
			margin-left: 0;
		}
		.features {
			padding: 20px;
			margin-left: 0;
		}
		.sec_main .btn-red{
			position: relative;
			left: 0;
			right: 0;
			bottom: 0;
			top:0;
			margin-top: 20px;
		}
	}
	@media screen and (max-width: 480px) {
		/*.w800{
			width: 90%;
		}*/
		.features li > p:first-child:before{
			display: none;
		}
		.sec_notice .content{
			padding:20px;
		}

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