@charset "utf-8";
/* CSS Document */

/* ===== clearfix ===== */

.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}

body{
	margin: 0;
}

/*body{
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}*/

li,ol{
	list-style: none;
}

a{
	text-decoration: none;
}

img{
    image-rendering: auto;
}

div.container{
	margin: 0 auto ;
	width: 100%;
}

.pc-item{
    display: none;
}

.sp-item{
    display: block;
}

/* アコーディオン　*/

.accordionArea {
    margin: 20px auto ;
    width: 90%;
    margin-top: 80px;
    margin-bottom: 7px;
    border-radius: 5px;
}

#block1 .accordionArea {
    background-color: #e5004f;
}

#block2 .accordionArea .itemBox{
	border-bottom-color: #FFF;
}

#block2 .accordionArea {
    background-color: #c830b8;
	padding: 10px 0 10px;
}

#block2 .accdnBG,
#block3 .accdnBG{
    margin: 0 auto;
    padding-bottom: 1px;
	background: #fff;
    width: 92%;
    border-radius: 10px;
}


.accordionArea summary {
    display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
    padding: 1em 0;
    color: #fff;
    cursor: pointer;
}

.accordionArea summary::-webkit-details-marker {
    display: none;
}

.accordionArea summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    margin-right: 1em;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordionArea[open] summary::after {
    transform: rotate(225deg);
}

.accordionArea div {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 0 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordionArea[open] div {
    transform: none;
    opacity: 1;
}

/*********/

#kvArea{
	margin: 0 auto ;
	padding:0;
	background: #e0f5ff;
}


#kvArea .ttl_line h2 span{
	font-size:30px;
}

#kvArea h2{
	background: url("../../img/icon_area.png") 16.067vw center no-repeat;
	background-size: auto 100%;
	color: #FFF;
	font-size: 4.733vw;
}

.txtSmall-14{
	font-size: 14px;
}

.otherTxt{
	margin: 10px auto 40px;
	text-align: center;
    font-size: 14px;
}

#kvArea .imgArea{
	margin: 0 auto;
	padding-top: 1px;
	text-align: center;
	}

#kvArea .imgArea img{
	margin: 7px auto 0;
	width: 95%;
}

.btnArea .annotation_text li{
	font-size:0.75rem;
	color:#010101;
}

.btnArea{
    padding: 50px 0 20px;
    background-color: #d3edf3;
    background-image: 
		url(../../img/bg-item.png), 
		url(../../img/sunbust.png);
    background-repeat: no-repeat;
    background-position: 
		center bottom, 
		center bottom;
    background-size: 100% auto, 130% auto;
}

.btnArea ul{
	margin: 0 auto;
	padding-left: 0;
	width: 95%;
}

.btnArea h2{
	margin: 24px auto 10px;
	width: 80%;
    text-align: center;
}

.btnArea h2 img{
	width: 100%;
}

.btnArea ul li{
    position: relative;
    margin: 0 auto 40px;
    padding: 14px 0 15px;
	/* border-radius: 10px; */
    width: 100%;
    color: #FFF;
    text-align: center;
    font-size: 135%;
}

.btnArea ul li a{
	position: absolute;
    display: block;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
}

.btnArea ul li.btn1{
    color: #00a0e9;
    /* background-color: #fff; */
    background:url("../../img/bg-btn-1.png") 0 0 no-repeat;
    background-size: 100% auto;
}

.btnArea ul li.btn2{
    color: #00a0e9;
    /* background-color: #fff; */
    background:url("../../img/bg-btn-2.png") 0 0 no-repeat;
    background-size: 100% auto;
}

/*.btnArea ul li.btn1 span{
		color: #e5004f;
	font-size:105%;
}*/



.annotation_text ul{
	margin: 20px auto 30px;
	width: 90%;
	padding-left: 0;
	color:#333;
	font-size: 12px;
}
/*
#block1 .annotation_text ul{
	color:#333;
}*/

.annotation_text li{
	margin-bottom: 10px;
}

#block4 .annotation_text ul{
	text-align: left;
	color: #333;
}

#block4 .annotation_text a {
	text-decoration: underline;
}

#block1{
	margin: 0 auto;
    padding: 1px 0 50px;
	background-color: #d3edf3;
    background-image:
		url("../../img/bg-top.png"),
        url("../../img/bg-bottom.png");
	background-position: center top, center bottom;
	background-repeat:  no-repeat;
	background-size: 100% auto ;
}

