@charset "utf-8";

/*------------------------------
	LP
------------------------------*/
/* common */
body{
	color:#333;
}
.section{
	max-width:inherit;
}
.section .inner{
	position:relative;
	max-width:1000px;
	margin:0 auto;
}
.button{
	width:562px;
	height:80px;
	margin:0 auto;
	border-radius:40px;
	background:#FFF;
}
.button a{
	width:562px;
	height:80px;
	background:url(../img/lp2/btn-common.svg) center no-repeat;
	font-size:0;
}
.button a:hover{
	transform:scale(1.05);
}
.button a::after{
	display:none;
}
.js-animation{
  opacity:0;
  visibility:hidden;
  transform:translateY(40px);
  transition:all .7s;
}
.js-animation.is-show{
  opacity:1;
  visibility:visible;
  transform:translateY(0px);
}
@media only screen and (max-width:767px){
	#main{
		overflow:hidden;
	}
	.button{
		width:293px;
		height:68px;
		background:transparent !important;
	}
	.button a{
		width:293px;
		height:68px;
		padding:0;
		background-image:url(../img/lp2/btn-common-sp.svg);
		background-size:contain;
		vertical-align:middle;
	}
	.button a:hover{
		opacity:1;
	}
}
@media only screen and (max-width:350px){
}

/* sec-hero */
.sec-hero{
	height:896px;
	background:url(../img/lp2/img-hero.jpg) center no-repeat;
	color:#FFF;
}
.sec-hero .inner{
	padding-top:40px;
	text-align:center;
}
.sec-hero .scroll{
	display:flex;
	flex-flow:column;
	align-items:center;
	margin-top:26px;
}
.sec-hero .scroll .mouse{
	position:relative;
}
.sec-hero .scroll .mouse::before{
	position:absolute;
	top:0;
	left:calc(50% - .5px);
	width:1px;
	height:10px;
	background: #FFF url(../img/lp2/icon-mouse-1.svg) center / 100% no-repeat;
	animation: extend-y 0.8s infinite alternate ease-in;
	content:"";
}
.sec-hero .scroll .mouse::after{
	position:absolute;
	top:8px;
	left:calc(50% - 3px);
	width:6px;
	height:11px;
	background:url(../img/lp2/icon-mouse-2.svg) center / 100% no-repeat;
	animation: move-y 0.8s infinite alternate ease-in-out;
	content:"";
}
.sec-hero .scroll .text{
	line-height:1.2;
}
@keyframes extend-y{
  0%{
    height:10px;
  }
  90%{
    height:15px;
  }
  100%{
    height:15px;
  }
}
@keyframes move-y{
  0%{
    transform:translateY(0);
  }
  90%{
    transform:translateY(5px);
  }
  100%{
    transform:translateY(5px);
  }
}
.sec-hero .notice{
	max-width:310px;
	margin:28px auto 0;
	font-size:12px;
	text-align:left;
}
@media only screen and (max-width:767px){
	.sec-hero{
		height:345px;
		background-size:cover;
	}
	.sec-hero .inner{
		display:flex;
		flex-flow:column;
		justify-content:space-around;
		height:100%;
		padding:5% 2%;
	}
	.sec-hero .scroll{
		display:none;
	}
	.sec-hero .notice{
		width:41.6%;
		font-size:10px;
		line-height:1.4;
	}
}

