@charset "UTF-8";
@import url(cmn.css);
@import url(base.css?202201);

#s_lineup2,
#s_lineup3,
#s_lineup4{
	display: none;
}

/*----------------------------heading-----------------------------------*/

#heading{
	background: url(../images/cmn/mv2bg.jpg) 70% 60% no-repeat fixed;
	background-size: cover;
}

/*----------------------------heading newcar-----------------------------------*/

#heading.newcar{
	padding: 30px 30px 56px;
	height: auto;
}
#heading.newcar .wrapper{
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#heading.newcar .h{
	margin-left: 84px;
}
#heading.newcar .slider{
	position: relative;
	width: 66.6%;
}
#heading.newcar .slick-list{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}
#heading.newcar .slick-track{
	display: flex;
	justify-content: center;
	align-items: center;
}
#heading.newcar .slick-slide{
	cursor: pointer;
	padding: 0 15px;
	transition: 0.2s ease-in-out;
}
#heading.newcar .slick-slide a{
	display: block;
	transition: 0.2s ease-in-out;
}
#heading.newcar .slick-slide a:hover img{
	opacity: 0.8;
}
#heading.newcar .pointer{
	margin: 0 auto;
	position: absolute;
	bottom: -27px;
	left: 0;
	width: 100%;
	text-align: center;
}
#heading.newcar .pointer li{
	display: inline-block;
	padding: 3px;
}
#heading.newcar .pointer li button{
	display: block;
	text-indent: -10000px;
	outline:none;
	line-height:1px;
	font-size:1px;
	background-color: rgba(255,255,255,0.3);
	width: 7px;
	height: 7px;
	border-radius: 100%;
	border: none;
	cursor: pointer;
}
#heading.newcar .pointer .slick-active button{
	background-color: #ffba00;
}
@media screen and (max-width: 1600px){
	#heading.newcar .h{
		margin-left: calc(((100vw - 60px)*0.33 - 330px)/2);
	}
}
@media screen and (max-width: 950px){
	#heading.newcar .h{
		min-width: 0;
		margin-left: 0;
	}
}
@media screen and (max-width: 850px){
	#heading.newcar{
		padding: 20px 20px 56px;
	}
}
@media screen and (max-width: 700px){
	#heading.newcar{
		padding: 40px 0 56px;
		text-align: center;
	}
	#heading.newcar .wrapper{
		display: block;
	}
	#heading.newcar .h{
		width: auto;
		display: inline-block;
		max-width: 330px;
		margin: 0 auto 40px;
	}
	#heading.newcar .slider{
		width: 100%;
	}
}

/*----------------------------heading lineup-----------------------------------*/

#heading.lineup{
	padding-bottom: 0;
}
#heading.lineup:after{
	display: none;
}

/*----------------------------heading newcar-single-----------------------------------*/

#heading.newcar-single{
	display: block;
	padding-bottom: 0;
	height: auto;
}
#heading.newcar-single:after{
	display: none;
}
#heading.newcar-single{
	padding: 30px 30px 36px;
}
#heading.newcar-single .wrapper{
	max-width: 1500px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
#heading.newcar-single .h{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 30px 20px;
	min-width: 0;
	width: 35%;
	font-size: 1.8rem;
}
#heading.newcar-single .h img{
	max-width: 70%;
	display: block;
	margin: 0 auto 15px;
}
#heading.newcar-single .h.pos{
	position: relative;
}
#heading.newcar-single .h.pos .bm_btn{
	position: absolute;
	bottom:-80px;
	left:calc(50% - 110px);
	width:220px;
	height:220px;
}
#heading.newcar-single .h.pos .bm_btn:before{
	display:none;
}
#heading.newcar-single .h.pos .bm_btn::after{
	display:none;
}

#heading.newcar-single .h.pos .bm_btn a{
	display: block;
	transition: 0.2s ease-in-out;
}
#heading.newcar-single .h.pos .bm_btn a:hover{
	filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;
}
#heading.newcar-single .h.pos .bm_btn img {
    max-width: 100%;
    display: block;
    margin: 0 auto 0px;
}
#heading.newcar-single .slider{
	position: relative;
	width: 65%;
}
#heading.newcar-single .slick-list{
	position: relative;
	display: block;
	overflow: hidden;
	height: 100%;
}
#heading.newcar-single .slick-track{
	display: flex;
	justify-content: center;
	align-items: stretch;
	height: 100%;
}
#heading.newcar-single .slick-slide{
	cursor: pointer;
	transition: 0.2s ease-in-out;
	text-align: center;
}
#heading.newcar-single .slick-slide img{
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
}
#heading.newcar-single .slick-slide:nth-of-type(1):nth-last-of-type(1) img{
	margin-left: 100%;
	cursor: default;
}
#heading.newcar-single .pointer{
	margin: 0 auto;
	position: absolute;
	bottom: -27px;
	left: 0;
	width: 100%;
	text-align: center;
}
#heading.newcar-single .pointer li{
	display: inline-block;
	padding: 3px;
}
#heading.newcar-single .pointer li button{
	display: block;
	text-indent: -10000px;
	outline: none;
	line-height:1px;
	font-size:1px;
	background-color: rgba(255,255,255,0.3);
	width: 7px;
	height: 7px;
	border-radius: 100%;
	border: none;
	cursor: pointer;
}
#heading.newcar-single .pointer .slick-active button{
	background-color: #ffba00;
}
@media screen and (max-width: 850px){
	#heading.newcar-single{
		padding: 20px;
	}
	#heading.newcar-single .pointer{
		bottom: 10px;
	}
	#heading.newcar-single .h.pos .bm_btn{
		position: absolute;
		bottom:-80px;
		left:calc(50% - 100px);
		width:200px;
		height:200px;
	}
}
@media screen and (max-width: 768px){
	#heading.newcar-single .wrapper{
		flex-direction: column;
	}
	#heading.newcar-single .h{
		width: 100%;
		order: 2;
		padding-top: 35px;
	}
	#heading.newcar-single .h img{
		max-width: 200px;
		width: 75%;
		display: block;
		margin: 0 auto 15px;
	}
	#heading.newcar-single .slider{
		width: 100%;
		order: 1;
	}
	#heading.newcar-single .pointer{
		bottom: 10px;
	}
	#heading.newcar-single .h.pos .bm_btn{
		position: absolute;
		bottom:-110px;
		left:-50px;
		width:200px;
		height:200px;
	}
}
@media screen and (max-width: 680px){
	#heading.newcar-single{
		padding: 15px 10px;
	}
}
@media screen and (max-width: 400px){
	#heading.newcar-single .h{
		padding: 25px 10px 20px;
		font-size: 1.6rem;
	}
	#heading.newcar-single .h.pos .bm_btn{
		position: absolute;
		bottom:-90px;
		left:-30px;
		width:140px;
		height:140px;
	}
}

/*----------------------------heading safety-----------------------------------*/

#heading.safety{
	padding-bottom: 0;
}
#heading.safety:after{
	display: none;
}

/*----------------------------s_new-----------------------------------*/

#s_new{
	border-bottom: 1px solid #e0e0e0;
}
#s_new .wrapper{
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	max-width: 1600px;
	align-items: stretch;
	justify-content: center;
	position: relative;
}
#s_new .wrapper dl{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 25%;
	padding: 0 1.5%;
	box-sizing: border-box;
	border-right: 1px solid #e0e0e0;
}
#s_new .wrapper dl:nth-of-type(1){
	border-left: 1px solid #e0e0e0;
}
#s_new .wrapper dl dt{
	order: 2;
	transition: 0.5s ease-out;
	text-align: center;
}
#s_new .wrapper dl dt span{
	display: block;
	font-size: 1.4rem;
	opacity: 0.8;
}
#s_new .wrapper dl dt i{
	display: block;
	font-size: 1.2rem;
	opacity: 0.8;
}
#s_new .wrapper dl dt+dd{
	order: 1;
	transition: 0.5s ease-out;
	margin-bottom: 10px;
}
#s_new .wrapper dl dt+dd img{
	display: block;
	margin: 0 auto 10px;
	max-width: 90%;
}
#s_new .wrapper dl dt+dd img:nth-of-type(2){
	max-width: 60%;
	max-height: 30px;
	width: auto;
	height: auto;
}
#s_new .wrapper dl dd.btn2{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	transition: 0.3s ease-in-out;
	z-index: 2;
	opacity: 0;
}
#s_new .wrapper dl dd.btn2 a{
	display: block;
	margin: 5px;
	width: 60%;
}
#s_new .wrapper dl:hover dt,
#s_new .wrapper dl:hover dt+dd{
	opacity: 0.5;
	filter: blur(3px);
}
#s_new .wrapper dl:hover dd.btn2{
	opacity: 1;
	transition: 0.3s ease-in 0.2s;
}
#s_new .wrapper>.btn2{
	position: absolute;
	top: -97px;
	right: calc(50% - 800px);
}
#s_new .wrapper>.btn2 a{
	min-width: 0;
	padding: 10px;
}
@media screen and (max-width: 1630px){
	#s_new .wrapper>.btn2{
		right: 0;
	}
}
@media screen and (max-width: 1200px){
	#s_new .wrapper dl dd.btn2 a{
		min-width: 0;
		width: 70%;
	}
}
@media screen and (max-width: 950px){
	#s_new .wrapper dl{
		width: 50%;
		padding: 15px 10px;
	}
	#s_new .wrapper dl:nth-of-type(2n-1){
		border-left: 1px solid #e0e0e0;
	}
	#s_new .wrapper dl:nth-last-of-type(n+3){
		border-bottom: 1px solid #e0e0e0;
	}
	#s_new .wrapper dl dt+dd img{
		max-width: 300px;
		width: 80%;
	}
	#s_new .wrapper dl dt+dd img:nth-of-type(2){
		max-width: 150px;
		max-height: 30px;
	}
	#s_new .wrapper dl dd.btn2 a{
		min-width: 0;
		max-width: 200px;
		width: 70%;
	}
}
@media screen and (max-width: 850px){
	#s_new .wrapper>.btn2{
		top: -95px;
	}
}
@media screen and (max-width: 750px){
	#s_new .wrapper>.btn2{
		position: static;
		padding-top: 20px;
	}
	#s_new .wrapper>.btn2 a{
		min-width: 200px;
	}
}
@media screen and (max-width: 700px){
	#s_new .wrapper dl dt+dd img{
		width: 90%;
	}
	#s_new .wrapper dl dt+dd img:nth-of-type(2){
		max-width: 70%;
	}
	#s_new .wrapper dl dd.btn2 a{
		min-width: 0;
		max-width: 200px;
		width: 70%;
	}
}
@media screen and (max-width: 500px){
	#s_new .wrapper dl dd.btn2 a{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		margin: 0;
		max-width: none;
		opacity: 0;
	}
	#s_new .wrapper dl dd.btn2 a:nth-of-type(2){
		display: none;
	}
	#s_new .wrapper dl dt,
	#s_new .wrapper dl dt+dd{
		transition: 0.2s ease-in-out;
	}
	#s_new .wrapper dl:hover dt,
	#s_new .wrapper dl:hover dt+dd{
		opacity: 0.8;
		filter: blur(0);
	}
}

/*----------------------------s_topics-----------------------------------*/

#s_topics{
	max-width: 1300px;
	margin: 0 auto;
}
#s_topics .wrapper{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
#s_topics article{
	display: flex;
	align-items: stretch;
	width: 23.125%;
	margin-left: 2.5%;
	margin-bottom: 30px;
}
#s_topics article:nth-of-type(4n-3){
	margin-left: 0;
}
#s_topics article a{
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	border: 1px solid #e0e0e0;
	padding-bottom: 5px;
}
#s_topics .article_heading{
	order: 2;
	line-height: 1.4;
	font-size: 1.6rem;
	padding: 0 15px 10px;
}
#s_topics article>a>p{
	order: 3;
	padding: 0 15px 10px;
}
#s_topics .article_img{
	order: 1;
	margin-bottom: 10px;
}
#s_topics .article_img{
	overflow: hidden;
}
#s_topics .article_img span{
	display: block;
	padding-bottom: 60%;
	position: relative;
}
#s_topics .article_img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 102%;
	height: 102%;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
	transition: 0.5s ease-in-out;
	transform: scale(1.001);
}
#s_topics a:hover .article_img img{
	transform: scale(1.07);
}
@media screen and (max-width: 1000px){
	#s_topics article{
		width: 31.33%;
	}
	#s_topics article:nth-of-type(4n-3){
		margin-left: 3%;
	}
	#s_topics article:nth-of-type(3n-2){
		margin-left: 0;
	}
	#s_topics article:nth-last-of-type(-n+3){
		margin-bottom: 0;
	}
}
@media screen and (max-width: 650px){
	#s_topics .article_heading{
		padding: 0 10px 10px;
	}
	#s_topics article>a>p{
		padding: 0 10px 10px;
	}
}
@media screen and (max-width: 550px){
	#s_topics article{
		width: 48.5%;
		margin-bottom: 15px;
	}
	#s_topics article:nth-of-type(4n-3),
	#s_topics article:nth-of-type(3n-2){
		margin-left: 3%;
	}
	#s_topics article:nth-of-type(2n-1){
		margin-left: 0;
	}
	#s_topics article:nth-last-of-type(-n+3){
		margin-bottom: 15px;
	}
	#s_topics article:nth-last-of-type(-n+2){
		margin-bottom: 0;
	}
}

/*----------------------------tab-----------------------------------*/

#tab{
	background: url(../images/cmn/mvbg.jpg);
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #fff;
}
#tab ul{
	max-width: 1300px;
	margin: 0 auto;
	padding: 25px 10px;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
#tab ul li{
	display: flex;
	align-items: stretch;
	justify-content: center;
	width: 24.3%;
	position: relative;
}
#tab ul li:before{
	content: "";
	width: 0;
	height: 0;
	border-top: 15px solid #fff;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	position: absolute;
	left: calc(50% - 20px);
	bottom: 0;
	transition: 0.2s ease-in-out;
	z-index: 1;
}
#tab ul li.active:before{
	border-top: 15px solid #023692;
	bottom: -15px;
}
#tab ul li a{
	font-weight: 700;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #023692;
	width: 100%;
	padding: 15px 10px;
	transition: 0.2s ease-in-out;
	line-height: 1.4;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
}
#tab ul li.active a,
#tab ul li a:hover{
	background: #023692;
	color: #fff;
}
#tab ul li a svg{
	display: block;
	width: 30px;
	fill: #023692;
	transition: 0.2s ease-in-out;
	margin-bottom: 5px;
}
#tab ul li.active a svg,
#tab ul li a:hover svg{
	fill: #fff;
}
#tab ul li a span{
	display: block;
	text-align: center;
}
#tab ul li a i{
	display: inline-block;
}
@media screen and (max-width: 700px){
	#tab ul li a{
		font-size: 1.4rem;
		padding: 15px 5px;
	}
	#tab ul li a i.no{
		display: none;
	}
}
@media screen and (max-width: 500px){
	#tab ul{
		padding: 25px 5px;
	}
	#tab ul li a{
		padding: 6px 2px;
		line-height: 1.2s;
	}
	#tab ul li:nth-of-type(1) a,
	#tab ul li:nth-of-type(3) a,
	#tab ul li:nth-of-type(4) a{
		letter-spacing: -0.08rem;
	}
}
@media screen and (max-width: 390px){
	#tab ul li a:before{
		content: "";
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		position: absolute;
		left: calc(50% - 10px);
		bottom: 0;
	}
	#tab ul li.active a:before{
		bottom: -8px;
		border-top-width: 8px;
	}
}

/*----------------------------select-----------------------------------*/

.select{
	border-bottom: 1px solid #e0e0e0;
	padding: 35px 10px 25px;
	position: relative;
}
.select:before{
	content: "";
	background: #fff;
	display: block;
	width: 30px;
	height: 30px;
	transform: rotate(46deg);
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	position: absolute;
	bottom: -16px;
	left: calc(50% - 15px);
	z-index: 1;
}
.select>p{
	display: none;
}
.select ul{
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	position: relative;
	z-index: 2;
}
.select ul li{
	display: block;
	width: 13.42%;
	margin-left: 1%;
	margin-bottom: 10px;
}
.select ul li:nth-of-type(7n-6){
	margin-left: 0;
}
.select input{
	display: none;
}
.select label{
	display: block !important;
	width: 100%;
	text-align: center;
	background: #f5f5f5;
	border: 1px solid #ddd;
	padding: 0 5px;
	box-sizing: border-box;
	transition: 0.15s ease-in-out;
	overflow: hidden;
	border-radius: 5px;
	font-size: 1.45rem;
	letter-spacing: 0.1rem;
	color: #999;
}
.select label:before,
.select label:after{
	display: none !important;
}
.select label span{
	display: inline-block;
	padding: 7px 7px 7px 15px;
	position: relative;
}
.select label span:before{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: rgba(125,125,125,0.5);
	position: absolute;
	top: calc(50% - 3px);
	left: 3px;
}
.select input[type="checkbox"]:checked+label span:before{
	width: 5px;
	height: 8px;
	background: none !important;
	border-radius: 0;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	top: calc(50% - 7px);
	left: 2px;
}
.select .select1 label span:before{
	background: #ffba00;
}
.select .select1 input[type="checkbox"]:checked+label{
	background: #ffba00;
	border-color: #ffba00;
}
.select .select2 label span:before{
	background: #24A6E5;
}
.select .select2 input[type="checkbox"]:checked+label{
	background: #24A6E5;
	border-color: #24A6E5;
}
.select .select3 label span:before{
	background: #03c2ae;
}
.select .select3 input[type="checkbox"]:checked+label{
	background: #03c2ae;
	border-color: #03c2ae;
}
.select input[type="checkbox"]:checked+label{
	font-weight: 600;
	color: #fff;
}
@media screen and (max-width: 1180px){
	.select ul li{
		width: 15.83%;
		margin-left: 1%;
	}
	.select ul li:nth-of-type(7n-6){
		margin-left: 1%;
	}
	.select ul li:nth-of-type(6n-5){
		margin-left: 0;
	}
}
@media screen and (max-width: 1000px){
	.select ul li{
		width: 19.2%;
		margin-left: 1%;
	}
	.select ul li:nth-of-type(7n-6),
	.select ul li:nth-of-type(6n-5){
		margin-left: 1%;
	}
	.select ul li:nth-of-type(5n-4){
		margin-left: 0;
	}
}
@media screen and (max-width: 780px){
	.select ul li{
		width: 24.25%;
		margin-left: 1%;
	}
	.select ul li:nth-of-type(7n-6),
	.select ul li:nth-of-type(6n-5),
	.select ul li:nth-of-type(5n-4){
		margin-left: 1%;
	}
	.select ul li:nth-of-type(4n-3){
		margin-left: 0;
	}
}
@media screen and (min-width: 611px){
	.select ul{
		display: flex !important;
	}
}
@media screen and (max-width: 610px){
	.select{
		padding: 0;
		min-height: 44px;
		background: #f0f0f0;
	}
	.select:before{
		display: none;
	}
	.select>p{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 44px;
		background: #f0f0f0;
		position: relative;
		cursor: pointer;
		z-index: 2;
	}

	.select>p span.sbmw{
		position: relative;
		width: 30px;
		margin-right: 10px;
	}

	 .select>p span.sbm{
		display: block;
		width: 30px;
		height: 2px;
		background: #023692;
		position: absolute;
		top: calc(50% - 1px);
		left: 0;
		transition: 0.2s ease-in-out;
	}
	.select>p span.sbm:before,
	.select>p span.sbm:after{
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		background: #023692;
		top: -9px;
		transition: 0.2s ease-in-out;
	}
	.select>p span.sbm:after{
		top: 9px;
	}
	.select>p i.miru{
		display:block;
	}
	.select>p i.tojiru{
		display:none;
	}
	.select>p i.miru,
	.select>p i.tojiru{
		font-size: 1.7rem;
		font-weight: bold!important;
	}
	.select>p.open span.sbm{
		background-color: transparent;
	}
	.select>p.open span.sbm:before{
		transform: rotate(225deg);
		top: 0;
	}
	.select>p.open span.sbm:after{
		transform: rotate(-225deg);
		top: 0;
	}
	.select>p.open i.miru{
		display:none;
	}
	.select>p.open i.tojiru{
		display:block;
	}
	.select ul{
		padding: 10px;
		display: none;
		box-sizing: border-box;
		overflow: hidden;
	}
	.select ul li{
		width: 49%;
		float: left;
		margin: 10px 0 0 0!important;
	}
	.select ul li:nth-of-type(2n){
		margin-left: 2% !important;
	}
	.select label{
		background: #fff;
	}
}