#block2{
	margin:0 auto;
    padding:1px 0 50px ;
	background: #d6fffd;
}

#block3{
	margin:0 auto;
    padding:1px 0 0;
	/*background: rgb(236,230,222);
    background: linear-gradient(180deg, rgba(236,230,222,1) 0%, rgba(255,255,255,1) 100%);*/
	background: #e6e6e6;
}


#block3 .campaign{
	padding: 30px 0; 
}

#block1 h2,
#block2 h2{
	margin-top: 50px;
	margin-bottom: 40px;
	text-align: center;
	color: #010101;
    font-size: 28px;
	font-weight: 500;

    }


#block3 h2{
	margin-top: 50px;
	margin-bottom: 40px;
	text-align: center;
	color: #010101;
    font-size: 35px;
	font-weight: 500;
    font-style: italic;
	line-height: 1.2;
    }

#block3 h2 span{
	font-style: normal;
	font-size:70%;
}

/*
#block1 h2{
    color:#362e2b;
}*/

#block1 h3,
#block2 h3{
    margin: 20px auto 0;
    padding-bottom: 3px;
    text-align: center;
    color: #FFF;
    width: 95%;
    border-bottom: 2px solid #fff;
}

#block1 h3{
	margin-top: 50px;
	color:#362e2b;
	border-bottom:#362e2b 2px solid;
}

#block1 p,
#block2 p,
#block3 p{
	margin: 5px 0 0;
	text-align: center;
	color: #FFF;
}

#block3 p{
    margin: 5px auto 0;
    color: #101010;
    font-size: 75%;
    width: 95%;
}
/*
#block2 .logos h3{
	margin-bottom: 10px;
	padding-bottom: 1%;
	border-bottom: 2px solid #222;
	text-align: center;
	color: #222;
}

#block1{
	background-color:#ece6de;
}*/

#block1 h2{
    margin: 30px auto;
    padding: 15px 0;
    color: #00a0e9;
    width: 95%;
    background:#cdf5b9;
	border-radius: 10px;
}

#block2 h2{
    margin: 30px auto;
    padding: 15px 0;
    color: #00a0e9;
    width: 95%;
    background:#fff100;
	background-size:auto 100%;
	border-radius: 10px;
}

#block3 .newProduct{
	margin: 0 auto 50px;
	padding: 121.333vw 0 10vw;
	width:90%;
	background:#fff url("../../img/kv-fami-bana.png") 0 top no-repeat;
	background-size: 100% auto;
}

#block3 .newProduct p:first-child{
	margin-bottom: 50px;
}

#block3 .newProduct img{
	width:100%;
}

#block3 p.attentionTxt{
	margin: 20px auto;
}

#block3 .cp-inner{
	margin: 0 auto;
	padding-bottom: 10px;
	width: 95%;
	background: #FFF;
	border-radius: 10px;
}

#block3 h3{
    margin-bottom: 0;
}

#block3 .cp-inner img{
	width: 100%;
}



/* itemBox設定 */


#block1 .itemBox,
#block2 .itemBox{
    margin: 20px auto 50px;
    width: 90%;
    padding: 10px;
	background: #fff;
	border-radius: 6px;
}

#block3 .itemBox{
    margin: 0 auto 20px;
    width: 93%;
	background: #fff;
	border-radius: 6px;
}


#block1 .accordionArea .itemBox,
#block2 .accordionArea .itemBox,
#block3 .accordionArea .itemBox{
	background: #ece6de;
}

#block1 .itemBox:last-child,
#block2 .itemBox:last-child{
    /*margin: 20px auto 30px;*/
    width: 90%;
    border-bottom: none;
}

#block2 .itemBox:last-child{
	/*margin-bottom: 30px;*/
}


	#block1 .itemBox:last-child{
		border-bottom: 0px solid #e0e0e0;
	}

#block2 .itemBox h3{
    margin-bottom: 30px;
    color: #010101;
    font-size: 130%;
}

#block2 .itemBox span{
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:2px solid #e3e3e3; 
}
#block2 .itemBox span:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom:none; 
}


#block1 .itemBox img,
#block2 .itemBox img,
#block3 .itemBox img{
	width: 100%;
	padding-bottom: 0;	
}

#block1 .textArea{
	margin: 0 auto 8vw;
	padding:10.667vw 0 0;