/* sec-first */
.sec-first{
	position:relative;
	overflow:hidden;
	padding:102px 0 110px;
	background:#F76B07;
	color:#FFF;
}
.sec-first .heading{
	position:relative;
}
.sec-first .heading::after{
	position:absolute;
	top:120px;
	left:calc(50% - 620px);
	width:1240px;
	height:358px;
	background:url(../img/lp2/img-first.jpg) center / contain no-repeat;
	content:"";
}
.sec-first .title{
	position:relative;
	z-index:1;
	text-align:center;
}
.sec-first .icon{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	position:relative;
	z-index:1;
	margin-top:40px;
}
.sec-first .icon img{
	margin:0 10px;
}
.sec-first .content{
	position:relative;
	z-index:2;
	max-width:672px;
	margin:22px auto 0;
}
.sec-first .content .text{
	font-size:18px;
}
.sec-first .content .button{
	width:616px;
	height:132px;
	margin-top:25px;
	background:transparent;
}
.sec-first .content .button a{
	width:596px;
	height:132px;
	margin-left:20px;
	background-image:url(../img/lp2/btn-top.png);
}
.sec-first .image{
	position:absolute;
	bottom:0;
	left:calc(50% - 550px);
	z-index:10;
}
@media only screen and (max-width:767px){
	.sec-first{
		padding:44px 4% 48px;
	}
	.sec-first .heading::after{
		top:inherit;
		bottom:0;
		left:calc(50% - 50vw);
		width:100vw;
		height:100%;
		background:url(../img/lp2/bg-first.jpg) center bottom / contain no-repeat;
	}
	.sec-first .icon{
		flex-wrap:wrap;
		margin-top:18px;
	}
	.sec-first .icon img{
		width:48.688%;
		margin:0;
	}
	.sec-first .icon img:nth-child(2){
		margin-left:2.624%;
	}
	.sec-first .icon img:nth-child(3){
		margin-top:-2.624%;
	}
	.sec-first .content .button{
		width:343px;
		height:80px;
		border-radius:40px;
		box-shadow:10px 10px 15px rgba(163,57,0,.5);
		background:#FFF;
	}
	.sec-first .content .button a{
		width:343px;
		height:80px;
		margin-left:0;
		background-image:url(../img/lp2/btn-common-sp.svg);
	}
}
@media only screen and (max-width:350px){
	.sec-first .content .button{
		position:relative;
		width:100%;
		height:0;
		padding-top:23.324%;
	}
	.sec-first .content .button a{
		position:absolute;
		top:0;
		left: 0;
		width:100%;
		height:100%;
	}
}

/* sec-point */
.sec-point{
	position:relative;
	overflow:hidden;
	padding:80px 0 270px;
	background:url(../img/lp2/bg-point.svg) center;
}
.sec-point::before{
	position:absolute;
	bottom:0;
	left:calc(50% - 960px);
	border-width:0 960px 104px 0;
	border-style:solid;
	border-color: transparent transparent #FFCE00 transparent;
	content:"";
}
.sec-point::after{
	position:absolute;
	right:calc(50% - 960px);
	bottom:0;
	border-width:0 0 104px 960px;
	border-style:solid;
	border-color: transparent transparent #FFCE00 transparent;
	content:"";
}
.sec-point .title{
	color:#E95506;
	font-weight:800;
	font-size:50px;
	line-height:1.2;
	text-align:center;
}
.sec-point .content .title{
	color:#F76B07;
	font-size:42px;
	line-height:1.34;
}
.sec-point .title span.image{
	display:block;
	line-height:36px;
}
.sec-point .content .title span.image{
	margin-bottom:20px;
}
.sec-point .title span.color{
	color:#333;
}
.sec-point .title em{
	font-size:80px;
	vertical-align:middle;
}
.sec-point .heading .list{
	max-width:740px;
	margin:20px auto 30px;
	padding:30px 48px 48px;
	border-radius:32px;
	background:#F76B07;
	color:#FFF;
	font-size:38px;
	line-height:1;
	text-align:left;
	white-space:nowrap;
}
.sec-point .heading .list li{
	position:relative;
	padding:14px 0 20px 80px;
	background:url(../img/lp2/bg-line.svg) right bottom no-repeat;
}
.sec-point .heading .list li:not(:first-child){
	margin-top:18px;
}
.sec-point .heading .list li span{
	position:absolute;
	top:0;
	left:0;
	width:70px;
	height:70px;
	border-radius:50%;
	background:#FFCE00;
	line-height:70px;
	text-align:center;
}
.sec-point .heading .text{
	font-size:21px;
	line-height:1.76;
}
@media only screen and (max-width:767px){
	.sec-point{
		padding:65px 4% 105px;
	}
	.sec-point .title{
		font-weight:bold;
		font-size:50px;
	}
	.sec-point .title span.image{
		line-height:25px;
	}
	.sec-point .heading .title span.image img{
		width:183px;
	}
	.sec-point .title span.color{
		display:block;
		margin-top:20px;
		font-size:9.2vw;
	}
	.sec-point .title em{
		margin-left:.25em;
		font-size:70px;
	}
	.sec-point .heading .list{
		margin-top:10px;
		margin-bottom:20px;
		padding:28px 16px 32px;
		font-size:21px;
		line-height:1.34;
		white-space:normal;
	}
	.sec-point .heading .list li{
		padding:5px 0 14px 54px;
		background:none;
	}
	.sec-point .heading .list li:not(:first-child){
		margin-top:12px;
	}
	.sec-point .heading .list li::after{
		position:absolute;
		right:0;
		bottom:0;
		width:calc(100% - 54px);
		height:5px;
		background:url(../img/lp2/bg-line.svg) right bottom no-repeat;
		content:"";
	}
	.sec-point .heading .list li span{
		width:48px;
		height:48px;
		font-size:33px;
		line-height:48px;
	}
	.sec-point .heading .text{
		font-size:18px;
		line-height:1.78;
		text-align:left;
	}
	.sec-point .content .title{
		font-size:31px;
		white-space:nowrap;
	}
}
@media only screen and (max-width:320px){
	.sec-point .content .title{
		font-size:8.4375vw;
	}
}