/*----------------------------s_lineup1-----------------------------------*/

#s_lineup1{
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}
#s_lineup1 .wrapper{
	max-width: 1300px;
	padding: 60px 10px 0;
	margin: 0 auto;
}
#s_lineup1 .inner{
	padding: 0 0 40px;
}
@media screen and (max-width: 750px){
}
@media screen and (max-width: 610px){
	#s_lineup1 .wrapper{
		padding: 40px 10px 0;
	}
}

/*-------発売予定車--------*/

.sr-infor {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width:100%;
	border-bottom: 1px solid #e0e0e0;
}
.sr-infor h2{
	width:40%;
}
#s_lineup1 .sr-infor .inner{
	width:58%;
	padding: 0 0 10px;
}
.sr-infor .inner article {
    display: block;
    width: 48%;
    font-size: 1.4rem;
    position: relative;
    box-sizing: border-box;
    padding: 40px 25px;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
.sr-infor .inner article:last-child{border-right: none}
.sr-infor .inner article .name {
    text-align: center;
		padding-top:5px;
}
@media screen and (max-width: 650px){
	.sr-infor {
		flex-direction: column;
	}
	.sr-infor h2{
		width:100%;
	}
	#s_lineup1 .sr-infor .inner{
		width:100%;
		padding: 0 0 10px;
	}
	.sr-infor .inner article {
		padding: 20px 10px 20px 0;
		width: 50%;
	}
	#s_lineup1 .heading1 i{
		display: inline;
		font-size: 1.7rem;
	}
}
/*----------------------------s_lineup2-----------------------------------*/

#s_lineup2 section{
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}
#s_lineup2 .wrapper{
	max-width: 1300px;
	margin: 0 auto;
}
#s_lineup2.car_list .name{
	margin-bottom: 0;
}

#s_intro{
	border-top: 1px solid #e0e0e0;
	padding-top: 60px;
}
#s_intro .bn ul li:nth-of-type(1) a div{
	background: #18a697;
}
#s_intro .bn ul li:nth-of-type(2) a div{
	background: #b5550d;
}
@media screen and (max-width: 950px){
	#s_intro .heading2{
		margin-bottom: 30px;
	}
}

/*----------------------------s_lineup3-----------------------------------*/

#s_lineup3>ul{
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
#s_lineup3>ul li{
	display: block;
	width: 33.3%;
	box-sizing: border-box;
	padding: 0 20px 30px;
	text-align: center;
}
#s_lineup3>ul li p{
	padding-top: 10px;
	text-align: left;
}
#s_lineup3>ul li a{
	transition: 0.2s ease-in-out;
}
#s_lineup3>ul li a:hover{
	opacity: 0.8;
}
@media screen and (max-width: 700px){
	#s_lineup3>ul{
		justify-content: space-between;
	}
	#s_lineup3>ul li{
		width: 48%;
		padding: 0 5px 20px;
	}
}

/*----------------------------s_lineup4-----------------------------------*/

#s_lineup4 section{
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}
#s_lineup4 section:nth-last-of-type(1){
	padding-bottom: 0;
}
#s_lineup4 .wrapper{
	max-width: 1300px;
	padding: 0 10px;
	margin: 0 auto;
}

#s_lease{
	text-align: center;
}
#s_lease p{
	margin-bottom: 30px;
}
#s_lease.bn ul li:nth-of-type(1) a div{
	background: #09147d;
}
#s_lease.bn ul li img{
	object-fit: cover;
	object-position: 50% 31%;
	font-family: 'object-fit: cover; object-position: 50% 31%;';
}
@media screen and (max-width: 450px){
	#s_lease p{
		text-align: left;
	}
}

/*----------------------------car_list-----------------------------------*/

.car_list .inner{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
.car_list article{
	display: block;
	width: 25%;
	font-size: 1.4rem;
	position: relative;
	box-sizing: border-box;
	padding: 40px 25px;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.car_list article:nth-of-type(4n),
3.car_list article:nth-of-type(-n+4):nth-last-of-type(1){
	border-right: none;
}
.car_list article:nth-last-of-type(1):nth-of-type(4n),
.car_list article:nth-last-of-type(1):nth-of-type(4n-1),
.car_list article:nth-last-of-type(1):nth-of-type(4n-2),
.car_list article:nth-last-of-type(1):nth-of-type(4n-3),
.car_list article:nth-last-of-type(2):nth-of-type(4n-1),
.car_list article:nth-last-of-type(2):nth-of-type(4n-2),
.car_list article:nth-last-of-type(2):nth-of-type(4n-3),
.car_list article:nth-last-of-type(3):nth-of-type(4n-2),
.car_list article:nth-last-of-type(3):nth-of-type(4n-3),
.car_list article:nth-last-of-type(4):nth-of-type(4n-3){
	border-bottom: none;
}
.car_list article .btns{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	transition: 0.3s ease-in-out;
	opacity: 0;
	z-index: 2;
}
.car_list article .btns:hover{
	transition: 0.3s ease-in 0.2s;
	opacity: 1;
}
.car_list article .btns li{
	display: block;
	width: 100%;
	max-width: 200px;
	box-sizing: border-box;
	padding: 5px;
	margin: 0;
}
.car_list article .btns li:nth-of-type(1) a{
	padding: 15px 5px;
}
.car_list article .btns li a{
	background: #023692;
	color: #fff;
	transition: 0.2s ease-in-out;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 10px 5px;
	font-size: 1.3rem;
}
.car_list article .btns li a:hover{
	background: #002465;
}
.car_list article .btns li a svg{
	fill: #fff;
	width: 20px;
	margin-right: 5px;
}
.car_list article .btns:hover+div{
	filter: blur(2px);
	opacity: 0.5;
}
.car_list article .btns+div{
	transition: 0.5s ease-out;
}
.car_list .article_heading{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.car_list .article_heading img:nth-of-type(1){
	max-width: calc(100% - 90px);
	max-height: 20px;
}
.car_list .article_heading img:nth-of-type(2){
	width: 50px;
}
.car_list .name{
	font-weight: 600;
	margin-bottom: 2px;
}
.car_list .price{
	margin-bottom: 5px;
}
.car_list dl{
	display: table;
	table-layout: fixed;
	width: 100%;
	border-top: 1px solid #e0e0e0;
}
.car_list dl:nth-last-of-type(1){
	border-bottom: 1px solid #e0e0e0;
}
.car_list dl>*{
	padding: 5px 0;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	word-wrap: break-word;
}
.car_list dl dt{
	width: 70px;
	padding-right: 5px;
}
@media screen and (max-width: 1050px){
	.car_list article{
		width: 33.3%;
	}
	.car_list .inner article:nth-of-type(4n),
	.car_list .inner article:nth-of-type(-n+4):nth-last-of-type(1){
		border-right: 1px solid #e0e0e0;
	}
	.car_list .inner article:nth-last-of-type(1):nth-of-type(4n),
	.car_list .inner article:nth-last-of-type(1):nth-of-type(4n-1),
	.car_list .inner article:nth-last-of-type(1):nth-of-type(4n-2),
	.car_list .inner article:nth-last-of-type(1):nth-of-type(4n-3),
	.car_list .inner article:nth-last-of-type(2):nth-of-type(4n-1),
	.car_list .inner article:nth-last-of-type(2):nth-of-type(4n-2),
	.car_list .inner article:nth-last-of-type(2):nth-of-type(4n-3),
	.car_list .inner article:nth-last-of-type(3):nth-of-type(4n-2),
	.car_list .inner article:nth-last-of-type(3):nth-of-type(4n-3),
	.car_list .inner article:nth-last-of-type(4):nth-of-type(4n-3){
		border-bottom: 1px solid #e0e0e0;
	}
	.car_list .inner article:nth-of-type(3n),
	.car_list .inner article:nth-of-type(-n+3):nth-last-of-type(1){
		border-right: none;
	}
	.car_list .inner article:nth-last-of-type(1):nth-of-type(3n),
	.car_list .inner article:nth-last-of-type(1):nth-of-type(3n-1),
	.car_list .inner article:nth-last-of-type(1):nth-of-type(3n-2),
	.car_list .inner article:nth-last-of-type(2):nth-of-type(3n-1),
	.car_list .inner article:nth-last-of-type(2):nth-of-type(3n-2),
	.car_list .inner article:nth-last-of-type(3):nth-of-type(3n-2){
		border-bottom: none;
	}
}
@media screen and (max-width: 750px){
	.car_list article{
		padding: 30px 15px;
	}
	.car_list .article_img{
		margin-bottom: 5px;
	}
	.car_list dl dt{
		width: 60px;
	}
}
@media screen and (max-width: 700px){
	.car_list dl:nth-of-type(2){
		display: none;
	}
}
@media screen and (max-width: 650px){
	.car_list article .btns{
		opacity: 1;
	}
	.car_list article .btns li{
		max-width: none;
		padding: 0;
		position: absolute;
		top: 10px;
		left: 0;
		width: calc(100% - 10px);
		height: calc(100% - 20px);
	}
	.car_list .inner article:nth-of-type(2n) .btns li{
		left: 10px;
	}
	.car_list article .btns li a{
		padding: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
	}
	.car_list article .btns li:nth-of-type(n+2){
		display: none;
	}
	.car_list article .btns:hover+div{
		filter: blur(0);
		opacity: 0.8;
	}
	.car_list .inner .article_heading img:nth-of-type(1){
		max-width: calc(100% - 55px);
	}
	.car_list .inner .article_heading img:nth-of-type(2){
		width: 40px;
	}
	.car_list article{
		padding: 20px 10px 20px 0;
		width: 50%;
	}
	.car_list .inner article:nth-of-type(2n){
		padding: 20px 0 20px 10px;
	}
	.car_list .inner article:nth-of-type(4n),
	.car_list .inner article:nth-of-type(-n+4):nth-last-of-type(1),
	.car_list .inner article:nth-of-type(3n),
	.car_list .inner article:nth-of-type(-n+3):nth-last-of-type(1){
		border-right: 1px solid #e0e0e0;
	}
	.car_list .inner article:nth-last-of-type(1):nth-of-type(4n),
	.car_list .inner article:nth-last-of-type(1):nth-of-type(4n-1),
	.car_list .inner article:nth-last-of-type(1):nth-of-type(4n-2),
	.car_list .inner article:nth-last-of-type(1):nth-of-type(4n-3),
	.car_list .inner article:nth-last-of-type(2):nth-of-type(4n-1),
	.car_list .inner article:nth-last-of-type(2):nth-of-type(4n-2),
	.car_list .inner article:nth-last-of-type(2):nth-of-type(4n-3),
	.car_list .inner article:nth-last-of-type(3):nth-of-type(4n-2),
	.car_list .inner article:nth-last-of-type(3):nth-of-type(4n-3),
	.car_list .inner article:nth-last-of-type(4):nth-of-type(4n-3),
	.car_list .inner article:nth-last-of-type(1):nth-of-type(3n),
	.car_list .inner article:nth-last-of-type(1):nth-of-type(3n-1),
	.car_list .inner article:nth-last-of-type(1):nth-of-type(3n-2),
	.car_list .inner article:nth-last-of-type(2):nth-of-type(3n-1),
	.car_list .inner article:nth-last-of-type(2):nth-of-type(3n-2),
	.car_list .inner article:nth-last-of-type(3):nth-of-type(3n-2){
		border-bottom: 1px solid #e0e0e0;
	}
	.car_list .inner article:nth-of-type(2n),
	.car_list .inner article:nth-of-type(-n+2):nth-last-of-type(1){
		border-right: none !important;
	}
	.car_list .inner article:nth-last-of-type(1):nth-of-type(2n),
	.car_list .inner article:nth-last-of-type(1):nth-of-type(2n-1),
	.car_list .inner article:nth-last-of-type(2):nth-of-type(2n-1){
		border-bottom: none !important;
	}
	.car_list dl dt{
		padding: 2px 5px 2px 0;
	}
	.car_list dl dd{
		padding: 2px 0;
	}
}

/*----------------------------bn-----------------------------------*/

.bn ul{
	max-width: 1300px;
	padding: 0 10px;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
}
.bn ul li{
	display: block;
	width: calc(50% - 1px);
	margin-right: 1px;
}
.bn ul li a{
	display: block;
}
.bn ul li a div{
	display: block;
	overflow: hidden;
	background: #000;
	position: relative;
	color: #fff;
}
.bn ul li a img{
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
	position: absolute;
	top: -5%;
	left: -5%;
	width: 110%;
	height: 110%;
	max-width: none;
	z-index: 1;
	filter: blur(3px);
	opacity: 0.5;
	transition: 0.8s ease-out;
	will-change: transform;
}
.bn ul li a span{
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 150px;
	box-sizing: border-box;
	padding: 15px;
	width: 100%;
}
.bn ul li a span svg{
	fill: #fff;
	width: 34px;
	margin-bottom: 5px;
}
.bn ul li a span i{
	display: block;
	font-weight: 700;
	font-size: 1.75rem;
	line-height: 1.5;
}
.bn ul li a:hover img{
	transform: scale(1.07);
	filter: blur(0px);
	opacity: 1;
}
.bn ul li a .no{
	display: none;
}
.bn ul li a p{
	font-size: 1.45rem;
	line-height: 1.5;
	padding-top: 8px;
	text-align: center;
}
.bn ul li:nth-of-type(1):nth-last-of-type(1){
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 800px;
}
@media screen and (max-width: 1150px){
	.bn ul li a span i{
		font-size: 1.55rem;
	}
	.bn ul li a p{
		text-align: left;
	}
}
@media screen and (max-width: 1050px){
	.bn ul li a span i{
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 750px){
	.bn{
		padding-top: 40px;
	}
}
@media screen and (max-width: 950px){
	.bn ul li a span i{
		font-size: 1.65rem;
	}
	.bn ul li a span{
		min-height: 150px;
	}
}
@media screen and (max-width: 520px){
	.bn ul li a span{
		padding: 10px 5px;
	}
	.bn ul li a span i{
		font-size: 1.4rem;
	}
	.bn ul li a .no{
		display: block;
	}
}

/*----------------------------s_special-----------------------------------*/

#s_special{
	border-top: 1px solid #e0e0e0;
}
#s_special .wrapper{
	max-width: 1600px;
	margin: 0 auto;
}
#s_special ul{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
#s_special ul li{
	display: block;
	width: 33.3%;
	padding: 0 20px 30px;
	box-sizing: border-box;
}
#s_special ul li a{
	display: block;
	background: #000;
}
#s_special ul li a img{
	display: block;
	transition: 0.2s ease-in-out;
}
#s_special ul li a:hover img{
	opacity: 0.8;
}
@media screen and (max-width: 1300px){
	#s_special ul li{
		padding: 0 10px 20px;
	}
}
@media screen and (max-width: 800px){
	#s_special ul li{
		width: 50%;
		padding: 0 10px 20px;
	}
}
@media screen and (max-width: 550px){
	#s_special ul li{
		padding: 0 5px 10px;
	}
}

/*----------------------------s_drive-----------------------------------*/

#s_drive{
	max-width: 1300px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 auto;
	overflow: hidden;
}
#s_drive>*{
	width: calc(100% - 424px);
	float: left;
}
#s_drive>div{
	width: 424px;
	float: right;
	padding-top: 30px;
}
#s_drive .heading2{
	text-align: left;
}
#s_drive p:not(.cap){
	font-size: 2rem;
	color: #023692;
	margin-bottom: 20px;
}
@media screen and (max-width: 1050px){
	#s_drive .cap{
		width: 100%;
		clear: both;
	}
}
@media screen and (max-width: 900px){
	#s_drive>*{
		width: auto !important;
		float: none !important;
	}
	#s_drive>.heading2{
		margin-bottom: 0;
		text-align: center;
	}
	#s_drive>.heading2 i{
		display: inline-block;
	}
	#s_drive>div{
		text-align: center;
		padding: 20px 0;
	}
	#s_drive>div img{
		max-width: 80%;
	}
}
@media screen and (max-width: 610px){
	#s_drive>.heading2{
		text-align: left;
	}
	#s_drive>.heading2 i{
		display: inline;
	}
	#s_drive>div img{
		max-width: 100%;
	}
}

/*----------------------------s_list-----------------------------------*/

#s_list{
}

.control{
	background: url(../images/cmn/mvbg.jpg);
	padding: 25px 10px;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}
.control .wrapper{
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.control .heading5{
	margin-bottom: 0;
	color: #333;
}
.control .wrapper>div{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.control .wrapper>div>div{
	position: relative;
	padding-left: 20px;
}
.control .wrapper>div>div:before{
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 4px);
	right: 13px;
	pointer-events: none;
}
.control .wrapper select{
	padding-right: 30px;
}
.control .wrapper>div span{
	display: block;
	padding: 10px 10px 10px 20px;
	border-left: 1px solid rgba(0,0,0,0.1);
	box-shadow: -1px 0 0 0 rgba(255,255,255,0.8);
}
#s_list .layout1 article .article_img img{width:70%;}


@media screen and (max-width: 400px){
	.control .wrapper{
		flex-direction: column;
	}
	.control .heading5{
		border-left: none;
		padding: 0 0 10px;
	}
	.control .wrapper>div>div{
		padding: 0;
	}
}

#s_list>.wrapper{
	max-width: 1300px;
	padding: 0 10px 60px;
	margin: 0 auto;
}
#s_list .layout1 article{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 0 40px;
	border-bottom: 1px solid #e0e0e0;
	flex-wrap: wrap;
}
#s_list .layout1 article:first-of-type{
	margin-top: 40px;
}
#s_list .layout1 article h2.cn3{
	width:100%;
	background: #f1f1f1;
	margin-bottom:30px;
}
#s_list .layout2 article h2.cn3{
	font-size: 18px;
	line-height: 1.6;
	margin-bottom:15px;
	word-break: break-all;
}
#s_list .layout1 article h2.cn3 span{
	padding:5px 10px;
	font-size: 18px;
	line-height: 1.6;
	word-break: break-all;
}
#s_list .layout1 article:nth-last-of-type(1){
	border-bottom: 0;
	padding-bottom: 0;
}
#s_list .layout1 article>div:nth-of-type(1){
	width: 27%;
	display: flex;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
}
#s_list .layout1 article>div:nth-of-type(1)>*{
	display: block;
	width: 100%;
	text-align: center;
	order: 3;
	transition: 0.5s ease-out;
}
#s_list .layout1 article .article_heading{
	order: 2 !important;
	margin-bottom: 10px;
}
#s_list .layout1 article .article_heading img{
	margin: 0 auto;
	max-width: 130px;
	width: auto;
	height: auto;
	display: block;
	max-height: 30px;
}
#s_list .layout1 article .article_img{
	order: 1 !important;
	margin-bottom: 7px;
}
#s_list .layout1 article .info{
	font-size: 1.4rem;
	line-height: 1.5;
}
#s_list .layout1 article>div:nth-of-type(1) .btn2{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: 0.3s ease-in-out;
	z-index: 2;
}
#s_list .layout1 article>div:nth-of-type(1):hover .btn2{
	transition: 0.3s ease-in 0.2s;
	opacity: 1;
}
#s_list .layout1 article>div:nth-of-type(1):hover .article_heading,
#s_list .layout1 article>div:nth-of-type(1):hover .article_img,
#s_list .layout1 article>div:nth-of-type(1):hover .info{
	filter: blur(3px);
	opacity: 0.5;
}
#s_list .layout1 article>div:nth-of-type(2){
	width: 67%;
}
#s_list .layout1 article>div:nth-of-type(1)> h4.cn1{
	display:none;
}
#s_list .cn2{
	width:100%;
	display:block;
	font-size:18px;
	margin-bottom:30px;
	padding-left:10px;
	border-left:2px solid #023692;
}
#s_list article ul{
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e0e0e0;
}
#s_list article ul li{
	display: inline-block;
	margin-right: 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
