@charset "UTF-8";

/* --------------------------------
英字フォント
-------------------------------- */
.ftPoppins{
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
}

/* --------------------------------
改行
-------------------------------- */
.brPc{display: none;}
@media print, screen and (min-width: 960px){
	.brSp{display: none;}
	.brPc{display: inline;}
}


/* --------------------------------
MV
-------------------------------- */
.contentsTop{
	background: var(--color-secondary);
	text-align: center;
}
#contents .contentsTop .inner{
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	padding-top: 15px;
	padding-bottom: 95px;
}
.contentsTop .inner .subTxt{
	background: var(--color-primary);
	color: #fff;
	font-weight: bold;
	position: relative;
	border-radius: 100px;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	width: 194px;
	margin: 0 auto;
}
.contentsTop .inner .subTxt::after{
	content: "";
	display: block;
	position: absolute;
	background: var(--color-primary);
	height: 10px;
	width: 10px;
	transform: rotate(45deg);
	bottom: -5px;
	left: 0;
	right: 0;
	margin: auto;
}
.contentsTop .inner .pageTTL{
	padding-top: 10px;
	font-size: 29px;
}
.contentsTop .inner img{
	position: absolute;
	width: auto;
	height: 110px;
	bottom: 0px;
}
.contentsTop .inner img.man{
	left: 50%;
	margin-left: -130px;
}
.contentsTop .inner img.woman{
	right: 50%;
	margin-right: -130px;
}
@media print, screen and (max-width: 320px){
	.contentsTop .inner .pageTTL{
		font-size: 24px;
	}
}
@media print, screen and (min-width: 768px){
	#contents .contentsTop .inner{
		padding-bottom: 20px;
	}
	.contentsTop .inner img{
		height: 150px;
	}
	.contentsTop .inner img.man{
		margin-left: -300px;
	}
	.contentsTop .inner img.woman{
		margin-right: -300px;
	}
}
@media print, screen and (min-width: 960px){
	#contents .contentsTop .inner{
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.contentsTop .inner .subTxt{
		height: 46px;
		line-height: 46px;
		font-size: 23px;
		width: 280px;
	}
	.contentsTop .inner .pageTTL{
		font-size: 42px;
		letter-spacing: 1px;
	}
	.contentsTop .inner img{
		height: 220px;
	}
	.contentsTop .inner img.man{
		margin-left: -460px;
	}
	.contentsTop .inner img.woman{
		margin-right: -460px;
	}
}

/* --------------------------------
コンテンツラッパー
-------------------------------- */
.contentsOuter{
	max-width: 960px;
	margin: 0 auto;
}
/* --------------------------------
リード文
-------------------------------- */
.contentsOuter .leadTxt{
	line-height: 1.9;
	padding:30px;
}
@media print, screen and (max-width: 320px){
	.contentsOuter .leadTxt{
		padding:30px 20px;
	}
}
@media print, screen and (min-width: 768px){
	.contentsOuter .leadTxt{
		text-align: center;
		padding:30px 40px;
	}
}
@media print, screen and (min-width: 960px){
	.contentsOuter .leadTxt{
		padding:45px 0px;
		line-height: 2;
	}
}


/* --------------------------------
目次
-------------------------------- */
.contentsOuter .index h2{
	text-align: center;
	color: #C4C4C4;
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 15px;
}
.contentsOuter .index ul{
	width: calc(100% - 60px);
	margin: 0 auto;
	border-top: 1px solid #C4C4C4;
}
.contentsOuter .index ul li{
	border-bottom: 1px solid #C4C4C4;
}
.contentsOuter .index ul li a{
	text-decoration: none;
	color: #000;
	font-size: 14px;
	display: block;
	padding: 15px 0;
	padding-right: 40px;
	height: 100%;
	position: relative;
	line-height: 1.4;
}
.contentsOuter .index ul li a::after{
	position: absolute;
	content:"";
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	width: 8px;
	height: 8px;
	border-top: 2px solid var(--color-primary);
	border-right: 2px solid var(--color-primary);
	transform:rotate(135deg);
}
@media print, screen and (max-width: 320px){
	.contentsOuter .index ul{
		width: calc(100% - 40px);
	}
}
@media print, screen and (min-width: 768px){
	.contentsOuter .index ul{
		width: calc(100% - 80px);
	}
}
@media print, screen and (min-width: 960px){
	.contentsOuter .index h2{
		margin-bottom: 25px;
	}
	.contentsOuter .index ul{
		width: 910px;
	}
	.contentsOuter .index ul li{
		width: 48%;
		display: inline-block;
		vertical-align: top;
	}
	.contentsOuter .index ul li:nth-child(2n){
		margin-left: 4%;
	}
	.contentsOuter .index ul li a{
		padding: 20px;
	}
	.contentsOuter .index ul li a:hover{
		opacity: 0.6;
	}
	.contentsOuter .index ul li a::after{
		right: 20px;
		width: 10px;
		height: 10px;
	}
}