.sec-point .content{
	position:relative;
	max-width:1000px;
	margin:64px auto 40px;
	padding:60px;
	border:8px solid #FFCE00;
	border-radius:32px;
	background:#FFF;
	font-size:16px;
	line-height:1.75;
}
.sec-point .point1{
	margin-top:84px;
}
.sec-point .point3{
	margin-bottom:0;
}
.sec-point .content::before{
	position:absolute;
	top:-33px;
	left:calc(50% - 35px);
	width:70px;
	height:70px;
	border-radius:50%;
	background:#FFCE00;
	color:#FFF;
	font-size:38px;
	line-height:70px;
	text-align:center;
	content:"";
}
.sec-point .point1::before{
	content:"1";
}
.sec-point .point2::before{
	content:"2";
}
.sec-point .point3::before{
	content:"3";
}
.sec-point .content p{
	max-width:672px;
	margin:25px auto 0;
	letter-spacing:-.02em;
}
.sec-point .point2 .image.top + .text{
	position:relative;
	padding-right:230px;
}
.sec-point .point2 .image.top + .text::after{
	position:absolute;
	top:8px;
	right:0;
	width:198px;
	height:178px;
	background:url(../img/lp2/img-point-02-2.png) center / contain no-repeat;
	content:"";
}
.sec-point .point1 .bottom{
	max-width:672px;
	margin:18px auto 0;
	font-weight:bold;
	font-size:21px;
	line-height:2;
}
.sec-point .point1 .logo{
	display:inline-block;
	width:516px;
	height:47px;
	margin-top:4px;
	margin-right:4px;
	background:url(../img/lp2/img-logo.svg) center / contain no-repeat;
	font-size:0;
	vertical-align:text-bottom;
}
.sec-point .button{
	margin-top:28px;
}
.sec-point .point1 .button{
	width:672px;
	text-align:left;
}
.sec-point .point1 .button a{
	width:562px;
}
.sec-point .point1 .button + .image{
	position:absolute;
	right:-40px;
	bottom:0;
}
.sec-point .point2 .image{
	width:736px;
	margin:0 auto;
	text-align:center;
}
.sec-point .point2 .image.top{
	margin-top:30px;
	margin-bottom:20px;
}
.sec-point .point2 .image.middle{
	height:716px;
	margin-top:40px;
	padding-top:230px;
	background:url(../img/lp2/bg-point-02-1.png) center no-repeat;
}
.sec-point .point2 .image.middle .top{
	margin-top:0;
	font-weight:bold;
	font-size:25px;
}
.sec-point .point2 .image.middle .top .image{
	display:block;
	width:100%;
}
.sec-point .point2 .image.middle .bottom{
	margin-top:20px;
}
.sec-point .point2 .figure{
	margin-top:26px;
}
.sec-point .point2 .image.middle + .bottom{
	margin-top:24px;
}
.sec-point .point2 .decision{
	margin-top:0;
	font-weight:800;
	font-size:42px;
	text-align:center;
}
.sec-point .point2 .image.bottom{
	height:430px;
	margin-top:10px;
	padding-top:70px;
	background:url(../img/lp2/bg-point-02-2.png) center no-repeat;
}
.sec-point .point2 .image.bottom .text{
	margin-top:0;
	font-size:21px;
	line-height:1.5;
}
.sec-point .point2 .image.bottom .image{
	display:block;
	width:100%;
	margin-top:20px;
}
.sec-point .point2 .image.bottom .strong{
	font-weight:800;
	font-size:42px;
}
.sec-point .point2 .button{
	width:672px;
	height:120px;
	margin-top:34px;
}
.sec-point .point2 .button a{
	width:562px;
	margin:15px 0 0 110px;
}
.sec-point .point2 .button + .image{
	position:absolute;
	bottom:0;
	left:-30px;
	width:auto;
}
.sec-point .point3 .list{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	margin-top:32px;
}
.sec-point .point3 .list li{
	margin:0 10px;
}
.sec-point .point3 p{
	letter-spacing:0;
}
.sec-point .point3 strong{
	display:block;
	margin:8px 0;
	font-weight:bold;
	font-size:24px;
}
.sec-point .point3 .image.middle{
	width:736px;
	margin:38px auto 0;
}
.sec-point .point3 .image.middle + .text{
	margin-top:0;
}
.sec-point .point3 .bottom{
	margin-top:20px;
	color:#F76B07;
	font-weight:bold;
	font-size:24px;
	line-height:1.67;
}
@media only screen and (max-width:767px){
	.sec-point .content{
		margin:44px auto;
		padding:68px 18px 40px;
		font-size:14px;
		line-height:1.71;
	}
	.sec-point .content p{
		margin-top:20px;
	}
	.sec-point .button{
		margin-top:25px;
	}
	.sec-point .car-list + .button{
		margin-top:30px;
	}
	.sec-point .content .title span.image img{
		vertical-align:middle;
	}
	.sec-point .point1{
		margin-top:50px;
	}
	.sec-point .point1 .title span.image img{
		width:230px;
	}
	.sec-point .point1 .bottom{
		margin-top:12px;
		font-size:18px;
		line-height:1.45;
	}
	.sec-point .point1 .logo{
		width:100%;
		max-width:293px;
		height:26px;
		margin:8px 0 10px;
	}
	.sec-point .point1 .button + .image{
		display:none;
	}
	.sec-point .point1 .button,
	.sec-point .point1 .button a{
		width:293px;
		height:68px;
	}
	.sec-point .point2 .title .image{
		width:100%;
	}
	.sec-point .point2 .title .image img{
		max-width:281px;
	}
	.sec-point .point2 .image.top{
		display:none;
	}
	.sec-point .point2 .image.top + .text{
		padding-right:0;
		padding-bottom:200px;
	}
	.sec-point .point2 .image.top + .text::after{
		top:inherit;
		bottom:0;
		left:0;
		margin:0 auto;
	}
	.sec-point .point2 .image{
		width:100%;
	}
	.sec-point .point2 .image.middle{
		position:relative;
		width:calc(100% + 36px);
		height:auto;
		margin:25px -18px 0;
		padding:35.714% 10px 20px;
		background:url(../img/lp2/bg-point2-1.png) center top / contain no-repeat;
	}
	.sec-point .point2 .image.middle::after{
		position:absolute;
		bottom:0;
		left:0;
		z-index:-1;
		width:100%;
		padding-top:48.624%;
		background:url(../img/lp2/bg-point2-2.png) center bottom / contain no-repeat;
		content:"";
	}
	.sec-point .point2 .image.middle .top{
		font-size:16px;
	}
	.sec-point .point2 .image.middle .top .image{
		max-width:296px;
		margin:4px auto 6px;
	}
	.sec-point .point2 .image.middle .bottom{
		margin-top:0;
	}
	.sec-point .point2 .figure{
		margin-top:5px;
		text-align:center;
	}
	.sec-point .point2 .figure img{
		width:100%;
		max-width:308px;
		margin:0 auto;
	}
	.sec-point .point2 .decision{
		font-size:28px;
		letter-spacing:-.02em;
		white-space:nowrap;
	}
	.sec-point .point2 .image.bottom{
		height:auto;
		margin-top:5px;
		padding-top:0;
		background:none;
	}
	.sec-point .content .button{
		width:100%;
	}
	.sec-point .point2 .button{
		width:100%;
		height:auto;
		margin-top:20px;
	}
	.sec-point .content .button a{
		width:100%;
	}
	.sec-point .point2 .button a{
		width:100%;
		margin:15px 0 0;
	}
	.sec-point .point2 .button + .image{
		display:none;
	}
	.sec-point .content .title span.image img{
		margin:0 auto;
	}
	.sec-point .content .title .sp-small{
		display:block;
		margin:8px -18px 0;
		font-size:18px;
		text-align:center;
	}
	.sec-point .point3 .list{
		flex-wrap:wrap;
		margin-top:20px;
	}
	.sec-point .point3 .list li{
		width:47.099%;
		margin:0;
	}
	.sec-point .point3 .list li:nth-child(2){
		margin-left:5.802%;
	}
	.sec-point .point3 .list + p{
		margin-top:25px;
		letter-spacing:-.02em;
	}
	.sec-point .point3 strong{
		margin:2px 0 4px;
	}
	.sec-point .point3 .image.middle + .text{
		letter-spacing:-.02em;
	}
	.sec-point .point3 .image.middle + p strong{
		margin:10px 0;
		line-height:1.34;
	}
	.sec-point .point3 .image.middle{
		width:100%;
		margin-top:25px;
	}
	.sec-point .point3 .bottom{
		font-size:21px;
		line-height:1.47;
	}
}
@media only screen and (max-width:320px){
	.sec-point .point2 .title .image img{
		max-width:100%;
	}
	.sec-point .point2 .decision{
		font-size:7.8125vw;
		letter-spacing:-.02em;
	}
	.sec-point .content .title .sp-small{
		font-size:5vw;
	}
}

