@charset "UTF-8";

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

FONT

------------------------------------------ */
.ftLato{
	font-weight: 700;
	font-family: 'Lato';
}
.ftColor{
	color: #F47B45;
}


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

section title

------------------------------------------ */
.secTtl{
	text-align: center;
	font-size: 26px;
	font-weight: 900;
	letter-spacing: 1.4px;
}
.secTtl  span{
	text-align: center;
	font-size: 18px;
	font-weight: 900;
	vertical-align: 14px;
}
.secTtl img{
	width: 146px;
	margin:  0 -5px 12px 0; 
}
.secTxt{
	font-size: 14px;
	text-align: center;
	padding: 26px 20px;
}

@media print, screen and (min-width: 768px){
	.secTtl{
		font-size: 32px;
	}
	.secTxt{
		font-size: 16px;
		text-align: center;
		padding: 40px 0 47;
	}
}


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

 contact link

------------------------------------------ */
.contactButton{
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	background: #F47B45;
	border-radius: 50px;
	text-decoration:none;
	padding: 21px 55px;
	position: relative;
	display: block;
	transition: all .4s;
}
.contactButton:hover{
	opacity: 0.5;	
}
.contactButton img{
	position: absolute;
	top: 36%;
	right: 7%;
}
@media print, screen and (min-width: 768px){
	.contactButton{
		font-size: 25px;
		padding: 30px 0;
		width: 550px;
		margin: 0 auto;
	}
	.contactButton img{
		width: 34px;
		top: 34%;
		right: 5%;
	}
}

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

image

------------------------------------------ */
.imgPc{
	display: none;
}

@media print, screen and (min-width:768px){
	.imgPc{
		display: block;
	}
	.imgSp{
		display: none;
	}
}
/* ------------------------------------------ 

 Decoration

------------------------------------------ */
.decoBorder{
	border-top: 1px solid #DEDEDE;
	display: block;
	margin-bottom: 30px;
}


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

MV

------------------------------------------ */
.secMv{
	text-align: center;
	padding: 15px 20px 30px;
}
.secMv p{
	font-size: 16px;
	text-align: left;
	margin-top: 30px;
	line-height: 1.7;
}
.secMv .img{
	width: 313px;
	margin: 0 auto;
	padding-top: 40px;
}
@media print, screen and (min-width: 768px){
	.secMv p{
		text-align: center;
	}
}
@media print, screen and (min-width: 960px){
	.secMv{
		text-align: center;
		padding: 50px 0 65px;
	}
	.secMv .mvInner{
		width: 960px;
		margin: 0 auto;
		position: relative;
	}
	.secMv h1{
		margin: 0 auto;
		max-width: 960px;
	}
	.secMv p{
		line-height: 1.9;
		font-size: 18px;
		letter-spacing: 1px;
		margin-top: 45px;
	}
}

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

About

