@charset "UTF-8";

*,*::before,*::after
{ box-sizing: border-box;}

/* Font指定 */
body .carleaseContents{
	font-family: 'Noto Sans JP', sans-serif;font-weight: 400;
	color: #263D50;
}

body .carleaseContents h2,
body .carleaseContents h3,
body .carleaseContents h4,
body .carleaseContents h5,
body .carleaseContents h6{
	line-height: 1;
	font-size: inherit;
}
body .carleaseContents a{
	color: #E3565F;
}
body .carleaseContents .pankuzu ul li:not(:first-child):not(:last-child){
	display: block;
}
body .carleaseContents .pankuzu ul li:not(:first-child) a::after{
	border-width: 6px 0 6px 6px;
	bottom: 0;
	margin: auto;
}

body .carleaseContents p.txt{
	line-height: 1.7;
	margin-bottom: 20px;
}
body .carleaseContents p.txt a{
	text-decoration: underline;
}
body .carleaseContents p.txt a:hover{
	text-decoration: none;
}
@media print, screen and (min-width: 960px){
	body .carleaseContents .pankuzu ul li:not(:first-child) a::after{
    right: -20px;
		top: 0;
    border-width: 1px 1px 0 0;
    border-color: #969696 #969696 transparent transparent;
    transform: translateY(0) rotate(45deg);
	}

	body .carleaseContents p.txt{
		font-size: 16px;
		line-height: 1.9;
	}
}