/* sec-stop */
.sec-stop{
	position:relative;
	padding-bottom:212px;
	background:#FFCE00;
}
.sec-stop .heading{
}
.sec-stop .heading .title{
	display:block;
	position:relative;
	top:-160px;
	margin-bottom:-150px;
}
.sec-stop .list{
	max-width:672px;
	margin: 50px auto 0;
}
.sec-stop .list li:not(:first-child){
	margin-top:33px;
}
.sec-stop .voice{
	display:flex;
	align-items:center;
}
.sec-stop .answer{
	display:flex;
	flex-flow:row-reverse;
	align-items:flex-start;
	margin-top:-4px;
}
.sec-stop .voice .text{
	display:flex;
	align-items:center;
	position:relative;
	width:442px;
	margin-left:23px;
	padding:18px;
	border:1px solid #333;
	border-radius:8px;
}
.sec-stop .voice .text::before{
	position:absolute;
	top:calc(50% - 5px);
	left:-20px;
	border-width:5px 10px 5px 10px;
	border-style:solid;
	border-color:transparent #333 transparent transparent;
	content:"";
}
.sec-stop .answer .text{
	display:flex;
	align-items:center;
	position:relative;
	width:442px;
	margin-top:12px;
	margin-right:23px;
	padding:12px 20px;
	border-radius:8px;
	background:#FFF;
	color:#F76B07;
	font-weight:bold;
	font-size:21px;
	line-height:1.5;
}
.sec-stop .answer .text::before{
	position:absolute;
	top:22px;
	right:-20px;
	border-width:5px 10px 5px 10px;
	border-style:solid;
	border-color:transparent transparent transparent #FFF;
	content:"";
}
.sec-stop .list li .image{
	width:80px;
	line-height:1.2;
	text-align:center;
}
@media only screen and (max-width:767px){
	.sec-stop{
		padding:0 4% 118px;
	}
	.sec-stop .heading{
		margin:0;
		text-align:left;
	}
	.sec-stop .heading .title{
		top:-100px;
		margin-bottom:-95px;
	}
	.sec-stop .list{
		margin-top:25px;
	}
	.sec-stop .list li:nth-child(3){
		margin-top:12px;
	}
	.sec-stop .voice{
		align-items:flex-start;
	}
	.sec-stop .answer{
		margin-top:8px;
	}
	.sec-stop .list li:nth-child(2) .answer{
		margin-top:-4px;
	}
	.sec-stop .text{
		font-size:16px;
		line-height:1.75;
	}
	.sec-stop .voice .text,
	.sec-stop .answer .text{
		width:calc(100% - 103px);
		margin-top:12px;
	}
	.sec-stop .answer .text{
		padding:15px;
		font-size:18px;
		line-height:1.55;
		letter-spacing:-.02em;
	}
	.sec-stop .voice .text::before{
		top:22px;
	}
}