/* --------------------------------
各BOX共通
-------------------------------- */
.contentsOuter .box{
	width: 100%;
	padding-top: 60px;
}
.contentsOuter .box .boxHead{
	background: var(--color-primary);
	text-align: center;
	border-radius: 11px 11px 0px 0px;
	padding-top: 25px;
	padding-bottom: 20px;
}
.contentsOuter .box .boxHead h2{
	background: #000;
	position: relative;
	width: calc(100% - 30px);
	border-radius: 200px;
	padding: 3px 6px 6px 3px;
	margin: -50px auto 15px;
}
.contentsOuter .box .boxHead h2 span{
	display: block;
	background: var(--color-secondary);
	border-radius: 200px;
	position: relative;
	font-weight: bold;
	font-size: 16px;
	padding: 10px 0px;
}
.contentsOuter .box .boxHead h2::after,
.contentsOuter .box .boxHead h2 span::after{
	content: "";
	position: absolute;
	display: block;
	height: 10px;
	width: 10px;
	bottom: -5px;
	transform: rotate(45deg);
}
.contentsOuter .box .boxHead h2::after{
	background: #000;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}
.contentsOuter .box .boxHead h2 span::after{
	background: var(--color-secondary);
	right: 50%;
	margin-right: -5px;
	z-index: 2;
}
.contentsOuter .box .boxHead h3,
.contentsOuter .box .boxHead p{
	color: #fff;
}
.contentsOuter .box .boxHead h3{
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 6px;
	line-height: 1.6;
}
.contentsOuter .box .boxHead p{
	font-size: 14px;
	line-height: 1.5;
}
.contentsOuter .box .boxBottom{
	padding-top: 25px;
	padding-bottom: 30px;
	border-bottom: 1px solid #DEDEDE;
}
@media print, screen and (max-width: 320px){
	.contentsOuter .box .boxHead h2{
		width: calc(100% - 30px);
	}
	.contentsOuter .box .boxHead h2 span{
		font-size: 15px;
	}
	.contentsOuter .box .boxHead h3{
		font-size: 18px;
		line-height: 1.5;
	}
}
@media print, screen and (min-width: 768px){
	.contentsOuter .box .boxHead h2{
		width: calc(100% - 80px);
	}
	.contentsOuter .box .boxHead h3 br,
	.contentsOuter .box .boxHead p br{
		display: none;
	}
}
@media print, screen and (min-width: 960px){
	.contentsOuter .box{
		padding-top: 100px;
	}
	.contentsOuter .box .boxHead{
		padding-bottom: 30px;
	}
	.contentsOuter .box .boxHead h2{
		width: 780px;
		padding: 6px 10px 12px 5px;
		margin: -70px auto 25px;
	}
	.contentsOuter .box .boxHead h2 span{
		height: 70px;
		padding: 0;
		line-height: 70px;
		font-size: 30px;
	}
	.contentsOuter .box .boxHead h2::after,
	.contentsOuter .box .boxHead h2 span::after{
		height: 14px;
		width: 14px;
		bottom: -7px;
	}
	.contentsOuter .box .boxHead h2 span::after{
		margin-right: -6px;
	}
	.contentsOuter .box .boxHead h3{
		font-size: 28px;
		padding-bottom: 6px;
		line-height: 1.6;
	}
	.contentsOuter .box .boxHead p{
		font-size: 16px;
		line-height: 1.5;
	}
	.contentsOuter .box .boxBottom{
		border: 1px solid #DEDEDE;
		border-top:none;
		border-radius: 0 0 16px 16px;
	}
	.contentsOuter .box .boxBottomPS{
		padding: 30px 40px 40px;
	}
	.contentsOuter .box .boxBottomPL{
		padding: 30px 80px 40px;
	}
}

/* --------------------------------
月額費用以外にもお金がかかるの？
-------------------------------- */

#monthly .boxBottom p{
	padding:0 30px;
}
#monthly .boxBottom ul{
	padding: 20px 30px 0;
}
#monthly .boxBottom ul li{
	background: #F7F7F7;
	border-radius: 12px;
	text-align: center;
	height: 64px;
	line-height: 64px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