#s_list article ul li:nth-of-type(1){
}
#s_list article ul li a{
	display: block;
	border: 1px solid #e0e0e0;
	padding: 5px 20px;
	text-align: center;
	background: #f5f5f5;
	border-radius: 5px;
	transition: 0.2s ease-in-out;
}
#s_list article ul li a:hover{
	background: #023692;
	color: #fff;
	border-color: #023692;
}
#s_list .slidetggle{
	display: none;
}
#s_list .layout1 article>div:nth-of-type(2) .btn2{
	text-align: right;
}
#s_list .layout1 article>div:nth-of-type(2) .btn2 a{
	text-align: center;
	margin: 0;
}

#s_list .layout2{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	padding-top: 40px;
}
#s_list .layout2 article{
	padding: 30px 20px;
	width: 33.3%;
	box-sizing: border-box;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
#s_list .layout2 article:nth-of-type(3n),
#s_list .layout2 article:nth-of-type(-n+3):nth-last-of-type(1){
	border-right: none;
}
#s_list .layout2 article:nth-last-of-type(1):nth-of-type(3n),
#s_list .layout2 article:nth-last-of-type(1):nth-of-type(3n-1),
#s_list .layout2 article:nth-last-of-type(1):nth-of-type(3n-2),
#s_list .layout2 article:nth-last-of-type(2):nth-of-type(3n-1),
#s_list .layout2 article:nth-last-of-type(2):nth-of-type(3n-2),
#s_list .layout2 article:nth-last-of-type(3):nth-of-type(3n-2){
	border-bottom: none;
}
#s_list .layout2 article>div{
	position: relative;
}
#s_list .layout2 article>div:nth-of-type(1){
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: center;
}
#s_list .layout2 article>div:nth-of-type(1)>*{
	width: 100%;
}
#s_list .layout2 article .article_heading{
	order: 2;
	margin-bottom: 10px;
	min-height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#s_list .layout2 article .article_heading img{
	margin: 0 auto;
	max-width: 130px;
	width: auto;
	height: auto;
	display: block;
	max-height: 30px;
}
#s_list .layout2 article .article_img{
	order: 1;
	margin-bottom: 7px;
}
#s_list .layout2 article .article_img img{
	width: 80%;
	display: block;
	margin: 0 auto;
}
#s_list .layout2 article .info{
	order: 3;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-bottom: 15px;
}
#s_list .layout2 article>div:nth-of-type(1) .btn2{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: 0.3s ease-in-out;
	z-index: 2;
}
#s_list .layout2 .slidecontent{
	display: none;
	background: #f0f0f0;
	padding: 15px 10px;
}
#s_list .layout2 .slidetggle{
	display: block;
	text-align: center;
	background: #f0f0f0;
	padding: 9px 10px 10px;
	cursor: pointer;
	transition: 0.2s ease-in-out;
	border-top: 1px solid #f0f0f0;
	font-size: 1.45rem;
}
#s_list .layout2 .slidetggle.open{
	border-top-color: #e0e0e0;
}
#s_list .layout2 .slidetggle:hover{
	background: #ddd;
}
#s_list .layout2 .slidetggle:before{
	content: "+";
	color: #fff;
	background: #999;
	border-radius: 100%;
	display: inline-block;
	line-height: 1;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	transform: translateY(-1px);
}
#s_list .layout2 .slidetggle span:nth-of-type(2){
	display: none;
}
#s_list .layout2 .slidetggle.open span:nth-of-type(1){
	display: none;
}
#s_list .layout2 .slidetggle.open span:nth-of-type(2){
	display: inline;
}
#s_list .layout2 .slidetggle.open:before{
	content: "-";
}
#s_list .layout2 article ul{
	margin-bottom: 0;
	padding-bottom: 5px;
	border: none;
}
#s_list .layout2 article ul li{
	margin-bottom: 5px;
}
#s_list .layout2 article>div:nth-of-type(1) .btn2{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 12.5vw;
	opacity: 0;
	background: #fff;
	transition: 0.2s ease-out;
}
#s_list .layout2 article>div:nth-of-type(1) .btn2:hover{
	opacity: 0.3;
}
#s_list .layout2 article>div:nth-of-type(1) .btn2 a{
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	box-sizing: border-box;
}

@media screen and (max-width: 950px){
	#s_list .layout1 article>div:nth-of-type(1){
		width: 250px;
	}
	#s_list .layout1 article>div:nth-of-type(2){
		width: calc(100% - 280px);
	}
	#s_list .layout2 article .article_img img{
		width: 100%;
	}
}
@media screen and (max-width: 750px){
	#s_list>.wrapper{
		padding-bottom: 40px;
	}
}
@media screen and (min-width: 651px){
	#s_list .layout1 .slidecontent{
		display: block !important;
	}
}
@media screen and (max-width: 650px){
	.control .wrapper>div>p{
		display: none;
	}
	#s_list .wrapper.layout{
		padding-top: 0;
		display: block !important;
	}
	#s_list article{
		display: block !important;
		padding: 0px 0 30px!important;
		border-bottom: 1px solid #e0e0e0;
		width: 100% !important;
		border-right: none !important;
	}
	#s_list article>div{
		width: 100% !important;
		display: block !important;
	}
	#s_list article>div:nth-of-type(1){
		overflow: hidden;
	}
	#s_list article>div:nth-of-type(1)>*{
		width: calc(100% - 250px) !important;
		float: left;
		text-align: left !important;
	}
	#s_list article>div:nth-of-type(1) .article_img{
		width: 210px !important;
		float: right !important;
	}
	#s_list article .article_heading{
		padding-top: 20px;
		display: block !important;
		min-height: 0 !important;
	}
	#s_list article .article_heading img{
		max-width: 120px !important;
		width: auto !important;
		margin: 0 !important;
	}
	#s_list article .info{
		margin-bottom: 10px !important;
	}
	#s_list article>div:nth-of-type(1) .btn2{
		position: static !important;
		transition: 0.2s ease-in-out !important;
		opacity: 1 !important;
		justify-content: flex-start !important;
		margin-bottom: 20px;
		height: auto !important;
		opacity: 1 !important;
	}
	#s_list article>div:nth-of-type(1) .btn2 a{
		padding: 5px 10px;
		min-width: 150px !important;
		box-sizing: border-box;
		margin: 0;
		opacity: 1 !important;
		width: auto !important;
		text-align: center !important;
	}
	#s_list article>div:nth-of-type(1):hover .article_heading,
	#s_list article>div:nth-of-type(1):hover .article_img,
	#s_list article>div:nth-of-type(1):hover .info{
		filter: blur(0) !important;
		opacity: 1 !important;
	}
	#s_list .slidecontent{
		display: none;
		background: #f0f0f0;
		padding: 15px 10px;
	}
	#s_list .slidetggle{
		display: block !important;
		text-align: center;
		background: #f0f0f0;
		padding: 9px 10px 10px;
		cursor: pointer;
		transition: 0.2s ease-in-out;
		border-top: 1px solid #f0f0f0;
		font-size: 1.45rem;
	}
	#s_list .slidetggle.open{
		border-top-color: #e0e0e0;
	}
	#s_list .slidetggle:hover{
		background: #ddd;
	}
	#s_list .slidetggle:before{
		content: "+";
		color: #fff;
		background: #999;
		border-radius: 100%;
		display: inline-block;
		line-height: 1;
		width: 15px;
		height: 15px;
		margin-right: 5px;
		transform: translateY(-1px);
	}
	#s_list .slidetggle span:nth-of-type(2){
		display: none;
	}
	#s_list .slidetggle.open span:nth-of-type(1){
		display: none;
	}
	#s_list .slidetggle.open span:nth-of-type(2){
		display: inline;
	}
	#s_list .slidetggle.open:before{
		content: "-";
	}
	#s_list article ul{
		margin-bottom: 0 !important;
		padding-bottom: 5px !important;
		border: none !important;
	}
	#s_list article ul li{
		margin-bottom: 5px !important;
	}
	#s_list article>div:nth-of-type(2) .btn2{
		text-align: center !important;
	}
	#s_list article ul li a{
		font-size: 1.45rem;
	}
}
@media screen and (max-width: 500px){
	#s_list .layout1 article .article_img img{width:100%;}
	#s_list article>div:nth-of-type(1){
		display: flex !important;
		flex-direction: column;
		align-items: center !important;
	}
	#s_list article>div:nth-of-type(1)>*{
		width: auto !important;
		float: none;
		text-align: left !important;
		width: 100% !important;
	}
	#s_list article>div:nth-of-type(1) .article_img{
		width: 70% !important;
		margin: 0 auto 10px !important;
		float: none !important;
	}
	#s_list article .article_heading{
		padding-top: 0;
	}
	#s_list article .article_heading img{
		max-width: 120px !important;
		width: auto !important;
		margin: 0 auto !important;
	}
	#s_list article>div:nth-of-type(1) .btn2{
		position: absolute !important;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 36vw !important;
		opacity: 0 !important;
		background: #fff;
		transition: 0.2s ease-out;
		margin-bottom: 0;
	}
	#s_list article>div:nth-of-type(1) .btn2:hover{
		opacity: 0.3 !important;
	}
	#s_list article>div:nth-of-type(1) .btn2 a{
		display: block;
		width: 100% !important;
		height: 100% !important;
		opacity: 0 !important;
		box-sizing: border-box;
	}
#s_list .layout2 article h2.cn3{
	font-size: 14px;
	margin-bottom:15px;
}
#s_list .layout1 article h2.cn3{margin-bottom:15px;}
#s_list .layout1 article h2.cn3 span{
	padding:5px 10px;
	font-size: 14px;
	
}
}

/*----------------------------s_data-----------------------------------*/

#s_data{
	background: url(../images/cmn/mvbg.jpg);
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e0e0e0;
	padding: 50px 10px 40px;
}
#s_data .wrapper{
	max-width: 1500px;
	margin: 0 auto;
}
#s_data .inner{
	display: flex;
	align-items: stretch;
	justify-content: center;
	border-right: 1px solid #fff;
	border-left: 1px solid rgba(0,0,0,0.2);
	margin-bottom: 10px;
}
#s_data dl{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: stretch;
	justify-content: center;
	box-sizing: border-box;
	border-left: 1px solid #fff;
	border-right: 1px solid rgba(0,0,0,0.2);
}
#s_data dl:nth-of-type(1),
#s_data dl:nth-of-type(3),
#s_data dl:nth-of-type(4),
#s_data dl:nth-of-type(5){
	flex-grow: 1;
}
#s_data dl>*{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 10px;
	font-weight: 700;
	box-sizing: border-box;
	line-height: 1.5;
}
#s_data dt{
	height: 40%;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
#s_data dd{
	height: 60%;
	border-top: 1px solid #fff;
}
#s_data dl .cap,
#s_data dl .sup{
	font-size: 1.2rem;
}
#s_data dl strong{
	font-size: 2.6rem;
}
#s_data dl>* p{
	width: 100%;
}
@media screen and (max-width: 900px){
	#s_data .inner{
		flex-wrap: wrap;
	}
	#s_data dl{
		flex-grow: 0 !important;
	}
	#s_data dl:nth-of-type(1),
	#s_data dl:nth-of-type(3),
	#s_data dl:nth-of-type(4),
	#s_data dl:nth-of-type(5){
		width: 33.3%;
	}
	#s_data dl:nth-of-type(2){
		width: 66.6%;
	}
	#s_data dl:nth-of-type(1),
	#s_data dl:nth-of-type(2){
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 750px){
	#s_data{
		padding: 20px 10px;
	}
}
@media screen and (max-width: 600px){
	#s_data .inner{
		border: none;
		border-top: 1px solid rgba(0,0,0,0.2);
		border-bottom: 1px solid #fff;
	}
	#s_data dl{
		width: 100% !important;
		flex-wrap: no-wrap;
		flex-grow: 0 !important;
		flex-direction: row;
		border: none !important;
		border-bottom: 1px solid rgba(0,0,0,0.2) !important;
		border-top: 1px solid #fff !important;
		margin-bottom: 0 !important;
	}
	#s_data dl>*{
		border: none;
		height: auto;
		padding: 5px;
	}
	#s_data dt{
		width: 42%;
		text-align: right !important;
	}
	#s_data dd{
		width: 58%;
		text-align: left !important;
	}
}
@media screen and (max-width: 450px){
	#s_data dl{
		display: block;
	}
	#s_data dl>*{
		width: auto !important;
		text-align: center !important;
	}
	#s_data dt{
		padding-bottom: 0;
	}
	#s_data dd{
		padding-top: 3px;
	}
}

/*----------------------------s_bn-----------------------------------*/

#s_bn{
	padding: 40px 10px;
	border-bottom: 1px solid #e0e0e0;
}
#s_bn.bn2 ul{
	max-width: 1500px;
	display: flex;
	margin: 0 auto;
	align-items: stretch;
	justify-content: center;
}
#s_bn.bn2 ul li{
	display: block;
	width: calc(33.3% - 1px);
	margin-right: 1px;
}
#s_bn.bn2 ul li a{
	display: block;
	transition: 0.2s ease-in-out;
}
#s_bn.bn2 ul li a div{
	width: 100%;
	height: 0;
	padding-bottom: 33%;
	position: relative;
}
#s_bn.bn2 ul li a div img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
	position: absolute;
	top: 0;
	left: 0;
}
#s_bn.bn2 ul li a:hover{
	opacity: 0.8;
}
#s_bn.bn2 ul li a p{
	padding: 8px 5px 0;
	line-height: 1.5;
}
@media screen and (max-width: 900px){
	#s_bn.bn2 ul{
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	#s_bn.bn2 ul li{
		width: calc(50% - 1px);
		margin-bottom: 15px;
	}
	#s_bn.bn2 ul li:nth-last-of-type(-n+2){
		margin-bottom: 0;
	}
}
@media screen and (max-width: 500px){
	#s_bn.bn2 ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	#s_bn.bn2 ul li:nth-last-of-type(-n+2){
		margin-bottom: 10px;
	}
	#s_bn.bn2 ul li:nth-last-of-type(1){
		margin-bottom: 0;
	}
}

/*----------------------------s_feature-----------------------------------*/

#s_feature{
	padding-left: 0;
	padding-right: 0;
}
#s_feature .wrapper .heading8{
	position: absolute;
	top: 20px;
	left: 2.5%;
	width: 97.5%;
	text-align: left;
	margin-bottom: 30px;
}
#s_feature .wrapper .heading8:before{
	left: 0;
}
#s_feature .wrapper{
	margin: 0 auto 10px;
	max-width: 1960px;
	position: relative;
	display: flex;
	flex-direction: row-reverse;
	align-items: stretch;
	justify-content: space-between;
}
#s_feature .slider{
	position: relative;
	text-align: left;
}
#s_feature .slick-list{
	position: relative;
	display: block;
	overflow: hidden;
	height: 100%;
}
#s_feature .slick-track{
	display: flex;
	justify-content: center;
	align-items: stretch;
	height: 100%;
}
#s_feature .slick-slide{
	cursor: pointer;
	transition: 0.2s ease-in-out;
	text-align: left;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
#s_feature .slick-slide img{
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	max-height: 500px;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
}
#s_feature .pointer{
	margin: 0 auto;
	position: absolute;
	bottom: -27px;
	left: 0;
	width: 100%;
	text-align: center;
}
#s_feature .pointer li{
	display: inline-block;
	padding: 3px;
}
#s_feature .pointer li button{
	display: block;
	text-indent: -10000px;
	outline:none;
	line-height:1px;
	font-size:1px;
	background-color: rgba(125,125,125,0.3);
	width: 7px;
	height: 7px;
	border-radius: 100%;
	border: none;
	cursor: pointer;
}
#s_feature .pointer .slick-active button{
	background-color: #ffba00;
}
#s_feature .slider1{
	width: 50%;
}
#s_feature .slider1 .slick-list{
	width: 90%;
	margin: 0 auto;
}
#s_feature .slider1 .slick-slide p:nth-of-type(1){
	padding-top: 140px;
	margin-bottom: 15px;
}
#s_feature .slider1 .slick-slide p:nth-of-type(2){
	margin-bottom: 10px;
}
#s_feature .slider1 .slick-slide p:nth-last-of-type(1){
	margin-bottom: 0;
}
#s_feature .slider1 .slick-slide strong{
	font-size: 2.2rem;
	color: #023692;
	line-height: 1.5;
}
#s_feature .slider2{
	width: 50%;
}
@media screen and (max-width: 1100px){
	#s_feature .wrapper .heading8{
		top: 0;
		left: 10px;
	}
	#s_feature .slider1 .slick-list{
		width: calc(100% - 30px);
		margin-left: 10px;
	}
	#s_feature .slider1 .slick-slide p:nth-of-type(1){
		padding-top: 110px;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 900px){
	#s_feature .wrapper{
		display: block;
	}
	#s_feature .wrapper .heading8{
		position: relative;
		text-align: center;
		margin-bottom: 25px;
		padding-bottom: 20px;
		width: auto;
		left: 0;
	}
	#s_feature .wrapper .heading8:before{
		left: calc(50% - 30px);
	}
	#s_feature .slider{
		width: 100%;
	}
	#s_feature .slider1 .slick-list{
		width: auto;
		margin: 0 auto;
	}
	#s_feature .slider1 .slick-slide{
		padding: 40px 10px 0;
	}
	#s_feature .slider1 .slick-slide p:nth-of-type(1){
		padding-top: 0;
	}
	#s_feature .slick-slide2 img{
		max-height: none;
	}
}



/*----------------------------s_feature2-----------------------------------*/

#s_feature2{
	padding-left: 0;
	padding-right: 0;
}
#s_feature2 .wrapper{
	margin: 0 auto;
	position: relative;
}
#s_feature2 .heading8{
	margin-bottom: 45px;
}
#s_feature2 .p1{
	font-size: 2.6rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 15px;
}
#s_feature2 .p2{
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 25px;
}
#s_feature2 .inner{
	margin: 0 auto 10px;
	width:100%;
	max-width: 1800px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#s_feature2 .inner > div{
	width:48%;
	margin-bottom: 15px;
}
#s_feature2 .inner > div p{
	display:block;
	padding:10px 0;
	text-align: center;
	font-weight: 1.6rem;
}

@media screen and (max-width: 860px){
	#s_feature2 .inner > div{
		width:100%;
		margin-bottom: 15px;
	}
	#s_feature2 .p1{
		font-size: 2.2rem;
		text-align: left;
	}
	#s_feature2 .p2{
		text-align: left;
	}
}

/*----------------------------s_color-----------------------------------*/

#s_color{
	padding-left: 0;
	padding-right: 0;
	border-top: 1px solid #e0e0e0;
}
#s_color .wrapper{
	margin: 0 auto;
	position: relative;
}
#s_color .heading8{
	margin-bottom: 25px;
}
#s_color .slider{
	position: relative;
	text-align: left;
}
#s_color .slick-list{
	position: relative;
	display: block;
	overflow: hidden;
	height: 100%;
}
#s_color .slick-track{
	display: flex;
	justify-content: center;
	align-items: stretch;
	height: 100%;
}
#s_color .slick-slide{
	cursor: pointer;
	box-sizing: border-box;
	line-height: 1.4;
	position: relative;
}
#s_color .slick-slide img{
	display: block;
	margin: 0 auto;
}
#s_color .slick-slide p{
	text-align: center;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0 10px;
	text-shadow: 0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff;
}
#s_color .slider1{
	margin-bottom: 30px;
}
#s_color .slider2{
	max-width: 1300px;
	margin: 0 auto;
}
#s_color .slider2 .slick-track{
	display: block;
	width: 100% !important;
	transform: translate3d(0px, 0px, 0px) !important;
	text-align: center;
}
#s_color .slider2 .slick-slide{
	display: inline-block;
	border-radius: 100%;
	overflow: hidden;
	margin: 0 5px;
	width: 40px !important;
	height: 40px !important;
	transition: 0.2s ease-in-out;
	border: 2px solid transparent;
}
#s_color .slider2 .slick-slide.slick-current{
	border-color: #feba01;
}
#s_color .slider2 .slick-slide:hover{
	opacity: 0.8;
}
@media screen and (max-width: 900px){
	#s_color .slider1 .slick-slide img{
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	#s_color .slider1{
		margin-bottom: 10px;
	}
}