/* sec-carlist */
.sec-carlist .heading .image{
	position:relative;
	top:-124px;
	margin-bottom:-60px;
}
.sec-carlist .heading .title{
	font-weight:bold;
	font-size:32px;
	line-height:2;
}
.sec-carlist .heading .logo{
	display:inline-block;
	width:568px;
	height:51px;
	margin:0 0.25rem;
	background:url(../img/img-logo.svg) center center / contain no-repeat;
	font-size:0;
	vertical-align:text-bottom;
}
.sec-carlist .heading .text{
	margin-top:20px;
	font-size:21px;
	line-height:1.76;
}
.sec-carlist .button{
	width:738px;
	height:96px;
	margin:50px auto 65px;
}
.sec-carlist .button a{
	width:738px;
	height:96px;
	background-size:contain;
}
@media only screen and (max-width:767px){
	.sec-carlist{
		padding:0 4%;
	}
	.sec-carlist .heading .image{
		top:-65px;
		margin-bottom:-40px;
		padding:0 6.934%;
	}
	.sec-carlist .heading .title{
		font-size:23px;
		line-height:1.52;
	}
	.sec-carlist .heading .logo{
		max-width:308px;
		max-height:28px;
		margin:0 0 10px;
	}
	.sec-carlist .heading .title .sp-small{
		display:inline-block;
		margin-bottom:10px;
		font-size:17px;
		vertical-align:text-bottom;
	}
	.sec-carlist .heading .text{
		font-size:18px;
		line-height:1.78;
		text-align:left;
	}
	.sec-carlist .button,
	.sec-carlist .button a{
		width:293px;
		height:68px;
	}
}
@media only screen and (max-width:767px){
	.sec-carlist .heading .logo{
		max-width:100%;
	}
}