/*	width: 85.067vw;*/
	width: 88%;	
	color: #FFF;
	text-align: justify;
	text-justify:inter-ideograph;
}

/*#block2 .itemBox{
	margin-bottom: 0;
}*/

#block1 .textArea p{
	line-height: 6.2vw;
}

#block1 .textArea span{
	color: #fedd17;
	font-size:5.25vw;
}

#block1 .imgArea{
	margin: 0 auto;
	width:90%;
}

#block1 .imgArea img{
	width:100%;
}

#block2 .logos{
    margin: 0 auto;
    padding: 2% 0 6%;
	border-radius: 10px;
	background: #fff;
    width: 95%;
	text-align: center;
}

#block2 .logos img{
	width: 95%;
}

#block2 .logos p{
	color:#333;
}

.btnDesign{
    position: relative;
	background-size: auto 100%;
	margin: 0 auto 50px;
	padding: 0.5% 0;
	width: 95%;
	height: auto;
	border-radius: 5px;
	text-align: center;
	color: #FFF;
}

	#block3 p{
		text-align: center;
	}

.btnDesign p{
	padding: 0 0;
	width: 100%;
	font-weight: normal;
}

.btnDesign a {
	position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

#block4{
	padding: 50px 0;
	text-align: center;
}

#block4 h2{
	margin: 0 auto;
	padding-bottom: 50px;
	background: url("../../img/arr-d-yllw.png") center bottom no-repeat;
	background-size: 50% auto;
	width: 95%;
}

#block4 h2 img{
	width: 100%;
}

#block4 .btnDesign{
	padding: 7% 0;
    background:#004ea2 url("../../img/icon-pdf.png") 5vw center no-repeat;
	background-size: 12% auto;
	width: 80%;
	font-size: 18px;
}

/*ボタン設定*/
#block5 .btnDesign,
#block6 .btnDesign{
    background:#004ea2 url("../../img/arr-right.png") 90% center no-repeat;
	background-size: 3%;
}
#block5 .btnDesign p,
#block6 .btnDesign p{
	margin: 12px 0 16px;
}

#block5{
    padding-bottom: 20px;
	background: #eeeeee;
}

#block5 .imgArea{
	margin: 0 auto;
	padding: 10px 0;
	width: 95%;
}

#block5 .imgArea img{
	width: 100%;
}

#block5 h2{
	font-size: 22px;
	text-align: center;
}
#block5 p{
	margin-bottom: 40px;
	text-align: center;
}

#block5 .inner{
	margin-left: 12px;
    margin-bottom: 40px;
    text-align: left;
    /* padding: 2.667vw 0; */
    border-bottom: 2px #ccc solid;
}

#block5 .inner:last-child{
	border-bottom: 0px #ccc solid;
}

#block5 .mark1{
	background: url( "../../img/icon_coupon.png") left top no-repeat;
	background-size: 17.6vw auto;
}

#block5 .mark2{
	background: url("../../img/icon_lineup.png") left top no-repeat;
	background-size: 17.6vw auto;
}

#block5 .mark3{
	background: url("../../img/icon_stuff.png") left top no-repeat;
	background-size: 17.6vw auto;
}

#block5 .mark4{
	background: url("../../img/icon_testride.png") left top no-repeat;
	background-size: 17.6vw auto;
}

#block5 .mark5{
	background: url("../../img/icon_afterservice.png") left top no-repeat;
	background-size: 17.6vw auto;
}

#block5 .inner dl{
	margin-left: 22vw;
	margin-right: 4vw;
	margin-bottom: 5.6vw;
	padding-bottom: 2vw;
	text-align: left;
}

#block5 .inner dt{
	font-size: 18px;
	font-weight: 700;
}

#block5 .inner dd{
	margin-left: 0;
	font-size: 3.2vw;
}

#block5 .inner dd span{
	font-size: 2.667vw;
}

#block6{
	padding-top:40px;
}

#block6 h2{
	margin-bottom: 60px;
	font-size: 22px;
	text-align: center;
}

#block6 h3{
	font-size: 18px;
	text-align: center;
	font-weight: 500;
}

#block6 p{
	margin:0 auto 40px;
	text-align: center;
	width: 95%;
}

#block6 .btnDesign p{
	margin-bottom: 16px;
    width: 100%;
}

#block6 .imgArea{
	margin: 0 auto;
	width: 70%;
}