/*----------------------------s_movies-----------------------------------*/

#s_movies{
	border-top: 1px solid #e0e0e0;
}
#s_movies.s_movies_ver2{
	border-bottom: 1px solid #e0e0e0;
}
#s_movies.s_movies_ver2 .wrapper{
	max-width: 1500px;
}
#s_movies .wrapper{
	max-width: 1300px;
	margin: 0 auto;
}
#s_movies .inner{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
#s_movies .inner .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#s_movies .inner .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#s_movies .inner .cap{
	padding: 15px 0 30px;
	font-size: 1.4rem;
}
#s_movies .inner .ul_yt2{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	justify-content: space-between;
}
#s_movies .inner .ul_yt2 li{
	width:48%;
}
#s_movies .inner .ul_yt2 h3{
	font-size: 1.8rem;
	letter-spacing: 0.1rem;
	color: #023692;
	font-weight: 700;
	line-height: 1.3;
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#s_movies .inner .cyss{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	flex-wrap: wrap;
}
#s_movies .inner .cyss li{
	width:32%;
	margin: 0 2% 30px 0;
}
#s_movies .inner .cyss li:nth-of-type(3n+3){
	margin-right: 0%;
}
#s_movies .inner .cyss li:last-of-type{
	margin-right: 0%;
}
#s_movies .inner .cyss li p{
	padding:10px 0;
}
#s_movies .nc-data-btn{
	padding-top: 10px;
}
#s_movies .inner .cyss2{
	position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
	grid-row-gap: 50px;
}

#s_movies .inner .cyss2 li a{
  display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  flex-direction: column;
  height:100%;
}
#s_movies .inner .cyss2 li .img {
  width: 100%;
  height: auto;
  aspect-ratio: 409 / 228;
  display: block;
	margin-bottom: 20px;
}
#s_movies .inner .cyss2 li .img .thumb {
  overflow: hidden;
  backface-visibility: hidden;
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
}
#s_movies .inner .cyss2 li .img .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1);
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
#s_movies .inner .cyss2 li a:hover .img .thumb img{
  transform: scale(1.1);
}
#s_movies .inner .cyss2 li h3{
  font-size: 18px;
	font-weight: normal;
}
@media screen and (max-width: 1080px){
	#s_movies .inner .cyss2{
	  grid-column-gap: 20px;
	}
}
@media screen and (max-width: 860px){
	#s_movies .inner .ul_yt2{
		flex-wrap: wrap;
	}
	#s_movies .inner .ul_yt2 li{
		width:100%;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 680px){
	#s_movies .inner .cyss li{
		width:100%;
		margin: 0 0% 30px 0;
	}
	#s_movies .inner .cyss2{
		width:100%;
		grid-template-columns: 1fr;
	  grid-column-gap: 0px;
		grid-row-gap: 40px;
	}
	#s_movies .inner .cyss2 li{
		width:100%;
	}
}
@media screen and (max-width: 480px){
	#s_movies .inner .cyss2 li h3{
	  font-size: 14px;
	}
}

/*----------------------------s_price-----------------------------------*/

#s_price{
	border-top: 1px solid #e0e0e0;
}
#s_price .wrapper{
	max-width: 1300px;
	margin: 0 auto;
}
#s_price .inner{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
#s_price .inner>div{
	width: 48%;
	margin-left: 4%;
	margin-bottom: 30px;
}
#s_price .inner>div:nth-of-type(2n-1){
	margin-left: 0;
}
#s_price .inner>div:nth-last-of-type(-n+2){
	margin-bottom: 0;
}
#s_price .inner .h{
	color: #fff;
	background: #023692;
	padding: 7px 15px;
	line-height: 1.5;
	font-size: 2rem;
}
#s_price .inner dl{
	display: table;
	table-layout: fixed;
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	line-height: 1.5;
}
#s_price .inner dl>*{
	display: table-cell;
	padding: 10px 15px;
	vertical-align: middle;
}
#s_price .inner dd{
	text-align: right;
	position: relative;
	width: 30%;
}
#s_price .inner dd:before{
	content: "";
	display: block;
	width: 1px;
	height: 10px;
	background: #e0e0e0;
	position: absolute;
	bottom: 0;
	left: 0;
}
#s_price .inner dl:nth-of-type(1){
	background: #f0f0f0;
}
#s_price .inner dl:nth-of-type(1) *{
	text-align: center;
}
@media screen and (max-width: 650px){
	#s_price .inner{
		display: block;
	}
	#s_price .inner>div{
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px !important;
	}
	#s_price .inner>div:nth-last-of-type(1){
		margin-bottom: 0;
	}
	#s_price .inner .h{
		font-size: 1.7rem;
		padding: 7px 5px;
	}
	#s_price .inner dl>*{
		padding: 10px 5px;
		font-size: 1.45rem;
	}
}
@media screen and (max-width: 400px){
	#s_price .inner dd{
		width: 100px;
	}
}
/*----------------------------s_catalog-----------------------------------*/
#s_catalog{
	border-top: 1px solid #e0e0e0;
}
#s_catalog .wrapper{
	max-width: 1300px;
	margin: 0 auto;
}
#s_catalog .wrapper>p{text-align: center;margin-bottom:30px;}

#s_catalog .inner-cat{display: table;table-layout: fixed;width: 100%;}
#s_catalog .inner-cat .catlog-m,
#s_catalog .inner-cat .catlog-o{display: table-cell;vertical-align: top;}
#s_catalog .inner-cat .catlog-m{width:309px;}
#s_catalog .inner-cat .catlog-o{width:auto;padding-left: 60px;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

#s_catalog .inner-cat .catlog-o .othercatalogbtn{display: none;}
#s_catalog .inner-cat .catlog-o ul{width: 100%;display:block;overflow: hidden;}
#s_catalog .inner-cat .catlog-o ul li{width:23.5%;margin: 0 2% 20px 0;float: left;}
#s_catalog .inner-cat .catlog-o ul li:nth-of-type(4n+4){margin-right: 0%;}
#s_catalog .inner-cat .catlog-o ul li:nth-of-type(4n+1){clear: left;}


#s_catalog .inner-cat a img:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
#s_catalog .inner-cat .catlog-m .catalogtitle{text-align: center;font-size: 1.65rem;font-weight: 700;margin-bottom: 10px;}
#s_catalog .inner-cat .catlog-m .catalogtitle span{display: block;font-size: 1.35rem;font-weight: normal;color: #8c8e91;}
#s_catalog .inner-cat .catlog-o .catalogtitle{text-align: left;font-size: 1.35rem;font-weight: 700;margin-bottom: 10px;}
#s_catalog .inner-cat .catlog-o .catalogtitle span{text-align: center;display: block;font-size: 1.25rem;font-weight: normal;color: #8c8e91;}

#s_catalog .inner-cat.solo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}
#s_catalog .inner-cat.solo .catlog-m{
	width:100%;
	max-width:309px;
	margin:0 auto;
}
@media screen and (max-width: 1050px){
	#s_catalog .inner-cat .catlog-m{width:240px;}
}
@media screen and (max-width: 850px){
	#s_catalog .inner-cat .catlog-o{width:auto;padding-left: 80px;}
	#s_catalog .inner-cat .catlog-o ul li{width:49%;margin: 0 2% 20px 0;float: left;}
	#s_catalog .inner-cat .catlog-o ul li:nth-of-type(2n+2){margin-right: 0%;}
	#s_catalog .inner-cat .catlog-o ul li:nth-of-type(2n+1){clear: left;}
}
@media screen and (max-width: 750px){
	#s_catalog .inner-cat .catlog-m{width:220px;}
	#s_catalog .inner-cat .catlog-o{width:auto;padding-left: 60px;}
}
@media screen and (max-width: 650px){
	#s_catalog .inner-cat{display: block;}
	#s_catalog .inner-cat .catlog-m,
	#s_catalog .inner-cat .catlog-o{display: block;width: 100%;}
	#s_catalog .inner-cat .catlog-m{overflow: hidden;margin-bottom: 15px;}
	#s_catalog .inner-cat .catlog-m .catalogtitle{float: left;padding:80px 10px 0 15px;text-align: left;font-size: 1.65rem;}
	#s_catalog .inner-cat .catlog-m .img{float: right;width: 180px;}
	#s_catalog .inner-cat .catlog-o{padding-left: 0px;}
	#s_catalog .inner-cat .catlog-o ul{display:none;padding-top: 20px;}
	#s_catalog .inner-cat .catlog-o ul li{margin: 0 2% 10px 0;}
	#s_catalog .inner-cat .catlog-o .othercatalogbtn{
		display: block;
		background: #f0f0f0;
		padding: 10px;
		cursor: pointer;
	}
	.othercatalogbtn:before{
		content: "+";
		display: inline-block;
		background: #fff;
		border-radius: 100%;
		line-height: 16px;
		width: 16px;
		height: 16px;
		text-align: center;
		margin-right: 5px;
	}
	.othercatalogbtn:after{
		content: "その他のカタログを見る";
	}
	.othercatalogbtn.open:before{
		content: "-";
	}
	.othercatalogbtn.open:after{
		content: "閉じる";
	}
}
/*----------------------------s_safetycar-----------------------------------*/
#s_safetycar{
	border-top: 1px solid #e0e0e0;
}
#s_safetycar .wrapper .heading1{
	margin-bottom: 30px;
	padding-bottom: 20px;
	position:relative;
}
#s_safetycar .wrapper .heading1:before{
	content: "";
	display: block;
	width: 60px;
	height: 4px;
	background: #023692;
	position: absolute;
	bottom: 0;
	left: calc(50% - 30px);
}
#s_safetycar .wrapper{
	max-width: 1300px;
	margin: 0 auto;
}
#s_safetycar .inner{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
#s_safetycar .inner .p1{color: #023692;font-size:2.1rem;font-weight: 700;letter-spacing: -0.2rem;margin-bottom: 20px;}
#s_safetycar .inner .p2{border-bottom: 1px solid #dcdcdc;padding-bottom:20px;}
#s_safetycar .inner .safetyguide{display: table;table-layout: fixed;width: 100%;}
#s_safetycar .inner .safetyguide .safetyguide-l{display: table-cell;width:380px;vertical-align: top;background: #ededed;text-align: center;padding:10px 0;}
#s_safetycar .inner .safetyguide .safetyguide-r{display: table-cell;width:auto;vertical-align: top;padding-left: 20px;}
#s_safetycar .inner .safetyguide .safetyguide-l span{padding:0 10px;}
#s_safetycar .inner .safetyguide .safetyguide-l span img{width:90px;}
#s_safetycar .inner dl{border-bottom: 1px solid #dcdcdc;display: table;table-layout: fixed;width: 100%;}
#s_safetycar .inner dt,
#s_safetycar .inner dd
{display: table-cell;width:33.3333%;vertical-align: middle;padding:17px 13px;font-size:1.4rem;}
#s_safetycar .inner .btn2 {width: 100%;text-align: center;padding:25px 0 15px;}
#s_safetycar .inner .cap{font-size:1.2rem;}

@media screen and (max-width: 980px){
	#s_safetycar .inner .safetyguide .safetyguide-l{width:280px;}
}
@media screen and (max-width: 680px){
	#s_safetycar .inner .safetyguide{display: block;}
	#s_safetycar .inner .safetyguide .safetyguide-l{display: block;width: 100%;}
	#s_safetycar .inner .safetyguide .safetyguide-r{display: block;width: 100%;padding-left: 0px;padding-top: 20px;}
	#s_safetycar .inner dl{display: block;}
	#s_safetycar .inner dt,
	#s_safetycar .inner dd
	{display: block;width:100%;padding:6px 10px;font-size:1.4rem;}
	#s_safetycar .inner dt{color: #023692;}
}

/*----------------------------s_drivecarcarlist-----------------------------------*/

#s_drivecarcarlist{
	border-top: 1px solid #e0e0e0;
}
#s_drivecarcarlist .wrapper .heading1{
	margin-bottom: 30px;
	padding-bottom: 20px;
	position:relative;
}
#s_drivecarcarlist .wrapper .heading1:before{
	content: "";
	display: block;
	width: 60px;
	height: 4px;
	background: #023692;
	position: absolute;
	bottom: 0;
	left: calc(50% - 30px);
}
#s_drivecarcarlist .wrapper{
	max-width: 1300px;
	margin: 0 auto;
}
#s_drivecarcarlist h3{
	padding:5px 20px;
	border-left:3px solid #023692;
	font-size:20px;
	margin-bottom:30px;
}
#s_drivecarcarlist .inner{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	margin-bottom:70px;
}
#s_drivecarcarlist .inner>div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-wrap: -webkit-wrap;
	width:100%;
	margin-bottom: 20px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#s_drivecarcarlist .inner>div dl{
	width: 33.3333%;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	display: table;
	table-layout: fixed;
}
#s_drivecarcarlist .inner>div dl:nth-child(3n),
#s_drivecarcarlist .inner>div dl:last-child {
    border-right: none;
}
#s_drivecarcarlist .inner>div dl>*{
	display: table-cell;
	padding: 15px 15px;
	vertical-align: middle;
}
#s_drivecarcarlist .inner>div dl dt{font-weight: 700;}
#s_drivecarcarlist .inner>div dl dd a{
	text-align: justify;
    line-height: 1.45;
    color: #fff !important;
    background: #023692;
    display: block;
    align-items: center;
    justify-content: center;
		text-align: center;
    width: auto;
    font-weight: 700;
    padding: 7px 10px;
    transition: 0.2s ease-out;
    transition-property: background-color, color;
    font-size: 1.35rem;
}
#s_drivecarcarlist .inner>div dl dd a:hover{
	background: #002465;
}
@media screen and (max-width: 900px){
	#s_drivecarcarlist .inner>div dl{
		width: 50%;
	}
	#s_drivecarcarlist .inner>div dl:nth-child(3n){border-right: 1px solid #dcdcdc;}
	#s_drivecarcarlist .inner>div dl:nth-child(2n),
	#s_drivecarcarlist .inner>div dl:last-child {
	    border-right: none;
	}
}

/*----------------------------s_drivecarcardata-----------------------------------*/

#s_drivecarcardata,
#s_drivecarcardata2{
	border-bottom: 1px solid #e0e0e0;
}
#s_drivecarcardata .inner,
#s_drivecarcardata2 .inner{
	width:100%;
	max-width:1500px;
	margin:0 auto;
}

#s_drivecarcardata .shopcar-had,
#s_drivecarcardata2 .shopcar-had{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	align-items: center;
	justify-content: space-between;
}
#s_drivecarcardata .shopcar-had .hdsc1,
#s_drivecarcardata .shopcar-had .hdsc2,
#s_drivecarcardata .shopcar-had .hdsc3,
#s_drivecarcardata .shopcar-had .hdsc4{
	font-size: 1.4rem;
	color:#023692;
	padding:10px 10px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#s_drivecarcardata .shopcar-had .hdsc1,
#s_drivecarcardata2 .shopcar-had .hdsc1{
	width:18%;
	max-width:150px;
	text-align: center;
}
#s_drivecarcardata .shopcar-had .hdsc2,
#s_drivecarcardata2 .shopcar-had .hdsc2{
	width:26%;
	max-width:400px;
	text-align: center;
}
#s_drivecarcardata .shopcar-had .hdsc3,
#s_drivecarcardata2 .shopcar-had .hdsc3{
	width:26%;
	max-width:400px;
}
#s_drivecarcardata .shopcar-had .hdsc4,
#s_drivecarcardata2 .shopcar-had .hdsc4{
	width:30%;
	max-width:550px;
}
#s_drivecarcardata .shopcar{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e0e0e0;
}
#s_drivecarcardata .shopcar:first-of-type{
	border-top: 1px solid #e0e0e0;
}
#s_drivecarcardata .shopcar .dsc1,
#s_drivecarcardata .shopcar .dsc2,
#s_drivecarcardata .shopcar .dsc3,
#s_drivecarcardata .shopcar .dsc4,
#s_drivecarcardata .shopcar .dsc5,
#s_drivecarcardata .shopcar .dsc6{
	position: relative;
	padding:15px 10px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#s_drivecarcardata .shopcar .dsc1{
	order: 1;
	width:18%;
	max-width:150px;
	text-align: center;
}
#s_drivecarcardata .shopcar .dsc1 a{
	font-size: 1.8rem;
	font-weight: bold;
	color:#023692;
	border-bottom: 1px solid #023692;
}
#s_drivecarcardata .shopcar .dsc1 a:hover{
	border-bottom: none;
}
#s_drivecarcardata .shopcar .dsc2{
	order: 2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:26%;
	max-width:400px;
	align-items: center;
}
#s_drivecarcardata .shopcar .dsc3{
	order: 3;
	width:26%;
	max-width:400px;
	font-size: 1.5rem;
	font-weight: bold;
}
#s_drivecarcardata .shopcar .dsc4{
	order: 4;
	width:30%;
	max-width:550px;
	font-size: 1.4rem;
	font-weight: bold;
}
#s_drivecarcardata .shopcar .dsc5{
	order: 5;
	width:80%;
	padding-top: 25px;
	font-size: 1.4rem;
	font-weight: bold;
}
#s_drivecarcardata .shopcar .dsc6{
	order: 6;
	width:20%;
}

#s_drivecarcardata .shopcar .dsc2 dt{
	width:40%;
}
#s_drivecarcardata .shopcar .dsc2 dd{
	width:60%;
	padding-left: 20px;
	font-weight: bold;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#s_drivecarcardata .shopcar .dsc5::before{
	content:"その他主なメーカーオプション";
	position: absolute;
	top:0;
	left:15px;
	font-size: 1.4rem;
	color:#023692;
	font-weight: normal;
}
#s_drivecarcardata .shopcar .dsc6 a{
	text-align: justify;
    line-height: 1.45;
    color: #fff !important;
    background: #023692;
    display: block;
    align-items: center;
    justify-content: center;
		text-align: center;
    width: auto;
		max-width:300px;
    font-weight: 700;
    padding: 9px 10px;
    transition: 0.2s ease-out;
    transition-property: background-color, color;
    font-size: 1.6rem;
}
#s_drivecarcardata .shopcar .dsc6 a:hover{
	background: #002465;
}


#s_drivecarcardata2 .shopcar{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e0e0e0;
}
#s_drivecarcardata2 .shopcar:first-of-type{
	border-top: 1px solid #e0e0e0;
}
#s_drivecarcardata2 .shopcar .dsc1,
#s_drivecarcardata2 .shopcar .dsc2,
#s_drivecarcardata2 .shopcar .dsc3,
#s_drivecarcardata2 .shopcar .dsc4,
#s_drivecarcardata2 .shopcar .dsc5,
#s_drivecarcardata2 .shopcar .dsc7,
#s_drivecarcardata2 .shopcar .dsc6{
	position: relative;
	padding:15px 10px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#s_drivecarcardata2 .shopcar .dsc1{
	order: 1;
	width:18%;
	max-width:150px;
	text-align: center;
}
#s_drivecarcardata2 .shopcar .dsc1 a{
	font-size: 1.8rem;
	font-weight: bold;
	color:#023692;
	border-bottom: 1px solid #023692;
}
#s_drivecarcardata2 .shopcar .dsc1 a:hover{
	border-bottom: none;
}
#s_drivecarcardata2 .shopcar .dsc2{
	order: 2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:26%;
	max-width:400px;
	align-items: center;
}
#s_drivecarcardata2 .shopcar .dsc3{
	order: 3;
	width:26%;
	max-width:400px;
	font-size: 1.5rem;
	font-weight: bold;
}
#s_drivecarcardata2 .shopcar .dsc4{
	order: 4;
	width:30%;
	max-width:550px;
	font-size: 1.4rem;
	font-weight: bold;
}
#s_drivecarcardata2 .shopcar .dsc5{
	order: 5;
	width:40%;
	padding-top: 25px;
	font-size: 1.4rem;
	font-weight: bold;
}
#s_drivecarcardata2 .shopcar .dsc7{
	order: 6;
	width:40%;
	padding-top: 25px;
	font-size: 1.4rem;
	font-weight: bold;
}
#s_drivecarcardata2 .shopcar .dsc6{
	order: 7;
	width:20%;
}