@media print, screen and (max-width: 320px){
	#monthly .boxBottom p{
		padding:0 20px;
	}
	#monthly .boxBottom ul{
		padding: 20px 20px 0;
	}
}
@media print, screen and (min-width: 768px){
	#monthly .boxBottom p{
		text-align: center;
		padding:0 0px;
	}
	#monthly .boxBottom ul{
		padding: 20px 40px 0;
	}
}
@media print, screen and (min-width: 960px){
	#monthly .boxBottom .txt{
		font-size: 18px;
	}
	#monthly .boxBottom ul{
		overflow: hidden;
		padding: 30px 0 0;
	}
	#monthly .boxBottom ul li{
		margin-bottom: 0;
		width: 280px;
		float: left;
		font-size: 24px;
		height: 118px;
		line-height: 118px;
		margin-right: 19px;
	}
	#monthly .boxBottom ul li:last-child{
		margin-right: 0;
	}
}

/* --------------------------------
リース満了時にお金がかかるんじゃない？
-------------------------------- */

#expiration .boxBottom .case{
	border: 1px solid #C4C4C4;
	background: #F7F7F7;
	border-radius: 12px;
	width: calc(100% - 10px);
	margin: 0 auto;
	padding: 20px;
	margin-top: 20px;
}
#expiration .boxBottom .case2,
#expiration .boxBottom .case3{
	margin-top: 50px;
}
#expiration .boxBottom .case .num{
	border: 2px solid var(--color-primary);
	background: var(--color-secondary);
	display:table;
	border-radius: 100px;
	width: 122px;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	font-weight: bold;
	margin: -40px auto 20px;
}
#expiration .boxBottom .case .num span{
	display: table-cell;
	vertical-align: middle;
}
#expiration .boxBottom .case .num .numTxt{
	text-align: right;
	width: 76px;
	padding-top: 2px;
}
#expiration .boxBottom .case .num .numNum{
	font-size: 24px;
	padding-left: 6px;
}
#expiration .boxBottom .case h4{
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	letter-spacing: 0;
	margin-bottom: 20px;
}
#expiration .boxBottom .case .txt{
	font-size: 14px;
	margin-bottom: 15px;
}
#expiration .boxBottom .case .inBox{
	background: #fff;
	border-radius: 10px;
	width: 100%;
}
#expiration .boxBottom .case .inBox.inBoxDistance{
	display: table;
	height: 50px;
	margin-bottom: 10px;
}
#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(1),
#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(2){
	position: relative;
	margin-bottom: 30px;
}
#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(1)::after,
#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(2)::after,
#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(2)::before{
	content: "";
	display: block;
	position: absolute;
	bottom: -24px;
	height: 17px;
	background: var(--color-primary);
	width: 3px;
}
#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(1)::after{
	right: 0;
	left: 0;
	margin: auto;
}
#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(2)::after{
	left: 50%;
	margin-left: -6px;
}
#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(2)::before{
	right: 50%;
	margin-right: -6px;
}
#expiration .boxBottom .case .inBox.inBoxDistance p{
	display: table-cell;
	width: 50%;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}