------------------------------------------ */
.secAbout .innerSec{
	padding: 20px;
}
.secAbout .innerSec h4{
	font-weight: 900;
	text-align: center;
	padding-bottom: 20px;
	position: relative;
	font-size: 18px;
}
.secAbout .innerSec h4::after{
	content: "";
	display: block;
	position: absolute;
	background: #60B8BC;
	height: 3px;
	width: 193px;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
@media print, screen and (min-width: 960px){
	.secAbout{
		width: 960px;
		margin: 0 auto;
	}
}
/* ------------------------------------------ 
About Head
------------------------------------------ */
.secAbout .aboutHead{
	padding: 36px 20px 45px;
} 
.secAbout .aboutHead li{
	border-radius: 10px;
	border: 1px solid #DEDEDE;
	position: relative;
	padding: 25px;
	margin-bottom: 30px;
}
.secAbout .aboutHead li:last-child{
	margin-bottom: 0;
}
.secAbout .aboutHead li .num{
	position: absolute;
	border-radius: 100%;
	width: 27px;
	height: 27px;
	line-height: 27px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	top: -14px;
	left: -14px;
	background: #F47B45;
}
.secAbout .aboutHead li strong{
	font-weight: 700;
	font-size: 22px;
}
.secAbout .aboutHead li .txt{
	font-size: 14px;
	padding-top: 12px;
	line-height: 1.3;
}
.secAbout .aboutHead li .txt span{
	display: none;
}
.secAbout .aboutHead li .notes{
	font-size: 10px;
	padding-top: 10px;
	line-height: 1;
}
.secAbout .aboutHead li .priceBox,
.secAbout .aboutHead li img,
.secAbout .aboutHead li .box{
	position: absolute;
}
.secAbout .aboutHead li .priceBox{
	top: 48px;
	right: 33px;
	font-weight: 700;
	font-size: 32px;
}
.secAbout .aboutHead li .priceBox span{
	font-size: 92px;
}
.secAbout .aboutHead li img{
	right: 22px;
	top: 32px;
	width: 120px;
}
.secAbout .aboutHead li .box{
	font-weight: 700;
	text-align: center;
	right: 20px;
	top: 18px;
	width: 120px;
	background: #F4F4F4;
	border-radius: 12px;
	letter-spacing: 0.1px;
	padding: 8px 3px;
	line-height: 1.4;
}

@media print, screen and (min-width: 960px){
	.secAbout .aboutHead{
		padding: 60px 0;
		display: flex;
		justify-content: space-between;
	} 
	.secAbout .aboutHead li{
		width: 300px;
		margin-bottom: 0;
		padding-top: 45px;
		text-align: center;
	}
	.secAbout .aboutHead li .num{
		width: 40px;
		height: 40px;
		line-height: 40px;
		top: -20px;
		left:0;
		right: 0;
		margin: auto;
		font-size: 22px;
	}
	.secAbout .aboutHead li strong{
		font-size: 26px;
	}
	.secAbout .aboutHead li .txt{
		padding-top: 20px;
	}
	.secAbout .aboutHead li .txt span{
		display: inline;
	}
	.secAbout .aboutHead li .notes{
		padding-top: 30px;
	}
	.secAbout .aboutHead li .priceBox,
	.secAbout .aboutHead li img,
	.secAbout .aboutHead li .box{
		position: static;
	}
	.secAbout .aboutHead li:last-child{
		padding-bottom: 25px;
	}
	.secAbout .aboutHead li .priceBox{
		font-size: 46px;
		padding-top: 70px;
	}
	.secAbout .aboutHead li .priceBox span{
		font-size: 140px;
	}
	.secAbout .aboutHead li img{
		width: 192px;
		padding-top: 36px;
	}
	.secAbout .aboutHead li .box{
		width: 230px;
		margin: 30px auto 0;
		padding: 32px 28px;
		line-height: 1.7;
		letter-spacing: 1.2px;
	}
	.secAbout .aboutHead li .box .ftColor{
		line-height: 77px;
		font-size: 16px;
	}
	.secAbout .aboutHead li .box .inner{
		margin-top: 10px;
	}
	.secAbout .aboutHead li .box .inner p{
		width: 49%;
		font-size: 14px;
		padding: 16px 0;
	}
	.secAbout .aboutHead li .box .inner p span{
		font-size: 14px;
		padding-top: 5px;
	}
}

/* ------------------------------------------ 
 Plan
------------------------------------------ */
.secPlanFree{
	padding-bottom: 45px;
}
.secPlanFree .exaCar{
	font-size: 16px;
}
.secPlanFree .exaCar strong{
	font-weight: bold;
}
.secPlanFree .secTxt{
	text-align: center;
}
.secPlanFree table{
	width: 100%;
	border-bottom: 1px solid #DEDEDE;
	text-align: center;
}
.secPlanFree table th,
.secPlanFree table td{
	display: block;
	font-weight: 700;
}
.secPlanFree table th{
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	background: #FFF0EB;
	font-size: 14px;
	line-height: 30px;
}
.secPlanFree table td{
	padding: 10px;
	vertical-align: middle;
}
.secPlanFree table .double td{
	display: inline-block;
	width: 50%;
}
.secPlanFree table .double td:nth-of-type(2){
	border-left: 1px solid #DEDEDE;
}
.secPlanFree table .double.reverse td:nth-of-type(1){
	border-right: 1px solid #DEDEDE;
}
.secPlanFree table .double.reverse td:nth-of-type(2){
	border-left: none;
}
.secPlanFree table td .head{
	display: inline-block;
	line-height: 1;
	font-size: 12px;
	color: #fff;
	padding: 7px 10px;
	position: relative;
	background: #0A0E1F;
	border-radius: 6px;
	margin-bottom: 10px;
}
.secPlanFree table td .head::after{
	content:"";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 3px 5px 3px;
	border-color: transparent transparent #0A0E1F transparent;
	bottom: -5px;
	right: 0px;
	left: 0;
	margin: auto;
	transform:rotate(180deg);
}
.secPlanFree table tr:nth-of-type(3) td .head{
	display:block;
	width: 155px;
	margin: 0 auto 10px;
}
.secPlanFree table td .price{
	position: relative;
	display: inline-block;
	font-size: 20px;
}
.secPlanFree table td .price .ftLato{
	font-size: 40px;
}
.secPlanFree table td .price .tax{
	font-size: 10px;
	position: absolute;
	right: -1px;
	top: -8px;
}
.secPlanFree table .monthly td .price{
	font-size: 14px;
}
.secPlanFree table .monthly td .price .ftLato{
	font-size: 28px;
}
.secPlanFree table .monthly  td .price .tax{
	right: -6px;
	top: -8px;
}
.secPlanFree table .monthly td .year{
	font-size: 13px;
	padding-right: 5px;
}
.secPlanFree table .monthly td .year span{
	font-size: 18px;
}
.secPlanFree table .monthly td .priceBox li{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}
.secPlanFree table td .txt{
	font-size: 18px;
}
.secPlanFree table td .txt .plus{
	display: block;
}
.secPlanFree table td .notes{
	font-size: 12px;
	font-weight: normal;
	display: block;
	padding-top: 8px;
	color: #222;
	line-height: 1.5;
}
.secPlanFree table td .carlistLink{
	color: #F47B45;
}
.secPlanFree .planWrap{
	text-align: center;
	margin-top: 34px;
}
.secPlanFree .planWrap h3{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 30px;
}
.secPlanFree .planWrap .planCash{
	position: relative;
}
.secPlanFree .planWrap .planCash .price{
	position: absolute;
	top: 142px;
  left: 44px;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 600;
	color: #FFF;
}
.secPlanFree .planWrap .planCash .imgPC{
	display: none;
}
.secPlanFree .planWrap .planCash .price.basic_price{
	display: none;
}
.secPlanFree .planWrap .planCash .price:nth-of-type(2){
	top: 214px;
  left: 155px;
}
.secPlanFree .planWrap .planCash .price:nth-of-type(3){
	top: 279px;
	left: 267px;
}
@media print, screen and (min-width: 768px){
	.secPlanFree .exaCar {
    font-size: 18px;
		line-height: 2;
	}
	.secPlanFree table th,
	.secPlanFree table td{
		display: table-cell;
		vertical-align: middle;
	}
	.secPlanFree table th{
		line-height: 1.4;
	}
	.secPlanFree table td{
		border-top: 1px solid #DEDEDE;
		padding: 15px ;
	}
	.secPlanFree table .double td{
		display: table-cell;
		width: auto;
	}
	.secPlanFree table .monthly td .price .ftLato{
		font-size: 40px;
	}
	.secPlanFree table .monthly td .price{
		font-size: 20px;
	}
	.secPlanFree .planWrap .planCash .price.basic_price{
		display: inline;
	}
	.secPlanFree table .monthly td .priceBox li .price .ftLato{
		font-size: 28px;
	}
	.secPlanFree table .monthly td .priceBox li .price{
		font-size: 14px;
	}
	.secPlanFree table .monthly td .price .tax{
		right: 0;
		top: -8px;
	}
	.secPlanFree .planWrap img{
		margin: 0 auto;
	}
	.secPlanFree .planWrap .planCash .price{
		top: 55px;
		left: 265px;
		font-size: 28px;
	}
	.secPlanFree .planWrap .planCash .price:nth-of-type(2){
		top: 127px;
    left: 442px;
	}
	.secPlanFree .planWrap .planCash .price:nth-of-type(3){
		top: 192px;
    left: 625px;
	}
	.secPlanFree .planWrap .planCash .basic_price{
		top: 74px;
    left: 66px;
	}
	.secPlanFree .planWrap .planCash .imgPC{
		display: inline-block;
	}
}
@media print, screen and (min-width: 960px){
	.secPlanFree{
		width: 960px;
		margin: 0 auto;
		padding-bottom: 65px;
	}
	.secPlanFree table{
		border: none;
	}
	.secPlanFree .tableWrap{
		border: 1px solid #DEDEDE;
		border-radius: 10px;
		overflow: hidden;
	}
	.secPlanFree table th,
	.secPlanFree table tr:first-child td{
		border-top: none;
	}
	.secPlanFree table tr:last-child th,
	.secPlanFree table tr:last-child td{
		border-bottom: none;
	}
	.secPlanFree table th{
		width: 184px;
		border-right: 1px solid #DEDEDE;
		font-size: 18px;
		padding: 25px 0;
	}
	.secPlanFree table .double td{
		width: 388px;
	}
	.secPlanFree table .double:first-child th{
		padding: 40px 0;
	}
	.secPlanFree table .double:first-child td{
		font-size: 28px;
	}
	.secPlanFree table .double:first-child td img{
		height: 34px;
	}
	.secPlanFree table .monthly td .priceBox{
		display: flex;
		justify-content: space-around;
	}
	.secPlanFree table .monthly td .priceBox li{
		display: block;
		margin-bottom: 0;
	}
	.secPlanFree table td .txt .plus{
		display: inline;
	}
	.secPlanFree .planWrap .planCash .price{
		top: 55px;
		left: 361px;
		font-size: 28px;
	}
	.secPlanFree .planWrap .planCash .price:nth-of-type(2){
		top: 127px;
    left: 538px;
	}
	.secPlanFree .planWrap .planCash .price:nth-of-type(3){
		top: 192px;
    left: 721px;
	}
	.secPlanFree .planWrap .planCash .basic_price{
		top: 74px;
    left: 160px;
	}
}

/* ------------------------------------------ 
About Cancel
------------------------------------------ */
.secCancel {
	padding-bottom: 45px;
}
.secCancel .contactBox{
	margin: 0 20px 32px;
	border: 1px solid #F0E6E1;
	border-radius: 10px;
	text-align: center;
	padding: 30px 22px 30px;
}
.secCancel .contactBox h3{
	font-size: 18px;
	color: #2B455C;
	font-weight: 700;
	margin-bottom: 18px;
}
.secCancel .flowBox{
	text-align: center;
}
.secCancel .flowBox h3{
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 48px;
	position: relative;
}
.secCancel .flowBox h3::after{
	content: "";
	display: block;
	width: 64%;
	height: 3px;
	background-color: #F47B45;
	position: absolute;
	top: 147%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
@media print, screen and (min-width:768px){
	.secCancel .flowBox .imgPc{
		display: inline-block;
	}
	.secCancel .flowBox h3::after{
		content: "";
		display: block;
		width: 193px;
	}
	.secCancel .contactBox{
		margin: 0 20px 57px;
		max-width: 960px;
	}
}
@media print, screen and (min-width:960px){
	.secCancel {
		padding-bottom: 90px;
	}
	.secCancel .contactBox{
		margin: 0 auto 57px;
	}
}


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

/*-------------------------------
	Display：common
-------------------------------*/
.contentsTTL {
	font-size:2.4rem;
	font-weight:700;
	letter-spacing:0.05em;
	text-align:center;
}
/*-------------------------------
	Display：960px →
-------------------------------*/
@media print, screen and (min-width: 960px){
	.contentsTTL {
		margin:0 0 20px;
		font-size:3.6rem;
	}
}

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

除外車種

------------------------------------------ */
/* .secAbout .secAllCarlist .list-outlander_phev,
.secAbout .secAllCarlist .list-eclipse-cross_phev,
.secAbout .secAllCarlist .list-leaf,
.secAbout .secAllCarlist .list-ux,
.secAbout .secAllCarlist .list-rc,
.secAbout .secAllCarlist .list-nx,
.secAbout .secAllCarlist .list-is{
	display: none;
} */





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

こんな人におすすめ

------------------------------------------ */
.secRecommend ol{
	padding: 43px 20px 20px;
	background-color: #FFF0EB;
}
.secRecommend ol li{
	position: relative;
	background-color: #fff;
	border-radius: 8px;
	padding: 40px 30px 25px;
	margin-bottom: 30px;
}
.secRecommend ol li:last-child{
	margin-bottom: 0;
}
.secRecommend ol li .label{
	position: absolute;
	top: -9px;
	left: -14.5px;
}
.secRecommend ol li .customer{
	display: block;
	margin: 0 10px 0 -5px;
	width: 58px;
}
.secRecommend ol li .headBox{
	display: flex;
	margin-bottom: 20px;
}
.secRecommend ol li .headBox h4{
	font-weight: 700;
	color: #000;
	font-size: 18px;
	line-height: 1.4;
	padding-top: 5px;
}
.secRecommend ol li .txtBox p{
	line-height: 1.6;
	font-size: 14px;
}
@media print, screen and (min-width:768px){
	.secRecommend ol li .headBox h4{
		padding: 15px 0 0 8px;
		font-size: 24px;
	}
}
@media print, screen and (min-width:960px){
	.secRecommend{
		padding-bottom: 80px;
	}
	.secRecommend{
		width: 960px;
		margin: 0 auto;
	}
	.secRecommend ol{
		padding: 50px 20px;
		/* display: flex;
		justify-content: space-between; */
	}
	.secRecommend ol li {
		/* display: flex; */
		margin: 0 auto 35px;
		width: 860px;
		padding: 38px 46px 30px 30px;
	}
	.secRecommend ol li .headBox{
		justify-content:  flex-start; 
	}
	.secRecommend ol li .headBox h4 {
		padding: 0;
		font-size: 24px;
	}
	.secRecommend ol li .txtBox{
		margin: -90px  0 0 0;
		padding-left: 140px;
	}
	.secRecommend ol li .txtBox p{
		font-size: 16px;
	}
	.secRecommend ol li .customer {
    display: block;
    margin: 0 35px 0 -5px;
    width: 118px;
	}

}

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

  tasucutter3

------------------------------------------ */
.tasucutter3{
	background: #F47B45;
	margin-top: 80px;
	position: relative;
	padding: 44px 0 36px;
	text-align: center;
}
.tasucutter3 .labelTit{
	position: absolute;
	top: -5%;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 333px;
}
.tasucutter3 h2{
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 27px;
}
.tasucutter3 .logoNori{
	width: 180px;
	vertical-align: -6px;
}
.tasucutter3 ul{
	display: flex;
	gap: 11px;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 20px;
	margin-top: 14px;
}

@media print, screen and (min-width:768px){
	.tasucutter3{
		padding: 80px 0 30px;
	}
	.tasucutter3 .labelTit{
		width: 480px;
	}
	.tasucutter3 h2{
		position: relative;
	}
	.tasucutter3 h2::before {
		position: absolute;
		content: "";
		top: 44%;
 		left: 7%;
		width: 57px;
		height: 5px;
    border-radius: 5px;
		display: block;
		background:  #fff;
		z-index: 1000;
	}
	.tasucutter3 h2::after {
		position: absolute;
		content: "";
		top: 44%;
		right: 7%;
		width: 57px;
		height: 5px;
    border-radius: 5px;
		display: block;
		background:  #fff;
		z-index: 1000;
	}
}

@media print, screen and (min-width:960px){
	.tasucutter3{
		padding: 111px 0 60px;
	}
	.tasucutter3 .innerSec{
		max-width: 960px;
		margin: 0 auto ;
	}
	.tasucutter3 .labelTit{
		width: 653px;
		top: -6%;
	}
	.tasucutter3 h2{
		font-size: 26px;
		margin-bottom: 46px;
	}
	.tasucutter3 .logoNori{
		width: 220px;
		vertical-align: -8px;
	}
	.tasucutter3 ul {
    width: 906px;
		margin: 14px auto 0;
		padding: 0;
	}
	.tasucutter3 ul li img{
    width: 217px;
		}
}

/* ------------------------------------------ 
 Contact
------------------------------------------ */
#secContactBlock .secContactHead .contactButton{
	margin-top: 25px;
	font-size: 20px;
	padding: 32px 55px;
}
.contactButton img {
	width: 24px;
}
@media print, screen and (min-width: 768px) {
	#secContactBlock .secContactHead .contactButton {
			font-size: 25px;
	}
}


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

フッター固定バナー

------------------------------------------ */
.ftFixBtn a{
	letter-spacing: 0;
	background-position: left 8px top 17px;
	background-image: url(/noridoki/noridoki-free/_assets/img/carlistimg_free.png);
	background-size: 70px auto;
}
@media print, screen and (min-width: 960px){
	.ftFixBtn a{
		letter-spacing: 1px;
		background-position: left 24px top 10px;
		background-size: 136px auto;
	}
}