#s_drivecarcardata2 .shopcar .dsc2 dt{
	width:40%;
}
#s_drivecarcardata2 .shopcar .dsc2 dd{
	width:60%;
	padding-left: 20px;
	font-weight: bold;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#s_drivecarcardata2 .shopcar .dsc5::before{
	content:"タイヤ";
	position: absolute;
	top:0;
	left:15px;
	font-size: 1.4rem;
	color:#023692;
	font-weight: normal;
}
#s_drivecarcardata2 .shopcar .dsc7::before{
	content:"オプション";
	position: absolute;
	top:0;
	left:15px;
	font-size: 1.4rem;
	color:#023692;
	font-weight: normal;
}
#s_drivecarcardata2 .shopcar .dsc6 a{
	text-align: justify;
    line-height: 1.45;
    color: #fff !important;
    background: #023692;
    display: block;
    align-items: center;
    justify-content: center;
		text-align: center;
    width: auto;
		max-width:300px;
    font-weight: 700;
    padding: 9px 10px;
    transition: 0.2s ease-out;
    transition-property: background-color, color;
    font-size: 1.6rem;
}
#s_drivecarcardata2 .shopcar .dsc6 a:hover{
	background: #002465;
}

@media screen and (max-width: 1200px){
	#s_drivecarcardata .shopcar-had .hdsc1,
	#s_drivecarcardata2 .shopcar-had .hdsc1{
		display:none;
	}
	#s_drivecarcardata .shopcar-had .hdsc2,
	#s_drivecarcardata2 .shopcar-had .hdsc2{
		width:30%;
		text-align: left;
	}
	#s_drivecarcardata .shopcar-had .hdsc3,
	#s_drivecarcardata2 .shopcar-had .hdsc3{
		width:30%;
	}
	#s_drivecarcardata .shopcar-had .hdsc4,
	#s_drivecarcardata2 .shopcar-had .hdsc4{
		width:40%;
	}
	#s_drivecarcardata .shopcar .dsc2,
	#s_drivecarcardata2 .shopcar .dsc2{
		order: 1;
		width:30%;
		max-width:400px;
	}
	#s_drivecarcardata .shopcar .dsc3,
	#s_drivecarcardata2 .shopcar .dsc3{
		order: 2;
		width:30%;
		max-width:400px;
	}
	#s_drivecarcardata .shopcar .dsc4,
	#s_drivecarcardata2 .shopcar .dsc4{
		order: 3;
		width:40%;
		max-width:550px;
	}
	#s_drivecarcardata .shopcar .dsc1,
	#s_drivecarcardata2 .shopcar .dsc1{
		order: 4;
		width:20%;
		font-size: 1.7rem;
		padding-top: 25px;
		text-align: left;
	}
	#s_drivecarcardata .shopcar .dsc1::before,
	#s_drivecarcardata2 .shopcar .dsc1::before{
		content:"配備店舗";
		position: absolute;
		top:0;
		left:10px;
		font-size: 1.4rem;
		color:#023692;
		font-weight: normal;
	}
	#s_drivecarcardata .shopcar .dsc5{
		order: 5;
		width:60%;
		padding-top: 25px;
	}
	#s_drivecarcardata .shopcar .dsc6{
		order: 6;
		width:20%;
	}
	#s_drivecarcardata2 .shopcar .dsc5{
		order: 5;
		width:50%;
		padding-top: 25px;
	}
	#s_drivecarcardata2 .shopcar .dsc7{
		order: 6;
		width:70%;
		padding-top: 25px;
	}
	#s_drivecarcardata2 .shopcar .dsc6{
		order: 7;
		width:30%;
	}
}

@media screen and (max-width: 860px){
	#s_drivecarcardata .shopcar-had .hdsc2,
	#s_drivecarcardata .shopcar-had .hdsc3,
	#s_drivecarcardata .shopcar-had .hdsc4,
	#s_drivecarcardata2 .shopcar-had .hdsc2,
	#s_drivecarcardata2 .shopcar-had .hdsc3,
	#s_drivecarcardata2 .shopcar-had .hdsc4{
		display:none;
	}
	#s_drivecarcardata .shopcar .dsc2,
	#s_drivecarcardata2 .shopcar .dsc2{
		order: 1;
		width:100%;
		max-width:100%;
		padding-top: 25px;
		margin-top: 20px;
	}
	#s_drivecarcardata2 .shopcar .dsc2 img{
		display:block;
		width:100%;
		max-width:230px;
	}
	#s_drivecarcardata .shopcar .dsc2::before,
	#s_drivecarcardata2 .shopcar .dsc2::before{
		content:"グレード / エンジンタイプ";
		position: absolute;
		top:0;
		left:10px;
		font-size: 1.4rem;
		color:#023692;
		font-weight: normal;
	}
	#s_drivecarcardata .shopcar .dsc2 dd,
	#s_drivecarcardata2 .shopcar .dsc2 dd{
		font-size: 18px;
	}

	#s_drivecarcardata .shopcar .dsc3,
	#s_drivecarcardata2 .shopcar .dsc3{
		order: 2;
		width:100%;
		max-width:100%;
		padding-top: 30px;
		font-size: 16px;
	}
	#s_drivecarcardata .shopcar .dsc3::before,
	#s_drivecarcardata2 .shopcar .dsc3::before{
		content:"カラー";
		position: absolute;
		top:0;
		left:10px;
		font-size: 1.4rem;
		color:#023692;
		font-weight: normal;
	}
	#s_drivecarcardata .shopcar .dsc3 p,
	#s_drivecarcardata2 .shopcar .dsc3 p{
		background: #f7f7f7;
		border-radius: 3px;
		padding:15px;
	}
	#s_drivecarcardata .shopcar .dsc4,
	#s_drivecarcardata2 .shopcar .dsc4{
		order: 3;
		width:100%;
		max-width:100%;
		padding-top: 30px;
		font-size: 16px;
	}
	#s_drivecarcardata2 .shopcar .dsc4::before{
		content:"ファブリック/内装色";
		position: absolute;
		top:0;
		left:10px;
		font-size: 1.4rem;
		color:#023692;
		font-weight: normal;
	}
	#s_drivecarcardata .shopcar .dsc4::before{
		content:"カスタム用品";
		position: absolute;
		top:0;
		left:10px;
		font-size: 1.4rem;
		color:#023692;
		font-weight: normal;
	}
	#s_drivecarcardata .shopcar .dsc4 p{
		background: #f7f7f7;
		border-radius: 3px;
		padding:15px;
	}
	#s_drivecarcardata .shopcar .dsc5{
		order: 4;
		width:100%;
		max-width:100%;
		padding-top: 30px;
		font-size: 16px;
	}
	#s_drivecarcardata .shopcar .dsc5 p{
		background: #f7f7f7;
		border-radius: 3px;
		padding:15px;
	}
	#s_drivecarcardata .shopcar .dsc1{
		order: 1;
		width:100%;
		max-width:100%;
		padding-top: 30px;
		padding-bottom: 0px;
		margin-top: 30px;
	}
	#s_drivecarcardata .shopcar .dsc1 a{
		font-size: 22px;
	}
	#s_drivecarcardata .shopcar .dsc6{
		order: 6;
		width:100%;
	}
	#s_drivecarcardata .shopcar .dsc6 a{
			max-width:100%;
	    padding: 16px 10px;
	    font-size: 1.6rem;
	}
}

@media screen and (max-width: 600px){
	#s_drivecarcardata .shopcar .dsc2 dd{
		font-size: 16px;
	}
	#s_drivecarcardata .shopcar .dsc3{
		font-size: 14px;
	}
	#s_drivecarcardata .shopcar .dsc3 p{
		padding:15px 10px;
	}
	#s_drivecarcardata .shopcar .dsc4{
		font-size: 14px;
	}
	#s_drivecarcardata .shopcar .dsc4 p{
		padding:15px 10px;
	}
	#s_drivecarcardata .shopcar .dsc5{
		font-size: 14px;
	}
	#s_drivecarcardata .shopcar .dsc5 p{
		padding:15px 10px;
	}
	#s_drivecarcardata .shopcar .dsc1 a{
		font-size: 18px;
	}
	#s_drivecarcardata2 .shopcar .dsc1 {
		order: 1;
    width: 100%;
		max-width: 100%;
		padding-bottom: 0px;
		margin-top: 30px;
		font-size: 18px;
	}
	#s_drivecarcardata2 .shopcar .dsc1 a{
		font-size: 18px;
	}
	#s_drivecarcardata2 .shopcar .dsc2 dd {
    font-size: 16px;
	}
	#s_drivecarcardata2 .shopcar .dsc5 {
    width: 100%;
	}
	#s_drivecarcardata2 .shopcar .dsc7 {
    width: 100%;
		padding-bottom: 0px;
	}
	#s_drivecarcardata2 .shopcar .dsc6 {
    width: 100%;
	}
	#s_drivecarcardata2 .shopcar .dsc6 a{
		max-width: 100%;
		padding: 16px 10px;
    font-size: 1.6rem;
	}
}
/*-----------新車車種詳細ボタン-----------------*/
a.bluebtn div{display: block;text-align:center;justify-content: center;align-items: center;border-radius: 3px;box-shadow: 0 -3px 0 #021d4d inset;background: #023692;color: #fff;font-weight: bold;}
a.bluebtn svg {
    width: 50%;
    max-width: 50px;
    margin: 0 auto;
    margin-bottom: 5px;
    position: relative;
    fill: #fff;
   padding-top:6%;
}
a.bluebtn:hover div{box-shadow: 0 0px 0 #021d4d inset;}

a.bluebtn2 div{background: #01286c;overflow: hidden;}
a.bluebtn2 img {
    object-fit: cover;
    object-position: 50% 50%;
    font-family: 'object-fit: cover; object-position: 50% 50%;';
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    max-width: none;
    z-index: 1;
    filter: blur(3px);
    opacity: 0.5;
    transition: 0.8s ease-out;
    will-change: transform;
}
a.bluebtn2:hover img{
	transform: scale(1.07);
	filter: blur(0px);
	opacity: 1;
}
a.bluebtn2 div span {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    padding-top:9%;
    width: 100%;
}
a.bluebtn2 div span svg {
    fill: #fff;
    width: 42px;
    margin-bottom: 5px;
}
a.bluebtn2 div span i {
    display: block;
    font-weight: 700;
    font-size: 1.85rem;
    line-height: 1.5;
    color:#fff;
}

.nc-data-btn {
    display: block;
    text-align:center;
    width:100%;
    padding-top:50px;
    overflow:hidden;
}
.nc-data-btn .mkbtn {
    width: 49%;
    float:left;
}
.nc-data-btn .mkbtn:nth-child(1){margin-right:2%;}
.nc-data-btn .mkbtn.mkbtncenter,
.nc-data-btn .mkbtn.mkbtncenter:nth-child(1){float:none;margin: 0 auto;}
.nc-data-btn .mkbtn a {
    background: url(../images/cmn/bg.jpg);
    text-align: center;
    width: 100%;
    padding: 20px 10px;
    filter: hue-rotate(-20deg);
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.nc-data-btn .mkbtn p {
    padding-left: 90px;
    display: inline-block;
    text-align: left;
    position: relative;
}
.nc-data-btn .mkbtn svg {
    display: block;
    width: 70px;
    position: absolute;
    top: calc(50% - 30px);
    left: 10px;
}
.nc-data-btn .mkbtn span {
    line-height: 1.1;
    display: block;
    margin-bottom: 7px;
    font-size: 2.7rem;
}
.nc-data-btn .mkbtn i {
    display: block;
    font-size: 1.45rem;
    font-weight: 700;
}
.nc-data-btn .mkbtn a:hover{
	opacity: 0.8;
}

/*ssize*/
.nc-data-btn .mkbtn.ssize a {
    padding: 15px 10px;
}
.nc-data-btn .mkbtn.ssize p {
    padding-left: 70px;
}
.nc-data-btn .mkbtn.ssize svg {
    width: 50px;
		top: calc(50% - 20px);
}
.nc-data-btn .mkbtn.ssize span {
    margin-bottom: 5px;
    font-size: 2.4rem;
}
@media screen and (max-width: 650px){
.nc-data-btn {
    display: block;
    padding-top:20px;
}
.nc-data-btn .mkbtn {
    width: 100%;
    display: block;
    margin-bottom:10px;
    float:none;
}
.nc-data-btn .mkbtn:nth-child(1){margin-right:0%;}
.nc-data-btn .mkbtn a {
    display: block;
    padding: 15px 0px;
    margin: 0 0px 0px!important;
}


.nc-data-btn .mkbtn p {
    padding-left: 0px;
    text-align: center;
}
.nc-data-btn .mkbtn.ssize p {
    padding-left: 0px;
    text-align: center;
}
.nc-data-btn .mkbtn svg {
    width: 50px;
    position: static;
    text-align:center;
    margin: 0 auto 10px;
}
}


/*-----------新車車種詳細ヘッダーナビ-----------------*/
#nav_carnav-fix{position: fixed;top: 125px;left: 0;width: 100%;box-shadow: 0 0 3px rgba(0,0,0,0.2);z-index: 5;background: #023692;}
.scrolled #nav_carnav-fix{top: 62px;}
.car-single main{margin-top:43px;}
#nav_carnav{
	display: flex;
	align-items: stretch;
	justify-content: center;
	position: relative;
}
#nav_carnav:after{
	content: "";
	display: block;
	width: 100%;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/cmn/shadow.png) 50% 0 no-repeat;
}
#nav_carnav li{
	display: flex;
	align-items: stretch;
	justify-content: center;
}
#nav_carnav li:nth-child(1){width: 10%;}
#nav_carnav li:nth-child(2){width: 10%;}
#nav_carnav li:nth-child(3){width: 12%;}
#nav_carnav li:nth-child(4){width: 16%;}
#nav_carnav li:nth-child(5){width: 13%;}
#nav_carnav li:nth-child(6){width: 13%;}
#nav_carnav li:nth-child(7){width: 12%;}
#nav_carnav li:nth-child(8){width: 14%;}

#nav_carnav li a{
	display: flex;
	/*flex-direction: column;*/
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	color: #fff;
	font-size: 1.45rem;
	font-weight: 700;
	padding: 10px 5px;
	line-height: 1.4;
}
#nav_carnav li a svg{
	width: 25px;
	margin-right: 5px;
	fill: #fff;
	display: inline-block;
}
#nav_carnav li a span{display: inline-block;}


.nav_carnav p{
	display: none;
}


@media screen and (max-width: 1110px){
#nav_carnav li a{font-size: 1.35rem;}
}
@media screen and (max-width: 1050px){
#nav_carnav-fix{top: 90px;}
.car-single main{margin-top:66px;}
#nav_carnav{flex-wrap: wrap;}
#nav_carnav li:nth-child(1),
#nav_carnav li:nth-child(2),
#nav_carnav li:nth-child(3),
#nav_carnav li:nth-child(4),
#nav_carnav li:nth-child(5),
#nav_carnav li:nth-child(6),
#nav_carnav li:nth-child(7),
#nav_carnav li:nth-child(8){width: 25%;}


}

@media screen and (max-width: 768px){
#nav_carnav-fix{position: static;}
.car-single main{margin-top:0px;}
.nav_carnav{border-bottom: 1px solid #0003a7;}
#nav_carnav{
		padding: 20px 10px 0;
		flex-direction: column;
		display: none;
		background: #023692;
        overflow:hidden;
	}
#nav_carnav li{justify-content: left;float:left;}
#nav_carnav li a{font-size: 1.55rem;}
#nav_carnav li:nth-child(1),
#nav_carnav li:nth-child(2),
#nav_carnav li:nth-child(3),
#nav_carnav li:nth-child(4),
#nav_carnav li:nth-child(5),
#nav_carnav li:nth-child(6),
#nav_carnav li:nth-child(7),
#nav_carnav li:nth-child(8){width: 50%;}
.nav_carnav p{
		display: block;
		text-align: center;
		cursor: pointer;
		position: relative;
		height: 44px;
		background: #023692;
	}
.nav_carnav p span{
		display: block;
		width: 30px;
		height: 2px;
		background: #fff;
		position: absolute;
		top: calc(50% - 1px);
		left: calc(50% - 15px);
		transition: 0.2s ease-in-out;
	}
.nav_carnav p span:before,
.nav_carnav p span:after{
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		background: #fff;
		top: -9px;
		transition: 0.2s ease-in-out;
	}
.nav_carnav p span:after{
		top: 9px;
	}
.nav_carnav p.open span{
		background-color: transparent;
	}
.nav_carnav p.open span:before{
		transform: rotate(225deg);
		top: 0;
	}
.nav_carnav p.open span:after{
		transform: rotate(-225deg);
		top: 0;
	}
}



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

#s_bn.bn2 ul li {
    width: calc(50% - 1px)!important;
    margin-right: 1px;
    margin-bottom: 10px;
}
#s_bn.bn2 ul li a div {
    padding-bottom: 40%;
}
a.bluebtn2 div span {
    padding-top:7%;
}
a.bluebtn2 div span svg {
    width: 22px;
}
a.bluebtn2 div span i {
    font-size: 1.55rem;
}
}


/*----------------------------welcab-----------------------------------*/

#welcab1 .wrapper{
	position: relative;
}
#welcab1 .wrapper:after{
	content: "";
	display: block;
	clear: both;
}
#welcab1 img{
	float: left;
	display: block;
	width: 30%;
}
#welcab1 p{
	float: right;
	width: 65%;
	margin-bottom: 10px;
}
#welcab1 p:last-child{
	margin-bottom: 0;
}
@media screen and (max-width: 450px){
	#welcab1 img{
		width: 70%;
		float: none;
		margin: 0 auto 10px;
	}
	#welcab1 p{
		float: none;
		width: auto;
	}
}

/*------*/

#welcab2{
	background: #f0f0f0;
	padding: 30px !important;
	margin-bottom: 60px;
	position: relative;
}
#welcab2:after{
	content: "";
	display: block;
	clear: both;
}
#welcab2 .heading5{
	width: 65%;
}
#welcab2 img{
	position: absolute;
	top: -10%;
	right: 20px;
	max-width: 29%;
	max-height: 120%;
}
#welcab2 p{
	float: left;
	margin-bottom: 10px;
	width: 65%;
}
#welcab2 p:last-child{
	margin-bottom: 0;
}
@media screen and (max-width: 1300px){
	#welcab2 img{
		top: -5%;
		max-height: 110%;
	}
}
@media screen and (max-width: 1000px){
	#welcab2 img{
		top: 5%;
		max-height: 90%;
	}
}
@media screen and (max-width: 750px){
	#welcab2{
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 550px){
	#welcab2{
		padding: 15px !important;
	}
	#welcab2 .heading5{
		width: 100%;
		float: none;
	}
	#welcab2 img{
		position: static;
		float: right;
	}
}
@media screen and (max-width: 400px){
	#welcab2 img{
		display: block;
		margin: 0 auto 15px;
		max-width: 70%;
		max-height: none;
		float: none;
	}
	#welcab2 p{
		float: none;
		width: auto;
	}
}

/*------*/

#welcab3 .wrapper{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: flex-start;
	justify-content: space-between;
	position: relative;
}
#welcab3 .wrapper>*{
	width: 31%;
	margin-bottom: 20px;
}
#welcab3 .wrapper>*:nth-last-of-type(-n+3){
	margin-bottom: 0;
}
#welcab3 .wrapper:after{
	content: "";
	display: block;
	clear: both;
}
#welcab3 img{
	opacity: 0.5;
}
@media screen and (max-width: 550px){
	#welcab3 .wrapper>*{
		width: 48%;
		margin-bottom: 10px;
	}
	#welcab3 .wrapper>*:nth-last-of-type(-n+3){
		margin-bottom: 10px;
	}
	#welcab3 .wrapper>*:nth-last-of-type(-n+2){
		margin-bottom: 0;
	}
}

/*------*/