#expiration .boxBottom .case .inBox.inBoxDistance .inBoxDistanceTxt{
	font-size: 14px;
}
#expiration .boxBottom .case .inBox.inBoxDistance .inBoxDistanceNum{
	font-size: 26px;
}
#expiration .boxBottom .case .inBox.inBoxDistance .inBoxDistanceNum span{
	font-size: 18px;
}
#expiration .boxBottom .case .inBox.inBoxPrice{
	text-align: center;
	padding: 20px 0;
}
#expiration .boxBottom .case .inBox dt{
	font-size: 14px;
	margin-bottom: 5px;
}
#expiration .boxBottom .case .inBox dd{
	font-weight: bold;
	font-size: 18px;
}
#expiration .boxBottom .case .inBox dd .inBoxPriceNum{
	font-size: 26px;
}
#expiration .boxBottom .case .inBox dd .inBoxPricetxt{
	font-size: 14px;
	display: block;
}
#expiration .boxBottom .case .subTxt{
	font-size: 12px;
	text-align: center;
	line-height: 1.6;
	padding-top: 10px;
}
#expiration .boxBottom .case3 .inBoxPrice{
	border-radius: 10px 10px 0 0;
	margin-bottom: 5px;
}
#expiration .boxBottom .case3 .inBoxPriceDetails{
	border-radius:  0 0 10px 10px;
}
#expiration .boxBottom .case3 .inBoxPriceDetails table{
	width: 100%;
}
#expiration .boxBottom .case3 .inBoxPriceDetails table th,
#expiration .boxBottom .case3 .inBoxPriceDetails table td{
	width: 33.333333333333333333%;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
	padding: 10px 0;
}
#expiration .boxBottom .case3 .inBoxPriceDetails table td:last-child{
	font-size: 18px;
}
#expiration .boxBottom .case3 .inBoxPriceDetails table td span{
	font-size: 20px;
}

@media print, screen and (min-width: 960px){
	#expiration .boxBottom .case .num .numTxt{
		width: 74px;
	}
	#expiration .boxBottom .case h4{
		font-size: 20px;
		line-height: 1.7;
	}
	#expiration .boxBottom .case .txt{
		text-align: center;
		font-size: 16px;
		margin-bottom: 20px;
	}
	#expiration .boxBottom .case .inBoxOuter{
		width: 574px;
		margin: 0 auto;
	}
	#expiration .boxBottom .case .inBoxwrapper{
		overflow: hidden;
	}
	#expiration .boxBottom .case .inBox.inBoxDistance{
		float: left;
		width: 164px;
		margin-right: 41px;
		vertical-align: top;
		text-align: center;
		height: 115px;
	}
	#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(3){
		margin-right: 0;
	}
	#expiration .boxBottom .case .inBox.inBoxDistance p{
		display: block;
		width: 100%;
	}
	#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(1),
	#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(2){
		position: relative;
		margin-bottom: 15px;
	}
	#expiration .boxBottom .case .inBox.inBoxDistance .inBoxDistanceTxt{
		padding-top: 25px;
		margin-bottom: 10px;
	}
	#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(1)::after,
	#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(2)::after,
	#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(2)::before{
		right: -22px;
		left:auto;
		transform: rotate(90deg);
	}
	#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(1)::after{
		top: 0;
		bottom: 0;
		margin: auto;
	}
	#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(2)::after{
		margin-left: 0px;
		bottom: 46%;
	}
	#expiration .boxBottom .case .inBox.inBoxDistance:nth-of-type(2)::before{
		margin-right:0px;
		top:46%;
	}

	#expiration .boxBottom .case3 .inBoxOuter{
		overflow: hidden;
	}
	#expiration .boxBottom .case3 .inBox.inBoxPrice{
		border-radius: 10px 0 0 10px;
		margin-bottom: 5px;
		width: 50%;
		height: 130px;
		float: left;
		position: relative;
		padding-top: 30px;
	}
	#expiration .boxBottom .case3 .inBoxPrice::after{
		content: "";
		display: block;
		position: absolute;
		background: #d4d4d4;
		width: 1px;
		height: 70%;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
	}
	#expiration .boxBottom .case3 .inBoxPriceDetails{
		border-radius: 0 10px 10px 0 ;
		width: 50%;
		height: 130px;
		float: left;
	}
	#expiration .boxBottom .case3 .inBoxPriceDetails table{
		position: relative;
	}
	#expiration .boxBottom .case3 .inBoxPriceDetails table th{
		display: block;
		width: 100%;
		position: absolute;
		top: 5px;
	}
	#expiration .boxBottom .case3 .inBoxPriceDetails table td{
		padding-top: 45px;
		width: 50%;
	}
}