/* car-list */
.car-list{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	max-width:1100px;
	margin:40px auto 0;
}
.sec-point .point3 .car-list{
	max-width:820px;
}
.box-content .car-list{
	margin:0 -60px;
}
.car-list li{
	position:relative;
	width:calc((100% - 60px) / 4);
	margin-bottom:1rem;
}
.sec-point .point3 .car-list li{
	width:calc((100% - 40px) / 3);
}
.car-list li:not(:nth-child(4n)){
	margin-right:20px;
}
.sec-point .point3 .car-list li:last-child{
	margin-right:0;
}
.car-list li > a{
	display:block;
}
.car-list li .image{
	position:relative;
	height:240px;
	overflow:hidden;
}
.car-list li .image > img{
	position:absolute;
	top:50%;
	left:50%;
  width:100%;
	transform:translate(-50%,-50%);
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
.car-list li a:hover .image > img{
  transform:translate(-50%,-50%) scale(1.075,1.075);
}
.car-list li .image span.ranking{
  display:block;
  position:absolute;
  right:0;
  bottom:0;
  width:110px;
  height:110px;
}
.car-list li .icon{
	position:absolute;
	top:0;
	left:0;
}
.car-list li .icon img{
	width:44px;
	height:44px;
	margin-left:5px;
}
.car-list li .title,
.sec-point .content .car-list li .title{
	margin-top:0;
	color:#333;
	font-weight:700;
	font-size:14px;
	text-align:left;
}
.sec-point .content .car-list p{
	margin-top:0;
	line-height:inherit;
}
.car-list li .price{
	color:#E95505;
	font-weight:700;
}
.car-list li .num{
	font-family:'Roboto', sans-serif;
	line-height:1;
}
.car-list li .monthly{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-bottom:.25rem;
	border-bottom:2px solid #E95505;
	font-size:16px;
	line-height:1.4;
	white-space:nowrap;
}
.car-list li .monthly > .num{
	margin-right:.5rem;
	margin-bottom:.5rem;
	font-size:50px;
	letter-spacing:-.05rem;
}
.car-list li .monthly .txt .num,
.car-list li .bonus .num,
.car-list li .value .num{
	font-size:20px;
	vertical-align:-1px;
}
.car-list li .monthly .txt{}
.car-list li .monthly .tax{
	margin:0 -.25em;
	font-size:13px;
	vertical-align:1px;
}
.car-list li .payment{
	font-size:15px;
}
.car-list li .note{
	margin-top:.5rem;
	text-align:center;
}
.car-list li .note .row{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	margin-top:2px;
	margin-right:-1px;
}
.car-list li .note .row + .row{
}
.car-list li .note .col{
	width:100%;
	margin:0 1px;
	padding:6px .5rem;
	background:#E95505;
	color:#FFF;
	font-weight:500;
	font-size:13px;
	line-height:1.2;
}
.car-list li .note .col br{
	display:none;
}
.car-list li .button{
	position:relative;
	width:100%;
	margin-top:.5rem;
	border-radius:5px;
	background:#E95505;
	color:#FFF;
	font-weight:500;
	font-size:14px;
	line-height:46px;
  -webkit-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
.car-list li .button::after{
	position:absolute;
	top:calc(50% - 8px);
	right:20px;
	width:0;
	height:0;
	border-left:8px solid #FFF;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	content:"";
}
@media only screen and (max-width:767px){
	.car-list{
		display:block;
		margin:30px -18px 0;
	}
	.car-list li,
	.sec-point .point3 .car-list li{
		width:235px;
		margin:0 10px;
	}
	.car-list li:not(:nth-child(4n)){
		margin:0 10px;
	}
	.car-list li .image{
		height:0;
		padding-top:65%;
	}
	.car-list li a:hover .image > img{
		transform:translate(-50%,-50%);
	}
  .car-list li .image span.ranking {
    width:64px;
    height:64px;
  }
	.car-list li .icon img{
		display:inline-block;
		width:30px;
	}
	.car-list li .title{
		font-size:11px;
	}
	.car-list li .price{
		letter-spacing:0;
	}
	.car-list li .monthly{
		margin-bottom:.5rem;
		font-size:12px;
	 }
	.car-list li .monthly > .num{
		margin-right:4px;
		font-size:28px;
	}
	.car-list li .monthly .tax,
	.car-list li .bonus .tax,
	.car-list li .value .tax{
		font-size:11px;
	}
	.car-list li .monthly .txt .num,
	.car-list li .bonus .num,
	.car-list li .value .num{
		font-size:14px;
		vertical-align:0;
	}
	.car-list li .payment{
		font-size:12px;
	}
	.car-list li .bonus,
	.car-list li .value{
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		font-size:12px;
	}
	.car-list li .bonus dt,
	.car-list li .value dt{
		width:100%;
		margin-top:.25rem;
		line-height:1.4;
	}
	.car-list li .bonus dd{
		font-size:12px;
	}
	.car-list li .bonus dd:not(.time),
	.car-list li .value dd{
		width:auto;
		text-align:left;
	}
	.car-list li .note .col{
		padding:4px;
		font-size:11px;
	}
	.car-list li .note .col br{
		display:block;
	}
	.car-list li .button{
		font-size:13px;
		line-height:40px;
	}
	.car-list li .button::after{
		right:12px;
	}
	.slick-dots{
		width:100%;
		margin-top:10px;
		text-align:center;
	}
	.slick-dots li{
		display:inline-block;
		width:12px !important;
		height:12px;
		margin:0 6px !important;
		cursor:pointer;
	}
	.slick-dots li button{
		font-size:0;
		display:block;
		width:16px;
		height:16px;
		padding:0;
		cursor:pointer;
		border:0;
		outline:none;
		border-radius:50%;
		background:#D2D2D2;
	}
	.slick-dots li.slick-active button{
		background:#E95505;
	}
}

/* tab-list */
.tab-list{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	max-width:740px;
	margin:80px auto 20px;
	text-align:center;
}
.tab-list li{
	position:relative;
	width:calc((100% - 16px) / 3);
	margin:4px 0;
	padding:0;
	border:2px solid #E95506;
	border-radius:4px;
	color:#E95506;
	font-weight:700;
	font-size:22px;
	cursor:pointer;
}
.tab-list li a{
	display:block;
	padding:10px 0;
	color:#E95506;
}
.tab-list li span{
	display:block;
	font-weight:500;
	font-size:14px;
}
@media only screen and (max-width:767px){
	.tab-list{
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		margin:40px 0 0;
	}
	.tab-list li{
		width:100%;
		margin:5px;
		font-size:22px;
		line-height:1.4;
	}
	.tab-list li span{
		font-size:14px;
	}
}

/* shop-list */
.shop-list{
	max-width:1000px;
	margin:0 auto;
}
.shop-list > li{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:50px;
}
.shop-list li .image{
	width:31.2%;
}
.shop-list li .text{
	width:65.8%;
}
.shop-list li .shop{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:2px solid #CCC;
	font-weight:500;
	font-size:28px;
}
.shop-list li .shop a{
	display:flex;
	align-items:center;
}
.shop-list li .shop .area{
	display:inline-block;
	width:92px;
	margin-right:10px;
	padding:5px;
	border-radius:15px;
	background:#E43C00;
	color:#FFF;
	font-size:17px;
	line-height:1.2;
	text-align:center;
}
.shop-list li .info li{
	display:flex;
	align-items:flex-start;
	margin-top:5px;
	font-size:16px;
}
.shop-list li .info .url{
	margin-top:10px;
}
.shop-list li .info li::before{
	display:inline-block;
	width:20px;
	height:20px;
	margin:4px 5px 4px 0;
	content:"";
}
.shop-list li .info .tel::before{
	background:url(../img/lp2/icon-01.svg) center / contain no-repeat;
}
.shop-list li .info .open::before{
	background:url(../img/lp2/icon-02.svg) center / contain no-repeat;
}
.shop-list li .info .close::before{
	background:url(../img/lp2/icon-03.svg) center / contain no-repeat;
}
.shop-list li .info .url::before{
	display:none;
}
.shop-list li .info .url a{
	display:inline-block;
	border:1px solid #707070;
	border-radius:4px;
}
@media only screen and (max-width:767px){
	.shop-list > li{
		width:100%;
		margin-top:40px;
	}
	.shop-list li .image,
	.shop-list li .text{
		width:100%;
	}
	.shop-list li .image img{
		width:100%;
	}
	.shop-list li .text{
		margin-top:15px;
	}
	.shop-list li .shop{
		font-size:22px;
	}
	.shop-list li .shop .area{
		width:80px;
		padding:4px;
		font-size:13px;
	}
	.shop-list li .shop a{
		flex-flow:column;
		align-items:flex-start;
	}
	.shop-list li .info li{
		font-size:16px;
		line-height:1.6;
	}
	.shop-list li .info .url{
		margin-top:12px;
	}
	.shop-list li .info li::before{
		margin-top:2px;
		margin-bottom:2px;
	}
}

/* go-top */
.go-top{
	position:relative;
	max-width:980px;
	margin:0 auto;
}
.go-top a{
	display:block;
	position:absolute;
	right:0;
	bottom:0;
}
@media only screen and (max-width:767px){
	.go-top{
		display:none;
	}
}

/* footer */
#footer{
	margin-bottom:0;
	padding:30px 0 20px;
	text-align:center;
}
#footer .site-logo{
	display:inline-block;
	width:300px;
	height:48px;
}
#footer .site-logo a{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}
#footer .site-logo a::after{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/lp2/logo.svg) center / contain no-repeat;
	content:'';
}
#footer .copyright{
	color:#333;
	font-size:11px;
	text-align:center;
}
@media only screen and (max-width:767px){
	#footer{
		margin-top:0;
		margin-bottom:54px;
		padding:20px 0 10px;
	}
	#footer .copyright{
		margin-top:0;
	}
}