#welcab4 .wrapper{
	position: relative;
}
#welcab4 .wrapper:after{
	content: "";
	display: block;
	clear: both;
}
#welcab4 img{
	float: left;
	display: block;
	width: 30%;
}
#welcab4 p,
#welcab4 .btn2{
	margin-bottom: 10px;
	width: 65%;
	text-align: left;
	float: right;
}
@media screen and (max-width: 550px){
	#welcab4 img{
		width: auto;
		float: none;
		margin: 0 auto 15px;
	}
	#welcab4 p,
	#welcab4 .btn2{
		float: none;
		width: auto;
	}
}

/*------*/

@media screen and (max-width: 1000px){
	#welcab5 .heading2 i{
		display: inline;
	}
}

/*------*/
#welcab6 .wrapper{
	position: relative;
}
#welcab6 .wrapper:after{
	content: "";
	display: block;
	clear: both;
}
#welcab6 .was{
	width:100%;
	display: flex;
  justify-content: flex-start;
  align-items: stretch;
	flex-wrap: wrap;
}
#welcab6 .was li{
	display: flex;
  align-items: stretch;
  justify-content: center;
	width:33.3333%;
	padding:6px;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#welcab6 .was li:nth-child(3n+3){
	border-right:none;
}
#welcab6 .was li .img{
	align-items: stretch;
  align-content: stretch;
	width:30%;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#welcab6 .was li .txt{
	flex-direction: column;
	align-items: stretch;
  align-content: center;
	width:70%;
	padding-left:5px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#welcab6 .was li .txt .p1{
	display:block;
	margin-bottom: 3px;
}
#welcab6 .was li .txt .p2{
	display:inline-block;
	background: #023692;
	color:#fff;
	font-size: 1.2rem;
	padding:2px 5px;
}
#welcab6 .was li .txt .p3{
	display:inline-block;
	background: #027992;
	color:#fff;
	font-size: 1.2rem;
	padding:2px 5px;
}
@media screen and (max-width: 930px){
	#welcab6 .was li{
		width:50%;
	}
	#welcab6 .was li:nth-child(3n+3){
		border-right: 1px solid #e0e0e0;
	}
	#welcab6 .was li:nth-child(2n+2){
		border-right:none;
	}
}
/*----------------------------plan-----------------------------------*/

#plan1 li{
	max-width: none;
	width: calc(50% - 6px);
}
#plan1 li a{
	flex-wrap: wrap;
	font-size: 2.2rem;
}
#plan1 li a span{
	width: 100%;
	margin-bottom: 3px;
	font-size: 1.4rem;
	display: block;
}
#plan1 li a i{
	display: inline-block;
}
@media screen and (max-width: 700px){
	#plan1 li{
		width: 50%;
	}
}
@media screen and (max-width: 520px){
	#plan1 li a{
		font-size: 1.6rem;
	}
	#plan1 li a span{
		display: none;
	}
}
@media screen and (max-width: 340px){
	#plan1 li a{
		flex-direction: column;
	}
}

/*------*/

#plan2{
	margin-bottom: 40px;
}
#plan2 img.pc+img{
	display: none;
}
@media screen and (max-width: 500px){
	#plan2 img.pc{
		display: none !important;
	}
	#plan2 img.pc+img{
		display: block !important;
	}
}

#plan2 .tab2content{
	width: 100%;
}
#plan2 .tab2content .wrapper{
	border: 8px solid #023692;
	padding: 20px;
	box-sizing: border-box;
}
@media screen and (max-width: 700px){
	#plan2 .tab2content .wrapper{
		padding: 20px 15px;
	}
}
@media screen and (max-width: 450px){
	#plan2 .tab2content .wrapper{
		padding: 15px 10px;
		border-width: 5px;
	}
}

/*------*/

#plan3 .h{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
#plan3 .h>*:nth-child(1){
	width: 40%;
}
#plan3 .h>*:nth-child(2){
	width: 57%;
}
#plan3 .img{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
#plan3 .img img{
	display: block;
}
#plan3 .img img:nth-of-type(1):nth-last-of-type(2):not(.pc),
#plan3 .img img:nth-of-type(2):nth-last-of-type(1):not(.pc){
	width: 49%;
}
#plan3 .cap{
	padding-top: 10px;
}
@media screen and (max-width: 600px){
	#plan3 .h{
		display: block;
	}
	#plan3 .h>*:nth-child(1){
		width: auto;
		max-width: 200px;
		margin-bottom: 15px;
	}
	#plan3 .h>*:nth-child(2){
		width: auto;
	}
}
@media screen and (max-width: 500px){
	#plan3 .img{
		display: block;
		margin-bottom: 0;
	}
	#plan3 .img img{
		width: 90% !important;
	}
	#plan3 .img img{
		margin: 0 auto 15px;
	}
	#plan3 .img img:last-child{
		width: 80%;
	}
}

/*------*/

#plan4 .h{
	display: flex;
	flex-direction:column-reverse;
	align-items: center;
	justify-content: center;
	padding: 20px 0 30px;
	text-align: center;
}
#plan4 .h>*:nth-child(1){
	color: #023692;
}
#plan4 .h>*:nth-child(2){
	margin-bottom: 10px;
}
#plan4 .h i{
	display: inline-block;
}
#plan4 .inner{
	background: #f5f5f5;
	padding: 30px;
	border-radius: 15px;
	margin-bottom: 20px;
}
#plan4 .inner:after{
	content: "";
	display: block;
	clear: both;
}
#plan4 .inner3{
	margin-bottom: 0;
}
#plan4 .heading3{
	border-bottom: 1px solid #ddd;
	box-shadow: 0 1px 0 rgba(255,255,255,0.7);
	margin-bottom: 20px;
}
#plan4 strong{
	display: block;
	color: #023692;
	line-height: 1.5;
	font-size: 1.9rem;
	margin-bottom: 10px;
}
#plan4 .inner1 p{
	width: 65%;
	float: left;
}
#plan4 .inner1 .img{
	width: 30%;
	float: right;
}
#plan4 .inner2 strong{
	margin-bottom: 20px;
}
#plan4 .inner2 .img{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
#plan4 .inner2 .img img{
	width: 48%;
}
#plan4 .inner3 strong{
	margin-bottom: 20px;
}
#plan4 .inner3 .img{
	margin-bottom: 20px;
}
#plan4 .inner3 .img img:last-child{
	display: none;
}
@media screen and (max-width: 700px){
	#plan4 .inner{
		padding: 20px 15px;
	}
	#plan4 .h{
		padding: 10px 0 20px;
	}
}
@media screen and (max-width: 500px){
	#plan4 .inner1 p{
		float: none;
		width: auto;
	}
	#plan4 .inner1 .img{
		float: none;
		width: 70%;
		margin: 0 auto 15px;
	}
	#plan4 .inner2 strong{
		margin-bottom: 10px;
	}
	#plan4 .inner2 .img{
		display: block;
		margin-bottom: 0;
	}
	#plan4 .inner2 .img img{
		display: block;
		width: 70%;
		margin: 0 auto 15px;
	}
	#plan4 .inner3 strong{
		margin-bottom: 10px;
	}
	#plan4 .inner3 .img img{
		margin: 0 auto;
	}
	#plan4 .inner3 .img img:last-child{
		width: 80%;
	}
}
@media screen and (max-width: 350px){
	#plan4 .h p{
		letter-spacing: -0.05rem;
	}
	#plan4 .inner1 .img,
	#plan4 .inner2 .img img,
	#plan4 .inner3 .img img{
		width: 90% !important;
	}
}

/*------*/

#plan5 .h{
	text-align: center;
	color: #fff;
	background: #d61518;
	padding: 20px;
	line-height: 1.5;
}
#plan5 .wrapper{
	border: 8px solid #d61518;
	border-top: 0;
	padding: 20px;
	box-sizing: border-box;
}
#plan5 .inner{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 30px;
}
#plan5 .inner img{
	display: block;
	width: 25%;
}
#plan5 .inner p{
	padding-bottom: 10px;
	width: 73%;
}
#plan5 .img{
	margin-bottom: 30px;
}
#plan5 dl{
	display: block;
	margin-bottom: 30px;
}
#plan5 dl:last-child{
	margin-bottom: 10px;
}
#plan5 dl>*{
	display: block;
}
#plan5 dt{
	font-weight: bold;
}
@media screen and (max-width: 700px){
	#plan5 .inner{
		align-items: center;
	}
	#plan5 .inner p{
		padding-bottom: 0;
		width: 73%;
	}
}
@media screen and (max-width: 550px){
	#plan5 .h{
		font-size: 1.9rem;
		line-height: 1.4;
	}
}
@media screen and (max-width: 480px){
	#plan5 .inner{
		display: block;
		margin-bottom: 20px;
	}
	#plan5 .inner img{
		width: 70%;
		max-width: 200px;
		margin: 0 auto 20px;
	}
	#plan5 .inner p{
		width: auto;
	}
}
@media screen and (max-width: 450px){
	#plan5 .wrapper{
		border-width: 5px;
		padding: 15px 10px;
	}
}

/*----------------------------safety-----------------------------------*/

.tab3.safty{
	border-top: 1px solid #fff;
	background: url(../images/cmn/mvbg.jpg);
	padding-bottom: 90px;
}
.tab3.safty.top>*,
.tab3.safty.top ul,
.tab3.safty.top p{
	display: none;
}
.tab3.safty ul li{
	min-width: 0;
}
.tab3.safty ul li:not(.active) a:not(:hover){
	background: #fff;
}
.tab3.safty ul li:not(.active) a:not(:hover):before{
	border-top-color: #fff;
}
.tab3.safty+.ld{
	margin-top: -60px;
}
.tab3.safty+.column{
	margin-top: -110px;
}
@media screen and (max-width: 950px){
	.tab3.safty.top+.column{
		margin-top: -130px;
	}
}
@media screen and (max-width: 768px){
	.tab3.safty.top>*,
	.tab3.safty.top p{
		display: block;
	}
	.tab3.safty.top>ul.open{
		display: flex;
	}
	.tab3.safty.top>ul:not(.open){
		display: none;
	}
	.tab3.safty.top+.column{
		margin-top: -100px;
	}
}
@media screen and (max-width: 700px){
	.tab3.safty p{
		background-color: transparent;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		box-shadow: 0 1px 0 rgba(255,255,255,0.8);
	}
	.tab3.safty ul li:not(.active) a:not(:hover){
		background-color: transparent;
	}
	.tab3.safty p{
		background: #f0f0f0;
	}
}
@media screen and (min-width: 769px){
	.tab3.safty.top>*,
	.tab3.safty.top ul,
	.tab3.safty.top p{
		display: none !important;
	}
}

.tab3.safty.top+.column section{
	border: 10px solid #0d89a2;
	border-bottom-width: 0;
	border-top: none;
	padding: 0 30px 40px;
	box-sizing: border-box;
}
.tab3.safty.top+.column section:last-child{
	margin-bottom: 60px;
	border-bottom-width: 10px;
}

.wrapper_safty{
	overflow: hidden;
	padding-top: 30px;
	margin-bottom: 40px;
}
.wrapper_safty .r{
	width: 34%;
}
.wrapper_safty .l{
	width: 62%;
}
.wrapper_safty .l p{
	margin-bottom: 10px;
}
.wrapper_safty .btn2{
	margin-top: 20px;
	margin-bottom: 25px;
}
.heading_safty{
	color: #fff;
	background: url(../images/newcar/safety/h_bg.png) 36% 100% repeat-x #0d89a2;
	text-align: center;
	min-height: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% + 60px);
	margin-left: -30px;
	border-bottom: 10px solid #0d89a2;
}
.heading_safty h2{
	padding: 70px 10px;
}
.heading_safty span{
	display: block;
	font-size: 1.8rem;
}
.heading_safty i{
	display: inline-block;
	font-size: 2.4rem;
}
#tss{
	width: 100%;
	color: #0d89a2;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	margin: 0 0 20px;
}
#tss dl{
	text-align: center;
	float: left;
	width: 20%;
	box-sizing: border-box;
	padding: 10px;
	border-left: 1px solid #0d89a2;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-between;
}
#tss dl:last-child{
	border-right: 1px solid #0d89a2;
}
#tss dl>*{
	display: block;
	width: 100%;
}
#tss dt{
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
}
#tss dt span{
	padding: 5px 0 15px;
	font-size: 1.3rem;
	font-weight: 600;
	display: block;
	line-height: 1.4;
}
#tss dt i{
	display: inline-block;
}
#tss dd img{
	display: block;
	margin: 0 auto;
	width: 70%;
}
#tss+p{
	text-align: center;
	margin-bottom: 30px;
}
#tss+p strong{
	font-size: 2rem;
	color: #0d89a2;
}
@media screen and (max-width: 750px){
	.tab3.safty.top+.column section{
		padding: 0 20px 30px;
		width: calc(100% + 20px);
		margin-left: -10px;
	}
	.heading_safty{
		width: calc(100% + 60px);
		margin-left: -30px;
		min-height: 0;
	}
	.heading_safty h2{
		padding: 50px 10px 60px;
	}
}
@media screen and (max-width: 550px){
	.tab3.safty.top+.column section{
		padding: 0 10px 20px;
		border-width: 5px;
	}
	.heading_safty{
		width: calc(100% + 30px);
		margin-left: -15px;
	}
	#tss dl{
		width: 33.3%;
		padding: 15px 10px;
		margin-bottom: 15px;
	}
	#tss dl:nth-of-type(3){
		border-right: 1px solid #0d89a2;
	}
}
@media screen and (max-width: 450px){
	.heading_safty{
		min-height: 0;
	}
	.heading_safty h2{
		padding: 50px 10px;
		line-height: 1.4;
	}
	.heading_safty span{
		font-size: 1.55rem;
	}
	.heading_safty i{
		font-size: 2rem;
		padding-top: 5px;
	}
	.wrapper_safty .r,
	.wrapper_safty .l{
		width: auto;
		float: none;
	}
	.wrapper_safty .r{
		margin: 0 auto 20px;
		width: 80%;
	}
	#tss dl{
		width: 50%;
		padding: 15px 10px;
		margin-bottom: 15px;
	}
	#tss dl:nth-of-type(2n){
		border-right: 1px solid #0d89a2;
	}
	#tss dl:nth-of-type(3){
		border-right: none;
	}
}

/*----------------------------sapo-car-----------------------------------*/

#sapo-car1{
	border-top: 1px solid #e0e0e0;
}
#sapo-car1 .wrapper{
	max-width: 1300px;
	margin: 0 auto;
}
#sapo-car1 .inner{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
#sapo-car1 dl{
	width: 48%;
	display: block;
	overflow: hidden;
}
#sapo-car1 dt{
	width: 70%;
	float: right;
	font-size: 2rem;
	color: #00a79e;
	font-weight: 700;
	padding-bottom: 5px;
	margin-bottom: 8px;
	border-bottom: 1px solid #00a79e;
}
#sapo-car1 dd{
	width: 28%;
	float: left;
}
#sapo-car1 dd:last-child{
	width: 70%;
	float: right;
}
#sapo-car1 dd p span{
	display: inline-block;
	line-height: 1.2;
	padding: 3px 5px 2px;
	background: #00a79e;
	color: #fff;
	font-weight: 700;
	font-size: 1.4rem;
	margin-right: 5px;
	border-radius: 3px;
}
@media screen and (max-width: 768px){
	#sapo-car1 .inner{
		display: block;
	}
	#sapo-car1 dl{
		width: auto;
		margin-bottom: 20px;
	}
	#sapo-car1 dl:nth-last-of-type(1){
		margin-bottom: 0;
	}
	#sapo-car1 dt,
	#sapo-car1 dd:last-child{
		width: 78%;
	}
	#sapo-car1 dd{
		width: 20%;
	}
}
@media screen and (max-width: 400px){
	#sapo-car1 dt,
	#sapo-car1 dd:last-child{
		width: calc(100% - 80px);
	}
	#sapo-car1 dd{
		width: 70px;
	}
}
@media screen and (max-width: 350px){
	#sapo-car1 dt,
	#sapo-car1 dd:last-child{
		width: calc(100% - 70px);
	}
	#sapo-car1 dd{
		width: 60px;
	}
}

/*------*/

#sapo-car2{
	padding-top: 20px;
}
#sapo-car2 .wrapper{
	max-width: 1300px;
	margin: 0 auto;
}
#sapo-car2 .inner{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	margin-bottom: 10px;
}
#sapo-car2 dl{
	width: 32%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: flex-start;
	justify-content: center;
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 20px;
}
#sapo-car2 dl>*{
	width: 100%;
	text-align: center;
}
#sapo-car2 dt{
	order: 2;
	font-size: 2rem;
	color: #f7b52c;
	font-weight: 700;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 8px;
	border-bottom: 1px solid #f7b52c;
}
#sapo-car2 dd{
	order: 3;
}
#sapo-car2 dd:nth-of-type(1){
	order: 1;
}
#sapo-car2 dd p span{
	display: block;
	line-height: 1.2;
	padding: 5px 5px 4px;
	background: #f7b52c;
	color: #fff;
	font-weight: 700;
	font-size: 1.4rem;
	border-radius: 3px;
	margin-bottom: 8px;
	margin-top: 3px;
}
#sapo-car2 dl:nth-of-type(2) dt{
	color: #009fe8;
	border-color: #009fe8;
}
#sapo-car2 dl:nth-of-type(2) dd p span{
	background: #009fe8;
}
#sapo-car2 dl:nth-of-type(3) dt{
	color: #8dc21f;
	border-color: #8dc21f;
}
#sapo-car2 dl:nth-of-type(3) dd p span{
	background: #8dc21f;
}
@media screen and (max-width: 768px){
	#sapo-car2 dl{
		padding: 15px;
	}
	#sapo-car2 dt{
		font-size: 1.7rem;
	}
}
@media screen and (max-width: 700px){
	#sapo-car2 .inner{
		display: block;
	}
	#sapo-car2 dl{
		width: 100%;
		display: block;
		overflow: hidden;
		margin-bottom: 10px;
		padding: 10px;
	}
	#sapo-car2 dl:nth-last-of-type(1){
		margin-bottom: 0;
	}
	#sapo-car2 dl>*{
		text-align: left;
	}
	#sapo-car2 dt,
	#sapo-car2 dd{
		width: 78%;
		float: right;
	}
	#sapo-car2 dd:nth-of-type(1){
		width: 20%;
		float: left;
	}
	#sapo-car2 dd p{
		position: relative;
		padding-left: 70px;
		padding-top: 3px;
	}
	#sapo-car2 dd p span{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
}
@media screen and (max-width: 400px){
	#sapo-car2 dt,
	#sapo-car2 dd{
		width: calc(100% - 80px);
	}
	#sapo-car2 dd:nth-of-type(1){
		width: 70px;
	}
	#sapo-car2 dd p{
		padding-left: 0;
		padding-top: 33px;
	}
}
@media screen and (max-width: 350px){
	#sapo-car2 dl{
		padding: 10px 7px;
	}
	#sapo-car2 dt,
	#sapo-car2 dd{
		width: calc(100% - 70px);
	}
	#sapo-car2 dd:nth-of-type(1){
		width: 60px;
	}
}

/*------*/

#sapo-car3{
	border-top: 1px solid #e0e0e0;
	padding-top: 0;
}
#sapo-car3>.h{
	padding: 40px 10px;
	margin-bottom: 30px;
	margin-left: -10px;
	width: calc(100% + 20px);
	box-sizing: border-box;
	text-align: center;
	background: url(../images/cmn/mvbg.jpg);
	border-bottom: 1px solid #e0e0e0;
}
#sapo-car3>.h img{
	display: block;
	margin: 0 auto 10px;
}
#sapo-car3>.h .h{
	color: #023692;
	margin-bottom: 10px;
	line-height: 1.4;
}
#sapo-car3>.h .h i{
	display: inline-block;
}
#sapo-car3>.h .h+p{
	font-weight: 700;
}
#sapo-car3 .wrapper{
	max-width: 1300px;
	margin: 0 auto;
}
#sapo-car3 .heading3 {
	cursor: pointer;
	padding-top: 20px;
	border-top: 1px solid #023692;
	border-bottom: 1px solid #023692;
}
#sapo-car3 .heading3 .pw{
	position: absolute;
	right:10px;
	top:15px;
	width:30px;
	height: 30px;
	padding-top: 0px;
}
#sapo-car3 .heading3 .p {
    display: block;
    width: 30px;
    margin: 0 auto;
    transition: 0.3s;
    position: relative;
		padding-top: 0px;
    z-index: 2;
}
#sapo-car3 .heading3 .p:before,
#sapo-car3 .heading3 .p:after{
 content: "";
 display: block;
 width: 30px;
 height: 1px;
 background: #023692;
 position: absolute;
 top: 15px;
 left: 0;
 transform: rotate(0deg);
 transition: 0.3s;
}
#sapo-car3 .heading3 .p:after{
 transform: rotate(-90deg);
}
#sapo-car3 .heading3:hover .p:before{
 transform: rotate(180deg);
}
#sapo-car3 .heading3:hover .p:after{
 transform: rotate(-270deg);
}