/* --------------------------------
なんで残価（残存価格）が表記されていないの？
-------------------------------- */
#residual .boxBottom .inBox{
	padding: 0 30px;
}
#residual .boxBottom .inBox.inBoxLeft{
	margin-bottom: 30px;
}
#residual .boxBottom .inBox .inBoxHead{
	border-radius: 12px;
	text-align: center;
	padding: 30px 0;
}
#residual .boxBottom .inBox.inBoxLeft .inBoxHead{
	background: #F7F7F7;
}
#residual .boxBottom .inBox.inBoxRight .inBoxHead{
	background: var(--color-secondary);
}
#residual .boxBottom .inBox .inBoxHead h4{
	font-weight: bold;
	font-size: 19px;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
#residual .boxBottom .inBox .inBoxHead .txt{
	font-size: 15px;
	color: #5d94cb;
	font-weight: bold;
	display:table;
	width: 100%;
}
#residual .boxBottom .inBox .inBoxHead .txt span{
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	width: 35%;
	padding-right: 15px;
}
#residual .boxBottom .inBox .inBoxHead .txt strong{
	font-size: 34px;
	vertical-align: middle;
	display: table-cell;
	text-align: left;
	width: 65%;
	color: var(--color-primary);
}
#residual .boxBottom .inBox .inBoxHead .subTxt{
	font-size: 10px;
	padding-top: 10px;
}
#residual .boxBottom .inBox .inBoxContents{
	line-height: 2;
	padding: 20px 0;
}
#residual .boxBottom .inBox .inBoxBottom{
	background: #F7F7F7 ;
	border: 1px solid #C4C4C4;
	border-radius: 12px;
	padding: 20px;
}
#residual .boxBottom .inBox .inBoxBottom h5{
	text-align: center;
	font-size: 13px;
	background: #FFFFFF ;
	font-weight: bold;
	border: 1px solid #C4C4C4;
	border-radius: 100px;
	width: 80px;
	height: 25px;
	line-height: 25px;
	margin: -34px auto 20px;
}
#residual .boxBottom .inBox .inBoxBottom .inBoxBottomOver{
	overflow: hidden;
	margin-bottom: 20px;
}
#residual .boxBottom .inBox .inBoxBottom .inBoxBottomOver p{
	float: left;
	background: #fff;
	color: #676767;
	width: 102px;
	height: 60px;
	line-height: 60px;
	border-radius: 4px;
	text-align: center;
	font-size: 13px;
}
#residual .boxBottom .inBox .inBoxBottom .inBoxBottomOver dl{
	float: left;
	width: calc(100% - 102px);
	font-weight: bold;
	padding-left: 30px;
}
#residual .boxBottom .inBox .inBoxBottom .inBoxBottomOver dl dt,
#residual .boxBottom .inBox .inBoxBottom .inBoxBottomOver dl dd{
	display: inline-block;
	vertical-align: middle;
}
#residual .boxBottom .inBox .inBoxBottom .inBoxBottomOver dl dt{
	font-size: 13px;
	width: 30%;
}
#residual .boxBottom .inBox .inBoxBottom .inBoxBottomOver dl dd{
	font-size: 15px;
	width: 60%;
}
#residual .boxBottom .inBox .inBoxBottom .inBoxBottomOver dl dd span{
	font-size: 21px;
}
#residual .boxBottom .inBox .inBoxBottom .inBoxBottomUnder{
	background: #FFFFFF ;
	border-radius: 6px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	padding: 0 40px;
}
#residual .boxBottom .inBox .inBoxBottom .inBoxBottomUnder .txt{
	float: left;
	font-weight: bold;
	font-size: 13px;
}
#residual .boxBottom .inBox .inBoxBottom .inBoxBottomUnder .price{
	float: right;
	font-weight: bold;
	font-size: 19px;
}
#residual .boxBottom .inBox .inBoxBottom .inBoxBottomUnder .price span{
	font-size: 25px;
}
#residual .boxBottom .inBox.inBoxRight .inBoxHead .ico{
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: var(--color-primary);
	border-radius: 100px;
	position: relative;
	width: 140px;
	height: 34px;
	line-height: 34px;
	margin: -45px auto 20px;
}
#residual .boxBottom .inBox.inBoxRight .inBoxHead .ico::after{
	content: "";
	display: block;
	position: absolute;
	background: var(--color-primary);
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
	right: 0;
	left: 0;
	bottom: -4px;
	margin: auto;
}
#residual .boxBottom .inBox.inBoxRight .inBoxBottom .inBoxBottomUnder .price{
	color: var(--color-primary);
}
@media print, screen and (max-width: 320px){
	#residual .boxBottom .inBox{
		padding: 0 20px;
	}
}
@media print, screen and (min-width: 768px){
	#residual .boxBottom{
		overflow: hidden;
	}
	#residual .boxBottom .inBox{
		width: 50%;
		float: left;
		padding: 0 40px;
	}
	#residual .boxBottom .inBox.inBoxLeft{
		padding-right: 20px;
	}
	#residual .boxBottom .inBox.inBoxRight{
		padding-left: 20px;
	}
	#residual .boxBottom .inBox.inBoxRight .inBoxHead .ico{
		margin: -45px auto 10px;
	}
}
@media print, screen and (min-width: 960px){
	#residual .boxBottom .inBox{
		padding-top: 20px;
	}
	#residual .boxBottom .inBox.inBoxLeft{
		padding-left: 0;
	}
	#residual .boxBottom .inBox.inBoxRight{
		padding-right: 0;
	}
	#residual .boxBottom .inBox .inBoxHead{
		padding: 45px 0 30px;
	}
	#residual .boxBottom .inBox .inBoxHead h4{
		font-size: 24px;
		margin-bottom: 25px;
	}
	#residual .boxBottom .inBox .inBoxHead .txt{
		font-size: 20px;
	}
	#residual .boxBottom .inBox .inBoxHead .txt strong{
		font-size: 42px;
	}
	#residual .boxBottom .inBox .inBoxHead .subTxt{
		font-size: 12px;
	}
	#residual .boxBottom .inBox .inBoxContents{
		height: 234px;
	}
	#residual .boxBottom .inBox.inBoxRight .inBoxHead .ico{
		width: 170px;
		height: 40px;
		line-height: 40px;
		margin: -65px auto 25px;
		font-size: 23px;
	}
	#residual .boxBottom .inBox .inBoxBottom{
		padding: 20px 25px;
	}
	#residual .boxBottom .inBox .inBoxBottom h5 {
    font-size: 16px;
    width: 100px;
    height: 30px;
    line-height: 28px;
    margin: -36px auto 20px;
	}
	#residual .boxBottom .inBox .inBoxBottom .inBoxBottomOver p{
		width: 123px;
		height: 72px;
		line-height: 72px;
		font-size: 16px;
	}
	#residual .boxBottom .inBox .inBoxBottom .inBoxBottomOver dl{
		width: calc(100% - 123px);
		padding-left: 40px;
		padding-top: 6px;
	}
	#residual .boxBottom .inBox .inBoxBottom .inBoxBottomOver dl dt{
		font-size: 16px;
		margin-bottom: 15px;
	}
	#residual .boxBottom .inBox .inBoxBottom .inBoxBottomOver dl dd{
		font-size: 18px;
		margin-bottom: 15px;
	}
	#residual .boxBottom .inBox .inBoxBottom .inBoxBottomOver dl dd span{
		font-size: 26px;
	}
	#residual .boxBottom .inBox .inBoxBottom .inBoxBottomUnder{
		height: 60px;
		line-height: 60px;
	}
	#residual .boxBottom .inBox .inBoxBottom .inBoxBottomUnder .txt{
		font-size: 16px;
	}
	#residual .boxBottom .inBox .inBoxBottom .inBoxBottomUnder .price{
		font-size: 24px;
	}
	#residual .boxBottom .inBox .inBoxBottom .inBoxBottomUnder .price span{
		font-size: 32px;
	}

	#residual .boxBottom .inBox.inBoxLeft{
		margin-bottom: 0;
	}
	#residual .boxBottom .inBox.inBoxRight .inBoxHead .ico::after{
		width: 12px;
		height: 12px;
		bottom: -6px;
	}
}