#block6 .imgArea img{
	width: 100%;
}


.contentsBgimg{
    padding: 10px 0 0;
    background: url(../../img/bg_block1-sp.png) 0 120px no-repeat;
    background-size: 100%;
}

.contentsBgimg .btnDesign{
	margin-bottom: 150px;
}

.imgBox-shop{
	margin: 50px auto 4px;
	width: 98%;
}

.imgBox-shop img{
	width: 100%;
}

div.contentsBgimg div.container{
	margin: 0 auto 0;
	width: 100%;
}

.newPrdct{
	padding-bottom: 80px;
	background: #fff;
}
.newPrdct img{
	width: 100%;
}

	#block4 .textbox{
		width: 90%;
		margin: 0 auto;
		text-align: left;
	}

	#block4 .textbox p{
        font-size: 12px;
        line-height: 1.5;
        font-weight: normal;
    }


@media screen and (min-width: 1025px) {
	
	.sp-item{
		display: none;
	}
    .pc-item{
		display:block
	}
	
	.fade {
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
	}

	.fade:hover {
        opacity: 0.6;
        filter: alpha(opacity=40);
	}
	
	.annotation_text{
        width: 650px;
    }
	
	.btnArea .annotation_text {
        margin: 0 auto;
    }
	
	#kvArea{
        margin:0 auto ;
        padding: 0;
		background: #e0f5ff;
		background-size: auto 17% ;
		max-height: 593px;
		
    }
	
    .imgBox-shop {
        margin: 50px auto 4px;
        width: 640px;
    }

	
	
    #kvArea img{
		margin: 0 auto;
        width: 100%;
    }
	
	#kvArea .ttl_line{
        margin: 0 auto 30px;
        padding: 20px 0;
        background:url("../../img/h2_bg.png") 0 0 repeat;
        border-radius: 0;
        background-size: 100%;
        width: 100%;
        text-align: center;
    }
	
    #kvArea h2{
        background: url("../../img/icon_area.png") 26.667vw center no-repeat;
        background-size: auto 100%;
        color: #FFF;
        font-size: 26px;
    }
	
    #kvArea p.cp_date{
        margin-bottom: 4.267vw;
        text-align: center;
        font-size: 40px;
        
    }
	
    #kvArea p.cp_date span.smallTxt{
        font-size:  28px;
    }

	
	#kvArea .imgArea{
        width:1024px;
		text-align: center;
	}
	
    #kvArea .imgArea{
        /*display: flex;
         align-items: center; */
        justify-content: center;
        flex-direction: column;
        margin: 0 auto;
	}	

    #kvArea .imgArea img{
        margin: 0 auto ;
        width: 80%;
    }
	
   /*#block1,#block2,#block3{
        padding: 0 0 0;
    }*/
	
    .btnArea{
        padding: 50px 0;
        background-image: url(../../img/bg-summer-pc.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: cover;
	}

    .btnArea ul{
        width: 680px;
    }

	.btnArea ul li.btn{
        position: relative;
        margin: 0 auto 50px;
        padding: 10px 0 ;
        border-radius: 10px;
		font-size: 20px;
        color: #6a3906;
        background-image: url(../../img/bg-btn-arr-yllw.png), url("../../img/btn-bg-pc.png");
        background-repeat: no-repeat;
        background-position: 5% 43%, 0 0;
        background-size: 4% auto, 100% auto;
    }

    .btnArea ul li a{
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
	
	
.btnArea h2 {
    margin: 0 auto 20px;
    width: 800px;
    text-align: center;
}
	
	.btnArea h2 img{
		width: 50%;
	}

    .btnArea ul li.btn1,.btnArea ul li.btn2{
        width: 560px;
        padding: 32px 0 32px;
        margin: 0 auto 50px;
    }
	
	#block1,#block3{
        padding: 50px 0 ;
	}
	
	#block1{
		margin: 0 auto;
        padding: 1px 0 50px;
        background-color: #d3edf3;
        background-image: none;
        /*background-position: center top, center bottom;
        background-repeat: no-repeat;
        background-size: 50% auto;*/
	}
	
	#block2{
		background-color:#d6fffd;
        padding: 50px 0 0;
	}
	
	#block1 .container,#block2 .container,#block3 .container,#block4 .container{
		margin: 0 auto;
		width: 960px;
		/*background: #ece6de;*/
	}
	
	#block3 .newProduct {
    margin: 0 auto 50px;
    padding: 80px 0 60px;
    width: 100%;
    background: #fff url(../../img/kv-fami-bana.png) 0 0 no-repeat;
    background-size: 40% auto;
}
	
	#block3 p.product-name{
		float: right;
        margin-right: 80px;
        width: 45%;
	}
	
	#block3 p.product-name img{
	}
	
	#block3 p.product-dtl{
        width: 82%;
	}
	
	#block4 .btnDesign {
    padding: 7% 0;
    background: #004ea2 url(../../img/icon-pdf.png) 20px center no-repeat;
    background-size: 12% auto;
    width: 80%;
    font-size: 18px;
}

	#block1 h2, #block2 h2 {
    margin: 30px auto;
    padding: 50px 0;
    color: #00a0e9;
	width: 100%;
	}
	