#sapo-car3 .heading3.open .p:before,
#sapo-car3 .heading3.open .p:after{
	transform: rotate(45deg);
}
#sapo-car3 .heading3.open .p:after{
 transform: rotate(-45deg);
}

#sapo-car3 .inner{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	margin-bottom: 30px;
}
#sapo-car3 article{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: flex-start;
	justify-content: center;
	padding: 30px 20px;
	width: 33.3%;
	box-sizing: border-box;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
#sapo-car3 article:nth-of-type(3n),
#sapo-car3 article:nth-of-type(-n+3):nth-last-of-type(1){
	border-right: none;
}
#sapo-car3 article:nth-last-of-type(1):nth-of-type(3n),
#sapo-car3 article:nth-last-of-type(1):nth-of-type(3n-1),
#sapo-car3 article:nth-last-of-type(1):nth-of-type(3n-2),
#sapo-car3 article:nth-last-of-type(2):nth-of-type(3n-1),
#sapo-car3 article:nth-last-of-type(2):nth-of-type(3n-2),
#sapo-car3 article:nth-last-of-type(3):nth-of-type(3n-2){
	border-bottom: none;
}
#sapo-car3 article>*{
	width: 100%;
}
#sapo-car3 .article_heading{
	order: 2;
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 10px;
	line-height: 1.5;
}
#sapo-car3 .article_img{
	order: 1;
	position: relative;
	text-align: center;
	margin-bottom: 5px;
}
#sapo-car3 .article_body{
	order: 3;
}
#sapo-car3 .article_img ul{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
#sapo-car3 .article_img ul li{
	display: block;
	width: 65px;
	font-size: 1.3rem;
	line-height: 1.3;
	text-align: left;
	margin-bottom: 5px;
}
#sapo-car3 .article_img ul li img{
	display: inline-block;
	width: 50px;
}
#sapo-car3 .article_body ul{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
}
#sapo-car3 .article_body ul li{
	display: block;
	box-sizing: border-box;
	padding: 0 2px 5px;
	font-size: 1.3rem;
	line-height: 1.3;
}
#sapo-car3 .article_body ul li img{
	display: inline-block;
	width: 34px;
	margin: 0 2px;
}
#sapo-car3 .article_body ul li img.il{
	width: 48px;
}
#sapo-car3 .caption{
	background: #f0f0f0;
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: space-between;
}
#sapo-car3 .caption dl{
	width: 49%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 1.5;
	margin-bottom: 20px;
}
#sapo-car3 .caption dl>*{
	display: block;
}
#sapo-car3 .caption dt{
	width: 40px;
}
#sapo-car3 .caption dd{
	width: calc(100% - 55px);
}

#sapo-car3 .caption .long dt{
	width: 60px;
}
#sapo-car3 .caption .long dd{
	width: calc(100% - 75px);
}

#sapo-car3 .caption dd p{
	font-size: 1.45rem;
	font-weight: 700;
}
#sapo-car3 .caption dd p:last-child{
	font-size: 1.35rem;
	font-weight: 500;
}
#sapo-car3 .caption>p{
	width: 100%;
}
#sapo-car3 .caption+.cap{
	margin-bottom: 20px;
}
@media screen and (max-width: 950px){
	#sapo-car3 .article_img>img{
		max-width: 80%;
		display: block;
		margin: 0 auto;
	}
	#sapo-car3 .article_img ul li img{
		width: 40px;
	}
}
@media screen and (max-width: 750px){
	#sapo-car3 article{
		padding: 30px 10px 20px;
	}
	#sapo-car3 .article_img ul{
		top: -20px;
	}
}
@media screen and (max-width: 650px){
	#sapo-car3 .heading3{
		margin-bottom: 15px;
	}
	#sapo-car3 .heading3 .pw{
		top:10px;
	}
	#sapo-car3 .inner{
		margin-bottom: 15px;
	}
	#sapo-car3 article{
		width: 50%;
	}
	#sapo-car3 article:nth-of-type(3n),
	#sapo-car3 article:nth-of-type(-n+3):nth-last-of-type(1){
		border-right: 1px solid #e0e0e0;
	}
	#sapo-car3 article:nth-last-of-type(1):nth-of-type(3n),
	#sapo-car3 article:nth-last-of-type(1):nth-of-type(3n-1),
	#sapo-car3 article:nth-last-of-type(1):nth-of-type(3n-2),
	#sapo-car3 article:nth-last-of-type(2):nth-of-type(3n-1),
	#sapo-car3 article:nth-last-of-type(2):nth-of-type(3n-2),
	#sapo-car3 article:nth-last-of-type(3):nth-of-type(3n-2){
		border-bottom: 1px solid #e0e0e0;
	}
	#sapo-car3 article:nth-of-type(2n),
	#sapo-car3 article:nth-of-type(-n+2):nth-last-of-type(1){
		border-right: none;
	}
	#sapo-car3 article:nth-last-of-type(1),
	#sapo-car3 article:nth-last-of-type(2):nth-of-type(2n-1){
		border-bottom: none !important;
	}
	#sapo-car3 article:nth-of-type(2n){
		padding-right: 0;
	}
	#sapo-car3 article:nth-of-type(2n-1){
		padding-left: 0;
	}
	#sapo-car3 .caption{
		display: block;
		padding: 20px;
	}
	#sapo-car3 .caption dl{
		width: auto;
	}
}
@media screen and (max-width: 550px){
	#sapo-car3>.h{
		padding: 20px 10px;
	}
	#sapo-car3>.h img{
		max-width: 40%;
	}
	#sapo-car3 article{
		padding-right: 5px;
		padding-left: 5px;
	}
	#sapo-car3 .article_img>img{
		max-width: 100%;
	}
	#sapo-car3 .article_img ul li{
		display: inline-block;
		width: auto;
	}
	#sapo-car3 .article_img ul li img{
		width: 30px;
	}
	#sapo-car3 .article_body ul li{
		padding: 0 1px 5px;
	}
	#sapo-car3 .article_body ul li img{
		width: 25px;
		margin: 0 1px;
	}
	#sapo-car3 .article_body ul li img.il{
		width: 35px;
		margin: 0 1px;
	}
	#sapo-car3 .article_heading{
		font-size: 1.45rem;
		margin-bottom: 5px;
	}
}
@media screen and (max-width: 400px){
	#sapo-car3 .caption{
		padding: 15px;
	}
}

/*----------------------------tss-----------------------------------*/

#tss1,
#sumaashi1{
	border-top: 1px solid #e0e0e0;
}
#tss1 .wrapper,
#sumaashi1 .wrapper{
	max-width: 1300px;
	margin: 0 auto;
}
#tss1>.wrapper>.tab2>ul,
#sumaashi1>.wrapper>.tab2>ul{
	padding-bottom: 0;
	width: calc(100% - 20px);
	margin: 0 auto;
}
#tss1>.wrapper>.tab2 ul li,
#sumaashi1>.wrapper>.tab2 ul li{
	width: calc(14.285% - 6px);
	min-width: 0;
	max-width: none;
}
#sumaashi1>.wrapper>.tab2 ul li{
	width: calc(18% - 6px);
}
#tss1>.wrapper>.tab2 ul li a,
#sumaashi1>.wrapper>.tab2 ul li a{
	background: #7bafba;
	color: #fff;
	flex-wrap: wrap;
	align-content: center;
	line-height: 1.5;
	margin-top: 30px;
	padding: 10px;
	transition: 0.2s ease-in-out;
}
#tss1>.wrapper>.tab2 li a:hover,
#sumaashi1>.wrapper>.tab2 li a:hover{
	background: #0d89a2;
}
#tss1>.wrapper>.tab2 li.active a,
#sumaashi1>.wrapper>.tab2 li.active a{
	background: #0d89a2;
	padding: 15px 10px 35px;
	margin-top: 0;
}
#tss1>.wrapper>.tab2 li a:before,
#sumaashi1>.wrapper>.tab2 li a:before{
	opacity: 0;
	border: none;
	width: 8px;
	height: 8px;
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(45deg);
	bottom: 15px;
	left: calc(50% - 5px);
	transition: 0.2s ease-in-out;
}
#tss1>.wrapper>.tab2 li.active a:before,
#sumaashi1>.wrapper>.tab2 li.active a:before{
	opacity: 1;
}
#tss1>.wrapper>.tab2 li a>*,
#sumaashi1>.wrapper>.tab2 li a>*{
	width: 100%;
}
#tss1>.wrapper>.tab2 li a img,
#sumaashi1>.wrapper>.tab2 li a img{
	max-width: 63px;
	width: 60%;
	margin: 0 auto 10px;
}
#tss1>.wrapper>.tab2 li a span,
#sumaashi1>.wrapper>.tab2 li a span{
	padding-top: 5px;
	font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: -0.1rem;
}
#sumaashi1>.wrapper>.tab2 li a span{
	padding-top: 0;
}

#ics2 .wrapper,
#tss1>.wrapper>.tab2wrapper,
#sumaashi1>.wrapper>.tab2wrapper{
	border: 1px solid #7bafba;
}
#ics2 .wrapper,
#tss1 .wrapper>.tab2wrapper>.tab2content section,
#sumaashi1 .wrapper>.tab2wrapper>.tab2content section{
	padding: 30px;
	overflow: hidden;
}
#ics2 .wrapper>p:first-child,
#tss1 .tab2wrapper section>p:first-child,
#sumaashi1 .tab2wrapper section>p:first-child{
	display: block;
	width: 100%;
	border-bottom: 1px solid #0d89a2;
	text-align: center;
	padding-right: 0;
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-size: 2.8rem;
	color: #0d89a2;
	font-weight: 700;
}
#ics2 .h,
#tss1 .tab2wrapper .h,
#sumaashi1 .tab2wrapper .h{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
#ics2 .h>*,
#tss1 .tab2wrapper .h>*,
#sumaashi1 .tab2wrapper .h>*{
	display: block;
	text-align: left;
	box-sizing: border-box;
}
#ics2 .h>div:first-child,
#tss1 .tab2wrapper .h>div:first-child,
#sumaashi1 .tab2wrapper .h>div:first-child{
	width: 120px;
	padding-right: 10px;
}
#ics2 .h .h0,
#tss1 .tab2wrapper .h .h0,
#sumaashi1 .tab2wrapper .h .h0{
	line-height: 1.5;
	margin-right: auto;
	font-size: 2.4rem;
	color: #0d89a2;
	font-weight: 700;
	line-height: 1.5;
	width: calc(100% - 120px - 230px);
}
#ics2 .h .h0:last-child,
#tss1 .tab2wrapper .h .h0:last-child,
#sumaashi1 .tab2wrapper .h .h0:last-child{
	width: calc(100% - 120px);
}
#ics2 .h .h0 span,
#tss1 .tab2wrapper .h .h0 span,
#sumaashi1 .tab2wrapper .h .h0 span{
	width: 100%;
	font-size: 1.6rem;
	color: #333;
	display: block;
	padding-top: 5px;
}
#ics2 .h>div:last-child,
#tss1 .tab2wrapper .h>div:last-child,
#sumaashi1 .tab2wrapper .h>div:last-child{
	margin-left: auto;
	margin-right: 0;
	padding-right: 0;
	width: 225px;
	text-align: right;
}
#ics2 .h>div:last-child img,
#tss1 .tab2wrapper .h>div:last-child img,
#sumaashi1 .tab2wrapper .h>div:last-child img{
	width: 70px;
	margin-left: 5px;
}
#ics2 .heading2,
#tss1 .tab2wrapper .heading2,
#sumaashi1 .tab2wrapper .heading2{
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	color: #023692;
	margin-bottom: 30px;
	clear: both;
}
#ics2 .heading3,
#tss1 .tab2wrapper .heading3,
#sumaashi1 .tab2wrapper .heading3{
	font-size: 1.8rem;
	font-weight: 700;
}
#ics2 .mov,
#tss1 .tab2wrapper .mov,
#sumaashi1 .tab2wrapper .mov{
	width: 100%;
}
#ics2 .l,
#tss1 .tab2wrapper .l,
#sumaashi1 .tab2wrapper .l{
	width: 48%;
	margin-bottom: 30px;
}
#ics2 .r,
#tss1 .tab2wrapper .r,
#sumaashi1 .tab2wrapper .r{
	width: 48%;
	margin-bottom: 30px;
}
#ics2 .r>*:nth-last-child(n+2),
#tss1 .tab2wrapper .r>*:nth-last-child(n+2),
#sumaashi1 .tab2wrapper .r>*:nth-last-child(n+2){
	margin-bottom: 20px;
}
@media screen and (max-width: 1300px){
	#tss1>.wrapper>.tab2,
	#sumaashi1>.wrapper>.tab2{
		width: calc(100% + 20px);
		margin-left: -10px;
		overflow: auto;
		padding-top: 10px;
		-webkit-overflow-scrolling: touch;
	}
	#tss1>.wrapper>.tab2 ul{
		width: 190%;
		box-sizing: border-box;
		padding: 0 30px;
	}
	#sumaashi1>.wrapper>.tab2 ul li{
		width: 20%;
	}
	#tss1>.wrapper>.tab2wrapper,
	#sumaashi1>.wrapper>.tab2wrapper{
		border: 10px solid #0d89a2;
		box-sizing: border-box;
		width: calc(100% + 20px);
		margin-left: -10px;
	}
}
@media screen and (max-width: 1150px){
	#sumaashi1>.wrapper>.tab2 ul{
		width: 150%;
		box-sizing: border-box;
		padding: 0 30px;
	}
}
@media screen and (max-width: 750px){
	#tss1>.wrapper>.tab2 li a span,
	#sumaashi1>.wrapper>.tab2 li a span{
		display: none;
	}
}
@media screen and (max-width: 700px){
	#ics2 .wrapper,
	#tss1 .wrapper>.tab2wrapper>.tab2content section,
	#sumaashi1 .wrapper>.tab2wrapper>.tab2content section{
		padding: 20px 15px;
	}
	#tss1>.wrapper>.tab2 ul{
		width: 1100px;
		padding: 0 10px;
		border: none;
	}
	#sumaashi1>.wrapper>.tab2 ul{
		width: 760px;
		padding: 0 10px;
		border: none;
	}
	#tss1>.wrapper>.tab2 li,
	#sumaashi1>.wrapper>.tab2 li{
		margin: 0 3px;
	}
	#tss1>.wrapper>.tab2 li a:after,
	#sumaashi1>.wrapper>.tab2 li a:after{
		display: none;
	}
	#tss1>.wrapper>.tab2 li.active a,
	#sumaashi1>.wrapper>.tab2 li.active a{
		padding: 15px 5px 15px;
	}
	#tss1>.wrapper>.tab2 li a img,
	#sumaashi1>.wrapper>.tab2 li a img{
		width: 40%;
		margin: 5px auto 5px;
	}

	#ics2 .wrapper>p:first-child,
	#tss1 .tab2wrapper section>p:first-child,
	#sumaashi1 .tab2wrapper section>p:first-child{
		font-size: 2.2rem;
	}
	#ics2 .h,
	#tss1 .tab2wrapper .h,
	#sumaashi1 .tab2wrapper .h{
		flex-wrap: wrap;
	}
	#ics2 .h>div:first-child,
	#tss1 .tab2wrapper .h>div:first-child,
	#sumaashi1 .tab2wrapper .h>div:first-child{
		width: 80px;
	}
	#ics2 .h .h0,
	#tss1 .tab2wrapper .h .h0,
	#sumaashi1 .tab2wrapper .h .h0{
		width: calc(100% - 90px);
		font-size: 2.2rem;
	}
	#ics2 .h>div:last-child,
	#tss1 .tab2wrapper .h>div:last-child,
	#sumaashi1 .tab2wrapper .h>div:last-child{
		width: 100%;
		text-align: left;
		padding-top: 10px;
	}
	#ics2 .h>div:last-child img,
	#tss1 .tab2wrapper .h>div:last-child img,
	#sumaashi1 .tab2wrapper .h>div:last-child img{
		width: 50px;
		margin: 5px 2px 0;
	}

	#ics2 .heading2,
	#tss1 .tab2wrapper .heading2,
	#sumaashi1 .tab2wrapper .heading2{
		text-align: left;
		font-size: 2rem;
	}
	#ics2 .l,
	#ics2 .r,
	#tss1 .tab2wrapper .l,
	#tss1 .tab2wrapper .r,
	#sumaashi1 .tab2wrapper .l,
	#sumaashi1 .tab2wrapper .r{
		width: auto;
		float: none;
	}
}
@media screen and (max-width: 500px){
	#ics2 .wrapper,
	#tss1 .wrapper>.tab2wrapper>.tab2content section,
	#sumaashi1 .wrapper>.tab2wrapper>.tab2content section{
		padding: 15px 10px;
	}
	#ics2 .wrapper>p:first-child,
	#tss1 .tab2wrapper section>p:first-child,
	#sumaashi1 .tab2wrapper section>p:first-child{
		font-size: 2.0rem;
	}
	#ics2 .h>div:first-child,
	#tss1 .tab2wrapper .h>div:first-child,
	#sumaashi1 .tab2wrapper .h>div:first-child{
		width: 50px;
	}
	#ics2 .h .h0,
	#tss1 .tab2wrapper .h .h0,
	#sumaashi1 .tab2wrapper .h .h0{
		width: calc(100% - 60px);
		font-size: 2.0rem;
	}
}

#tss2 .tab2{
	clear: both;
	margin-top: 40px;
}
#tss2 .tab2 ul li{
	width: 33.3%;
	max-width: none;
}
#tss2 .tab2 ul li a{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}
#tss2 .tab2 ul li a span{
	font-size: 1.3rem;
	margin-bottom: 5px;
	width: 100%;
}
#tss1 .tab2content dl{
	padding: 40px 0;
	border-top: 1px solid #e0e0e0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#tss1 .tab2content dl>*{
	display: block;
}
#tss1 .tab2content dt{
	text-align: center;
	width: 48%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	text-align: left;
}
#tss1 .tab2content dt img{
	display: block;
	width: 80px;
}
#tss1 .tab2content dt span{
	display: inline-block;
	position: relative;
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1.5;
	max-width: calc(100% - 100px);
	margin: 0 auto 0 20px;
}
#tss1 .tab2content dt span~*{
	padding-top: 10px;
	width: 100%;
}
#tss1 .tab2content dt span:before{
	content: "";
	width: 100%;
	height: 15px;
	background: #fff94b;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
#tss1 .tab2content dd{
	text-align: center;
	width: 48%;
}
#tss1 .tab2content dd div>img:nth-of-type(1):nth-last-of-type(2),
#tss1 .tab2content dd div>img:nth-of-type(2):nth-last-of-type(1){
	max-width: 48%;
}
#tss1 .tab2content dd div>img:nth-of-type(1):nth-last-of-type(2){
	margin-right: 4%;
}
@media screen and (max-width: 1100px){
	#tss1 .tab2content dt span{
		font-size: 2.0rem;
	}
}
@media screen and (max-width: 900px){
	#tss1 .tab2content dt span{
		font-size: 1.8rem;
	}
	#tss1 .tab2content dt img{
		width: 60px;
	}
	#tss1 .tab2content dt span{
		font-size: 1.8rem;
		max-width: calc(100% - 70px);
		margin: 0 auto 0 10px;
	}
}
@media screen and (max-width: 768px){
	#tss2 .tab2 ul li a span{
		display: none;
	}
}
@media screen and (max-width: 700px){
	#tss1 .tab2wrapper .heading2{
		margin-bottom: 20px;
	}
	#tss1 .tab2content dl{
		padding: 20px 0;
		display: block;
	}
	#tss1 .tab2content dt{
		margin-bottom: 20px;
		width: auto;
	}
	#tss1 .tab2content dd{
		width: auto;
	}
}
@media screen and (max-width: 400px){
	#tss1 .tab2content dt img{
		width: 40px;
	}
	#tss1 .tab2content dt span{
		max-width: calc(100% - 50px);
	}
}