/* --------------------------------
ナビとかついていない車はどうしたらいいの？
-------------------------------- */
#navi .boxBottom .inBox{
	border: 1px solid #DEDEDE;
	border-radius: 12px;
	width: calc(100% - 30px);
	padding:30px 15px;
	margin: 20px auto 0px;
}
#navi .boxBottom .inBox.inBoxLeft{
	margin-bottom: 35px;
}
#navi .boxBottom .inBox h4{
	border: 2px solid var(--color-primary);
	background: var(--color-secondary);
	display: table;
	border-radius: 100px;
	width: 105px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	margin: -50px auto 10px;
}
#navi .boxBottom .inBox h4 span {
	display: table-cell;
	vertical-align: middle;
}
#navi .boxBottom .inBox h4 .numTxt{
	text-align: right;
	width: 64px;
	padding-top: 2px;
}
#navi .boxBottom .inBox h4 .numNum {
	font-size: 20px;
	padding-left: 6px;
}
#navi .boxBottom .inBox .inBoxHead{
	background: var(--color-secondary);
	border-radius: 12px;
	text-align: center;
	padding: 40px 0 25px;
}
#navi .boxBottom .inBox .inBoxHead h5{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 12px;
}
#navi .boxBottom .inBox .txt{
	padding: 20px 0;
	line-height: 1.7;
}
#navi .boxBottom .inBox .subTxt{
	font-size: 14px;
	line-height: 1.5;
}
@media print, screen and (min-width: 768px){
	#navi .boxBottom{
		overflow: hidden;
	}
	#navi .boxBottom .inBox{
		width: calc(48% - 40px);
	}
	#navi .boxBottom .inBox.inBoxLeft{
		float: left;
		margin-left: 40px;
	}
	#navi .boxBottom .inBox.inBoxRight{
		float: right;
		margin-right: 40px;
	}
}
@media print, screen and (min-width: 960px){
	#navi .boxBottom .inBox{
		width: 424px;
		padding: 40px 30px;
		height: 535px;
	}
	#navi .boxBottom .inBox.inBoxLeft{
		margin-left: 0px;
	}
	#navi .boxBottom .inBox.inBoxRight{
		margin-right: 0px;
	}
	#navi .boxBottom .inBox h4{
		width: 122px;
		height: 34px;
		line-height: 34px;
		font-size: 16px;
		margin: -60px auto 10px;
	}
	#navi .boxBottom .inBox h4 .numTxt{
		width: 75px;
	}
	#navi .boxBottom .inBox h4 .numNum {
		font-size: 24px;
	}
	#navi .boxBottom .inBox .inBoxHead{
		padding: 60px 0 25px;
	}
	#navi .boxBottom .inBox .inBoxHead h5{
		font-size: 24px;
	}
	#navi .boxBottom .inBox .txt{
		line-height: 2;
	}
	#navi .boxBottom .inBox .subTxt{
		text-align: center;
	}
}

/* --------------------------------
自動車任意保険はリース料に含まれていますか？
-------------------------------- */
#insurance{
	margin-bottom: 40px;
}
#insurance .boxBottom .txt{
	padding: 0 30px;
	line-height: 1.7;
}
@media print, screen and (max-width: 320px){
	#insurance .boxBottom .txt{
		padding: 0 20px;
	}
}
@media print, screen and (min-width: 768px){
	#insurance .boxBottom .txt{
		padding: 0 40px;
	}
}
@media print, screen and (min-width: 960px){
	#insurance{
		margin-bottom: 60px;
	}
	#insurance .boxBottom .txt{
		padding: 10px 0px 0;
		font-size: 18px;
		line-height: 2;
	}
}