#block3 h2 {
    margin: 30px auto;
    padding: 50px 0;
    color: #010101;
	width: 100%;
	}
	
	#block1 h2,#block2 h2,#block3 h2{
		margin-bottom: 30px;
        padding: 25px 0;
	}
	
	#block1 .itemBox{
        width: 30%;
		border-bottom: none;
	}
	
	#block2 .itemBox,#block3 .itemBox{
        width: 43%;
		border-bottom: none;
	}
	
	#block1 .itemBox{
		padding: 8px;
	}
	
	#block1 .itemBox:last-child{
	margin:20px auto 50px;
	}

	#block2 .itemBox:last-child{
		/*margin-top: 0;*/
	}
	
	#block1 .itemBox:last-child{
		width: 30%;
	}
	
	#block2 .itemBox:last-child{
		width: 43%;
	}
	#block3 .itemBox:last-child{
		
	}
	#block1 .itemBox:first-child,#block2 .itemBox:first-child{
		/*margin-left: 0;*/
	}

	#block1 h3{
		/*margin-left: 6%;*/
        width:100%;
	}
    .annotation_text ul{
        margin: 10px auto 50px;
        width: 92%;
        padding-left: 0;
        color:#333;
        text-align: left;
    }

    .annotation_text li{
        margin-bottom: 10px;
    }
	    
	#kvArea .btnDesign,
	#block3 .btnDesign{
        position: relative;
        margin: 0 auto 80px;
        padding: 25px 0;
        background: url(../../img/btn.png) center 1px no-repeat;
        background-size: cover;
        /* margin: 0 auto 35px; */
        /* padding: 0.5% 0; */
        width: 640px;
        height: auto;
        text-align: center;
        color: #FFF;
	}
	
	#block2 ul{
		clear: both;
	}
	
.layoutBox{
		width: 98%;
        margin: 0 auto;
        padding-bottom: 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
	}
	
	#block2 .itemBox{
        /*width: 30%;
		margin: 0 auto;
        border-radius: 10px;
        background: #fff;
        text-align: center;*/
	}
	
	#block2 .itemBox-type2{
        margin: 50px auto;
        width: 90%;
        padding: 10px;
        background: #fff;
        border-radius: 6px;
	}
	
	#block2 .itemBox-type2 h3{
		color:#333;
		margin-bottom: 10px;
	}
	
	#block2 .itemBox-type2 img{
			margin: 0 auto ;
			width:100%;
		}
    #block2 .itemBox-type2 span:first-child{
                margin-right:60px; 
            }
	
		#block2 .itemBox img{
			margin: 0 auto;
			width:100%;
		}
	
	#block2 .layout-coupon{
		display: flex;
	}
	
	#block2 .logos img {
    width: 50%;
}
	
	
	#block2 .logos{
		margin: 0 auto;
        width: 98%;
	}
	
	#block2 .annotation_text{
		margin: 0 auto;
		padding-bottom: 30px;
		width: 960px;
	}
	
    #block2 .logos img {
      width: 60%;
	}
	
	.container{
        margin: 0 auto 20px;
        width: 960px;
    }
	
    #kvArea .annotation_text dl{
        margin:0 auto 24px;
        width:  600px;
        text-align: left;
        font-size: 14px;
    }

    #kvArea .annotation_text dt{
        margin-bottom: 15px;
    }

    #kvArea .annotation_text dd{
        margin: 0 0 7px;
    }
	
	.banaArea{
		clear: both;
		margin: 30px auto;
		background: #EEE;
		width: 95%;
		text-align: center;
		border-radius: 10px;
	}
	
	.banaArea img{
		width:100%;
	}
	
	#block3 .annotation_text{
		margin: 0 auto;
		padding-bottom: 30px;
		width: 960px;
	}
	
	#block3 p{
		text-align: center;
	}
	
	.stylever2{
		width:88%;
	}
	
    #block3 .itemBox2 {
        width: 98%;
        margin:0 auto;
		text-align: center;
    }
    #block3 .itemBox2 img{
        width: 100%;
	}
	