/* fixed-menu */
#fixed{
	top:160px;
	right:0;
	bottom:inherit;
	left:inherit;
	width:48px;
	padding:0;
	background:transparent;
}
#fixed .list{
	flex-flow:column-reverse;
	width:48px;
}
#fixed .list li{
	width:48px;
	height:210px;
	border-right:0;
	line-height:1;
}
#fixed .list li:first-child{
	margin-top:5px;
	border-left:0;
}
#fixed .list li .form::before,
#fixed .list li a::before{
	display:none;
}
#fixed .list li a{
	line-height:1;
}
#fixed .list li a img{
	-webkit-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
#fixed .list li a:hover img{
	opacity:0.8;
}
@media only screen and (max-width:767px){
	#fixed{
		top:inherit;
		right:inherit;
		bottom:0;
		left:0;
		width:100%;
		background:#E95506;
	}
	#fixed .list{
		flex-flow:row;
		justify-content:space-between;
		width:100%;
	}
	#fixed .list li,
	#fixed .list li:last-child{
		width:50%;
		height:54px;
	}
	#fixed .list li:first-child{
		position:relative;
		margin-top:0;
	}
	#fixed .list li:first-child::after{
		position:absolute;
		top:calc(50% - 12px);
		right:0;
		width:1px;
		height:24px;
		background:#FFF;
		content:"";
	}
	#fixed .list li a{
		display:flex;
		justify-content:center;
		align-items:center;
		height:100%;
		padding:0 5px;
	}
}