/*----------------------------ics-----------------------------------*/

#ics1{
	border-top: 1px solid #e0e0e0;
	padding-bottom: 0;
}
#ics1 .wrapper{
	max-width: 1300px;
	margin: 0 auto;
}
#ics1 .inner{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	position: relative;
}
#ics1 .inner>div{
	width: calc(50% - 60px);
}
#ics1 .inner:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: calc(50% - 50px);
	left: calc(50% - 15px);
	border-left: 30px solid #ffba00;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
}
#ics1 .inner+p{
	padding: 40px 0;
	text-align: center;
	font-size: 2.2rem;
	line-height: 1.5;
	color: #023692;
	font-weight: bold;
}
#ics1 .inner2{
	padding: 30px;
	border: 1px solid #e0e0e0;
	overflow: hidden;
}
#ics1 .inner2>*{
	float: left;
	width: 60%;
}
#ics1 .inner2 p:not(.cap){
	margin-bottom: 20px;
}
#ics1 .inner2>img{
	display: block;
	float: right;
	width: 37%;
}

#ics2 .wrapper{
	max-width: 1300px;
	margin: 0 auto;
	overflow: hidden;
	box-sizing: border-box;
}
#ics2 .wrapper .l .cap{
	margin-bottom: 30px;
}
@media screen and (max-width: 1000px){
	#ics1 .inner>div{
		width: calc(50% - 40px);
	}
}
@media screen and (max-width: 950px){
	#ics1 .inner2>*{
		float: none !important;
		width: auto !important;
	}
	#ics1 .inner2>img{
		width: 80%;
		margin: 0 auto 30px;
	}
	#ics1 .inner:after{
		top: calc(50% - 40px);
		left: calc(50% - 10px);
		border-left-width: 20px;
		border-top-width: 40px;
		border-bottom-width: 40px;
	}
}
@media screen and (max-width: 750px){
	#ics1 .inner+p{
		text-align: left;
		padding: 30px 0;
	}
	#ics1 .inner+p br{
		display: none;
	}
}
@media screen and (max-width: 630px){
	#ics1 .inner>div{
		width: calc(50% - 20px);
	}
	#ics1 .inner+p{
		padding: 20px 0;
	}
	#ics1 .inner:after{
		top: calc(50% - 30px);
		left: calc(50% - 7.5px);
		border-left-width: 15px;
		border-top-width: 30px;
		border-bottom-width: 30px;
	}
}
@media screen and (max-width: 450px){
	#ics1 .inner>div{
		width: calc(50% - 10px);
	}
	#ics1 .inner:after{
		top: calc(50% - 20px);
		left: calc(50% - 6px);
		border-left-width: 12px;
		border-top-width: 20px;
		border-bottom-width: 20px;
	}
}

/*----------------------------sumaashi-----------------------------------*/

#sumaashi1 .inner{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	counter-reset: num;
	margin-bottom: 20px;
}
#sumaashi1 .inner dl{
	width: 24.3%;
	border: 3px solid #0d89a2;
	padding: 15px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: center;
	text-align: left;
}
#sumaashi1 #sumaashi3 .inner dl{
	width: 49%;
}
#sumaashi1 .inner dl>*{
	display: block;
	width: 100%;
}
#sumaashi1 .inner dt{
	font-weight: 700;
	color: #0d89a2;
	font-size: 1.7rem;
	margin-bottom: 10px;
}
#sumaashi1 .inner dt:before{
	counter-increment: num;
	content: counter(num);
	display: inline-block;
	line-height: 1;
	background: #0d89a2;
	color: #fff;
	padding: 3px 7px;
	margin-right: 5px;
}
#sumaashi1 .inner dd *:nth-last-child(n+2){
	font-size: 1.4rem;
	line-height: 1.5;
	margin-bottom: 15px;
}
@media screen and (max-width: 980px){
	#sumaashi1 .inner dl{
		width: 49%;
	}
	#sumaashi1 #sumaashi2 .inner dl:nth-last-of-type(n+3){
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 750px){
	#sumaashi1, #sumaashi2 .inner dl{
		padding: 10px;
		padding-bottom: 40px;
	}
}
@media screen and (max-width: 450px){
	#sumaashi1 .inner dl{
		width: 100% !important;
		margin-bottom: 10px !important;
	}
	#sumaashi1 .inner dl:nth-last-of-type(1){
		margin-bottom: 0 !important;
	}
}


/*----------------------------メインスライドYouthube埋め込み-----------------------------------*/
.mu .slick-slide a {position: relative;}
.mu .slick-slide a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.mu .slick-slide a img{
	cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
	transition: 0.5s ease-out;
	transform: scale(1.02);
}
.mu .slick-slide a:hover img{
	transform: scale(1.08);
	opacity: 0.8;
}
.mu .slick-slide a[data-youtube]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 35px solid rgba(200,200,200,0.8);
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    position: absolute;
    top: calc(50% - 28px);
    left: calc(50% - 22.5px);
    z-index: 5;
    transition: 0.3s ease-in-out;
}
.mu .slick-slide a[data-youtube]:hover:before{
	border-left-color: rgba(255,255,255,1);
}
.mu .slick-slide a[data-youtube]::after{
    content: "";
    display: block;
    position: absolute;
	width:70px;
	height:70px;
    top: calc(50% - 40px);
    left: calc(50% - 50px);
	border: 5px solid rgba(200,200,200,0.8);
	border-radius: 100%;
}
.mu .slick-slide a[data-youtube]:hover:after{
	border-color: rgba(255,255,255,1);
}
.mu .slick-slide a[data-youtube]{
	overflow: hidden;
	max-height: 590px;
}



/*----------------------------event-bn-----------------------------------*/

#harrier-event-bn{
 width:100%;
 padding:30px 0px 30px 30px;
 background: #000;
 position: relative;
 overflow: hidden;
 height: 500px;
 -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#harrier-event-bn .bg{
	width:100%;
	position: relative;
	z-index: 0;
	height: 600px;
	text-align: right;
}
#harrier-event-bn .bg img{
	height: 100%;
	display:block;
	margin-left: auto;
}
.harrier-event-wrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	position: absolute;
  top: 0;
  left: 0;
  right: 0;
	padding: 0 15px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.harrier-event-wrap .title{
	margin-right: auto;
  width: 70%;
  max-width: 860px;
  padding: 40px 0 0 0px;
  margin-bottom: 30px;
  transition: 0.3s ease-in-out;
	z-index: 1;
	padding-left:120px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}

#harrier-event-bn .lbtn {
	width:100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom:20px;
}
#harrier-event-bn .lbtn a{
  display:block;
	background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
  transition: 0.5s;
  background-size: 200% auto;
	color: #fff;
  padding:20px 5px;
  width:100%;
  max-width: 500px;
  font-size: 1.8rem;
  text-align: center;
  font-weight: 600;
  color:#fff;
	margin: 0 auto;
  box-shadow: 0 0px 13px rgba(0,0,0,0.6);
   -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;
   -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#harrier-event-bn .lbtn a:hover{
  box-shadow: 0 0px 6px rgba(0,0,0,0.1);
	background-position: right center;
}

@media screen and (max-width: 1330px){
.harrier-event-wrap .title{
  width: 70%;
  max-width: 760px;
  padding: 40px 0 0 0px;
  padding-left:60px;
}
}
@media screen and (max-width: 980px){
	#harrier-event-bn{
	 padding:30px 0px 15px 30px;
	 background: #000;
	 height: 500px;
	}
	#harrier-event-bn .bg{
		height: 500px;
	}
}
@media screen and (max-width: 860px){
	.harrier-event-wrap .title{
	  width: 70%;
		padding-left:20px;
	}
}
@media screen and (max-width: 500px){
	#harrier-event-bn{
	 padding:30px 0px 15px 30px;
	 background: #000;
	 height: 280px;
	}
	#harrier-event-bn .bg{
		height: 280px;
	}
	#harrier-event-bn .bg img{
		height: auto;
	}
	.harrier-event-wrap .title{
	  width: 80%;
		padding-left:10px;
	}
	#harrier-event-bn .lbtn {
		padding:0 5px;
		-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	}
	#harrier-event-bn .lbtn a{
	  padding:15px 5px;
	  font-size: 1.8rem;
	}
}

/*--------------*/

#s_aqua_ev {
	padding:40px 10px;
  border-bottom: 1px solid #e0e0e0;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#s_aqua_ev .inner{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	max-width:1200px;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 20px;
}
#s_aqua_ev .inner .ev1{
	width:32%;
}
#s_aqua_ev .inner .ev2{
	width:63%;
}
#s_aqua_ev .inner .ev1 img{
	display:block;
	max-height:379px;
}
#s_aqua_ev .inner .ev2 img{
	display:block;
	max-height:379px;
}

@media screen and (max-width: 600px){
	#s_aqua_ev .inner .ev1{
		width:100%;
		margin-bottom: 20px;
	}
	#s_aqua_ev .inner .ev2{
		width:100%;
	}
	#s_aqua_ev .inner .ev1 img{
		display:block;
		max-height:379px;
		margin: 0 auto;
	}
	#s_aqua_ev .inner .ev2 img{
		display:block;
		max-height:379px;
		margin: 0 auto;
	}
}

/*--------------*/

#s_smcp {
	width:100%;
	padding:40px 10px;
  border-bottom: 1px solid #e0e0e0;
	background: url(/images/newcar/smcp/smallcar_bg.gif) 50% 50% no-repeat;
	background-size: cover;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#s_smcp .inner{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	max-width:1000px;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 auto;
}
#s_smcp .inner .smcp1{
	width:40%;
}
#s_smcp .inner .smcp2{
	width:60%;
}
#s_smcp .inner .smcp2 a{
	display:block;
}
#s_smcp .inner .smcp2 a:hover{
	filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;
}
@media screen and (max-width: 600px){
	#s_smcp {
		padding:20px 10px;
	}
}

/*--------------*/

#s_smcp2 {
	width:100%;
	padding:40px 10px;
	background-size: cover;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#s_smcp2 .inner{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	max-width:1300px;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 auto;
}
#s_smcp2 .inner .smcp1{
	width:45%;
	padding:0 15px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#s_smcp2 .inner .smcp2{
	width:55%;
	padding:0 15px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}

@media screen and (max-width: 680px){
	#s_smcp2 .inner .smcp1{
		width:100%;
		padding:0 0px;
		margin-bottom: 30px;
	}
	#s_smcp2 .inner .smcp2{
		width:100%;
		padding:0 0px;
	}
}

#s_ms{
	width:100%;
	border-bottom: 1px solid #e0e0e0;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#s_ms .wrapper {
	width:100%;
  max-width: 1500px;
  margin: 0 auto;
}

#s_ms .msw{
	width:100%;
	border: 10px solid #00708d;
	padding:15px;
	text-align: center;
	margin-bottom: 15px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#s_ms .msw h2{
	color:#00708d;
	margin-bottom: 15px;
}
#s_ms .cap{
	margin-bottom: 30px;
}
#s_ms .msul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	flex-wrap: wrap;
	justify-content: space-between;
}
#s_ms .msul li{
	width:47%;
}
#s_ms .msul li a{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding:30px 10px;
	background: rgba(0, 112, 141, 0.2);
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	transition: 0.3s ease-in-out;
}
#s_ms .msul li a h3{
	font-size: 24px;
	color:#00708d;
	margin-bottom: 5px;
}
#s_ms .msul li a p{
	font-size: 16px;
	font-weight: bold;
	display:inline-block;
	padding:2px 15px;
	background: #fff;
}
#s_ms .msul li a:hover{
	background: rgba(0, 112, 141, 0.4);
}

@media screen and (max-width: 1100px){
	#s_ms .msul li{
		width:48%;
	}
}
@media screen and (max-width: 860px){
	#s_ms .msw{
		text-align: left;
	}
}
@media screen and (max-width: 680px){
	#s_ms .msul li{
		width:100%;
	}
	#s_ms .msul li:first-of-type{
		margin-bottom: 20px;
	}
}

#s_carinfo{
	width:100%;
	padding:30px 15px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	border-bottom: 1px solid #e0e0e0;
}
#s_carinfo .clown-info{
	width:100%;
	max-width:800px;
	margin:0 auto;
	padding:15px;
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	background: #ffba00;
	border:4px solid #000;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}


#s_crown_cp{
	width:100%;
	padding:30px 15px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	border-bottom: 1px solid #e0e0e0;
}

#s_crown_cp .inbox {
	width:100%;
  max-width: 1500px;
  margin: 0 auto;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	border: 5px solid #252525;
	padding: 5px;
}
#s_crown_cp .inbox .tt{
	width:100%;
	padding:30px 15px;
	background: #252525;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	margin-bottom: 30px;
}
#s_crown_cp .inbox .tt img.pc{
	display:block;
	width:100%;
	max-width:980px;
	margin:0 auto;
}
#s_crown_cp .inbox .tt img.sp{
	display:none;
	width:100%;
	max-width:860px;
	margin:0 auto;
}

#s_crown_cp .inbox ul{
	width:100%;
  max-width: 1500px;
  display: flex;
	padding:0 30px;
	margin-bottom: 15px;
	justify-content: space-between;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#s_crown_cp .inbox ul li{
	width:31%;
}
#s_crown_cp .inbox ul li i{
	display:block;
	padding:2px;
	border: 1px solid #252525;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	margin-bottom: 15px;
}
#s_crown_cp .inbox ul li i img{
	display:block;
	width:100%;
	max-width:860px;
	margin:0 auto;
}
#s_crown_cp .inbox ul li p{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#s_crown_cp .inbox ul li p span{
	display:block;
	font-size: 14px;
}
#s_crown_cp .inbox p.ts{
	font-size: 14px;
	text-align: right;
}

@media screen and (max-width: 860px){
	#s_crown_cp .inbox .tt img.pc{
		display:none;
	}
	#s_crown_cp .inbox .tt img.sp{
		display:block;
	}
}
@media screen and (max-width: 680px){
	#s_crown_cp .inbox ul{
		flex-wrap: wrap;
		padding:0 15px;
	}
	#s_crown_cp .inbox ul li{
		width:100%;
		margin-bottom: 15px;
	}
}

#s_catalog .sbn{
  display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background: url(/images/webcatalog/bg.gif) 0 0 repeat;
  padding: 30px;
  margin-bottom: 15px;
  box-sizing: border-box;
}
#s_catalog .sbn .m1{
  width:60%;
}
#s_catalog .sbn .m2{
  width:35%;
}
#s_catalog .sbn + p{
  text-align: center;
	margin-bottom: 40px;
}
@media screen and (max-width: 680px){
  #s_catalog .sbn .m1{
    width:100%;
    margin-bottom: 20px;
  }
  #s_catalog .sbn .m2{
    width:100%;
  }
}
@media screen and (max-width: 500px){
  #s_catalog .sbn{
    padding: 15px;
  }
}

#s_catalog .inner-cat2{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	flex-wrap: wrap;
  align-items: center;
	margin-bottom: 20px;
}
#s_catalog .inner-cat2 .i{
	width:460px;
	text-align: center;
}
#s_catalog .inner-cat2 .i img{
	display:block;
	width:100%;
	max-width:400px;
	margin:0 auto 15px;
}
#s_catalog .inner-cat2 .btnarea{
	width:calc(100% - 460px);
}
#s_catalog .inner-cat2 .btnarea .btn2.mkbtn2{
	width:100%;
}
#s_catalog .inner-cat2 .btnarea .btn2.mkbtn2 a{
	min-width: 100%;
}
#s_catalog .inner-cat2 .btnarea .btn2.mkbtn2 p {
    padding-left: 90px;
    display: inline-block;
    text-align: left;
    position: relative;
}
#s_catalog .inner-cat2 .btnarea .btn2.mkbtn2 img {
    display: block;
    width: 46px;
    position: absolute;
    top: calc(50% - 25px);
    left: 10px;
}
#s_catalog .inner-cat2 .btnarea .btn2.mkbtn2 span {
    line-height: 1.1;
    display: block;
    margin-bottom: 7px;
    font-size: 2.7rem;
}
#s_catalog .inner-cat2 .btnarea .btn2.mkbtn2 i {
    display: block;
    font-size: 1.45rem;
    font-weight: 700;
}
#s_catalog .inner-cat2 .btnarea .btn2.mkbtn2 a {
    background: url(../images/cmn/bg.jpg);
    text-align: center;
    width: 100%;
    padding: 20px 10px;
    filter: hue-rotate(-20deg);
		margin: 0 0px 0px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#s_catalog .inner-cat2 .btnarea .btn2.mkbtn2 a:hover{
	opacity: 0.8;
}

@media screen and (max-width: 860px){
  #s_catalog .inner-cat2 .i{
		width:100%;
		margin-bottom: 30px;
	}
	#s_catalog .inner-cat2 .i img{
		display:block;
		width:100%;
		max-width:400px;
		margin:0 auto 15px;
	}
	#s_catalog .inner-cat2 .btnarea{
		width:100%;
	}
}
@media screen and (max-width: 650px){
	#s_catalog .inner-cat2 .i{
		margin-bottom: 15px;
	}
	#s_catalog .inner-cat2 .i img{
		margin:0 auto 10px;
	}
	#s_catalog .inner-cat2 .btnarea .btn2.mkbtn2 p {
	    padding-left: 0px;
	    text-align: center;
	}
  #s_catalog .inner-cat2 .btnarea .btn2.mkbtn2 img {
	    display: block;
	    width: 36px;
	    position: static;
	    top: 0;
	    left: 0px;
			margin:0 auto 8px;
	}
}

#s_cpbz4x{
	width:100%;
	padding:50px 0px;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	border-bottom: 1px solid #e0e0e0;
}
#s_cpbz4x .wrapper{
	width:100%;
	max-width:1300px;
	margin:0 auto;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	padding:0 50px;
}
#s_cpbz4x .wrapper dl{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 25px;
	border-radius: 8px;
	border: 10px solid #33b3e1;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#s_cpbz4x .wrapper dt{
	width:40%;
}
#s_cpbz4x .wrapper dt img{
	display:block;
	width:100%;
	max-width:600px;
	margin:0 auto;
}
#s_cpbz4x .wrapper dd{
	width:55%;
}
#s_cpbz4x .wrapper dd p{
	font-size: 18px;
	margin-bottom: 25px;
}
#s_cpbz4x .wrapper dd .btn{
	font-size: 18px;
	margin-bottom: 25px;
}
#s_cpbz4x .wrapper dd .btn a{
	background:#33b3e1;
	width:100%;
	max-width:250px;
	padding:15px 50px;
	border-radius: 3px;
	color:#fff;
	font-weight: bold;
}
@media screen and (max-width: 680px){
	#s_cpbz4x .wrapper{
		padding:0 25px;
	}
	#s_cpbz4x .wrapper dt{
		width:100%;
		margin-bottom: 40px;
	}
	#s_cpbz4x .wrapper dd{
		width:100%;
	}
}
@media screen and (max-width: 480px){
	#s_cpbz4x{
		padding:30px 0px;
	}
	#s_cpbz4x .wrapper{
		padding:0 15px;
	}
	#s_cpbz4x .wrapper dl{
		padding: 16px;
		border-radius: 8px;
		border: 5px solid #33b3e1;
	}
	#s_cpbz4x .wrapper dt{
		width:100%;
		margin-bottom: 20px;
	}
	#s_cpbz4x .wrapper dd{
		width:100%;
	}
	#s_cpbz4x .wrapper dd p{
		font-size: 16px;
		margin-bottom: 20px;
	}
}