#block3 .cp-inner h3 {
	margin: 0 auto;
    width: 100%;
	text-align: center;
}

	#block3 .itemWrap {
		display: flex;
}

	#block4{
		margin: 0 auto;
        padding: 80px 0;
		width: 1024px;
    }
	
	#block4 .btnDesign{
		display: flex;
		flex-direction:column;
		float: left;
		width: 312px;
		margin-left: 0px;
	}
	
	#block4 .btnDesign:last-child{
		margin-left: 40px;
	}
	
	#block4 h2{
	margin: 0 auto;
	background: url("../../img/arr-d-yllw.png") center bottom no-repeat;
	background-size: 30% auto;
	width: 85%;
}
	
	
    #block4 h2{
        margin: 0 auto 30px;
        padding-bottom: 80px;
    }
    #block4 h2 img{
        width: 50%;
    }
	
	#block4 .container{
		margin: 0 auto;
		width: 664px;
	}
	
	#block4 .annotation_text{
        margin: 0 auto;
        width: 960px;
		font-size: 14px;
    }

	#block5{
        margin: 0 auto;
        padding: 20px 0 80px;
        background:#dde6ef url("../../img/bg_service.jpg") center bottom no-repeat;
        background-size:100% auto;
        color: #111;
        text-align: center;
	}
	#block5 .imgArea{
		width: 700px;
	}
	
	#block5 .container{
		margin: 0 auto;
		width: 720px;
	}
	
    #block5 .mark1{
        background: url("../../img/icon_coupon.png") left top no-repeat;
        background-size: 100px auto;
    }

    #block5 .mark2{
        background: url("../../img/icon_lineup.png") left top no-repeat;
        background-size: 100px auto;
    }

    #block5 .mark3{
        background: url("../../img/icon_stuff.png") left top no-repeat;
        background-size: 100px auto;
    }

    #block5 .mark4{
        background: url("../../img/icon_testride.png") left top no-repeat;
        background-size: 100px auto;
    }

    #block5 .mark5{
        background: url("../../img/icon_afterservice.png") left top no-repeat;
        background-size: 100px auto;
    }

	#block5 .inner dl {
        margin-left: 120px;
        margin-bottom: 0;
        padding-bottom: 60px;
        width: 550px;
        height: 100%;
        text-align: left;
    }

    #block5 .inner dt {
        margin-top: 0;
        font-size: 24px;
    }

    #block5 .inner dd {
        margin-left: 0;
        font-size: 18px;
    }
	
	 #block5 .inner dd span {
        font-size: 14px;
    } 
	
	#block5 .btnDesign, #block6 .btnDesign {	
        background: #004ea2 url(../../img/arr-right.png) 92% center no-repeat;
        background-size: 2%;
	}
	
	#block5 .layoutBox{
		margin: 0;
	}
	
	#block6{
        padding-top: 40px;
        width: 1024px;
        margin: 0 auto;
	}
	
	#block6 .btnDesign, #block6 .btnDesign {	
        background: #004ea2 url(../../img/arr-right.png) 94% center no-repeat;
        background-size: 3%;
	}

	#block6 .inner{
        display: flex;
	    width: 700px;
		margin: 0 auto;
	}
	
	#block6 .container{
		margin: 0 auto;
		width: 320px;
		float: left;
	}

	#block6 .container:last-child{
		margin: 0 auto;
		width: 320px;
		float: right;
	}
	.newPrdct{
        margin: 0 auto;
        /* text-align: center; */
        /* width: 800px; */
        background: transparent;
    }
	.newPrdct img {
		padding-left: 22%;
        width: 100%;
    }
	
	#block4 .textbox{
		width: 92%;
		margin: 0 auto;
		text-align: left;
	}

	#block4 .textbox p{
        line-height: 1.5;
        font-weight: normal;
    }
	
}