@charset "UTF-8";
/*------------------------------------
改行
------------------------------------*/
.br-sp {
	display: none;
}
@media screen and (max-width: 767px) {
	.br-pc {
		display: none;
	}
	.br-sp {
		display: inline-block;
	}
}


/*------------------------------------
.mv
------------------------------------*/
.mv h1 {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.65;
	text-align: center;
	margin-top: 56px;
}
@media screen and (max-width: 767px) {
	.l-container.mv {
		width: 100%;
	}
	.mv h1 {
		font-size: 20px;
		letter-spacing: 0;
		line-height: 1.5;
	}
}


/*------------------------------------
.catalog
------------------------------------*/
.catalog__txt {
	line-height: 2;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.catalog__txt {
		text-align: left;
	}
}


/*------------------------------------
.pageHero-withImage
------------------------------------*/
.pageHero-withImage {
	display: none;
}
@media screen and (max-width: 767px) {}


/*------------------------------------
#reason
------------------------------------*/
#reason {
	margin-top: 120px;
}
#reason .heading__Lv1 {
	text-align: center;
}
#reason .heading__Lv1::after {
	right: 0;
	margin: auto;
}
#reason .row:not(:last-child) {
	margin-bottom: 64px;
}
#reason .row:nth-of-type(odd) {
	display: grid;
	justify-content: flex-end;
	align-items: center;
	grid-template-columns: calc(50% + 5.75em) 1fr;
}
#reason .row:nth-of-type(odd) .txt {
	max-width: calc(76.5em / 2 - 5.75em + 1.5em + 2.5em);
	padding: 0 calc(1.5em + 2.5em) 0 128px;
}
#reason .row:nth-of-type(even) {
	display: grid;
	justify-content: flex-end;
	align-items: center;
	grid-template-columns: auto calc(50% + 5.75em);
}
#reason .row .img {
	aspect-ratio: 3 / 2;
}
#reason .row:nth-of-type(even) .img {
	grid-column: 2;
}
#reason .row .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
#reason .row:nth-of-type(even) .txt {
	grid-column: 1;
	grid-row: 1;
	max-width: calc(76.5em / 2 - 5.75em + 1.5em + 2.5em);
	padding: 0 128px 0 calc(1.5em + 2.5em);
}
#reason .row .txt h3 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 24px;
}
#reason .row .txt p {
	line-height: 2;
}
#reason .row .txt p:not(:last-child) {
	margin-bottom: 24px;
}
#reason .row .txt small {
	display: block;
	font-size: 13px;
}
#reason .row .txt small.date {
	text-align: right;
	margin-top: 16px;
}
@media screen and (max-width: 767px) {
	#reason {
		margin-top: 64px;
	}
	#reason .row:not(:last-child) {
		margin-bottom: 40px;
	}
	#reason .row:nth-of-type(odd),
	#reason .row:nth-of-type(even) {
		grid-template-columns: 1fr;
	}
	#reason .row:nth-of-type(even) .img {
		grid-column: 1;
	}
	#reason .row:nth-of-type(odd) .txt,
	#reason .row:nth-of-type(even) .txt {
		margin-top: 24px;
		padding: 0 20px;
	}
	#reason .row:nth-of-type(even) .txt {
		grid-column: 1;
		grid-row: 2;
	}
	#reason .row .txt h3 {
		font-size: 16px;
		margin-bottom: 8px;
	}
}


/*------------------------------------
#loan
------------------------------------*/
#loan {
	margin-top: 160px;
}
#loan .container {
	background-color: #1a5c56;
	background-image: url("../images/lp-catalog/loan-bg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	max-width: 1400px;
	width: calc(100% - 10vw);
	margin: auto;
	padding: 120px 0;
}
#loan .loan__inner {
	max-width: 1080px;
	width: calc(100% - 10vw);
	margin: auto;
}
#loan .loan__txt {
	margin-bottom: 56px;
}
#loan h2 {
	color: #fff;
}
#loan h2:after {
	background-color: #fff;
}
#loan p {
	line-height: 2;
	color: #fff;
}
@media screen and (max-width: 767px) {
	#loan {
		margin-top: 80px;
	}
	#loan .container {
		background-position: right top;
		background-size: 120%;
		padding: 64px 0 40px;
	}
	#loan .loan__txt {
		margin-bottom: 24px;
	}
}