/* 背景色 */
.bgc-1{background-color: #F4F3EF;}/*黄色混じりのグレー*/
.bgc-2{background-color: #F0F0F0;}/*薄いグレー*/

/* h2の元々のスタイルをリセット */
body:not(#home) h2{
	height: auto;
	padding: 0;
}
body:not(#home) h2 span {
	font-weight: inherit;
	margin: 0;
	position: static;
	font-size: inherit;
	letter-spacing: inherit;
}
body:not(#home) h2 span::before, body:not(#home) h2 span::after{
	display: none;
}

/* TOPページ セクションタイトル */
body:not(#home) .carleaseContents h2.secTtl{
	text-align: center;
	margin:50px 0 30px;
	background: none;
}
body:not(#home) .carleaseContents h2.secTtl span{
	display: block;
	color: #fff;
	font:700 22px 'Noto Sans JP', sans-serif;
	line-height: 1.3;
	padding: 10px 0;
	background-color: #DD0716;
	letter-spacing: 1px;
}
.carleaseContents .inSecTtl{
	color: #DD0716;
	text-align: center;
	border-bottom: 1px solid #DD0716;
	font-weight: 700;
	line-height: 1.3;
	padding-bottom: 15px;
	font-size: 22px;
	margin: 20px 0;
	letter-spacing: 1px;
}
@media print, screen and (min-width: 960px){
	body:not(#home) .carleaseContents h2.secTtl span{
		font:700 30px 'Noto Sans JP', sans-serif;
		display: inline-block;
		padding: 8px 70px;
	}
	.carleaseContents .inSecTtl{
		font-size: 28px;
	}
	.carleaseContents .inSecTtl br{
		display: none;
	}
}

/* 後続ページ セクションタイトル */
body:not(#home) .carleaseContents .inSecTtl{
	text-align: center;
	background: none;
	color: #DD0716;
	border-bottom: 1px solid #DD0716;
	font-weight: 700;
	line-height: 1.4;
	padding-bottom: 6px;
	font-size: 22px;
	margin: 0 0 20px;
	letter-spacing: 1px;
}

.carleaseContents h3.inSecTtl2{
	font-size: 20px;
	color: #000;
	line-height: 2;
	background-color: #FDE3E3;
	text-align: center;
	font-weight: normal;
	margin: 50px 0 16px;
}
@media print, screen and (min-width: 960px){
	body:not(#home) .carleaseContents .inSecTtl{
		font-size: 28px;
		margin: 50px 0 30px;
	}
	.carleaseContents h3.inSecTtl2{
		font-size: 22px;
		width: 40%;
		margin: 70px auto 20px;
	}
}

/* テキスト折り返し */
.brPc{
	display: none;
}

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

/* 比較テーブル表 */
.inSecHikaku{
	padding-top: 30px;
}
.carleaseContents .inSecHikaku h4{
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 30px;
}
.inSecHikaku .tableWrap{
	margin-bottom: 30px;
	overflow: auto; /*スクロールさせる*/
  white-space: nowrap; /*文字の折り返しを禁止*/
	padding-bottom: 10px;
}
/* テーブル＿スクロールバー*/
.inSecHikaku .tableWrap::-webkit-scrollbar{
	height: 5px;
}
.inSecHikaku .tableWrap::-webkit-scrollbar-track{
background: #333;
}
.inSecHikaku .tableWrap::-webkit-scrollbar-thumb {
background: #999;
}
.inSecHikaku .scrollTxt{
	font-size: 14px;
}
.inSecHikaku table{
	width: 840px;
	border-collapse: collapse;
	margin-bottom: 15px;
}
.inSecHikaku table th,
.inSecHikaku table td{
	text-align: center;
	vertical-align: middle;
	padding: 15px 0;
	border: 1px solid #707070;
	width: calc(100% / 4);
}
.inSecHikaku table th{
	font-size: 16px;
	background: #EDEDED;
}
.inSecHikaku table td{
	font-size: 14px;
}
.inSecHikaku table td span{
	display: block;
	font-weight: 400;
	font-size: 12px;
}
.inSecHikaku table .firstLine th{
	font-weight: 700;
	font-size: 18px;
}
.inSecHikaku table .firstLine th:last-child{
	background: #D94646;
	color: #fff;
	border: 4px solid #D94646;
}
.inSecHikaku table .firstLine td{
	border: none;
}
.inSecHikaku table td.attenArea{
	font-weight: 700;
	background: #FFE8E8;
	border-left: 4px solid #D94646;
	border-right: 4px solid #D94646;
}
/* .inSecHikaku table td:last-child{
	font-weight: 700;
	background: #FFE8E8;
	border-left: 4px solid #D94646;
	border-right: 4px solid #D94646;
} */
.inSecHikaku table .lastLine td:last-child{
	border-bottom: 4px solid #D94646;
}
@media print, screen and (min-width: 960px){
	.carleaseContents .inSecHikaku h4{
		font-size: 26px;
	}
	.inSecHikaku .scrollTxt{
		display: none;
	}
	.inSecHikaku .tableWrap{
		overflow: visible; /*スクロール解除*/
		white-space: normal; /*文字の折り返しを禁止解除*/
	}
}

/* 横幅指定div */
.w900{
	padding:30px;
	max-width: 900px;
	margin: 0 auto;
}


/* 記事内バナー */
.bnr a{
	border: 1px solid #9D9D9D;
	position: relative;
	display: block;
	height: 100%;
	transition: all .4s;
	margin-bottom: 40px;
}
.bnr a::after{
	position: absolute;
	content: "";
	display: block;
	background: url(../img/arrow-red.svg) no-repeat center;
	background-size: contain;
	transition: all .4s;
	width: 16px;
	height: 16px;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.bnr a:hover{
	opacity: 0.5;
}
/* 記事内バナー 一時的非表示*/
.secAbout .bnr{
	display: none;
}
@media print, screen and (min-width: 960px){
	.bnr a::after{
		right: 20px;
	}
	.bnr a:hover::after{
		right: 15px;
	}
}

/* 記事内バナー（横長バナー） */
.bnr-s{
	margin-bottom: 20px;
}
.bnr-s a img{
	width: 100%;
  height: 30vw;
  object-fit: cover;
}
.bnr-s a .bnrTxt{
	font-size: 14px;
	text-align: center;
	padding: 15px;
}
@media print, screen and (min-width: 960px){
	.bnr-s a{
		display: flex;
		align-items: center;
	}
	.bnr-s a .img{
		width: 160px;
	}
	.bnr-s a img{
		height: 70px;
	}
	.bnr-s a .bnrTxt{
		padding: 0;
		padding-left: 20px;
	}
}

/* 記事内バナー（長方形バナー） */
.bnr-l a img{
	width: 100%;
  height: 30vw;
  object-fit: cover;
}
.bnr-l a .bnrTxt{
	font-size: 14px;
	text-align: center;
	padding: 15px;
	font-weight: 700;
}
@media print, screen and (min-width: 960px){
	.bnr-l a img{
		max-height:130px ;
	}
}

/* 記注釈コメント */
.notes p{
	font-size: 12px;
	text-indent: -1em;
  padding-left: 1em;
}

/* フッターナビ */
.ftNav{
	padding: 30px;
	font-family: 'Noto Sans JP', sans-serif;font-weight: 400;
}
body:not(#home) .ftNav h2{
	background: none;
	color: #000;
	font-size: 16px;
	text-align: center;
	letter-spacing:0.08em;
	line-height: 1.3;
	margin-bottom: 17px;
}
.ftNav ul li{
	margin-bottom: 15px;
}
.ftNav ul li a{
	display: block;
	height: 100%;
	display: flex;
	background: #fff;
	color: #E3565F;
	align-items: center;
	transition: all .4s;
}
.ftNav ul li a .img{
	/* width: 20vw; */
	width: 148px;
	height: 70px;
}
.ftNav ul li a .img img{
	width: 100%;
  height: 100%;
  object-fit: cover;
}
.ftNav ul li a .ttl{
	padding: 10px;
	width: calc(100% - 20vw);
	font-weight: 700;
	font-size: 13px;
}
.ftNav .carleaseTop{
	display: block;
	width: 290px;
	line-height: 56px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-image: url(/service/carlease/_assets/common/img/arrow-red.svg);
	background-size: 16px;
	color: #E3565F;
	border: 2px solid #E3565F;
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	margin: 40px auto 0;
	transition: all .4s;
}
@media print, screen and (min-width: 960px){
	.ftNav{
		margin: 40px 0 50px;
		padding: 50px 0 62px;
	}
	body:not(#home) .ftNav h2{
		font-size: 28px;
		margin-bottom: 30px;
	}
	body:not(#home) .ftNav h2 br{
		display: none;
	}
	.ftNav ul{
		width: 960px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 44px;
	}
	.ftNav ul li{
		width: 400px;
		margin-bottom: 20px;
	}
	.ftNav .carleaseTop{
		transform: scale(1.3);
	}
	.ftNav ul li a:hover{
		opacity: 0.5;
	}
	.ftNav ul li a .ttl{
		width: calc(100% - 104px);
		font-size: 16px;
		padding-left: 20px;
	}
	.ftNav .carleaseTop:hover{
		opacity: 0.5;
		background-position: right 7px center;
	}
}
/* フッターナビ 一時的非表示*/
/* .ftNav{
	display: none;
} */


/* 問合せ */
.ftContact{
	padding: 30px;
	font-family: 'Noto Sans JP', sans-serif;font-weight: 400;
	text-align: center;
}
.ftContact img{
	width: 180px;
	margin-bottom: 15px;
}
.ftContact p{
	font-weight: 700;
	font-size: 18px;
}
.ftContact a{
	display: block;
	width: 290px;
	line-height: 56px;
	background-color: #DD0716;
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-image: url(/service/carlease/_assets/common/img/arrow-wh.svg);
	background-size: 16px;
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	margin: 30px auto 0;
	transition: all .4s;
	border-radius: 13px;
}
@media print, screen and (min-width: 960px){
	.ftContact{
		padding-bottom: 60px;
	}
	.ftContact p{
		font-size: 25px;
	}
	.ftContact p br{
		display: none;
	}
	.ftContact a{
		width: 480px;
		line-height: 96px;
		font-size: 26px;
		background-position: right 15px center;
	}
	.ftContact a:hover{
		opacity: 0.5;
		background-position: right 10px center;
	}
}